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


Юзабилити веб сайта - основные принципы usability web сайтов

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

Почему важно соблюдать принципы юзабилити сайтов?

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

Принципы юзабилити web-ресурса

Разработка юзабилити сайта базируется на главном правиле: «чем проще — тем лучше». Чем более привычную структуру и интерфейс видит пользователь — тем легче ему сориентироваться и тем меньше времени он потратит, чтобы найти нужный раздел, т.к. будет чувствовать себя более уверенно.

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

1. Дизайн — залог доверия к сайту

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

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


Пример сайта, перенасыщенного графикой. Дизайн пестрит рассеивающими внимание цветовыми сочетаниями, обилием картинок.

2. Логичный структурированный контент

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


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

3. Важная информация — в левом углу

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


4. Общение с пользователем

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


Попав на такую страницу 404, пользователь не растеряется и, скорее всего, не сразу покинет ресурс.

5. Отмена действия

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

6. Ненавязчивое предложение помощи

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


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


7. Разговор на понятном языке

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




8. Отказ от резких перемен

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

То же самое относится к веб-дизайну: пользователь не только потратит больше времени, но и разочаруется, заметив, что вместо значка корзины теперь — «Добавить товар», вместо «Каталог» — «Продукция», а привычные объемные кнопки обтекаемой кнопки стали плоскими и рублеными. Потому задумав «перестановку», не шокируйте посетителя — изменения должны быть постепенными и не менять кардинально привычную структуру.

9. Все возможности — на виду

Удачное решение — когда пользователь видит все разделы, в которые может перейти, т.к. в любой момент может быстро сориентироваться, где находится и как вернуться обратно. Если на сайте планируется много контента — резонно предусмотреть горизонтальное верхнее, вертикальное меню (и то, и другое — возможно, с подразделами), а также «подвал». Если речь идет о минималистичной «визитке» или landing page — достаточно только верхнего горизонтального меню.

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

Пример удачной карты сайта

10. Форма регистрации и заказа: чем лаконичнее — тем лучше

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


11. Заметное длинное поле поиска

Соответствующая кнопка — лучший помощник посетителя. Особенно если речь идет о крупном ресурсе. Строку поиска пользователь должен обнаружить без труда. Чтобы при первом знакомстве он не тратил на обнаружение соответствующей строки даже несколько секунд.

Еще один важный момент — длина поля поиска. Согласно исследованию Якоба Нильсена, в среднем туда вмещается 18 символов, а оптимальная длина — 27 символов. В 90% случаев сюда поместится даже длинный запрос, чтобы пользователь его полностью увидел и исправил при надобности. Для установки нужной ширины используйте относительную единицу «em», равную размеру используемого шрифта.


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

12. Больше свободного пространства

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


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

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

Тестирование юзабилити

Новый интерфейс оценивается с двух позиций:

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

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

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

Статью подготовила Виктория Закирова.

Десять рекомендаций по повышению удобства использования и доступности вашего сайта

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

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

1. Добавьте карту сайта

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

Карта сайта также является отличным способом удовлетворить требования Accessibility Консорциума World Wide Web по доступности Accessibility Guidelines (WCAG 2.0, критерии успеха 2.4.5).

В WordPress существует множество плагинов для создания страницы карты сайта из сообщений и страниц, включая Simple Sitemap и WP WordPress Sitemap.

Пользователи Drupal могут автоматически создавать карту сайта пунктов меню или категорий, используя модуль Site Map.

2. Используйте четкую и последовательную навигацию Системы

Использование согласованной системы навигации является основным участником Руководства W3C Content Accessibility . Это также отличный способ повысить удобство использования вашего веб-сайта, поскольку он позволяет вашим пользователям быстро понять структуру меню ваших страниц. Использование последовательной навигации означает размещение меню и подменю в тех местах, где пользователи ожидают их найти на вашем веб-сайте, и позволяет пользователям вспомогательных технологий быстро перемещаться по страницам.Согласованная навигация Меню также должно включать механизм пропуска больших блоков ссылок.

3. Проверка страниц и таблиц стилей

Использование действительной разметки необходимо для создания страниц, которые могут быть легко интерпретированы и отображены браузерами. Правильная разметка также гарантирует, что страницы и таблицы стилей могут отображаться с помощью вспомогательных устройств, таких как программы чтения с экрана и дисплеи Брайля. Чтобы убедиться, что ваши страницы и таблицы стилей используют допустимые HTML и CSS, вы можете проверить их с помощью валидаторов HTML и CSS W3C.

4. Проверьте свой веб-сайт с помощью автоматизированных инструментов Accessibility Assessment Tools

