В первой части мы рассмотрели основные факторы, влияющие на юзабилити сайта, а также его этапы. Заключительным и очень важным этапом «рабочего» сайта является юзабилити-тестирование, которое и помогает выявить преимущества и недостатки разработке, а также помогает устранить ошибки и усовершенствовать веб-сайт.
Основные виды юзабилити-тестирования
Выделяют 12 основных видов юзабилити-тестирования:
- Card Sorting (Карточная сортировка) предполагает ответы пользователей, на уже сформированные на карточке вопросы, что помогает оценить полезность и удобство сайта по выбранным критериям.
- Contextual Inquiry (Контекстное исследование) помогает оценить используемость сайта в естественных условиях без создания дополнительных лабораторных экспериментов.
- Checklists (Контрольные листы) дает возможность определить соответствие разработки сайта принципам юзабилити.
- Prototyping (Макетирование) помогает определить основные направления доработки сайта.
- Surveys (Обзоры) проводится для изучения мнения пользователей сайта при его доработке.
- Questionnaires (Опросники) предполагает систему обзоров, но уже с рядом выделенных ответов на интересующие разработчиков вопросы.
- Pluralistic Walkthroughs (Плюралистическая проработка) предполагает оценку сайта экспертами в соответствии с действиями и оценкой пользователей.
- Self-Reporting Logs (Протоколы самоотчета) позволяет сделать анализ на онове действий посетителей сайта, но не учитывают их эмоционального восприятия.
- Thinking Aloud Protocol (Фиксация “мыслей вслух”) позволяет оценить и эмоциональный фактор. Тут предполагается работа с отдельными пользователями.
- Focus Groups (Фокусные группы) позволяет охватить большее количество пользователей, чем в предыдущем методе.
- Heuristic Evaluation (Эвристическое исследование) представляет собой экспертную оценку юзабилити сайта.
- Feature Inspection (Экспертиза компонентов) предполагает проанализировать каждый компонент сайта на предмет юзабилити.
На практике не обязательно использовать все имеющиеся виды тестирования, но лучше применить несколько из них.
Как стать профессионалом юзабилити и грамотно оформить сайт
Когда основные принципы юзабилити изучены, можно переходить к самому созданию сайта. Важно помнить, что все приходит с опытом и только опыт позволит учесть все нюансы, поэтому не стоит огорчаться, если сначала сайт не будет иметь большой постоянной пользовательской аудитории. Необходимо продолжать изучение мнений пользователей и уметь делать выводы, выявляя закономерности и сопоставляя их с основными правилами веб-мастерства. Нужно на практике исправлять ошибки, учитывая мнения различных пользователей, работая с различными интерфейсами и экспериментируя с разноплановыми платформами взаимодействия. В юзабилити важно преодолеть страх неудач и найти в себе силы стремиться к исправлению ошибок. Лучше начинать с небольшого проекта, который проще корректировать.
Старайтесь минимизировать процедуру регистрации пользователя на сайте и лучше это сделать через систему HTTP authentication, которая позволит запомнить пользователя при повторном входе. Для изучения посещаемости лучше используйте куки, а не регистрацию. Оптимизируйте сайт через систему frequent-browser points, которая позволит адаптировать сайт к конкретному пользователю. Особое внимание следует уделить пользовательскому интерфейсу и принципам навигации, что является темой отдельного рассмотрения.
Хотелось бы остановиться на вопросе, который волнует начинающих web-юзабилити: «Под какие разрешения лучше разрабатывать дизайн?» Отвечая на него, нужно принять во внимание, что страница должна быть оптимизирована на большое количество пользователей. Поэтому лучше всего выбрать макет разрешения 1024×768, хотя можно остановиться и на разрешении 800×600. Тут важно ориентироваться на целевую аудиторию сайта, а также учитывать размеры экрана, которые у пользователей могут быть разными. Кроме того, пользователи не всегда работают с полностью открытыми окнами браузера, особенно при наличии большого экрана. Вот почему целесообразнее создавать резиновые макеты, которые способны автоматически подстраиваться под размер окна пользователя.
В настоящее время 60% мониторов имеют разрешение 1024×768, в то время, как лишь 17% — 800×600. Но эти 17% нельзя просто игнорировать, потому что они также являются полноправными посетителями сайта. Вот почему нужно избегать жестких макетов. При оптимизации макета страницы нужно обратить внимание на изначальную видимость основной информации, читабельность колонок на экранах с различным разрешением и эстетику страницы. Эти критерии должны соблюдаться при изменении целевых размеров экрана. Причем макет следует проверить, изменяя размер экрана: от минимальных настроек графических параметров 800×600 до максимальных 1280×1024.
Выполняя макет страницы, можно предусмотреть и возможности использования разрешений, которые выходят за обозначенное нами поле. Будет хорошо, если страницу можно будет просматривать и с мобильного телефона. Для этого нужно предусмотреть приемлемый дизайн и для маленьких экранов. Тут нужно обратить внимание на критерий информационности страницы и ее прокрутку. Обычно пользователи мало используют прокрутку. Поэтому основная часть информации должна занимать не более двух экранов, а наиболее важная и интересная информация отображаться на экране с разрешением 800×600.
Пользователи с дисплеем 2048×1536 обычно пользуются параллельным браузингом и работают одновременно в нескольких экранах, поэтому оптимизации под 1024×768 будет достаточно, с учетом того, что страница будет работать в разрешении от 800×600.
И в завершение хотелось бы напомнить рекомендации основоположника юзабилити Якоба Нильсона, что сайт должен быть красивым, доступным, удобным и альтернативным. Не следует создавать принципиально новый дизайн, который будет не понятен пользователям. Нужно изучить принцип успеха наиболее посещаемых сайтов и на основе их пользовательского интерфейса создать свой. Только при умелом маневрировании стандартными функциями и оригинальными идеями в дизайне можно создать альтернативный сайт, который привлечет максимальное число постоянных пользователей.
> можно остановиться и на разрешении 800×600
Нельзя! Информация, мягко говоря, устаревшая. Сейчас (временно) популярно разрешение 1280×1024, но всё идёт к тому, что FullHD (1920×1080) станет новым стандартов де-факто. Ну, и, соответственно, соотношение сторон 16:9 вместо 4:3. Хотя, лично я считаю, что для работы удобнее именно 4:3.
В статье не утверждается, что нужно оставить разрешение 800х600, а считается это допустимым, с учетом различных групп пользователей. Не все же могут позволить себе большие экраны. Нужно ориентироваться не только на продвинутую аудиторию, но и рассматривать в числе потенциальных клиентов пользователей с меньшими техническими возможностями.
Это так. Хотя у меня сайт с разрешением 1280×1024, но по статистике многие мои посетители еще с 800х600…
так что к статистике надо присматриваться!
По моей статистике в 1024х.. приходит не менее 20% посетителей. Более низкие я обычно не рассматриваю, поскольку для такого сильно сжатого дизайна приходится уменьшать шрифт, что очень плохо сказывается на высоких разрешениях.
Спасибо, Вы ответили на мой вопрос в 1-й части по поводу разрешения. И в общем то я тоже остановилась на 1024×768. Пользователи с разрешением 1280×1024 преобладают, но это разрешение на мониторах 800х600 уже сложно просматривать. А 1024×768 хорошо воспринимается и на 800х600, и на 1366×768. А растянуть до 1920×1080, не узуродовав сайт, у меня, к сожалению, не получается.
Когда я делал первые попытки заниматься веб-дизайном, были рекомендации не забывать о пользователях с разрешением 640×480 🙂 Спустя совсем немного времени о таких уже вспоминали со смешком. А потом пришли они — PDA, смартфоны и нетбуки, и всё вернулось на круги своя.
Спасибо, действительно, как то не задумывалась как мой сайт выглядит в других разрешениях. Буду работать.
Пожалуйста, главное не давайте посетителям захламлять свой сайт, оставлять вместо нормальных комментариев сообщения-пустышки и вписывать ники таким образом, чтобы они выглядели в виде анкоров по продвигаемым словам. Иначе комменты такого горе экспериментатора обычно попадают под фильтр, ну и в самых тяжелых случаях — БАНан на физический адрес афтора
С проблемой выбора оптимального размера сайта я уже сталкивался, когда выполнял заказ для одного иностранного клиента. Казалось бы в Европе размер экрана 800х600 должен был давно быть не актуальным, ан нет — я получил жесткое требование сделать сайт удобным для просмотра и на таких мониторах, с тех пор взял себе на заметку:-)
Это потому что в Европе бюрократия не меньше нашей, но при этом не столь воровата, и откаты при закупке новой техники отсутствуют, а, стало быть, отсутствует и стимул приобретать ненужное. Ну, и экономить они умеют явно лучше. Секретарше банально не нужен 21-дюймовый монитор, зачем за него платить?
С развитием мобильного интернета, люди всё меньше пользуются монстрообразными стационарными мониторами.
И web-мастера работающие головой, это учитывают.
А я никак не могу добиться нормального показа своего блога во всех браузерах. То в Опере возникнет какое-то поле для поиска левое, то в ie вобще все блоки съедут (
Doctype Вам в помощь.
Спасибо, что так детально все изложили. Очень полезная информация. Как-то можно подписаться на рассылку новостей вашего блога?
Спасибо и вам, конечно, можете подписываться. Вы не против, что ваш предыдущий ник-анкор поменяли на имя домена без названия зоны?
Я сейчас как раз занимаюсь персональным сайтом, весьма полезные наблюдения, воспользуюсь Вашим опытом, сенкью)))
Что делать неначинающим вебмастерам? Для нашего инет магазина потрачены сотни долларов на всевозможные тесты и аналитику юзабилити. Обращения к пяти различным агенствам свелись к огромным счетам, которые выставляются без конкретных обещаний.
Я всего-лишь менеджер, но жизнь заставила выучить основы интерфейсов. Советую всем начинать с чтения Лебедева, Хабра, а там и до Ветрова и Якоба Нильсона дойти можно.
У сожалению, грамотных проектировщиков в отечестве нет…
Целая наука… и чтобы разобраться в ней нужны годы… спасибо за пост, сейчас буду смотреть, что и как.
Привет. Отличная статья, сейчас как раз пытаюсь понять какую навигацию для блога лучше сделать, а то всегда wap сайты делал и в последнее время решил переквалифицироваться в web а тут структура оформления немного иная
вот у меня постоянно что-то сьезжает… так что я уверена, что Вы мой блог видите как-то коряво =-)
Мда интернет скоро станет искуством наверное…
>Мда интернет скоро станет искуством наверное…
недождемся, 12 год скоро 😀
ДАРИНКА
>так что я уверена, что Вы мой блог видите как-то коряво =-)
у меня нормально твой блог отображается)
сеошничество на данный момент переживает трудные времена, аглоритмы продвижения становятся сложнее, доля заработка все больше переходит в соц. сети, жизнь покажет как разовьется интерент — не хотелось бы чтобы рунет шел по стопам китая и японии…….. жду недождусь когда доменные имена станут русскими)) если это произойдет я съем свою флэшку на 256 мб которую купил в 2000м 😀
Очень полезная статья для начинающий вебмастеров . Мне очень помогла .
Полезная информация но не для новичков. Вот для усовершенствования веб-сайта в самый раз. Но для этого нужно сначала зделать продвижение сайта для привлечения пользователей.
Мой дизайнер постоянно штампует сайты шаблонного уровня, вместо того чтобы потрудиться над юзабилити. Спасибо, статья очень полезной оказалась. Поговорю с ним на эту тему.
Нужно изучить принцип успеха наиболее посещаемых сайтов и на основе их пользовательского интерфейса создать свой.
С этим предложением я полностью согласен! Сам так делаю.
Очень хорошо написано, просто и понятно. Кое-что и для себя новенькое вычитал.
Статья дала новые идеи, оптимизировать сайт в самый раз будет!
спасибо за обе статьи, прочитал, все понятно. Но возник вопрос: разрешение 1024×768 ведь скоро устареет, под какое разрешение делать потом?
Ответ на этот вопрос уже звучал, может быть в несколько иной форме. Делайте так, чтобы сайт смотрелся как можно в более широком диапазоне используемых в текущий момент разрешений.
Я новичек а можете мне подсказать, что не хватает на блоге?
К сожалению, мы не оказываем консалтинговые услуги, даже за деньги ))
Эти советы очень помогли мне в разработке сайта. Думаю теперь юзабилити вырастет.
Читал первую часть, но не до конца понял. Вторая часть все расставила по местам.
Я сей час кроме блога готовлю еще один сайт, СДЛ. Хочется все или хотя бы большенство факторов учесть, что бы пользователям было максимально комфортно, но чувствую что прийдется потратить кучу времени и сил.
А вот по поводу разрешения, сложно решить под какое именно затачивать. На моем сайте преобладает 1024х768, у напарника говорит 1080 и 800х600. Да и браузеры, 15-20% еще пользуются ИЕ6 .
В статье вроде и так все «разжевано»
Разрабатывал сайт без этих советов в два раза дольше, реально круто! Спасибо!
Насчет «минимизировать регистрацию» — это очень точно подмечено!
Иногда бывает, видишь отличный ресурс. То же форум, или блог, к примеру, который требует регистрации. Но чтобы зарегистрироваться на нем — нужно рассказать чуть ли не половину своей жизни. Когда же ты все это героически проделаешь, а при повторном заходе видишь, что сайт ничего не запомнил, и все надо вводить по-новой — это просто бесит. И желание пользоваться таким сайтом — начисто отпадает.
Я вообще думаю стоит убрать нафиг регистрацию, что за бред, чтобы комментом поделиться реально целую анкету как при устройстве на работу заполняешь))
Да, зачем это вообще делают. Тогда люди вообще перестанут делиться своими мыслями.
Интересно будет применить это советы на практике.
Ох-хо-хой.. Как же все сложно-то :] За статью, конечно, спасибо. Прочитал с удовольствием и узнал много нового, но.. Под конец статьи что-то загрустил, как же много я еще не знаю. А хочется.
Я вот сторонник сайтов без регистрации, вполне достаточно ника, даже почта в принципе не всегда нужна
Да зачем вообще эта регистрация, если кто хочет отзыв или коммент написать, то чтож ему полчаса еще регится))
Резиновые шаблоны — не самый лучший выбор. иногда разрешение экрана очень большое и смотрится довольно тупо….
ну все эти 12 методов для обыкновенного сайта не проведешь- выльется в копеечку, а вот просто показать сайт знакомому, который не «живет» в нете, а заходит в него на полчасика в контакт и то на выходных и попросить найти что нибудь найти, и поинтересоваться удобно ли ему пользоваться сайтом обычно стоит
И это тоже правильно, вопросы дилетантов зачастую наводят на интересные мысли.
That’s an expert anwesr to an interesting question
регистрация нужна только для каких то акций розыгрышей я считаю, чтоб потом выигрыш получить мог только человек по паспорту с именем указанным при регистрации, и всё
мнения в этом не смыслящих и правда иногда наводят на мысли или находится выход)
Автору спасибо за очередной отличный пост) Уже 5 ваших постов прочитал) очень доволен))
Отличный пост, тоже очень понравился. Но хочется уже чего-то новенького.
отличный блог, я всегда читаю новое, уж пишите почаще)
иногда и маленький ребенок может идею подкинуть сам того не понимая
Сайт отличнейший, статьи ребятки пусть реже выходят но качественнее будет время напишет 😉
полностью согласна, иной раз на такие блоги наткнешся просто кошмар, пишут для того чтоб отписаться, так что уж пускай качество а не количество!
Правильно, конечно лучше так, чем абы как!!!
посты прекрасные, так держать!
Сайт отличный, посты тоже, вот только запускать не надо.
Не всегда есть время заниматься сайтом, т.к. в офлайне сейчас гораздо больше дел.
Ну желаю удачи со всеми делами и ждем новых статей!
Да, сайт действительно замечательный и статьи интересные и умные!
Да, сайт так ничего. Как для меня так статьи сильно умные. Многое не понятно, во всяком случае для меня. Одно и тоже приходится перечитывать по нескольку раз пока информация разложится по полочкам в мозге.
Oleg, вы первый кто оставляет такой отзыв. Могу посоветовать одно: если статьи считаете полезными, набирайтесь терпения и перечитывайте снова и снова.
А я присоединюсь к Олегу, для меня тоже немножко тяжеловато, =).
Но, это наверное с моими умсвенными способностями сопряжено =)
но статьи однозначно полезные!
4:3 — удобнее всего для работы
Такие статьи почитаешь и самому хочется вебмастером стать.