Юзабилити – истоки возникновения и основы юзабилити. Элементарные основы юзабилити
Что
Юзабилити это качественный признак , который определяет, насколько интерфейс пользователя легок в использовании. Слово "юзабилити" также обозначает набор методов, служащих для улучшения интерфейса во время процесса его разработки.
У юзабилити есть пять количественных составляющих:
- Обучаемость : насколько легко пользователи могут выполнить основные задачи, впервые встретившись с незнакомым им интерфейсом?
- Эффективность : после того, как пользователи ознакомятся с дизайном, как быстро они могут выполнить то же задание?
- Запоминаемость : После того, как пользователь снова вернется к интерфейсу через определенный промежуток времени, насколько легко ему будет восстановить свои навыки работы с данным интерфейсом?
- Ошибки : сколько ошибок делает пользователь, насколько серьезны эти ошибки, насколько легко пользователь может исправить эти ошибки?
- Удовлетворенность : насколько пользователю приятно пользоваться данным интерфейсом?
Помимо юзабилити существует еще множество других важных качественных признаков дизайна. Один из ключевых - полезность , который описывает функциональность дизайна и отвечает на вопрос: является ли интерфейс тем, что пользователю нужно? Юзабилити и полезность одинаково важны: какой толк в программе, пусть даже и удобной в использовании, если она не делает то, что вам нужно? Плоха и та программа, которая гипотетически делает то, что вам нужно, но вы не можете с ней работать из-за ее сложного интерфейса. Для изучения полезности программы вы можете пользоваться теми же методами, что и при изучении качества ее юзабилити.
Почему
В Web-е юзабилити является необходимым условием выживания. Если с веб-сайтом трудно работать, посетители просто уходят с него. Если главная страница сайта не заявляет четко и ясно, чем занимается компания, и что какие задачи сайт позволяет выполнить, посетители уходят . Если сайт запутанный, посетители уходят . Если информация на сайте трудна для восприятия и не отвечает на ключевые вопросы посетителей, они уходят . Уловили мысль? Не бывает таких посетителей, которые внимательно изучают "справочное руководство по работе с сайтом" или тратят свое время на освоение его интерфейса. В Web-е полным полно других сайтов, поэтому уйти с сайта - первое побуждение, возникающие у посетителей, когда они наталкиваются на трудность.
Доброго дня вам, уважаемые читатели моего блога. Популярным инструментом продаж услуг и товаров в интернете является сайт. Как сделать так, чтобы пользователи не просто заходили полюбоваться красивыми картинками, но делали именно то, что вам нужно: совершали покупки, оформляли подписку на материалы?
Поведением пользователя на сайте можно управлять. Для этого существует юзабилити, основные принципы которого мы рассмотрим в статье.
Но даже если у вас нет своего сайта, понимание основ юзабилити можно превратить в источник неплохих денег. Интересно? Тогда читайте дальше.
Проблема большинства владельцев сайтов одинакова. В веб-разработку вложены большие деньги, но инструмент не работает!
Пользователи не совершают тех действий, которые ждет от них продавец. Не покупают, не подписываются на обновления, быстро уходят, низкий процент повторных обращений. В чем дело?
А ответ на поверхности – сайт для пользователя неудобный!
Что это значит? Например, чтобы найти информацию об оплате и доставке пользователю нужно пролистать несколько страниц. Никто не хочет тратить лишние усилия на поиски. Поэтому нужно предлагать простые решения.
Принципы юзабилити в интерфейсе
Есть несколько важных правил в дизайне, которые нужно учитывать при его разработке.
Первое правило носит название «Правило 7». Основано оно на особенностях работы человеческой кратковременной памяти.
Охватить вниманием человек способен от 5 до 9 объектов, в среднем это Не нужно перегружать страницы обилием объектов среди которых легко потеряться, ограничьтесь семью.
Второе правило – это правило двух секунд. Никто не хочет ждать пока прогрузится сложная, забитая графикой и флеш-заставками страница. Поэтому стоит подумать много раз, прежде чем так поступать.
Возможно, это сделает сайт визуально более привлекательным, но пользоваться им не будут.
Следующее правило звучит как правило трех кликов. Это значит, что пользователь должен совершить максимум три перехода до того момента, как найдет нужную информацию. Такие сайты любят не только посетители, но и поисковые роботы.
Правило Фиттса. Суть его в том, что не нужно делать крупные предметы еще более крупными, человек их и так заметит.
Принцип перевернутой пирамиды . Это значит, что посетитель должен сначала получать самую важную информацию и постепенно переходить к менее значимой. Такой подход экономит время на поиски, что вызывает у пользователей положительные эмоции.
Тестирование интерфейса
Даже если вы уверены в том, что выполнили все правильно, интерфейс нуждается в обязательном тестировании. Для этого нужно собрать группу людей, которые будут принимать участие в тесте и подготовить список самых востребованных задач, которые пользователь должен решить при помощи вашего сайта.
Допустим, найти товар, оформить заказ, оплатить, поменять товар в корзине, получить информацию о доставке и другие.
Все всплывающие в ходе тестов ошибки нужно фиксировать письменно, даже самые незначительные. Устранить все недочеты. Шаги повторять до тех пор, пока не будет получен необходимый результат.
Чужими руками или самостоятельно?
Разработка интерфейса может быть выполнена самостоятельно или руками привлеченных специалистов.
Например, на этой бирже weblancer.net
можно заказать услуги по разработке дизайна и верстке сайта. Вложенные средства окупятся очень быстро.
Также вы можете пройти обучение мастерству создания работающих сайтов. Например, здесь вы найдете много качественных, работающих курсов.
Эти программы могут быть полезны не только владельцам сайтов, но и людям, которых интересует хорошо оплачиваемая работа в интернете.
Пройдя обучение, вы становитесь специалистом, который может помочь качественно в интернете, сделать его более прибыльным.
Такие специалисты востребованы на рынке труда и могут рассчитывать на хорошую оплату.
Обучающие курсы содержат видеоматериалы от ведущих специалистов российского интернета, практические материалы, чек-листы и интеллект-карты. Изучить информацию вы можете в удобное для вас время.
Например, на курсе «Проведение аудита юзабилити сайтов » вы научитесь видеть и исправлять ошибки, которые приводят к потере больших сумм денег, сможете обеспечить попадание в топ-10 только за счет того, что исправите эти ошибки.
Принципы юзабилити контента
Говоря о юзабилити, не стоит упускать из виду важность контента. Каким бы удобным ни был сайт с точки зрения дизайна, главное, зачем приходит человек – это качественная информация, контент.
Признаки качественного контента:
логичность информации;
простота подачи;
наличие структуры.
Текст, написанный простыней, не воспринимается. Такие статьи закрывают, даже не пытаясь в них вчитываться. Поэтому в любой статье должна быть четкая структура: подзаголовки, списки, врезки, выделенные основные мысли.
Все это позволяет пользователю экономить время на поиске нужной информации.
Где брать такие тексты?
Можно писать их самостоятельно, привлекать для работы профессиональных копирайтеров или покупать готовый контент на бирже, например, здесь — textsale.ru
Под термином «юзабилити» понимают удобство сайта для пользователя. Сегодня это очень важный параметр, который может серьезно влиять на продвижение ресурса. Если сайт удобен для пользователя, то он проведет на нем больше времени, что влияет на поведенческие факторы , которые, в свою очередь, отражаются на позициях в поисковых системах, а они все больше внимания уделяют именно действиям пользователя, можно предположить, что со временем эта тенденция только усилится.
Когда речь идет о сайтах с несколькими страницам (сайты-визитки и т.д.), то всерьез о юзабилити думают крайне редко - в этом нет необходимости. Достаточно хорошего дизайна и контента. А вот в случае с большими и сложными проектами над юзабилити приходится очень серьезно поломать голову.
Зачем это нужно
Согласно различным исследованиям, в среднем на одной странице люди проводят около 30 секунд. Кроме того, немногие пользователи просматривают страницу до конца. Это объясняется огромным количеством сайтов, на многих из которых размещена бесполезная или плохая информация. Люди привыкли к этому, и их нужно зацепить буквально в первые секунды.
Помимо этого, человек должен легко ориентироваться на ресурсе, навигация должна быть интуитивно понятной. В этой области есть ряд стандартных и эффективных решений, но о них я расскажу ниже.
Получается, что сайт с хорошим юзабилити должен сразу захватить внимание пользователя и удержать его, а также позволить ему легко попадать в любой раздел, даже если он на вашем ресурсе в первый раз.
Многие разработчики стремятся к простым решениям, что совершенно правильно. В данном случае простота - залог успеха. В отдельных случаях простотой жертвуют из-за необходимости, но при этом всегда нужно быть очень аккуратным. Например, зеленый текст на черном фоне точно привлечет внимание, но вот пользоваться таким сайтом будет никому неудобно.
Делаем удобный сайт
Как человек воспринимает информацию
Якоб Нильсен проводил исследование, в ходе которого создал карту движения взгляда пользователя на сайте. Большинство людей воспринимают информацию так:
На изображении видно, что люди смотрят в левую часть экрана. Это происходит подсознательно. Именно поэтому меню и прочие самые важные элементы на сайте добавляют чаще всего именно в левую часть. Это стало уже стандартом, поэтому в данном случае ничего нового придумывать не стоит. Люди привыкли к тому, что меню будет находиться либо слева, либо вверху сайта. Другие решения могут дезориентировать человека.
Правило трех кликов
Давным-давно кто-то придумал правило трех кликов, согласно которому пользователь с любой страницы сайта на любую другую должен перейти, совершив не более трех кликов. Очевидно, что для ресурсов со сложной структурой это не подойдет. Пример: «Главная страница – магазин – велосипеды – горные велосипеды – бренд». Уже получается, что человеку нужно сделать четыре клика. Но в данном случае нельзя сказать, что это плохо.
Если исключить любой пункт, например, «горные велосипеды», то у пользователя на странице будет слишком много товаров, часть из которых ему не нужна (например, шоссейные велосипеды). Данный пример показывает, что на сайтах с большим количеством страниц и сложной структурой нужно думать не о трех кликах (или любом другом числе), а об удобстве пользователя.
О навигации
- наличие логотипа в верхней части экрана, который ведет на главную страницу;
- контактная информация находится в футере, если речь идет о продающем сайте;
- ссылки должны визуально отличаться от текста.
Не соблюдать эти нормы глупо. Просто потому, что все пользователи уже к ним привыкли. Их соблюдение можно назвать основами юзабилити в области навигации, выдумывать тут точно ничего не стоит, разве что этого требуют нестандартные решения в области дизайна, но это уже частные случаи.
Если на сайте большое количество страниц, то обязательно нужно делать внутренний поиск. Обычно строку располагают в правом верхнем углу (как на моем сайте). Если количество страниц не превышает 900–1000, то будет достаточно совсем простого поиска, а если их гораздо больше, то имеет смысл делать сложный поиск (исправление ошибок, поисковые подсказки и т.д.). При этом никогда не стоит пытаться заместить плохую навигацию внутренним поиском. Возможность быстро найти нужную информацию - это всего лишь дополнительная опция.
О контенте
Качество контента и его оформление также напрямую относится к юзабилити сайта. Если у вас на ресурсе бессмысленные статьи плохого качества, то совершенно не важно, насколько хороши другие элементы. А если у вас отличные статьи, но ужасно оформленные, то уже их качество не имеет никакого значения - их не будут читать. Существуют общепринятые правила оформления текста, которые подойдут практически для любого сайта, и стоит им следовать, хотя бы из-за удобства для пользователей.
Используйте стандартные шрифты вроде Arial, Tahoma, Verdana или похожие на них. Нестандартные шрифты можно использовать для заголовков, но для основного текста это будет не лучшим решением. Не каждому будет комфортно читать большую статью с таким шрифтом, пусть он и смотрится интересно:
Черный шрифт на белом фоне - стандартное и оптимальное решение. Нестандартные варианты встречаются, но текст и фон должны быть контрастны, а ярких цветов следует избегать. Например, красный шрифт на зеленом фоне создаст сильную нагрузку на зрение, и большинству посетителей вашего сайта будет просто неприятно читать такой текст. Темный фон использовать допустимо, но и тут нужно очень тщательно выбирать сочетание цветов и оттенков. Хороший пример:
Размер шрифта не должен быть меньше 12 пикселей. Также избегайте бегущих строк и мигающего текста - подобные приемы затрудняют чтение и многих людей попросту раздражают. Не нужно злоупотреблять жирным текстом, ключевые моменты можно выделять, но не стоит этого делать в каждом предложении.
Важное значение имеет и качество контента. Существуют определенные правила написания и оформления статей, которые актуальны практически для любого ресурса. Вообще, это тема для отдельной статьи, но основные моменты, которые очень сильно влияют на юзабилити, я упомяну.
- Статьи правильнее писать в виде «перевернутой пирамиды», то есть, самая важная информация и ключевые выводы должны быть в самом начале, а наименее важная - в конце. Это помогает сразу завладеть вниманием пользователя: он должен быстро понять, будет ли ему статья полезна или нет;
- Размер статьи не имеет значения (в том числе и с точки зрения SEO), она должна полностью отвечать на вопрос пользователя. Понятное дело, что если в топе статьи размером 10–15 тысяч знаков, то со статьей размером 2–3 тысячи знаков вы не займете лидирующие позиции. Просто потому, что не сможете в таком объеме достаточно полно ответить на вопрос пользователя;
- Для больших статей стоит делать оглавление (с якорями в тексте), которые позволят быстро попасть в нужный раздел;
- Заголовки, списки и продуманная структура материала существенно облегчают его восприятие.
Как выявить проблемы
Проблемы с юзабилити можно найти на любом сайте, в этом смысле предела совершенству быть не может. Существуют различные методы, анализ можно сделать самому, а можно прибегнуть к помощи специалистов. Явным сигналом о проблемах с удобством может служить снижение конверсии сайта .
Изучение статистических данных
Статистические данные могут дать довольно много пищи для размышлений. Есть очень продвинутые инструменты, например, «Вебвизор Яндекса», который позволяет посмотреть на ваш сайт глазами пользователя. Да, изучение таких данных займет много времени, но вам не требуется смотреть глазами каждого посетителя. Обычно обращают внимание на отказы и только на те, которые пришли по целевым запросам.
Кроме того, обычная статистика также может подсказать слабые места на ресурсе. Вот скриншот из «Яндекс Метрики » с данными о посещаемости разных разделов на сайте:
Я подчеркнул данные по одному разделу, который явно отличается от других. Глубина просмотра здесь значительно выше, чем в среднем, это можно сказать и про время на сайте. Количество отказов чуть ниже среднего значения по всему сайту. В чем тут дело? Все просто: этот раздел сайта полностью закончен, там есть перелинковка между статьями и дополнительные элементы навигации (рекомендуемые статьи). Уже это дало +0,64 глубины просмотра и +1 минуту и 13 секунд ко времени на сайте.
Крайне простой способ, который позволит вам оперативно найти слабые места у вашего проекта. Далеко не факт, что проблемы будут именно в области юзабилити, но работать с веб-аналитикой все равно необходимо.
Оценка пользователями
В этом случае просят реальных людей оценить удобство сайта и дать развернутый отзыв. Можно попросить друзей, можно нанять сторонних специалистов, которые предоставят развернутые отчеты и дадут рекомендации. Если вы будете просить своих друзей или родственников, главное - соблюсти одно условие: они должны зайти на ваш сайт в первый раз. Есть такой эффект как «замыливание глаз», поэтому только новый пользователь сможет обратить внимание на слабые места, которые вы сами не замечаете, так как привыкли к своему ресурсу.
Тестирование
Тестирование - самый сложный способ, зато он дает самый лучший результат. Обычно используют фокус-группы из 5–8 человек, которые должны оценить сайт. Перед тестом определяют параметры, которые тестировщики должны будут оценить. Вариант не самый дешевый, но он действительно самый лучший.
Собственно методов тестирования существует очень много, на эту тему есть приличное количество научных публикаций, поэтому я не буду вдаваться в подробности, так как в рамках одной статьи раскрыть тему полностью не получится совершенно точно. Для рядового вебмастера первых двух способов оценки юзабилити сайта будет вполне достаточно - они выявят самые критичные проблемы.
Заключение
Удобство для пользователя сегодня должно быть на первом месте для любого сайта. Если вы хотите сделать действительно успешный проект, то у него не должно быть слабых мест. Ведь всегда найдутся конкуренты, у которых все идеально. Уделяя повышенное внимание юзабилити, вы закладываете прочный фундамент для будущего вашего сайта. И не забывайте, что хоть и есть общепринятые стандарты и рекомендации, экспериментировать никто не запрещает, а успешность каждого решения можно определить только после реальных тестов.
О юзабилити" url="http://marketnotes.ru/about-usability/usability-principls/">Читая про эвристические методики оценки дизайна и юзабилити, я обратил внимание, что все ссылаются на некие общепринятые принципы юзабилити, однако, никто не пишет какие. Тут два варианта: или они настолько понятны и естественны, что о них даже и не стоит говорить, или же толком никто не знает, что же это за принципы. Проанализировав статьи, которые на них ссылаются, да и просто подумав обе поисковые системы, я пришел к неутешительному выводу: толком никто ничего не знает, а все статьи – это неточные копии одной из статей Якоба Нельсона. Некоторые даже оставили ссылку на эти самые общепринятые принципы.
Увы, я не нашел ни одной статьи на русском (или украинском) языке, где бы они раскрывались. А посему, я решил, что стоит все-таки перевести и немного расшифровать эти самые принципы.
Итак, 10 общепринятых принципов юзабилити. Рассмотрим их более подробно.
1. Видимость статуса системы.
Этот принцип означает, что пользователь ВСЕГДА должен знать, что происходит и на каком участке пути он остановился. Если это сложная регистрация, указывайте, что это 2 шаг из 3. Если что-то закачивается или работает какой-то скрипт – выводите % обработки. И т.д.
Простой пример – уверен что каждый сталкивался с ситуацией, когда вы по какой-то иконке кликнули, но ничего не происходит. Судя по тому, как активно крутиться винт и мигает монитор – что-то все-таки происходит, и через несколько минут открывается окно программы, например (у меня так до сих пор открывается ИЕ). А что делать в интернете, когда все грузиться не на вашем компьютере, а на сервере в другой стране. Большинство пользователей просто несколько раз нажимают на кнопку «отправить», загружают одни и те же файлы несколько раз и т.п. А все потому, что отсутствует эта самая связь между пользователем и системой.
Следует внимательно следить за тем, чтоб система всегда четко и однозначно реагировала на действие пользователя. Есть такой момент – между действием и реакцией должно пройти максимум 1 секунда – это не причуда юзабилистов. Научно выяснено, что это именно то время, которое наш мозг держит причинно-следственную связь, типа сделал-получил. Если же реакция на ваше действие идет позже, чем через секунду – мозг воспринимает это как отдельное действие, лишь отдаленно связанное с предыдущим.
И еще одна граничная цифры – 10 секунд. Пользователь должен получить то, что он хочет в течении 10 секунд после своего действия (например, просматривая результаты поиска, пользователь открыл 5 окно. Затем быстро просматривает каждое из них. Если после того как он открыл окно в течении 10 секунд он туда не вернулся – считайте что он для вас потерян).
(цифры сам не проверял и не придумывал, взято с книги).
(это пример из Контакта. При загрузке фотографий вы видите процесс и оцениваете, сколько еще осталось ждать).
Следующий принцип говорит нам о том, что ваш сайт должен быть сделан под определенную аудиторию и вы должны общаться с ней на ее языке, используя ее обозначения и уровень подготовленности.
Буквально пару дней назад я смотрел два сайта компьютерной тематики с довольно похожей структурой и дизайном. НО! Один был посвящен особенностям настройки операционной системы, а второй – компьютерные курсы для начинающих.
Как вы понимаете, это две совершенно разные аудитории, и фраза «кликните 35 строку в реестре» будет более чем понятна для аудитории первого сайта, 99% пользователей второго сайта повергнет в шок.
Поэтому, всегда учитывайте свою аудиторию, и делайте сайт всегда для нее. Это касается не только текстов, но и структуры, помощи, дизайна, визуального восприятия информации и т.д.
(уже с первого взгляда понятно, на кого направлена информация на этом сайте. Новичок даже читать не будет что там. Уже по оформлению понятно, что она для программистов).
3. Пользовательское управление (свобода выбора)
Пользователь всегда должен контролировать ситуацию, так сказать держать руку на пульсе (ну или как минимум у него должно создаваться такое впечатление). Что это означает на практике? Например, при заполнении формы обязательно должна быть кнопка «очистить форму». Если форма предусматривает несколько шагов – пользователь должен вернуться на предыдущий шаг, или наоборот, по возможности – пропустить какой-то, чтоб попозже вернуться к нему.
Такая ситуация создаст у пользователя впечатление, что именно он «всем рулит», его не пытаются обмануть и запутать. И усложнение на первый взгляд интерфейса при правильном подходе станет упрощением. Ведь людям гораздо проще сделать 2-3 простых действия, чем одно сложное (здесь штука в том, что пока пользователь заполняет второй шаг, он еще думает что может отменить первый, но уже задумывается и о третьем).
(при создании проекта в Сеолибе, вы видите, на каком этапе находитесь, сколько еще осталось. Так же вы можете вернуться к предыдущему шагу, или пойти дальше, пропустив этот).
4. Последовательность и стандарты.
Еще один принцип, который кажется очевидным, но увы – так редко используемый на практике. Скажите, вы легко можете в интерфейсе любой Офисной программы Микрософт можете создать новый документ? Сохранить его? Отцентрировать текст? А ведь это не всегда такие простые операции…
Все дело в том, что кампания Микрософт в своих продуктах придерживается этого принципа (хотя часто и нарушает многие другие). У них во всех продуктах одни и те же иконки находятся в одних и тех же местах и выглядят одинаково.
В интернете уже есть определенные устоявшиеся обозначения и стандарты (например, вид корзины, контакты в верхнем углу и т.д.). Тем ни менее, если вы посмотрите, сколько разных видов корзин (по Яндекс или Гугл картинкам), вы поймете, что неопытный пользователь может серьезно заблудиться среди всех этих тележек, электронных корзин, ультра-модных пакетиков и т.д.).
Что же касается последовательности – то выбрав какой-то определенный стиль – соблюдайте его везде. Это касается и шрифтов, и картинок, и текста и верстки.
Я много раз видел, как расположение товара и верстка страницы отличалась в разных разделах. Создатели сайта считают это «креативной фишкой». Если они делают его для себя – то можно так и оставить, но если вы делаете это для пользователя, то как вы ему объясните, почему дизайн страницы при выборе принтера должен так сильно отличаться от дизайна страницы выбора оперативной памяти (в рамках одного и того же магазина)?
(как видно в этом примере, все иконки совершенно одинаковые в Ворде, Экселе и PP. Осваивая какой-либо новый продукт компании Микрософт, минимум половина функций вам сразу будет понятна).
5. Профилактика ошибок.
Этот принцип гласит, что ошибку проще предупредить, чем исправить. Везде, где можно упростить выбор и убрать ненужные, случайные действия – следует убрать.
На практике это может быть: подсказка при вводе с клавиатуры чего бы то ни было (города/страны например).
Это касается и кнопок. Например, ПРИНЯТЬ, обычно делают крупнее и ярче, чем Очистить форму. Если вам что-то известно о вводимой информации – подсказывайте ее пользователю (формат телефона или код региона) и т.д.
(в данном случае, пользователь не может пройти дальше, пока не разберется с этими настройками и не выберет хотя бы один вариант анализа сайта. Это намного удобней, чем потом сообщать пользователю что-то типа “выберите хотя бы один вариант, или неверно заданы параметры.)
Максимально упрощайте жизнь пользователю, делайте ему подсказки, запоминайте вводимую ранее им информацию (не только на предыдущей странице, но и с его прошлых посещений сайта).
Например, если у вас опять же многошаговая форма регистрации, показывайте ему уже заполненные поля, если они могут понадобиться в дальнейшем.
Кроме того, постарайтесь минимизировать количество текстовых полей, где пользователь должен что-то вводить сам. Давайте ему варианты (подсказки), чтоб он мог выбрать из уже имеющихся вариантов.
(подсказка региона выскакивает при вводе хотя бы одной буквы. И если пользователь не знает, как правильно пишется город – он просто кликает по одному из предложенных вариантов).
7. Гибкость и эффективность использования.
Одна из самых больших проблем – это как соединить простоту интерфейса и его функционал? Как сделать так, чтоб один и тот же интерфейс был понятен и удобен как профессиональному пользователю, так и новичку?
Этот принцип гласит, что интерфейс должен быть гибким, настраиваемым и с расчетом на ту аудиторию, которая преобладает. Делайте основной упор на простоту из расчета на простого пользователя. Элементы для продвинутых можно сделать значительно меньше и поставить в менее заметные части экрана, т.к. он их найдет везде.
Ярким примером является Карта сайта. Согласитесь, что новичок туда вообще не полезет, а опытный пользователь найдет внизу экрана мелким шрифтом эту «карту сайта», или маленькую иконку где-то сбоку.
Другой пример – кликеры/тайперы. Т.е. на каждую страницу можно попасть или из меню, кликая по навигации, или с помощью поиска по сайту. Оба варианта должны поддерживаться и в конечном итоге приводить к одинаковому результату.
(мы видим простой поиск для большинства пользователей, а так же расширенный, для продвинутых. При этом функции расширенного поиска спрятаны довольно далеко и только опытный пользователь может их найти, т.е. по сути только тот, кому он и нужен).
8. Эстетический и минималистический дизайн
Этот принцип гласит – в интерфейсе не должно быть информации, которая не нужна пользователю или которая может понадобиться ему в редких случаях. Аналогичным образом и в формах: вы не должны у пользователя спрашивать ту информацию, которая вам не нужна, или нужна в каких-то исключительных случаях.
К сожалению, этим принципом практически никто не пользуется. В 90% случаев при регистрации вас спрашивают и домашний телефон, и мобильный, и адрес и e-mail, и даже дату рождения. А все для того – чтоб поздравить вас с новым годом и днем рождения.
Все дополнительные данные вы сможете уточнить позже, при необходимости. А изначально, при регистрации например, или при оформлении заказа спрашивайте только ту информацию, которая вам действительно необходима.
Точно так же, на сайте (или в программе, эти принципы универсальны), не стоит выводить пользователю ту информацию, которая может быть когда-нибудь ему понадобиться. Например, возьмем тот же Микрософтовский Ворд. Скажите, как часто вы пользуетесь функцией «навигатор» или в вставкой Дата-Время? А тем ни менее, эти кнопки всегда на виду в тулбаре (в зависимости от версии кнопки могут быть разными, но я уверен что если вы посмотрите на них, вы найдете минимум 40% иконок, которыми вы НИКОГДА не пользовались, и даже не знаете что они делают).
(вот типичный пример. При регистрации Озон спросил меня и Имя и Фамилию. При этом, единственное где используется мое имя – это заголовок к письму. Фамилию вообще ни разу не видел, чтоб использовали. И спрашивается – зачем им эти данные? Ведь есть ник. Т.е. форму можно сократить вдвое легко…).
9. Помочь пользователю понять и исправить ошибку.
Скажите, что означает ошибка базы данных в строке 433? Или длинные жуткие ошибки в строке памяти LXR-XXX-5438645?
Все эти системные сообщения должны сохраняться в логах для администратора сайта/системы. Пользователю же пишите нормальным языком, в чем конкретно ошибка. Более того, пользователя по сути интересует только одно: виноват он или система? И можно ли что-то сделать?
Уверен, что у вы сталкивались с тем, что заполняете форму, нажимаете отправить, а вам в ответ какая-то ошибка базы данных. И ты сидишь и мучаешься двумя главными вопросами: кто виноват и что делать? Ушла ли форма? Если да, то вся ли информация? Или попробовать отправить еще раз?
Хотя все же такие серьезные ошибки встречаются все реже. Но другой вариант бесит еще больше – ты заполняешь довольно длинную форму, нажимаешь отправить и видишь красную надпись (или всплывающее окно) – внимательно заполните все поля, отмеченные звездочкой.
И снова ты сидишь и думаешь – какие поля? Какой звездочкой? Вроде бы я все заполнил, внимательно просмотрел… а потом оказывается что там номер телефона надо написать с пробелами, а не дефисом.
Якоб Нильсен
Юзабилити это качественный признак, который определяет, насколько интерфейс пользователя легок в использовании. Слово «юзабилити» также обозначает набор методов, служащих для улучшения интерфейса во время процесса его разработки.
У юзабилити есть пять количественных составляющих:
* Обучаемость: насколько легко пользователи могут выполнить основные задачи, впервые встретившись с незнакомым им интерфейсом?
* Эффективность: после того, как пользователи ознакомятся с дизайном, как быстро они могут выполнить то же задание?
* Запоминаемость: После того, как пользователь снова вернется к интерфейсу через определенный промежуток времени, насколько легко ему будет восстановить свои навыки работы с данным интерфейсом?
* Ошибки: сколько ошибок делает пользователь, насколько серьезны эти ошибки, насколько легко пользователь может исправить эти ошибки?
* Удовлетворенность: насколько пользователю приятно пользоваться данным интерфейсом?
Помимо юзабилити существует еще множество других важных качественных признаков дизайна. Один из ключевых - полезность, который описывает функциональность дизайна и отвечает на вопрос: является ли интерфейс тем, что пользователю нужно? Юзабилити и полезность одинаково важны: какой толк в программе, пусть даже и удобной в использовании, если она не делает то, что вам нужно? Плоха и та программа, которая гипотетически делает то, что вам нужно, но вы не можете с ней работать из-за ее сложного интерфейса. Для изучения полезности программы вы можете пользоваться теми же методами, что и при изучении качества ее юзабилити.
В Web-е юзабилити является необходимым условием выживания. Если с веб-сайтом трудно работать, посетители просто уходят с него. Если главная страница сайта не заявляет четко и ясно, чем занимается компания, и что какие задачи сайт позволяет выполнить, посетители уходят. Если сайт запутанный, посетители уходят. Если информация на сайте трудна для восприятия и не отвечает на ключевые вопросы посетителей, они уходят. Не бывает таких посетителей, которые внимательно изучают «справочное руководство по работе с сайтом» или тратят свое время на освоение его интерфейса. В Web-е полным полно других сайтов, поэтому уйти с сайта - первое побуждение, возникающие у посетителей, когда они наталкиваются на трудность.
Первое правило e-комерции гласит: если посетители не могут найти товар, они никак не смогут его купить.
Сегодняшний опыт показывает, что примерно 10% бюджета проекта должно тратиться на юзабилити. В среднем это поможет увеличить качество веб-сайта более чем в два раза, и чуть меньше чем в два раза В среднем это поможет увеличить качество веб-сайта более чем в два раза, и чуть меньше чем в два раза, качество интранет-сайта. Что касается ПО и других продуктов, степень улучшения качества, как правило, немного ниже, но все равно значительна.
При разработке продуктов для внутреннего пользования считайте, что улучшение юзабилити в 2 раза означает сокращение времени на обучение пользователей в два раза, позволит удвоить объем продаж, количество зарегистрированных пользователей и заказов, и вообще, увеличить в 2 раза тот результат, которые вы ожидаете получить от проекта.
Существует множество методов изучения юзабилити, но самый основной и самый полезный - это тестирование вашего дизайна пользователями.
Оно состоит из трех элементов:
Выберите пользователей, наиболее типичных для вашего проекта/продукта, например, посетителей коммерческих сайтов или сотрудников вашей компании, которые часто пользуются интернетом (в последнем случае должны быть выбраны те, кто не работает в вашем отделе);
- Попросите их выполнить наиболее типовые задачи;
- Следите за тем, что делают пользователи, где у них все получается, где возникают сложности с интерфейсом. Молчите и слушайте, что они скажут.
Самое важное - проводить тестирование с каждым пользователем. Пускай каждый из них самостоятельно решает проблемы, которые возникают перед ним.
Если вы будете им помогать или привлекать внимание к какому-то определенному элементу на экране, вы испортите результаты теста.
Для выявления наиболее серьезных проблем с юзабилити, достаточно привлечь к тестированию 5 пользователей. Вместо того, чтобы тратиться на большое дорогое исследование, лучше всего провести несколько мелких тестов и вносить изменения в дизайн после каждого из них: так вы сразу сможете исправить выявленные ошибки. Этот метод постепенного дизайна лучше всего позволяет улучшить качество конечного продукта. Чем больше версий и идей вы откатаете на пользователях, тем лучше.
Юзабилити играет свою роль на каждом этапе реализации проекта. Оценка качества интерфейса на каждом этапе - лишь одна причина по которой я рекомендую проводить многократные быстрые и дешевые тесты. Вот как это выглядит:
Перед началом разработки нового дизайна, проведите тестирование старого дизайна, чтобы выявить в нем хорошие моменты, которые надо оставить или усилить, и плохие моменты, которые вызывают затруднения у пользователей.
В случае если вы работаете не над интранет-проектом, исследуйте дизайн ваших конкурентов, чтобы за дешево получить данные о возможных вариантах интерфейса, имеющих те же функции, что и ваш.
Проведите тестирование в реальных условиях, чтобы оценить, как работают с интерфейсом пользователи в обстановке своего рабочего места.
Создайте бумажные прототипы одного или нескольких вариантов дизайна и испытайте их на пользователях. Чем меньше времени вы потратите на реализацию той или иной идеи, тем лучше, так как вам все равно придется менять дизайн по результатам тестов.
Отшлифуйте идеи, которые дают лучшие результаты по нескольким тестам. Постепенно продвигайтесь от схематичного дизайна на бумаге к более подробному и детальному на компьютере. Проводите тесты на каждом этапе внесения изменений.
Проверьте дизайн на соответствие общепринятым правилам юзабилити.
После того, как вы приняли решение по окончательному варианту и реализуете его, протестируйте его еще раз. На этапе реализации всегда находятся мелкие ошибки.
Не откладывайте тестирование дизайна на пользователях до самого последнего момента. Если вы поступаете так, большинство критических ошибок, которые будут найдены во время теста, будет уже невозможно исправить. Многие из этих ошибок будут носить структурный характер, и для их исправления придется переделать все заново.
Единственный способ получить качественный пользовательский интерфейс - начать тестировать с самого начала развития проекта и продолжать проводить тесты на каждом этапе.
Закажите аудит вашего сайта в Webcom Performance, сотрудники проведут вам детальный анализ всех параметров сайта и предоставят вам подробный отчёт с рекомендациями по исправлению ошибок на сайте, улучшению структуры и его функциональности.
