Что в голове у пользователя? Обратная связь в UX-дизайне

Что в голове у пользователя? Обратная связь в UX-дизайне

Привет, я Артём Мальгин, руководитель веб-студии TSEKH.design и дизайн-директор группы kt.team. Наша команда занимается дизайном интерфейсов для e-commerce-проектов и B2B-порталов. А пару недель назад мы перенесли свой опыт аналитического дизайна на работу с интерфейсом информационного терминала в сети крупных торговых центров.

На данный момент информационные терминалы для сети ТЦ – скорее пассив. Каждый месяц сеть тратит на них сотни тысяч и не получает никакой отдачи. Мы хотели понять, можем ли мы улучшить ситуацию и перевести терминалы в актив. 


Задача без вводных

Когда мы работаем над обычными для нас проектами: интернет-магазинами, B2B-порталами, корпоративными сайтами – то опираемся на аналитику. Подтягиваем международные исследования, пользуемся аналитическими средствами Google и Яндекс. Такой подход позволяет нам ещё на этапе проектирования user story и интерфейсов отбирать эффективные гипотезы.

С информационными терминалами сложнее. По ним нет сколько-нибудь весомых исследований. По ним нет аналитики, кроме аналитики по частоте запросов. Всё, на что может опираться UI/UX-дизайнер, - задание заказчика, собственный опыт и анализ пользовательского поведения «в поле».

К нам терминалы попали уже в действующем виде. Интерфейс, который можно увидеть по всей стране, создавала другая студия, а разработчики kt.team писали программную часть. Мы предложили свою экспертизу для проведения CusDev’ов и разработки гипотез по улучшению терминалов.


Интерфейс глазами дизайнера

В CusDev’е принимали участие четверо дизайнеров TSEKH. На подготовку опросных листов и предварительных гипотез у нас было чуть более суток: идея о проведении исследования пришла к нам в четверг, а уже на субботу заказчик выписал нам пропуска с правом видеосъёмки и опроса посетителей.

Ближайший к нам торговый центр сети находится в соседнем городе, и до CusDev’а у нас не было возможности собственными руками «пощупать» его интерфейс. Единственный способ заранее изучить его – с помощью коллег из kt.team выйти на симуляцию терминала с офисного компьютера.

Максим, старший UI/UX-дизайнер:

«Изначально дизайн у нас не вызвал вопросов. Аккуратный, современный и на первый взгляд удобный. Мы попробовали основные пользовательские сценарии, поискали слабые места и точки роста, подготовили опросный лист для CusDev’а и несколько гипотез, которые, как нам казалось, помогут сделать терминалы более востребованными.

Но в торговом центре выяснилось: реальные пользователи ведут себя не так, как нам казалось».

За пять часов исследования мы опросили более 80 человек и поняли, насколько пользовательское видение терминала отличается от того, что предполагал заказчик. 


Вовлечение вместо информации

В 99 % случаев терминалом в торговом центре пользуются для навигации. Пользователи хотят найти нужный магазин или сервис, банкомат определённого банка или ближайший туалет. Им нужно быстро получить результат: понятный маршрут.

Максим, старший UI/UX-дизайнер:

«Интерфейс терминала разработан с расчётом на вовлечение пользователя. Например, пользователь хотел попасть в магазин Collins, перешёл на карточку – и что он видит?

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

Такая структура карточки должна вовлекать в изучение торгового центра и его магазинов. Но посетитель воспринимает дополнительные сведения как информационный шум. Ему нужен результат – понятный маршрут до нужного магазина».


Неудобный и неочевидный поиск

На пользовательских кейсах мы выявил целый блок проблем с поиском нужного магазина.

Ольга, UI/UX-дизайнер:

«Одна из посетительниц ТЦ отказалась пользоваться поиском. “Я всё равно не знаю, как правильно пишется Stradivarius, он мне ничего не найдёт”. На самом деле, терминал находит нужный магазин, даже если написать его название с ошибками. Но информации об этом нет – и страх ошибки мешает людям пользоваться терминалом.

А у тех, кто всё-таки поиском пользовался, были проблемы с самой кнопкой «Поиск». Она спрятана в основной клавиатуре, а пользователи ожидали увидеть её рядом со строкой поиска – как, например, в Google».

Максим, старший UI/UX-дизайнер:

«Есть вопросы к иерархии информации на странице результатов: ответы появляются выше поисковой строки, а не на привычном пространстве ниже. Пользователи не понимают, что это: подсказки, варианты, результаты, дополнительная информация?»

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


Чего хотят мужчины?

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

А мужчины, по нашим наблюдениям, довольно часто искали не конкретный магазин, а товар, за которым они пришли. За день касдевов у нас накопилось несколько кейсов, когда мужчины искали «нож», «шорты», «химчистку». И не получили результатов, потому что поиск настроен только на названия магазинов.


Интуитивно непонятный интерфейс

Ольга, UI/UX-дизайнер:
«Карта ТЦ, загруженная в терминал, максимально насыщена информацией. Там есть иконки и логотипы всех сервисов, расположенных на территории торгового центра. Но не все иконки легко считываются, а обилие информации запутывает навигацию.
Например, каждый их нас увидел в этой иконке что-то своё…
((упаковка мокрых зонтов))
…а она означает стойку с упаковкой мокрых зонтов».

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


Гипотезы, от которых мы отказались

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

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

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

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

Это всё были отличные и абсолютно бесполезные идеи. CusDev позволил нам сэкономить время и деньги клиента на их разработку и исключение.


Понять, что в голове у пользователя

CusDev — один из самых полезных ресурсов в дизайне интерфейса. Используя аналитику, big data, собственный опыт, мы можем только предполагать эффективность тех или иных решений. Но окончательный вердикт всегда выносит пользователь.

Чем CusDev выгодно отличается от предварительных опросов и фокус-групп, так это своей практичностью. Рассказывая о своих пожеланиях и потребностях, пользователь часто лукавит, фантазирует или умалчивает. Действующий интерфейс и реальная ситуация использования расставляют всё по своим местам.

По итогам CusDev’а мы подготовили аналитический отчёт, который презентовали клиенту. Некоторые особенности пользовательских кейсов стали для него неожиданностью несмотря на то, что у сети ТЦ очень грамотно выстроена работа с посетителями.

А в нашем багаже остался опыт взаимодействия с пользователями терминалов – он существенно отличается от того, как проходят CusDev’ы B2B-порталов или интернет-магазинов.

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

Другие статьи 

Другие статьи 

обсудить проект
Нажимая на кнопку вы соглашаетесь на обработку персональных данных
Нажимая на кнопку вы соглашаетесь на обработку персональных данных
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.