Принципы и правила юзабилити. Как создать идеальный интерфейс

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

И в этой статье я покажу Вам примеры плохой и, в какой-то степени, очень плохой рекламы. Но всё это с выводами и рекомендациями, как нужно было поступить. Поэтому и посмеёмся и поучимся.

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

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

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

Плохой рекламы не бывает?!

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

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

Пример 1

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

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

Пример 2

Причём, очень странно, что фраза плохо гармонирует с изображением. Рекламу нужно полностью менять. Если упор делать на жену и семью, то думать в направлении “Семейный стол без колбасы - показатель мужчины”.

Неудачная реклама колбасы

Пример 3

Как Вы думаете, какая целевая аудитория у этой рекламы? Отдадут ли мужчины своих дам в такую клинику? Или пойдут женщины в такой центр? Я уверен, что в обоих случаях будет отказ и даже обратный эффект.

Целевая аудитория крайне не подобрана и реклама сделана ради рекламы, а не эффекта. Способ улучшения рекламы очевиден - убрать всё и сделать предложение “Гарантия на имплантацию зубов - 10 лет. При любой трудности, Вы получите наши услуги бесплатно”.

Неудачная реклама стоматологии

Пример 4

Ещё одна ошибка, которая практически одинакова с примером 3. В этой рекламе развивают страхи.

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

Неудачная реклама натяжных потолков

Пример 5

Здесь уже интереснее вариант. Целевая аудитория более понятная - мужчины с автомобилем, причём, с ярко выраженной проблемой в интимном плане.

Но вопрос - сколько из автомобилистов имеет проблему с эрекцией? Представим, что достаточно много.

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

Неудачная реклама кондиционеров

Пример 6

Иногда такие детали и вправду сложно продумать, но если такое произошло, то меняйте всё, а не оставляйте со словами “Деньги уже заплатил, пусть будет”.

Неудачное рекламное место

Пример 7

Также стоит отметить игру актёров и сюжет. Как говорится, идея на 5, реализация на 2. Если уж и решили делать видео, то делайте его профессионально.

https://youtu.be/3gjgNWy2XJI

Пример 8

Я конечно всем рассказываю, что смех располагает к покупке, даже в маркетинге самой серьёзной компании, но кто же знал, что меня могут понять так?!

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

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

Неудачная реклама

Пример 9

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

Отсутствие фирменного стиля

Пример 10

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

Поэтому если делаете продукт, то пусть он избавляет от 1 (максимум 4) глобальной проблемы, а не становится волшебной таблеткой от халеры, кариеса и пыли на полках.

Переизбыток информации

Пример 11

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

https://youtu.be/KpzlMAACHRQ

Пример 12

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

Как способ улучшения, подкрепить нижнюю фразу аргументом “Гарантия”, “Более 1000 сделанных машин” или “Сертифицированная команда”.

Неудачный текст

Пример 13

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

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

Скандальная реклама

Пример 14

Возможно быть хорошим для всех? Например, в жизни Вы можете сделать все так, чтобы все без исключения Вас любили?

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

Неудачное позиционирование

Пример 15

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

Реклама ради рекламы

Коротко о главном

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

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

https://youtu.be/06jHYQSW3sE

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

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

Правило 7+/-2
Наша кратковременная память может содержать одновременно от 5 до 9 понятий, ведь возможности мозга по обработке информации не безграничны. Этот факт является результатом исследований Джорджа Миллера и используется при обосновании необходимости сократить количество объектов навигации меню до 7.

Правило 80/20. Принцип Парето
Данный принцип заключается в том, что 80% эффекта получается от 20% усилий. В бизнесе данное правило звучит так: «80% продаж приходится на 20% клиентов». С юзабилити правило работает не менее эффективно. Например, можно значительно улучшить отдачу ресурса определив 20% пользователей, действий, заказчиков, процессов или продуктов, которые дают 80% прибыли и именно на них обратить особое внимание при разработке.

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

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

1. Необходимо стремиться к логичности.
2. Для опытных пользователей следует разработать быстрый способ, к примеру, горячие клавиши, макросы, сокращения.
3. Обратная связь должна быть информативной.
4. Всегда заканчивайте диалог, то есть его следует доводить до логического конца.
5. Дайте возможность пользователю исправлять все ошибки легко.
6. Выработайте простой способ отмены действий.
7. Пользователь всегда должен чувствовать, что все под контролем.
8. Кратковременную память нужно загружать как можно меньше.

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

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

Психология и юзабилити

