Hi-Tech

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

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

Информационная архитектура

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

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

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

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

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

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

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

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

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

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

Контентмейкер

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

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

  • Сайт всегда решает какую-либо задачу. определите тип контента. Поставьте себя на место пользователя и спросите, что вам было бы интересно;

  • спросите клиента. Нужно не просто попросить клиента дать вам что-нибудь. Задайте конкретные вопросы о пользователях, о товаре или услуге;
  • Больше не всегда означает лучше. используйте то, что есть. Любую мысль можно развить, проиллюстрировать, обыграть интересной механикой; Подумайте, как показать в выгодном свете то, что у вас уже есть.

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

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

Настойчивый консультант

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

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

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

Модальные окна

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

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

  • название. Дайте пользователю сразу понять, что за окно возникло перед ним, и почему оно появилось. В идеале заголовок модального окна и кнопка, которая его вызвала, должны совпадать;
  • содержание. Копирайт модальных окон должен соответствовать tone of voice бренда, для которого вы проектируете сайт или приложение. Если конкретных требований по текстам у заказчика нет, создайте впечатление общения приложения с пользователем. Составляйте закрытые вопросы, на которые можно ответить «Да» или «Нет», и тогда у посетителя никогда не возникнет мысли «Что от меня хотят?» и «Что нажимать?»;
  • расположение. Цель модального окна — сохранение контекста той страницы, на которой пользователь находился. Поэтому «всплывашка» не должна быть слишком большой или слишком маленькой. Она должна быть легкой во взаимодействии и хорошо заметной (но без фанатизма). Если в какой-то момент вы понимаете, что без скролла не обойтись, подумайте об отдельной странице;
  • пути отхода. Самое важное — дайте пользователю возможность беспрепятственно закрыть окно. Это может быть кнопка отмены, перекрестие «закрыть», клик (тап) за пределами окна. Также можно добавить возможность закрытия по клавише «Escape».

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

Push me

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

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

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

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

Спасибо за ваш заказ

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

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

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

Показать больше

Похожие статьи

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Кнопка «Наверх»
Закрыть