Юзабилити Глазами Пользователя

Я думаю, все веб-мастера и дизайнеры знают, что хорошо продуманный и удобный интерфейс поможет привлечь и удержать на вашем сайте больше пользователей.

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

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

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

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

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

Что ж, давайте начнем.

Первые пару вопросов немного скучноваты, но дальше будет веселее.

1. Какую из двух страниц вам удобнее читать?

Юзабилити глазами пользователя

Как вы заметили, шрифт на правой странице более жирный, чем на левой.

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

Что думают пользователи? 63% пользователей проголосовали за нужную страницу.

Итак, первый из них терпит неудачу.

Вперед, продолжать.

2. Какой из этих двух текстов легче читать?

Юзабилити глазами пользователя

Межстрочный интервал на левой странице немного больше, чем на правой.

Меня вполне устраивает второй вариант, с обычным интервалом.

Голоса разделились почти поровну.

46% - левые, 54% - правые, так что здесь мое мнение совпадает с мнением большинства.

3. Какой пункт меню вы предпочитаете?

Юзабилити глазами пользователя

Большинство, конечно, скажет «левые», и это действительно так – 78%.

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

На этот раз я в меньшинстве.

Вторая неудача.

4. Какой тип навигации вы предпочитаете?

Юзабилити глазами пользователя

Надеюсь, мое мнение совпадет с мнением большинства, и да! 71% аудитории проголосовали за вертикальное меню.

Попробуем ответить на вопрос, почему это так? Здесь все довольно просто.

Большинство людей не читают, а просматривают меню в поисках нужного нам пункта.

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

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

Естественно, это создает для нас существенные неудобства.

5. На каком экране проще найти строку поиска?

Юзабилити глазами пользователя

Наверняка большинство скажет, что они правы, и они будут правы – 77%.

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

6. Где вы ожидаете увидеть кнопку «Подтвердить»?

Юзабилити глазами пользователя

И здесь все довольно неожиданно.

Голоса разделились ровно 50/50. Почему это так? Предположим, что аудитория, среди которой проводился опрос, наполовину состоит из пользователей Windows, а другая половина — из пользователей MacOS. В этих системах кнопки расположены наоборот. В Windows кнопка «отправить» находится слева, в MacOS — справа.

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

7. Какой дизайн вызывает больше доверия к компании?

Юзабилити глазами пользователя

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

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

8. Какое выделение обязательных полей предпочтительнее?

Юзабилити глазами пользователя

Здесь голоса снова разделились пополам – 50/50. Я проголосовал за левый вариант, потому что он мне просто более привычен.

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

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

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

Решение я вижу такое: не надо давать пользователю смешанные формы.

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

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

9. Какой вариант удобнее закрыть.



Юзабилити глазами пользователя

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

Вот я со всеми - 95%.

И это разделение разрушает гипотезу о двух типах пользователей — Windows и MacOS. Ведь на Mac кнопки управления и закрытия окон находятся слева, так почему же тогда за этот вариант проголосовало так мало людей? Как сказал один человек, глядя на эти варианты: «Да, на Маке кнопка слева, но как это неудобно».

Видимо так думает большинство пользователей этой ОС.

10. Какой вариант кнопки «Печать» вам больше нравится?

Юзабилити глазами пользователя

На этот раз я снова на стороне большинства — 78% предпочитают кнопку с подписью.

Это не сложно объяснить.

Как часто, блуждая по Интернету, вы встречаете одни и те же значки одного и того же принтера? Я думаю, что ответ здесь очень редко.

Не существует стандарта изображения этикеток; каждый дизайнер нарисует то, что ему кажется красивее.

И часто пользователь потом задается вопросом, что имел в виду разработчик под следующим рисунком.

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

И я полностью с ними согласен.

Что ж, похоже, не все так плохо, как казалось вначале.

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

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

Вместе с данным постом часто просматривают:

Автор Статьи


Зарегистрирован: 2019-12-10 15:07:06
Баллов опыта: 0
Всего постов на сайте: 0
Всего комментарий на сайте: 0
Dima Manisha

Dima Manisha

Эксперт Wmlog. Профессиональный веб-мастер, SEO-специалист, дизайнер, маркетолог и интернет-предприниматель.