Эффект Зейгарник или эффект неопределенности

Человек не любит неопределенности и недоговоренности. Люди стараются как можно быстрее находить ответы на возникающие вопросы. Именно на этой особенности и основан эффект неопределенности. В 1927 году психолог Блюма Зейгарник проводила интересный эксперимент: собрав в одной комнате людей, им дали задачи для решения. Сославшись на недостаток времени, незаконченные работы забрали. После опроса выяснилось, что люди запомнили именно недоделанные задачи.

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

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

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

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

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

Закон сходства утверждает, что похожие объекты человек группирует подсознательно.

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

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

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

Юзабилити (англ. usability - дословно «возможность использования», «способность быть использованным», «полезность») - понятие в микроэргономике, обозначающее итоговый уровень удобности предмета для использования в заявленных целях. Термин имеет связь с понятием «эргономи́чность», но в отличие от последнего меньше ассоциируется с технической эстетикой, с внешним видом и более привязан к утилитарности «юзабельного» объекта.
Официальное определение
Международный стандарт ISO 9241-11 определяет юзабилити как «степень, с которой продукт может быть использован определёнными пользователями при определённом контексте использования для достижения определённых целей с должной эффективностью, продуктивностью и удовлетворённостью» (англ. «the extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency and satisfaction in a specified context of use»). При этом относительная важность всех трёх аспектов определяется этим самым контекстом. Юзабилити - это мера качества пользовательского опыта, приобретенного при взаимодействии с продуктом или системой, например, веб-сайтом, программным приложением и т.п. Юзабилити - это комбинация факторов, которые оказывают влияние на пользовательский опыт. Факторы следующие:

Почему юзабилити так важно?

Исследования User Interface Engineering, Inc показывают, что в 60% случаях люди не могут найти информацию в вебе, которая им нужна. Это приводит к потере времени, снижению производительности труда, а также к тому, что пользователи больше не вернутся на сайт. Другие источники говорят: Forrester Research получил некоторую цифры, которые показывают, сколько теряют компании из-за плохого юзабилити сайтов. Интернет-магазины теряют порядка 50% покупателей, которые не могут найти нужный товар. Около 40% пользователей не возвращаются на сайт, с которым имели негативный опыт работы. Якоб Нильсен говорит: «Изучение поведения пользователей в вебе показывает, что они плохо воспринимают медленные сайты и сайты со сложным дизайном. Люди не хотят ждать. Также они не хотят изучать, как пользоваться домашней страницей. Не существует таких вещей, как обучение веб-сайту или инструкция по веб-сайту. Люди хотят ухватить функциональность сайта сразу же после беглого сканирования страницы, то есть за несколько секунд».

Разработка Юзабилиити

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

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

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

Шаги Юзабилити

Начало - планируем веб-сайт
- Для начала надо понять:
  - Зачем вы разрабатываете сайт
  - Кто должен посещать ваш сайт
  - Когда и зачем эти люди могут посещать сайт.

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

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

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

Собираем данные от пользователей

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

Разрабатываем прототип

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

Собираем, пишем и изменяем контент

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

Правила и принципы юзабилити

Правило 7±2

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

Правило 2-х секунд

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

Правило 3-х кликов

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

Правило 80/20 (Принцип Парето)

Заключается в том, что 80% эффекта получается в результате 20% действий. В бизнесе это правило часто применяется в виде: «80% продаж приходится на 20% клиентов». В веб-дизайне и юзабилити это правило работает не менее эффективно. К примеру, значительно улучшить отдачу сайта можно определив 20% пользователей, заказчиков, действий, продуктов или процессов которые дают 80% прибыли и обратив на них особое внимание при разработке.

Восемь золотых правил для разработчиков интерфейсов

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

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

Правило Фиттса

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

Перевернутая пирамида

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

Удовлетворенность

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

Психология в юзабилити

Синдром утенка (Baby-Duck-Syndrome)

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

Баннерная слепота

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

Эффект неопределенности (Эффект Зейгарник)

Человек не терпит неопределенности - мы стараемся найти ответы на возникающие вопросы, причем как можно скорее. Эффект неопределенности основан именно на этой особенности поведения людей. Видео ролики, статьи и сюжеты, использующие эффект неопределенности, обычно заканчиваются внезапно, не разрешая сложную ситуацию и не отвечая на возникающие вопросы. Этот эффект часто используется в рекламе: задавая посетителям интересные и провокационные вопросы, рекламщики часто принуждают к чтению материала или клику на ссылке. Обнаруженный Блюмой Зейгарник в 1927 году эффект помогает установить эмоциональную связь с читателем и невероятно эффективен в маркетинге. Читатели лучше запомнят, о чем была реклама, и даже мелкие детали будут запомнены более четко и точно. Эффект Зейгарник используется и при написании текстов для веб, чтобы привлечь и заинтересовать посетителей.

