Войти в систему
Войти с помощью соц. сетей:
Дэвид Огилви считает, что великие идеи приходят из подсознания; поэтому в своей книге «Огилви о рекламе» он советует периодически отключать рациональное мышление. Например, отправиться на долгую прогулку, принять ванну или выпить рюмку/бокал любимого напитка. Но прежде чем сделать это, нужно наполнить мозг информацией о задаче, над которой вы работаете. Иначе начнут приходить мысли, не относящиеся к решаемой проблеме. Я не раз замечал, что идеи о проекте часто посещают меня по пути в магазин, в ду́ше или во время чтения. Помню, как на первом курсе института, изучая программирование, пытался разобраться в сложной теме деревьев (связанной структуре данных). Вроде бы все алгоритмы знал, но не хватало общего понимания, и, что интересно, оно пришло ко мне, когда я стоял на кухне и наливал воду в стакан. Вспоминаю то мгновение до сих пор: за секунду разобравшись в сложной теме, поняв ее на каком-то внутреннем уровне, я осознал, что смогу решить любую задачу, и потому отложил подготовку к экзамену, который впоследствии сдал на отлично.
Подобные моменты вдохновения происходят регулярно. Их можно распознать по глубоким вдохам и радостным возгласам «Ааа!». Некоторые считают, что до тех пор, пока не выполнишь все задачи, не стоит отходить от стола, хотя короткая пауза способна в разы увеличить эффективность и принести новые идеи. Главное – успеть их записать.
Если подвести итог, то поиск креативных идей выполняется в три шага:
1. Изучить всю доступную информацию по стоящей перед вами задаче.
2. Отвлечься на какое-либо занятие, не требующее интеллектуальной нагрузки.
3. Дать мыслям блуждать и не упустить пришедшие идеи.
По ходу сбора информации у вас должны были сформироваться определенные идеи. Из одного проекта вы можете взять шрифты, из пейзажей – цвета, из техники – посыл (например, статус или профессионализм). Это нормально, если идей – несколько. Визуализируйте их и попытайтесь сравнить, держа в голове посыл бренда и целевую аудиторию.
Лучшим описанием созданного стиля будет брендбук, то есть правила визуального взаимодействия человека с компанией. Он должен содержать типографику, цвета, логотип, рекомендуемые фотографии. Некоторые компании вырабатывают определенный голос, но это в меньшей степени относится к визуальному стилю, хотя не менее важно.
В связи с этим вспоминается история из личной практики. Работая с большой финансовой организацией (проект под соглашением о неразглашении конфиденциальной информации), в одном макете в качестве фона я поставил приятное изображение, загруженное из профессионального фотостока. Но, как оказалось, цвета и эмоции людей больше напоминали посыл конкурента, а потому фотографию пришлось изменить.
Жаль, что немногие дизайнеры задумываются об этом, подбирая фотографии или типографику, хотя такие вещи играют большую роль в формировании визуального языка.
Главное, что нужно понять из данной главы, – визуальный стиль должен соответствовать посылу бренда. Вот основной критерий вашей работы. Стиль может быть модным, скучным, футуристичным или любым другим, это вообще неважно. Главное, чтобы он пробуждал нужные эмоции.
В этой главе мы обсудим основные элементы, из которых формируется интерфейс.
Навигация – это своего рода карта, благодаря которой пользователь ориентируется на сайте или в сервисе. Уделите ей достаточно времени, а не слепо копируйте шаблонные варианты. Конечно, всегда полезно проанализировать, какие паттерны используются в вашей отрасли, но при этом старайтесь находить глубинную причину их использования.
Возможно, что-то более актуально для других сервисов, но абсолютно не подходит вам.
Начните работу над навигацией в текстовом редакторе – так будет проще вносить изменения. Начав в графическом редакторе, вы можете остановиться на первом же варианте из-за недосмотра или лени. Старайтесь, чтобы в навигации было не более трех уровней.
Хорошо подумайте над текстом. Чаще всего у пользователя возникают проблемы с поиском контактной информации. Если в вашей компании много филиалов, то логичнее вынести их на отдельную страницу. В обратном случае адрес и номер телефона можно разместить в шапке, футере или на странице «О компании».
При адаптиве пункты меню лучше сворачивать в иконку «гамбургер». Единственное – вы можете оставить кнопки «Войти» или «Зарегистрироваться» в одном ряду с логотипом, так как это ключевые действия и хорошо, если у пользователя будет к ним быстрый доступ на любом устройстве.
Не забывайте показывать, где пользователь находится в данный момент. Это можно сделать цветом, степенью прозрачности, подчеркиванием или подсвечиванием.
Хороший способ предоставить пользователю доступ к навигации из любого места – «приклеить» ее к верху страницы. Но если ваш сервис подразумевает активную работу с контентом (изучение графиков) или потребление информации (чтение статей), то навигация может отнять много ценного места. В этом случае лучше скрывать ее по скроллу вниз и показывать по скроллу верх. Таким образом, она не отвлекает пользователя от изучения информации, но к ней всегда остается быстрый доступ. Навигацию можно и вовсе оставить статичной, а в случае необходимости – добавить кнопку-иконку «наверх».
Нажатие на лого должно вести на домашнюю страницу. Это всем привычный паттерн, и не стоит его нарушать. Но что делать, если пользователь и так находится на домашней странице? Вы можете ничего не делать, и это будет правильно (хотя на сайте «Студии Артемия Лебедева» при клике по логотипу на главной странице воспроизводится видеоролик).
При скролле страницы часть элементов навигации можно скрыть, оставив только ключевые действия и основные пункты. Это особенно актуально для сайтов с большой шапкой, содержащей логотип, филиалы компании, выбор языка и номер телефона (такое часто можно увидеть на банковских и телекоммуникационных сайтах).
В футере можно раскрыть пункты меню, добавить контакты, ссылки на социальные сети, мобильные приложения и форму подписки.
И не забывайте, что цель навигации – не создать хорошую композицию, а помочь пользователю лучше ориентироваться в вашем сервисе.
Войти с помощью соц. сетей: