Файл: НАВИГАЦИЯ САЙТА-МАГАЗИНА.pdf

Когда-то люди ориентировались по солнцу, звездам и луне. Затем появились первые бумажные карты, астролябии и компасы. Сейчас все гораздо проще — достаточно достать из кармана смартфон. Но речь пойдёт не просто о навигации, которая помогает человеку дойти или доехать до нужного пункта назначение, а именно о навигации сайта, а точнее сайта-магазина и почему эта тема является актуальной.

Для удобства перемещения по страницам необходима продуманная навигация по сайту. Это система средств, которые помогают искать нужную информацию. Задача вебмастера — сделать так, чтобы посетитель добрался до страницы за 2–3 клика, но это возможно не всегда. Продуманная система навигации важна для сайта, так как от удобства зависит лояльность людей.

Если интернет-магазин окажется не удобным для применения, то человек просто будет искать тот сайт, где ему будет удобнее совершать покупки.

Переход осуществляется при помощи гиперссылок — текстовых и графических. На сайтах используются следующие элементы навигации:

1) Меню на главной. С его помощью гость должен за один клик попасть в новости, каталог, портфолио, контакты. Если разделов много, их группируют. Так, банки делят разделы на две группы — для физических и юридических лиц.

2) Строка пути, которую называют хлебными крошками. Она упрощает навигацию по страницам сайта. Пользователь видит, где находится, и понимает, как вернуться.

3) Межтекстовая навигация сайта — вид, который используется для перемещения между разделами. По ссылкам пользователь переходит к новым статьям или позициям каталога.

4) Дополнительные элементы. Важно присутствие на веб-страницах иконки, при нажатии на которую пользователь возвращается на главную. Возможно разместить иконки отдельных разделов.

Чтобы разработать навигацию на сайте, важно представлять структуру, чтобы обеспечить удобный доступ посетителей. Поскольку гости переходят из поисковика не на главную страницу, а к товару или услуге в каталоге, важно предусмотреть удобное перемещение.

Данная тема является актуальной, так как роль навигации очень важна, особенно на сайте-магазина, так как, если покупателю будет не удобно им пользоваться, информация ему будет казаться непонятной и неполноценной, то он найдёт тот сайт-магазин, где ему будет удобно ориентироваться в выборе товара и совершении покупки.

Цель проектирования: Проектирование комфортной среды для пользователей сайтов-магазинов

Задачи: Разработка навигации для сайта-магазина товаров для домашних питомцев.

Проанализировать + и – существующих систем навигации
Разработать систему навигации для сайта-магазина
Разработать иконки для сайта-магазина.

ГЛАВА 1. ИСТОРИЯ НАВИГАЦИЯ САЙТА

1.1. Появление первого сайта

На сегодняшний день ни один человек не представляет своей жизни без интернета, ведь некоторые сайты, которые мы посещаем снабжают нас нужной информацией, другие развлекает, на третьих можем совершать покупки. Но кто-нибудь задумывался о том, как появился первый сайт и кто его изобрёл?

6 августа 1991 года был создан первый сайт, который можно найти по адресу info.cern.ch. Сайт доступен и сейчас, с тем же содержимым и интерфейсом, что и 28 лет назад. Его основатель - программист Тим Бернерс Ли (См. рис. 1), с которого началась история Всемирной паутины. Сайт был разработан совместно с бельгийским разаботчиком Робертом Кайо.

Рис. 1 Программист Тим Бернерс Ли

Они создали этот ресурс, работая в Европейской организации по ядерным исследованиям (ЦЕРН). Программисты просто хотели разместить данные в сети, чтобы упростить работу своим коллегам.

Самый первый сайт был посвящен Всемирной паутине — ее назначению и принципам работы.

На главной странице располагалось определение технологии: «Всемирная паутина или W3 даёт возможность поиска гипермедиа информации, целью которой является предоставление универсального доступа к бесконечному множеству документов».

Кстати Бернерс Ли создал сайт на компьютере NeXT, устройстве одноименной компании, основателем которой был Стив Джобс.