Automated Accessibility Инструменты оценки - отличный способ начать всесторонний анализ Accessibility и могут помочь вам определить критические проблемы доступности на вашем веб-сайте. Эти инструменты могут помочь вам определить общие проблемы accessibility , такие как отсутствие атрибутов alt, низкая контрастность элементов , недопустимая разметка HTML / CSS и многое другое.Некоторые из этих автоматизированных инструментов также включают предупреждения о разметке и ручные проверки для дальнейшего тестирования. Ознакомьтесь с еще одним важным инструментом accessibility Evaluation здесь.

5. Используйте разметку HTML для предоставления семантической информации

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

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

Включение альтернативного (Alt) текста - один из рекомендуемых методов для повышения удобства использования изображений на веб-сайте. Он также позволяет программам чтения с экрана и другим вспомогательным технологиям предоставлять информацию об изображениях, встроенных в страницы HTML.Альтернативный текст должен быть достаточно информативным и кратким, чтобы дать пользователям точное представление о контекстном значении изображения. Альтернативные описания, содержащие более 5-7 слов, могут быть предоставлены как длинные описания, либо с использованием атрибута longdesc, либо путем ссылки на новую страницу с полным описанием. Для изображений, которые являются чисто декоративными (например, границы, разделители и т. Д.), Вы можете указать устройствам со вспомогательными технологиями игнорировать изображение, установив для атрибута alt значение NULL.

7. Проверьте Ваши страницы с помощью клавиатуры

Пользователи вспомогательных технологий обычно используют клавиатуру для навигации по страницам. Вы можете протестировать на доступность клавиатуры , используя клавиатуру и клавиши «tab» и «shift + tab» для перехода по всем ссылкам на вашем сайте. Используйте клавишу «Enter», чтобы активировать элементы управления и ссылки, при этом убедитесь, что все функции страницы доступны только с клавиатуры.

Вот несколько советов по созданию страниц для специальных возможностей клавиатуры :

  • Избегайте использования «display: none» или «display: 0» в ваших таблицах стилей.Для таблиц стилей, которые используют эти свойства, не забудьте включить другой индикатор фокуса клавиатуры (например, стили: focus {}).
  • Убедитесь, что порядок табуляции для элементов управления страницей и ссылок соответствует естественному порядку чтения документа.
  • Включите ссылки или кнопки для реализации специальных возможностей интерактивных элементов.
  • Предоставьте пользователям возможность пропускать большие блоки ссылок.

Для получения дополнительной информации ознакомьтесь со статьей WebAim о Keyboard Accessibility .

8. Предоставление титров для встроенного видео

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

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

Популярные инструменты для создания субтитров: MAGpie, Subtitle Workshop и ccPlayer. Обратите внимание, что инструменты транскрипции не на 100% точны, поэтому все титры, созданные с помощью этих программ, следует проверять на точность.

Для получения дополнительной информации о форматах субтитров ознакомьтесь со статьей WebAim о субтитрах, стенограммах и аудиоописаниях:.

9. Предоставление стенограмм для временных носителей

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

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

10. Протестируйте Ваши страницы на мобильном устройстве

Все большее число пользователей выходят в Интернет через мобильные устройства. Чтобы гарантировать наилучший опыт для ваших посетителей, рекомендуется протестировать ваших страниц с помощью одного или нескольких мобильных устройств (включая телефоны и планшеты). В дополнение к ручному тестированию существует несколько автоматизированных инструментов для оценки юзабилити вашего сайта на мобильных устройствах. Google Analytics включает анализ скорости страницы и пользовательского опыта для мобильных устройств (в разделе «Поведение»).Вы также можете использовать W3Cs MobileOK Checker для определения синтаксиса и других ошибок, которые могут повлиять на производительность сайта на мобильных устройствах.

Заключение

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

Вдохновение для этой статьи: Сеть консорциума World Wide Web Доступность и Удобство использования Совместная работа.

Хотите узнать больше?

Если хотите…

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

… тогда рассмотрите возможность пройти онлайн-курс «Проведение юзабилити-тестирования».Если, с другой стороны, вы хотите освежить в памяти основы UX и юзабилити, подумайте о том, чтобы пройти онлайн-курс по пользовательскому опыту. Удачи вам в обучении!

(Изображение: Depositphotos)

.

Что такое простота? | Основа дизайна взаимодействия

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

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

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

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

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

.

Влияние эстетики на отношение к веб-сайтам

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

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

Исследования Khuang et al. (2001) и Park and Jung (2001) показали, что эмоции могут повысить ценность физических товаров, таких как дома и автомобили. Эмоции также могут влиять на воспоминания пользователей о продуктах и ​​процессах принятия ими решений о покупке (Kim, Lee & Choi, 2002). Хорошо известна история использования эмоций в традиционных СМИ для создания капитала бренда и создания лояльных клиентов.Маркетологи знают, что их самые лояльные клиенты - это те, кто эмоционально связан с их брендом.

