На человека ежедневно сваливается огромное количество информации, которую мозг не успевает осмыслить. Мусорной информации в разы больше, чем полезной, поэтому людям приходится заниматься оптимизацией, разбираться в сложных сервисах — на это уходит огромное количество энергии и времени – самых ценных ресурсов.
В некоторых случаях невозможность переработать информацию, шум в голове, мелькание навязчивой рекламы, бесконечный скроллинг социальных сетей может привести к бессонницам, неврозам, депрессиям. Зачем вообще нужны такие продукты?
Digital-продукты должны помогать в повседневности, упрощать рутинные процессы и освобождать время творчества, а не портить качество жизни.
Apple в последней версии iOS ввели трекер времени, проведённого в телефоне, Instagram ввел возможность указывать лимит времени использования приложения — но о дружелюбности стали задумываться только некоторые топовые компании.
Представьте, что если бы все продукты не паразитировали на времени и внимании людей, как бы они выглядели? Как дизайнер может изначально спроектировать экологичный digital-продукт? Как дать всю необходимую информацию и не перегрузить? Я занимаюсь исследованием этого вопроса и хочу собрать чек-лист экологичности интерфейсов, вот несколько из пунктов:
Необходимость исследования
У людей всегда есть ментальная модель того, как совершить покупку, забронировать отель, отправить посылку. Если интерфейс продукта не соответствует ментальной модели человека, он будет испытывать сложности во взаимодействии и скорее всего не будет им пользоваться (или будет пользоваться реже).
Секрет успешного банковского приложения или интерфейса службы доставки в том, чтобы собрать информацию о ментальных моделях различных групп пользователей и постараться приблизиться к самому простейшему варианту.
По результатам исследования можно выделить группы людей, которым не подходит основная модель и разработать удобную для них. Задав несколько критериев, можно идентифицировать этих людей и показывать им наиболее понятный для них интерфейс.
Структурирование информации
Если ваш сайт состоит из стоковых фотографий и сплошного текста - удалите его, это никому не интересно. Стоковые фотографии вызывают только отвращение, а длинные тексты никто читать не будет.
Используйте принцип кино «не рассказывай то, что можно показать». Если нужно показать большое количество данных, описать процесс, создать инструкцию — используйте графику. На то, чтобы прочесть текст у человека уйдет гораздо больше ресурсов, чем на просмотр изображения. Так происходит, потому что системе, которая отвечает за интерпретацию визуальной информации, миллиарды лет. Котики, птички, рыбки и другие животные постоянно обрабатывают поступающую визуальную информацию — это помогает понять опасна ситуация или нет, ядовитое ли перед нами растение, дружелюбен ли человек. А как давно мы научились читать? Явно не миллиард лет назад.
Формирование ощущений
С помощью изображений, видео, типографики, иллюстраций проще формировать ощущения и эмоции, играя текстурами, формами, цветами. Как бы мы не приписывали рациональное объяснение своим поступкам, человек все выбирает эмоционально. Инвестор покупает акции Apple не потому что акции недооценены и очевиден рост, а потому что ему нравится продукция компании — и так во всем.
Яркие цвета, большие шрифты, анимация привлекают внимание, но не нужно с этим перебарщивать. Если вы хотите обратить внимание пользователя, не нужно создавать 10 акцентов на одном экране, это отвлечет человека и он уйдет. Сформулируйте посыл кратко: короткий крупный заголовок и кнопка, побуждающая к действию, которое не затронет финансы или личные границы человека.
Краткость сестра таланта
Не вываливайте все и сразу. Предоставьте изначально краткую информацию о разделах и их содержании и дайте возможность изучить подробнее. С одной стороны, это забота о времени и внимании человека, с другой стороны, возможность сделать выбор, а люди любят держать все под контролем.
Как ты со мной разговариваешь
Мы хотим получать ответы на свои действия, но они не должны быть слишком радикальными – если произошла ошибка, не тыкайте пользователя носом в то, что «пароль введен неверно», скажите, что это интересный вариант, но нам нужно что-то другое. Здесь в ход идет копирайт, микро-анимация, прогресс-бары, бесшовные переходы. Не забывайте говорить человеку, что «платеж получен» или «что-то пошло не так».
Важность примеров
Вместо описания процесса в красках и рассказа о преимуществах покажите пример действий других людей. Когда мы наблюдаем, что кто-то совершает действие, активизируются зеркальные нейроны, которые отвечают за освоение навыков и влияют на выполнение тех же действий нами. Когда человек видит, как что-то делает другой, ему проще это воспроизвести.
Мы также обращаемся к чужому мнению, когда сомневаемся: читаем отзывы, рекомендации, рецензии – это называется социальной валидацией. Отлично играет на этом букинг. Он показывает пользователям, сколько человек забронировали номер сегодня, насколько пользуется спросом отель. И мы уже задумываемся: «наверное, этот отель лучше, раз он такой популярный, забронирую и я номер в нем». Этот механизм вшит в нас с древних времен и работает безотказно (за исключением некоторых случаев). Так что если вы хотите, чтобы люди что-то делали, тогда показывайте, как кто-то другой это делает – это прибавит им уверенности.
Продолжение следует...