Гештальт принципы восприятия форм

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

Закон сходства утверждает, что сходные объекты человек подсознательно группирует.

The Law of Prägnanz утверждает, что один и тот же объект может играть важную роль в одном визуальном поле и быть частью фона в другом.

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

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

Термины и концепции

Отслеживание взгляда (Eye-Tracking)

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

Сгиб (Fold)

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

Подсказки (Gloss)

Graceful Degradation, Fault-tolerance

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

Granularity

Степень разделения большого объема сложных данных на небольшие модули.

Hotspot

Кликабельная область сайта, меняющая свое оформление после клика на нее. Это характерно для:focus-эффектов после клика на ссылку или другой элемент сайта.

Разборчивость (Legibility)

Визуальная разборчивость текста.

Minesweeping

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

Мистическая навигация (Mystery-Meat Navigation, MMN)

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

Логичность (Physical consistency)

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

Прогрессивное улучшение (Progressive Enhancement, PE)

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

Читабельность (Readability)

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

Дизайн ориентированный на пользователя (User-centered design, UCD)

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

Бдительность (Vigilance, sustained attention)

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

Walk-Up-And-Use Design

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

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

Wireframe

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

Удовлетворенность (Satisfaction) продукта определяется как «комфорт и приемлемость использования». Определить удовлетворенность достаточно сложно, поскольку это, прежде всего, эмоциональная компонента. Были введены следующие оценки:

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

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

Правила и принципы Юзабилити

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

Основные пункты, которые подлежат проверке на данном этапе являются следующие:

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

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

Основные правила и принципы юзабилити были опубликованы в Smashing Magazine , 31 октября 2007.

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

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

^ Правило 7±2

Возможности мозга по обработке информации не безграничны, в соответствии с результатами исследования Джорджа Миллера кратковременная память может одновременно содержать от 5 до 9 сущностей. Этот факт часто используется при обосновании необходимости сократить количество элементов в навигационных меню до 7, что вызывает горячие дебаты , поскольку не совсем ясно, как это правило должно применяться в веб. [Miller’s studies ]

Правило 2-х секунд

^ Правило 3-х кликов

^ Правило 80/20 (Принцип Парето)

^ Восемь золотых правил для разработчиков интерфейсов

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

Правило Фиттса

^ Перевернутая пирамида

Удовлетворенность

^ Психология в юзабилити

Синдром утенка (Baby-Duck-Syndrome)

^ Баннерная слепота

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

Эффект неопределенности (Эффект Зейгарник)

Обнаруженный Блюмой Зейгарник в 1927 году эффект помогает установить эмоциональную связь с читателем и невероятно эффективен в маркетинге. Читатели лучше запомнят, о чем была реклама, и даже мелкие детали будут запомнены более четко и точно. Эффект Зейгарник используется и при написании текстов для веб, чтобы привлечь и заинтересовать посетителей.
^

Гештальт принципы восприятия форм

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

^ Закон близости утверждает, что когда мы видим набор объектов, объекты, расположенные ближе друг к другу, мы распознаем как группу.

Реальный пример действия закона близости c MTV Music Awards 2002.
^ Закон сходства утверждает, что сходные объекты человек подсознательно группирует.

The Law of Prägnanz утверждает, что один и тот же объект может играть важную роль в одном визуальном поле и быть частью фона в другом.

В логотипе Macintosh можно разглядеть как обычное счастливое лицо, так и счастливое лицо в профиль.
^ Закон симметрии утверждает, что мы склонны воспринимать симметричные объекты как один объект.

Закон смыкания утверждает, что люди склонны объединять объекты, которые на самом деле едиными не являются.

^

The Self-Reference Effect

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

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

Синдром гадкого утенка (Baby-Duck-Syndrome)

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

Баннерная слепота

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

Эффект неопределенности (Эффект Блюмы Зейгарник)

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

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

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

Гештальт принципы

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

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

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

Закон прагматизма говорит – один и тот же элемент способен играть как очень важную роль в одном визуальном представлении, так и становиться частью фонового рисунка в другом.

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

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

Закон смыкания говорит о том, что человек склонен к объединению объектов, которые в реальности не являются единым целым.

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

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