Определение эстетики и эмоций

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

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

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

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

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

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

Влияние мотивации и интереса пользователей

Привлечение потребителей к продукции широко признано в качестве важной переменной, которая принимается во внимание в рекламе. Такое участие продукта влияет на решения покупателей / пользователей и процессы поиска информации (Dahlén, Rasch, & Rosengren, 2003).Успешный дизайн веб-сайта зависит от типа продукта и уровня мотивации зрителя.

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

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

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

Различия в предпочтениях пользователей с низкой и высокой мотивацией предполагают, что веб-сайты должны учитывать уровни мотивации и интереса своих пользователей. Высокомотивированные люди будут оценивать информационное содержание продукта, используя рациональный, сознательный подход (Dahlén, Rasch, & Rosengren, 2003).

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

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

Интернет-сайт Сложность

Сложность и объем информации, представленной на веб-сайте, могут повлиять на эффективность взаимодействия на сайте и восприятие сайта пользователем. Слишком много или слишком мало контента может отпугнуть пользователей.

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

Средний уровень сложности обеспечивает оптимальную эффективность коммуникации (Geissler, Zinkhan, & Watson, 2006). Сложность от низкой до умеренной способствует возникновению приятных ощущений, тогда как высокая сложность стимулирует чувство интереса (Стивенсон, Брунер и Кумар, 2000).

Стивенсон и др. (2000) попросили участников оценить веб-сайты различной сложности по:

  • Отношение к рекламе
  • Отношение к компании
  • Намерение покупки
  • Отношение к сайту

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

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

Восприятие достоверности

Дизайн веб-сайта влияет на восприятие доверия, а недостаток доверия влияет на продажи в Интернете.Карвонен (2000) сообщил, что интернет-пользователи признают, что делают интуитивные, эмоциональные, оперативные суждения при совершении покупок в Интернете на основе восприятия веб-сайта продавца.

Исследование Кима и Муна (1998) показало, что клипарт и общая цветовая схема влияют на надежность веб-сайта. Они обнаружили, что трехмерный динамичный клипарт пастельных тонов, покрывающий как минимум половину экрана, повышает надежность.

Карвонен и Парккинен (2001) предполагают, что использование высококачественных, хорошо подобранных фотографий вызывает доверие потребителей.

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

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

Другие переменные, влияющие на восприятие достоверности, включают следующие результаты исследований:

  • Лайтнер (2003) обнаружил, что чрезмерное использование графики вредит представлению о профессионализме.
  • Ван и Эмуриан (2005) обнаружили, что простота и последовательность облегчают доступность и навигацию, и это характеристики заслуживающего доверия сайта.
  • Flanagin & Metzger (2007) обнаружили, что предложение информации и новостей, относящихся к рекламируемым продуктам, может улучшить восприятие доверия.

Влияние юзабилити на эстетику

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

К сожалению, исследования показали неоднозначные результаты в отношении взаимосвязи между восприятием эстетики и удобством использования. Tractinsky et al. (2000) обнаружили, что на восприятие эстетики и удобства использования после использования повлияло восприятие эстетики до использования.

Thüring и Mahike (2007) обнаружили, что, хотя эстетика оказывает основное влияние на эмоциональную валентность и физиологическое возбуждение, взаимодействия между удобством использования и эстетикой не наблюдается.Но они обнаружили, что удобство использования важнее эстетики при сравнении оценок удовлетворенности использованием продукта.

Вывод

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

Список литературы

Дален, М., Раш, А., Розенгрен, С. (2003). Любите сначала сайт? Исследование эффективности рекламы на веб-сайтах. Журнал рекламных исследований, 43, 1: 25-33.

Фланагин, А.Дж. и Мецгер, М.Дж. (2007). Роль функций сайта, пользовательских атрибутов и поведения при проверке информации на воспринимаемую достоверность информации в Интернете. Новые СМИ и общество 9, 2: 319-342.

Гейсслер, Г.Л., Зинхан, Г.М., Уотсон, Р.Т. (2006).Влияние сложности домашней страницы на внимание, отношение и намерение потребителей. Журнал рекламы, 35, 2: 69-80.

Канг Ю. и Ким Ю.Дж. (2006). Имеют ли значение уровень интереса посетителей и воспринимаемое количество контента веб-страницы в формировании отношения к веб-сайту? Decision Support Systems, 42: 1187-1202.

Ким Дж., Ли Дж. И Чой Д. (2003). Создание эмоционально вызывающих воспоминания домашних страниц: эмпирическое исследование количественных отношений между факторами дизайна и эмоциональными измерениями.Международный журнал исследований человека и компьютера, 59: 899-940.