С начала запуска Веба британец настаивал, что интернет должен быть общедоступным и децентрализованным. Он даже не попытался заработать на правах на технологию и отказался патентовать ее.

Помимо причастности к созданию первого сайта, Тим Бернерс Ли считается изобретателем URI, URL, HTTP и HTML. Именно эти технологии можно найти в info.cern.ch.

Если точнее, Бернерс Ли придумал:

- язык разметки HTML для создания веб-страниц

- протокол HTTP для передачи данных в Вебе

- систему унифицированных адресов ресурсов URL для поиска документа или страницы

Эти технологии применяются в интернете и сейчас.

У британца была и более масштабная задача. В ЦЕРН приезжали люди из университетов со всего мира, и привозили с собой компьютеры со всеми видами программного обеспечения. Проблемой была невозможность использования одной программы на компьютерах с разными видами софта.

Бернерс Ли искал решение данной проблемы. Изначально он думал о создании ряда программ, берущих информацию из одной системы и конвертирующих ее формат для показа в другой.

Но оптимизировать программы под каждый софт — долго, энергозатратно и дорого. Британец выбрал другой способ: просто дать доступ к информации всем сразу.

До создания и развития веба популярностью пользовалась компьютерная сеть Юзнет (Usenet) (См. рис. 2).

Она также использовалась для общения и передачи файлов. Но принцип был другим: отличие в том, что Юзнет состоял не из страниц, а из новостных групп и работал по протоколу NTTP.

Рис. 2 Сеть Юзнет

Кстати, эта сеть стала фундаментом в развитии веба. Именно в ней появились первые интернет-сообщества. Ее пользователи ввели понятия «ник», «смайл», «флуд», «троллинг» и прочие термины, без которых мы не представляем интернет-сообщество.

Так как мы выяснили, как появился первый сайт, поговорим о навигации сайтов. Начнём с того же самого первого сайта info.cern.ch., так как с его появлением можно считать и первое появление навигации сайта. Его главная страница (См.рис.3) ничем не примечательна. На ней находятся всего лишь 4 ссылки на другие разделы. В целом - самая простая и понятная навигация: нажимаешь на первую ссылку - попадаешь на страницу с описанием разработки WWW (См. рис. 4), переходишь по второй ссылке - попадаешь на то, как разрабатывался сайт (См.рис.5), по третьей ссылке находится статья о рождении интернета (См. рис. 6), а в последней говорится о Церне, физической лаборатории (См. рис. 7), где всё это происходило.

Рис. 3 Главная страница info.cern.ch.

Рис. 4 Описание разработки WWW

Рис. 5 Разработка сайта.

Рис. 6 Рождение интернета

Рис. 7 ЦЕРН, физическая лаборатория

Любой человек, который посетит данный сайт с лёгкостью разберётся, так как он очень простой и в разделах уже сказано о том, чему они посвящены. Так как время не стоит на месте, то развитие и создание сайтов тоже не стояло на месте. Стали появляться и другие сайты, например, в 1994 году появилась первая библиотека (См. рис. 8), основанная программистом Максимом Мошковым.

Рис. 8 Библиотека Максима Мошкова

В 1995 году в апреле СМИ стали переходить в онлайн. Первым из бумажных изданий это сделала «Учительская газета» (См. рис.9). У нее появился собственный сайт ug.ru, на котором была размещена информация об издании и перепечатывались статьи из бумажной версии.

Рис. 9 "Учительская газета"

Так же стали появляться сайты, которые специально на заказ разрабатывали дизайн-студии. Одной из первых в России такой услугой воспользовалась компания «Аэрофлот» (См. рис. 10), для которой онлайн-страницу создавала студия Seanet. Сейчас любой школьник сделает сайт круче, но в 1996-м такой дизайн выглядел очень привлекательно и современно.

Рис. 10 Сайт компании «Аэрофлот»

