Книга: Дизайнер интерфейсов
Назад: 18. Онбординг
Дальше: 28. Автоматизация

22. Уведомления

Уведомления могут вызывать разную реакцию. В некоторых случаях они сообщают о важных событиях – например, о встрече или приезде такси. В других могут сильно отвлекать: к примеру, когда на каждый лайк присылается отдельное push-уведомление.

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

В описании уведомления сообщайте две детали: что именно произошло и с каким объектом. Таким образом, пользователь сразу поймет, в чем дело, и ему не придется проваливаться внутрь, чтобы узнать подробности.

Самый простой пример.

Объект: «Заказ 3048 (Книги на 1240

Событие: «Собран и отправлен курьером»

Чтобы пояснить причину уведомления, его можно выделить цветом. Зеленым – если всё прошло успешно, красным – если возникла проблема.

К простому уведомлению можно добавить кнопки действий. Так поступают Facebook и «ВКонтакте», когда из попапа сразу же предлагают принять заявку в друзья.

Уведомления могут быть нескольких типов.

Контекстные. Например, напоминание о скором событии в календаре или о специальных предложениях в торговом центре, куда вы только что вошли.

Системные. Необходимость обновить приложение, прочитать правила или изучить новый функционал.

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

23. Итеративность

Продуктовый дизайн – процесс постоянного улучшения интерфейса на основе данных обратной связи и аналитики.

В студийном дизайне всё немного по-другому. Здесь главная задача – реализовать заявленные в ТЗ функции и правильно их презентовать. Однако уже сегодня некоторые студии переходят к постоянной работе с клиентами, в рамках которой дизайнеры видят результаты своей работы и вносят необходимые корректировки.

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

Не оттягивайте релиз, продумывая все детали. Лучше протестируйте гипотезу на ограниченном количестве пользователей и оцените результаты. Это даст намного больше.

24. Выводы

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

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

Например, умная CRM-система способна предложить наиболее эффективные способы продажи продукта, проанализировав все попытки. Фитнес-приложение – порекомендовать идеальное время для тренировок на основе вашего опыта. Сервис по заказу такси – посоветовать идеальное время выезда.

25. Акцент

На какой элемент должен обратить внимание пользователь, заходя на страницу, которую вы проектируете?

На сайте это будет заголовок, описание и форма регистрации. Именно в такой последовательности пользователь должен изучать вашу страницу. Таким образом он сразу поймет, чем занимается компания и как можно воспользоваться сервисом.

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

Самый простой способ проверить акценты – прищуриться и посмотреть в размытом виде, какие элементы страницы наиболее заметны. Если яркие пятна не соответствуют вашим целям – поработайте с контрастом.

26. Цвет

Цвет – один из основных элементов дизайна, который выполняет несколько функций.

Создает визуальный баланс. Это происходит, когда вы сочетаете друг с другом цвета схожей контрастности.

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

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

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

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

Помогает понять значение элементов. Например, красная кнопка ассоциируется с критическим действием, а серая – с отменой.

27. Долговечность

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

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

Это неплохое развлечение для пользователей Dribbble, но сами тренды практически бесполезны в реальном мире. Если клиенту можно продать дизайн, приводя как аргумент временную моду, то живые люди, использующие ваш продукт, плевать на нее хотели, так как им нужно лишь решить свои задачи – и хорошо, если это не займет много времени.

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

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

Назад: 18. Онбординг
Дальше: 28. Автоматизация