Линдгаард Г., Фернандес Г., Дудек К. и Браун Дж. (2006). Внимание веб-дизайнеров: у вас есть 50 миллисекунд, чтобы произвести хорошее первое впечатление! Behavior & Information Technology, 25, 2: 115-126.

Стивенсон, Дж. Э., Брунер II, Г. К., и Кумар, А. (2000). Журнал рекламных исследований 20, 1: 29-34.

Тюринг М. и Махике С. (2007). Юзабилити, эстетика и эмоции во взаимодействии человека и технологии.Международный журнал психологии, 42 (4): 253-264.

Трактинский, Н. Кац, А.С., Икар, Д. (2000). То, что красиво, можно использовать. Взаимодействие с компьютерами 13: 127-145.

Ван, Ю. и Эмуриан, Х.Х. (2005). Обзор онлайн-доверия: концепции, элементы и значения. Компьютеры в поведении человека 21: 105-125.

.

человек | Usability.gov

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

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

Преимущества Personas

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

  • Заинтересованные стороны и лидеры оценивают идеи новых функций сайта
  • Информационные архитекторы разрабатывают информированные каркасы, поведение интерфейсов и маркировку
  • Дизайнеры создают общий вид веб-сайта
  • Системные инженеры / разработчики решают, какие подходы использовать в зависимости от поведения пользователей
  • Авторы копий обеспечивают, чтобы контент сайта был написан для соответствующей аудитории

Лучшие методы разработки персонажей

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

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

Чтобы ваши персонажи точно представляли ваших пользователей и пользовались поддержкой заинтересованных сторон на протяжении всего процесса, вам следует:
  • Проведите исследование пользователей. : Ответьте на следующие вопросы: Кто ваши пользователи и почему они используют систему? Какое поведение, предположения и ожидания окрашивают их взгляд на систему?
  • Краткое исследование : Ищите темы / характеристики, которые являются конкретными, актуальными и универсальными для системы и ее пользователей.
  • Brainstorm : Организуйте элементы в группы персон, которые представляют ваших целевых пользователей. Назовите или классифицируйте каждую группу.
  • Refine : Объедините грубые персонажи и расставьте приоритеты. Разделите их на основные, второстепенные и, при необходимости, дополнительные категории. У вас должно быть примерно 3-5 персонажей и их характеристики.
  • Сделайте их реалистичными : Разработайте соответствующие описания происхождения, мотивации и ожиданий каждого персонажа.Не включайте много личной информации. Будьте актуальными и серьезными; юмор не подходит.

Вопросы, которые нужно задать во время разработки Persona

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

Цель Вопросы
Определите цель /
Видение места
  • Какова цель сайта?
  • Какие цели у сайта?
Опишите пользователя Личный
  • Каков ваш возраст?
  • Какой у вас пол?
  • Какой самый высокий уровень образования получил этот человек?

Профессиональный

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

Технический

  • Какие технологические устройства использует ваш человек на регулярной основе?
  • Какое программное обеспечение и / или приложения ваш человек использует на регулярной основе?
  • Через какое технологическое устройство ваш пользователь в первую очередь получает доступ к Интернету за информацией?
  • Сколько времени ваш человек каждый день проводит в Интернете?
Мотивация пользователей
  • Чем движет ваша личность?
  • Что они ищут?
  • Что хочет делать ваш человек?
  • Что ему нужно?

Элементы Персоны

Персонажи обычно включают следующую ключевую информацию:

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

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

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

Источник: Дэн Браун

Пример Persona

Некоторые персонажи невероятно детализированы, тогда как другие просто предлагают краткое описание каждого типа пользователя. Вот пример части более крупного персонажа, разработанный Службой экономических исследований (ERS) Министерства сельского хозяйства США (USDA).

Персона:

Старший менеджер USDA Привратник

Фото:

Вымышленное название:

Мэтью Джонсон

Должность /
основные обязанности:

Программный директор по персоналу, USDA

Демография:

  • 51 год
  • Женат
  • Отец троих детей
  • Дедушка одного ребенка
  • Имеет докторскую степень.Доктор экономики сельского хозяйства.

Цели и задачи:

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

Тратит рабочее время:

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

Окружающая среда:

Ему комфортно пользоваться компьютером, и он считает себя пользователем Интернета среднего уровня. Он подключен через соединение T1 на работе и через модем дома. Он широко пользуется электронной почтой и в течение рабочего дня пользуется Интернетом около 1,5 часов.

Цитата:

«Вы можете получить мне анализ персонала ко вторнику?»

Персона, разработанная U.S. Служба экономических исследований (ERS) Министерства сельского хозяйства США.

Список литературы

.

Смотрите также

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Одноклассники
Вы можете оставить комментарий, или ссылку на Ваш сайт.

Оставить комментарий