Chulakov Design #5: «Прочитай меня!» или как донести до пользователя информацию

Информация — самое важное на сайте. Дизайнеры Студии Олега Чулакова делятся проверенными способами заинтересовать пользователей контентом, который вы собираетесь разместить.

Больше заметок дизайнеров вы можете прочитать здесь.

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

Что это такое и чем она отличается от карты сайта?

Информационная архитектура — это схема, которая содержит все смысловые блоки сайта или приложения. Карта сайта содержит в себе только структуру и переходы страниц, но не рассказывает о том, какие блоки используются в этих страницах.

Для чего нужна информационная архитектура?

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

Как сделать информационную архитектуру?

По-разному. Иногда ее расписывают в гугл-документах или с помощью программ, вроде Mindmap. Мы советуем рисовать ее в виде блок-схемы. Смотрите прикрепленный файл.

Как работать с информационной архитектурой?

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

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

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

Несколько советов, которые могут помочь:

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

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

Если вы продаете дорогой товар, который не покупают импульсивно, то нет смысла делать большие заголовки «Успей купить» и красные кнопки. Следует описать, почему он столько стоит, и чем может помочь пользователю. В описании тоже не нужно размещать полотно текста. Лучше начинать от общего и переходить к частному, делая ответвления.

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

Плохо реализованные модальные окна стоят препятствием на пользовательском пути и в 90% случаев вызывают негативные эмоции. В особенности это касается рекламных баннеров — одной из самых распространенных причин отказов посетителей от использования сайта.

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

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

Скорее всего, вы узнали о новой заметке в канале благодаря push-уведомлению. Этот нехитрый способ — один из основных нативных приемов удержания внимания пользователей.

Это микровзаимодействие может быть как полезным, так и паразитирующим. Полезными являются уведомления о списании средств с карты, о прибытии такси по адресу, о новом письме на почту (если это не спам). Как только приложение начинает злоупотреблять вниманием, посылая бесполезные сообщения вроде «Эй, тебя давно не было! Скорее возвращайся и захвати еще пару замков!», это в определенный момент начнет раздражать пользователя. В лучшем случае, он отключит уведомления в настройках, в худшем — избавится от приложения навсегда.

Уведомление должно быть кратким. Если вы получили SMS с кодом подтверждения какой-либо операции, а нужный код находится в самом конце сообщения, он не попадет в превью на пуше. Это неудобно. Емкий информативный вариант «Ваш код – ХХХХ» будет значительно лучше.

Проектирование push-уведомлений — задача дизайнера. Доступность подачи информации в таком сообщении напрямую влияет на решение, которое примет пользователь: открыть или проигнорировать. Если хотите уведомить пользователя о чем либо — составляйте такие уведомления, которые сами хотели бы получить — своевременные, прямые, емкие и осмысленные.

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

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

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