Hi-Tech

Тестирование визуального дизайна: узнаёт ли пользователь в айдентике сайта идею бренда

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

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

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

Как тестировать восприятие визуального дизайна

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

Но если дизайн кому-то нравится, это ещё не значит, что он правильно передаёт черты бренда. Согласно исследованию Гитте Линдгаард и её коллег, пользователям достаточно десяти секунд, чтобы оценить дизайн. Ни вы, ни члены команды, ни руководящий состав не являетесь пользователем продукта.

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

  • Знакомство с визуальным стимулом: покажите участникам исследования дизайн. Это может быть картинка, прототип, живой интерактивный сайт или приложение.
  • Оценка реакции пользователя на этот стимул: измерьте реакции на дизайн с помощью открытых или строго контролируемых вопросов.

Тестируемый материал

При очной оценке визуального дизайна можно просто показывать участникам статичную картинку на бумаге или на экране. Ваш «тестируемый материал» (визуальное представление дизайна) легко адаптировать к различным типам исследований. Страницы на бумаге должны быть реалистичного размера.

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

Они позволяют тестировать большие группы людей или пользователей, с которыми трудно встретиться лично (полезно, если вам нужна высокая степень достоверности полученных результатов). Для оценки эстетического впечатления и впечатления от бренда можно пользоваться удалёнными, немодерируемыми методами исследований. Любой инструмент, который позволяет транслировать картинки, подходит для дистанционной оценки.

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

  1. Пятисекундный тест: во время такого теста вы показываете материал в течение пяти секунд (или другого короткого промежутка времени). Это лучший способ точно зафиксировать инстинктивную реакцию пользователей. Время просмотра в пять секунд — этого слишком мало, чтобы прочитать текст или заметить детали, например, шрифты или цвета, но хватит, чтобы сформировать впечатление, которое точно отражает визуальный стиль.
  2. Тестирование first-click: вы даёте участникам конкретные указания (например: «узнайте больше об этой организации») до того, как они увидят дизайн, и останавливаете их, когда они кликнут на нужную область экрана, где завершат задание. У большинства пользователей этот тест займёт всего несколько секунд — они будут не разглядывать страницу, а искать функциональность или ссылку, которая относится к полученному заданию. Остальная часть дизайна будет восприниматься вскользь. Этот тест лучше использовать, если вы предполагаете, что пользователи впервые зайдут на ваш сайт уже с конкретной целью.

Эти два теста легко проводить удалённо с помощью таких сервисов, как 5 Second Test и Userzoom (для пятисекундных тестов) или Chalkmark (для тестирования first-click).

Если пользователи посещают ваш сайт, имея несколько целей, выберите случайных участников и дайте им несколько других заданий на сайте или просто работайте с более нейтральным пятисекундным тестом. Когда проводите тестирование first-click, помните, что ваши точные указания обязательно повлияют на то, что участники будут замечать и запоминать в визуальном дизайне.

Сравнение нескольких вариантов дизайна

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

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

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

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

Оценка реакции пользователей: открытый метод против структурированного

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

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

  • Открытое объяснение предпочтения: попросите пользователей объяснить, почему им понравился дизайн.
  • Открытый выбор слов: попросите пользователей перечислить от трёх до пяти слов, чтобы описать дизайн.
  • Закрытый выбор слов (тестирование желанности): предоставьте пользователям список слов и попросите выбрать подходящие.
  • Численные показатели: соберите численные показатели того, насколько хорошо дизайн отражает конкретные качества бренда.

Открытое объяснение предпочтения

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

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

Такой метод особенно рискованный в немодерируемом удалённом формате (как, например, опрос), так как у вас не будет возможности уточнить детали с помощью дополнительных вопросов, если кто-то даст расплывчатый ответ вроде «неплохо». Недостаток этого подхода в том, что вы можете получить короткие или неактуальные ответы, если участник немотивирован или просто не умеет выражать свои мысли.

Открытый выбор слов

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

В ответе можете получить множество ключевых слов. Вы можете выяснить, что не учли какие-то факторы, имеющие большое значение для аудитории. Их придётся тщательно проанализировать, чтобы разобраться, что важно пользователям.

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

Ни одно из этих слов не было названо участниками, но многие пользователи описали дизайн как «простой» (с положительным и отрицательным значением). Например, таблица ниже показывает результаты по b2b-сайту, который хотел бы ассоциироваться со словами «заслуживающий доверия», «современный» и «полезный».

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

Структурированный выбор слов

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

Структурированный выбор слов (также известный как «тестирование желанности») не открывает новые точки зрения на дизайн так, как открытый выбор слов. Кроме того, там должны быть слова, которые описывают противоположные качества. Но он помогает сравнивать разные версии дизайна или реакции различных групп пользователей на один и тот же дизайн.

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

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

Численные показатели восприятия бренда

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

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

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

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

Оценка эстетических качеств дизайна в рамках тестирования удобства использования

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

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

Также вам нужно оценить, как визуальный дизайн влияет на поведение пользователей и успешность выполнения задачи, когда они взаимодействуют с системой. Хотя первые впечатления важны, они отражают далеко не всё.

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

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

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

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

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

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

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

Теперь оно написано более светлым шрифтом, а буквы не в верхнем регистре, поэтому оно воспринимается как «новое». Но это меню всегда было на сайте, только в тёмных цветах и заглавными буквами.

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

Нужно ли оценивать визуальные впечатления от продукта отдельно или достаточно включить это в общую оценку пользовательского опыта?

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

Методы, описанные в этой статье, можно использовать отдельно при условиях:

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

#дизайн

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

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

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

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

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