Первое впечатление имеет значение

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

Введение

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

Две системы обработки информации

Даниэль Канеман в своей книге «Думай быстро, решай медленно» описывает два режима, в которых люди обрабатывают информацию: системы 1 и 2.

Система 1 - наша «автоматическая система», в значительной степени непроизвольна и требует мало усилий, но она быстро обнаруживает простые отношения или распознает шаблоны.

Система 2 - медленная и энергозатратная, требующая нашего внимания; она обычно участвует в сложных действиях, таких как математика. Мы склонны отождествлять себя с нашей Системой 2: осознавать, предупреждать и контролировать наши судьбы. Однако во многих наших решениях правит Система 1. Даже если наши решения не полностью принимаются Системой 1, она всё равно обеспечивает большую часть результата.

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

Почему дизайнеры должны заботиться об автоматических, неявных процессах Системы 1? Вот несколько причин:

1. Система 1 определяет, как пользователи оценивают релевантность информации.

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

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

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

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

2. Система 1 влияет на то, как пользователи воспринимают эстетику и косвенно удобство использования сайта.

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

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

3. Система 1 определяет, как пользователи оценивают достоверность сайта.

Когда пользователи оказываются на странице, у них в голове часто имеется цель, поэтому Система 1 спросит сначала некоторые инструкции у Системы 2. Но если на странице есть определенные элементы дизайна, которые выделяются (например, одна красная кнопка в полотне черного текста), Ссистема 1 автоматически обратит на неё внимание. Согласно теории BJ Fogg, чем более заметным является элемент на странице, тем выше его влияние будет на общий авторитет сайта. Этот эффект может быть положительным или отрицательным, в зависимости от того, как люди интерпретируют этот элемент. Таким образом, движущееся объявление в верхней части страницы будет очень значительным и будет восприниматься как раздражающее, поэтому оно уменьшит доверие к сайту. С другой стороны, большое одобрение от известной публикации, такой как The New York Times или The Wall Street Journal, может быть истолковано как положительное и повысить авторитет сайта.

Последствия для дизайна

Ниже приведены некоторые моменты, которые следует учитывать в процессе проектирования для поддержки и использования автоматических процессов Системы 1.

Определите ключевые рабочие процессы для каждого персонажа.

Любой продукт может иметь несколько аудиторий, каждая из которых выполняет разные задачи. Используйте персонажей для представления этих типов пользователей. Поймите взгляды и настроения различных аудиторий, определяйте их основные цели и как они могут попытаться их выполнить. Спросите себя: «Какая наша персона Маша, которая делает первый шаг в решении своей задачи?» Как только вы определили задачи, которые могут выполнять ваши пользователи, нарисуйте их рабочие процессы и убедитесь, что вы визуально расставляете приоритеты по информации, имеющей отношение к этим рабочим процессам. Однако избегайте использования фразы «Начать работу» - она ​​преждевременно останавливает пользователей и отвлекает их от другой необходимой информации, которая может им понадобиться.

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

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

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

• Избегайте конкурирующих, одинаково важных призывов к действию. Если у вас должно быть два призыва к действию, используйте их так, чтобы их приоритет был очевиден. Если они слишком похожи друг на друга или имеют равный визуальный вес, может возникнуть потребность вмешаться Системе 2, что в конечном итоге займет больше времени и создаст восприятие когнитивного напряжения.
• Ограничьте цвета и шрифты, но оставьте контраст. Слишком много цветов (более 4) и слишком много шрифтов (более 2) на странице или даже в инфографике могут привести к «эффекту радуги», в котором подавляющее изменение дезориентирует Систему 1 и, возможно, создает негативное эстетическое впечатление от визуального хаоса. Не используйте низкоконтрастные цвета или крошечные шрифты - это заставляет людей думать, что вы пытаетесь скрыть что-то от них, затрудняя чтение.
• Убедитесь, что во время проектировки макеты были визуально сбалансированы на сетке. Следуя классическим эстетическим принципам, таким как симметрия и правильное выравнивание, вы можете убедиться, что ваш сайт выглядит привлекательно. Сетки в некоторой степени ограничивают творчество, но, с другой стороны стороны, они могут обеспечить структуру и баланс, которые делают страницы более предсказуемыми.

Ваши наиболее яркие элементы дизайна должны быть четкими и завоёвывать доверие.

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

Вывод

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

Подпишись на канал практикующего Дизайнер - Lorem input