Содержание
- 01. Выполняйте обещания
- 02. Будьте последовательны
- 03. Будьте ясны
- 04. Уважайте контекст
- 05. Знай свой голос
- 06. Показывать результаты немедленно
- 07. Переходные изменения
- 08. Гид, не диктуй
- 09. Делайте это просто, а не упрощенно
- 10. Никогда не оставляйте их желать большего.
В отчете «Правда, ложь и Интернет» аналитический центр Demos обнаружил, что треть подростков, опрошенных в Великобритании, безоговорочно полагают, что любая информация, найденная в Интернете, была правдой. Еще более поразительно то, что 15 процентов этой группы признают, что принимают решение о правдивости содержания веб-страницы только на основании внешнего вида.
Дизайн служит единственной основной цели: завоевать доверие целевой аудитории. Исследования показывают, что в течение первой секунды просмотра дизайна, даже до того, как мы прочитали хоть одно слово, мы уже составили свое мнение о вероятном качестве и надежности того, на что мы смотрим.
Как только эта базовая линия доверия установлена, только тогда дизайн опыта может работать, чтобы помочь превратить данные в знания, а знания - в понимание. Однако плохой пользовательский опыт может оттолкнуть пользователя, поскольку он начинает не доверять продукту или даже бренду в целом.
Объяснять дизайнерские решения тем, кто не занимается дизайном, - непростая задача. Однако с годами я пришел к выводу, что решения, которые я принимаю, не являются чисто инстинктивными. Эти решения основаны на том, что, как мне кажется, вызывает чувство доверия у моей аудитории. То есть то, что заставит их чувствовать себя наиболее комфортно и доверять моим проектам. Когда я могу объяснять решения, исходя из этого контекста, мне становится намного легче привлечь клиентов, менеджеров и других членов команды к тому направлению, в котором я хочу двигаться.
Основываясь на моем опыте, вот 10 главных советов по укреплению доверия с помощью дизайна.
01. Выполняйте обещания
Самый очевидный способ потерять доверие - нарушить обещания. Как только вы что-то обещаете, а этого не происходит, ваша аудитория сразу же с подозрением относится ко всему, что вы делаете. Нарушенные обещания в пользовательском интерфейсе могут произойти по-разному, но чаще всего они возникают, когда бизнес или технические потребности вступают в противоречие с пользовательским опытом.
Например, не так давно, когда вы щелкали ссылку почты на Yahoo, вместо того, чтобы перенаправлять вас на свою электронную почту, на экране появлялась реклама, заставляющая вас рекламироваться. Когда я нажимаю ссылку, чтобы перейти к своему электронному письму, я неявно обещаю, что мое письмо будет следующим, что я увижу.
Этот рекламный «захват» слишком часто встречается в веб-продуктах, которые пытаются монетизировать каждый клик. Но если вы поймете, что думаете об этом, спросите: «Обучаю ли я своих пользователей не доверять тому, что они сразу попадут туда, куда, по их словам, они хотели пойти, когда они нажмут на мою ссылку? Пойдут ли они тогда куда-нибудь еще? »Хорошая новость заключается в том, что Yahoo, похоже, изменила свой подход. При обновлении почты Yahoo пользователь сразу переходит на адрес электронной почты.
02. Будьте последовательны
Непоследовательный интерфейс - это особая форма нарушенного обещания. Когда вы устанавливаете ожидания относительно того, как тот или иной элемент интерфейса работает и реагирует, изменение этого взаимодействия или введение различных шаблонов пользовательского интерфейса для достижения схожих целей запутает ваших пользователей. Проблема в том, что, особенно если вы работаете с большой или распределенной командой, решения могут приниматься в другом месте или в другое время, которые являются непоследовательными, и эти несоответствия могут со временем усиливаться.
Это больше, чем просто руководство по стилю, надежное руководство по дизайну может помочь решить проблему несовместимых пользовательских интерфейсов. Руководство по дизайну образует центральную точку, к которой могут обратиться все члены команды, чтобы получить единообразные ответы и шаблоны проектирования, а также применяемые философии дизайна, которые помогут направлять решения в отношении новых шаблонов.
По большей части руководства по дизайну являются коммерческой тайной, но BBC Global Experience Language, или GEL, является примером, открытым для общественности.
03. Будьте ясны
Неясный дизайн может привести к замешательству и недоверию пользователей. Рекомендации по оптимизации четкости часто могут противоречить дизайну, особенно когда дело доходит до рассмотрения того, как текст и цвета работают на экране, чтобы улучшить читаемость. Однако пользователи, которым приходится с трудом читать контент, менее склонны доверять ему.
Веб-сайт Contrast Rebellion выступает против использования низкоконтрастных цветов переднего и заднего плана в дизайне, утверждая, что эти рисунки нечеткие и трудные для чтения.
Сайт призывает: «Не доставляйте посетителям головную боль только потому, что серый или любой другой цвет шрифта с низкой контрастностью лучше смотрелся в дизайне, чем черный».
04. Уважайте контекст
Если контент - король, то контекст - королева. Архитектор Элиэль Сааринен заметил, что мы должны «всегда проектировать вещь, рассматривая ее в следующем более широком контексте - стул в комнате, комната в доме, дом в окружении, окружение в плане города». Это верно и для веб-дизайна.
Кнопка - это не просто кнопка. Рассмотрим это в контексте: кнопка в модуле, модуль в разделе, раздел в статье, статья на веб-странице, веб-страница на веб-сайте.
Недавно я попытался купить билеты на сеанс одновременной трансляции 50-летия Доктора Кто на популярном сайте продажи билетов в США. Я знал, что билеты разойдутся быстро, поэтому зашел в систему пораньше, нашел мероприятие и щелкнул изображение над кнопкой с надписью «Билеты». Это привело меня на страницу «Скоро в продаже», которая, как я предположил, означает, что билеты еще не выставлены на продажу. Я терпеливо ждал, время от времени обновляя экран, но сообщение никогда не менялось. Я подождал после объявленного открытого времени. Наконец, я начал все сначала, на этот раз случайно нажав кнопку с надписью "Билеты", а не изображение непосредственно над ней. Меня перевели на совершенно другую страницу, где я мог бы купить билеты, если бы они еще не были распроданы.
Кнопка, помещенная в контекст изображения выше, обманула меня, заставив поверить в то, что они представляют собой единое целое, хотя это были два совершенно разных действия. В результате я пропустил возможность получить билеты на сеанс одновременной трансляции «Доктора Кто» в 3D.
05. Знай свой голос
Сильный голос может изменить мир. Люди по своей природе доверяют уверенному и непоколебимому голосу, но этот голос должен быть вашим собственным.
Лорен Бэкон, основатель Curiosity Labs и автор книги Curious for a Living: Как задавать лучшие вопросы делают вас незаменимыми, говорит мне: «У меня были клиенты, которые просили меня разработать для них что-то,« похожее на [вставьте здесь бренд] », и мои ответом на это всегда было «отлично - расскажи мне, что тебе нравится в этом бренде / компании / веб-сайте» ».
Клиенты часто просят выглядеть, как другие продукты, которые они знают и уважают, но на самом деле это всего лишь сокращение для того, чтобы сказать, что они хотят, чтобы их воспринимали так же, как этот бренд. Однако наша работа как дизайнеров - помочь им выразить себя и свои уникальные ценности. Бэкон рекомендует: «Каждый раз, когда это происходило, я просто указывал на законность авторского права, а затем вовлекал их в дискуссию о важности дифференциации от других торговых марок на рынке, и этого было достаточно, чтобы вернуть нас в нужное русло».
06. Показывать результаты немедленно
Причина всегда должна приводить к результату как можно быстрее. Когда посетители что-то вводят в систему, они ожидают немедленных результатов. Это может происходить небольшими способами благодаря наличию элементов управления, которые реагируют на действия пользователя изменением цвета или небольшими движениями, но это также происходит и более крупными способами, например, когда пользователь начинает поиск, отображая изменения результатов, обновляемых в режиме реального времени.
В недавнем проекте, который я разработал для Сети поддержки государственной системы реформирования здравоохранения, я разработал поисковую систему для ее ресурсной документации, которая немедленно отфильтровала список вариантов.
07. Переходные изменения
Люди страдают слепотой к изменениям. Нам трудно обнаружить даже существенные изменения в нашей среде, если не происходит очевидного перехода состояний. В одном известном эксперименте гости отеля подходили к стойке регистрации, где служащий в течение нескольких секунд общался с клиентом, а затем делал вид, что уронил ручку, и исчезал за стойкой регистрации. Через несколько секунд совершенно другой человек вставал и продолжал разговор с того места, где остановился его собеседник. Подавляющее большинство клиентов не замечали, что имеют дело с совершенно другим человеком. Я подозреваю, что многие из них действительно чувствовали, что что-то не так, даже если они не знали, что именно.
Вот как работает Интернет, с неудобными перерывами при загрузке или изменении страниц, что мешает пользователю и заставляет его чувствовать себя неловко в отношении того, что изменилось.
Один из способов, которым USA Today удалось преодолеть слепоту к изменениям на своем веб-сайте, - создать четкие и последовательные переходы, используя слайды, переходы и всплывающие окна при загрузке нового контента, чтобы пользователь никогда не терял контекст того, откуда они пришли.
Андрес Кесада, креативный директор, отвечающий за редизайн USA Today, говорит: «Мы хотели, чтобы пользователь чувствовал, что он никогда не покидает этот опыт. Для нас с самого начала было важно установить это как правило. Загрузка статьи или раздела фронт был слишком разрушительным ".
08. Гид, не диктуй
Никто не любит, когда его заставляют или обманывают. Когда вы отнимаете у своей аудитории выбор или делаете за нее выбор, который они вряд ли сделали бы сами, тогда вы предаете их доверие.
Одна из распространенных схем, которые мы видим в этом, - это предварительно проверенные варианты, которые часто заставляют нас подписываться на информационные бюллетени или предложения от третьих лиц. В некоторых случаях, даже если мы покупаем надстройки, нам, возможно, придется платить, но мы даже не подозреваем, что за них платят.
09. Делайте это просто, а не упрощенно
Стив Круг говорит нам: «Не заставляйте меня думать» в своей книге «Не заставляйте меня думать, еще раз: здравый подход к веб-юзабилити». Однако он не говорит нам: «Не дай мне думать». Это важное различие. Ваша аудитория не глупа, и как только вы начнете относиться к ней не как к разумным людям, они обратятся к вам и будут смотреть на того, кто относится к ним с некоторым уважением. Пользовательские интерфейсы должны казаться естественными и простыми в использовании, но это не означает, что вы также удалите все параметры, а только то, что они представлены честно, постоянно и четко.
10. Никогда не оставляйте их желать большего.
Старая театральная пословица гласит: «Всегда оставлять их желать большего». Но зачем вам прислушиваться к советам кучки актеров, постоянно говорящих друг другу сломать ногу?
С пользовательским опытом все обстоит как раз наоборот: вы никогда не хотите оставлять своих пользователей без вариантов или вести их в тупик. Как только вы это сделаете, вы их потеряете. Используйте эти 10 главных советов в качестве отправной точки на пути к установлению и поддержанию доверия пользователей.
Слова: Джейсон Крэнфорд Тиг Иллюстрация: Майк Бреннан
Джейсон Крэнфорд Тиг (Jason Cranford Teague) - руководитель UX в Gannett Digital и автор бестселлеров «CSS3: Visual Quickstart Guide» и готовящегося к выходу «The New Web Typography». Эта статья впервые появилась в 252 выпуске сетевого журнала.
