Файл: Проектирование и выполнение проекта в материале. Навигация сайта-магазина.pdf

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

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

Рис. 2.3. Черный

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

Рис. 2.4. Жёлтый

Зеленый цвет происходит от слияние синего и желтого, при этом взаимодополняются качества того и другого (см. рис. 2.5). Отсюда появляется покой и неподвижность. В зеленом всегда заложена жизненная возможность, он не обладает действующей во вне энергией, но содержит в себе потенциальную энергию – не покоится, а отражает внутреннее напряженное состояние. Он выражает отношение человека к самому себе; ничего не требует и никуда не зовет. Зеленый нейтрализует действие остальных цветов; помогает рассеивать негативные эмоции. Приносит спокойствие и умиротворенность, помогает сконцентрироваться и принять решение.

Рис. 2.5. Морской зеленый

В 2016 году Яндекс анонсировал собственный шрифт Yandex Sans (см. рис. 2.6), над которым работали 2,5года. Гарнитура основана на Arial. Современный нейтральный шрифт, отличающийся от основных конкурентов и довольно точно передающий образ Яндекса и «голос» бренда. Этот шрифт используется во всех сервисах Яндекса, в том числе на веб-странице Яндекс.Еда.

Рис. 2.6. Шрифт Yandex Sans

На главной странице сайта в шапке расположен логотип компании, разделы по видам пользователей «ресторанам», «курьерам», «компаниям», кнопка с геолокацией города где будет происходить поиск и, конечно, кнопка входа в личный кабинет, где после авторизации появляется иконка пользователя (см. рис. 2.7). Ниже под шапкой расположена плашка с изображением еды и поисковая строка ресторанов по адресу доставки. Думаю, это достаточно удобный поиск доступных ресторанов, нет необходимости тратить время выбирая из списка открытых те, что доставляют по конкретному адресу, что очень упрощает жизнь пользователю.

Рис. 2.7. Главная страница Яндекс.Еда

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

2.2. Эскизы системы навигации, окончательный вариант, стилеобразующие элементы и визуализация разработки

При создании иконок ориентировалась на наброски блюд (см. рис. 2.8) ассоциативно понятные любому современному пользователю и стилизовала их в пиктограммы.

Рис. 2.8. Наброски

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

1. Черный — самый сильный из всех нейтральных цветов. Его

достоинство в том, что он обычно ассоциируется с силой, элегантностью и формальностью, создаёт ощущение утонченности и загадочности в дизайне;

1. Желтый часто считают самым ярким и энергичным из всех

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

Для разработки навигационных знаков использовались две толщины линий 0.75 и 1.25 (пт), круги диаметром 1 и 0.5 (мм) (см. рис. 2.9).

Рис. 2.9. Линии и круги

Для лучшего восприятия проделанной работы и понимания как окончательный вариант элементов навигации смотрится на веб-странице, нужно поместить их в среду (см. рис. 2.10).

Рис. 2.10. Окончательный вариант

Быстрое и надежное решение в этой их размещение на главной странице в программе Photoshop (см. рис. 2.11).

Рис. 2.11. Расположение иконок на сайте

ЗАКЛЮЧЕНИЕ

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

Требования к дизайнеру зависят от целей компании. Но редко встречаются дизайнеры, которые обладают всеми необходимыми навыками одинаково хорошо. Чаще они хороши в чём-то одном, и именно этим они ценны.

Думаю, что в будущем, с ростом технологий виртуальной реальности, интерфейсы перейдут в 3D. Уже сейчас создаются сайты под VR. А дальше, возможно, частично исчезнут визуальные интерфейсы. Сегодня мы слышим, как на конференциях говорят о нейроинтерфейсах. Но наиболее развиты сейчас голосовые помощники. Возможно, в ближайшем будущем пользователю не нужно будет уже ничего вводить и искать на сайте. Надев очки, достаточно будет сказать виртуальному помощнику, что вам нужно.

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

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