Навигация данных сайтов довольна проста и она, как и дизайн в целом, очень отличается от того, что дизайнеры создают сейчас. На сегодняшний момент популярностью обладают сайты, на которых можно что-то заказать или купить и, если навигация на нём будет непонятна и не удобна, то у Вас попросту никто не найдёт и не закажет. Поэтому навигации нужно уделять достаточно внимания, от этого зависит, появятся у Вас клиенты или нет.

1.2. История возникновения и развития сайта-магазина

В поезде на Сиэтл ехал человек и под стук колес размышлял о том, как здорово, что Интернет, наконец-то, стал свободным и публичным. Люди получили новый инструмент для работы и площадку для общения, где с удовольствием проводят свободное время. Потом человека озарило: если во Всемирной Паутине можно общаться, что же мешает людям прямо здесь делать покупки? Осталось только придумать, какие товары продавать этим способом? Что легче всего хранить и пересылать? Пассажир поезда на Сиэтл не кричал «Эврика», но решил, что продавать лучше всего книги, аудио и видео кассеты, музыкальные диски. Человека звали Джефф Бизос (См. рис. 11), размышлениям в поезде на Сиэтл он предавался в 1994 году, а результатом мыслей, навеянных под стук колес, стал интернет-магазин Amazon (См. рис. 12), ставший сегодня гигантом электронной коммерции. Джефф Бизос стал основателем первого интернет-магазина, когда решил, что доход ему будет приносить продажа книг. На первоначальном этапе он занимался всем: от наполнения своего магазина до разработки маркетинговой стратегии. Новым толчком развития для магазина Amazon послужила возможность оплачивать в нем покупки банковскими картами. Последователи мистера Бизоса не отличались особой оригинальностью и большинство первых интернет-магазинов тоже сосредоточились на продаже книг. У книг не было срока хранения, их легко было упаковывать и отправлять. Потом в интернет-магазинах появились игрушки. У них тоже не было срока годности, хранение и отправка игрушек покупателям также не представляли особой сложности.

Рис. 11 Джеф Бизос

Рис. 12 Первая версия Amazon

В реальности в 2000 году продажи Amazon превысили $1,6 млрд. Продавец стал одним из самых крупных игроков в онлайн-бизнесе. Если в 1997-м фирма на IPO была оценена в $438 млн, то теперь она стоила почти в пять раз дороже. А в 2001-м показалась и первая прибыль – $5 млн в последнем квартале – за счет больших продаж в сезон праздников, в Черную пятницу и Рождество. К тому времени компания продавала уже не только книги, но и музыку с DVD. Во-первых, продажа только печатной продукции сужала аудиторию. Во-вторых, у Amazon были судебные разбирательства с популярными книжными сетями из-за заявлений фирмы Безоса о том, что она «является крупнейшим книжным магазином в мире». Никто не спорил с тем, что Amazon продает больше печатной продукции, чем все остальные, но юристы решили придраться к слову «магазин» и настаивали на том, что Amazon – брокер, который занимается перепродажей, а не продажей. Безосу пришлось заплатить магазинам кругленькую сумму, и вопрос решился вопрос вне стен суда. Amazon растет до сих пор. Ребята постоянно покупают новые компании и предлагает удобные сервисы. Совсем недавно они успешно запустили доставку с помощью дронов, а также открыли оффлайн-магазин Amazon Go. Это уникальное место, где не надо платить за покупки: система автоматически подсчитывает, сколько стоит то, что вы уносите, и снимает эту сумму с вашего аккаунта в Amazon. Ожидается, что такие магазины начнут повсеместно появляться в городах США в 2017-м.
Уже сейчас компания стала огромной частью глобальной экономики. Каждая третья онлайн-покупка в Америке совершается на amazon.com. Каждый второй клиент онлайн-магазинов сначала идет на Amazon и исследует там цены товаров, чтобы примерно представлять, с чем он имеет дело. С течением времени сайт преображался, его дизайн стал намного интереснее и навигация намного удобнее (См. рис. 13), так как появились фотографии товаров, с помощью которых люди понимают в каком разделе искать нужный товар и так же могут видеть что он из себя представляет.

Рис. 13 Магазин "Amazon" в наши дни