8 основных правил юзабилити веб сайта

Основные правила юзабилити веб-сайта

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

  1. Правило 10 секунд. Это правило, не для кого не секрет, и многие ни раз встречали его в какой либо литературе по seo или в других учебниках. Все просто, человек концентрирует свое внимание и ищет необходимую ему информацию в течении 10-15 секунд, и если он ее не находит, он начинает двигаться дальше и соответственно перебирать другие сайты. Вы можете заметить сами, когда вы, что то ищете в поисковой системе, то как правило вы выбираете сайты на которые переходите буквально сходу, и перейдя на них вы так же максимально быстро пытаетесь проанализировать полученную информацию, и если вы не находите, то что искали вы закрываете этот сайт и ищете дальше. Так вот весь этот процесс как раз и укладывается в 10 – 15 секунд и если вы правильно продумаете структуру вашего сайта, и человек, перешедший на него найдет то, что искал максимально быстро, то вот оно, и есть сама цель качественного юзабилити. Старайтесь максимально просто и понятно преподнести информацию, так чтобы ее не пришлось долго искать.
  2. Правило Миллера. Так же как и в предыдущем пункте, речь идет о природе человека, на которой все и основывается. Человек может одновременно воспринимать только 7 сущностей не более. Исходя из вышеизложенного, несложно понять, что не стоит перегружать одну страницу кучей информации и пытаться донести до посетителя все и сразу. Безусловно, на вашем сайте может быть огромное количество полезной качественной информации, но надо понимать и не забывать основное правило 7, не более, иначе вы потеряете посетителя, который просто запутается в куче информации. Структурируйте её, разбивайте на разделы и тогда юзабилити вашего веб сайта будет качественным.
  3. Вложенность информации. Как раз этот пункт можно назвать продолжением предыдущего, структурируйте так информацию чтобы, из основной темы, получались подпункты из них еще более мелкие подпункты. Проще говоря разбивайте информацию и связывайте, чтобы не получалось огромного длинного списка. Это удобнее и понятнее, и поверьте посетители это оценят, невозможно сделать сайт огромной свалкой информации и ссылок и ждать, что кто то за это скажет вам спасибо, нужно делать все упорядочено, структурировано и логически продумано.
  4. Хлебные крошки. По сути это навигационная цепочка, по которой можно прийти от начального каталога к конечному, и так же переместиться на любой промежуточный подкаталог в котором вы были. Вот как раз у структурированных сайтов этот момент прекрасно работает, да и вообще это очень удобно и в случае если пользователь углубился к какую-то тему на вашем сайте, и забыл как он туда попал, тот тут как на ладони у него все разделы и подразделы, и иной раз не нужно будет возвращаться в самое начало. Это очень распространенная вещь, и безусловно даже небольшие сайты должны иметь этот инструмент на вооружении, не говоря уже о крупных проектах в которых без них просто невозможно.
  5. Интуитивная навигация. Старайтесь сделать удобную и интуитивно понятную навигацию, чтобы человек легко мог догадаться в какой ему раздел пойти, найти то, что он ищет не ломая себе голову и напрягая мозг. Если пользователь будет теряться в вашей навигационной панели ссылок и постоянно переходить из раздела в раздел, ища информацию, то он очень быстро уйдет и забудет ваш сайт, хорошая навигация это одно из основополагающих правил хорошего юзабилити веб-сайта.
  6. Читабельный текст.

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

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

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

Дата публикации:2017-10-03

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

Улучшаем юзабилити сайта для поднятия ПФ

Определение «usability» или полностью «web-usability» означает степень удобства использования сайта для пользователей и достижение ими определенных целей. Стандарт ISO 9241-11.

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

Одним из ключевых моментов web-usability является его использование при повышении «поведенческих факторов» и максимальной доступности информации.

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

Web-usability в свою очередь состоит из следующего:

  • Контентное наполнение сайта;
  • Формирование информации на сайте;
  • Наличие, логика и корректность функциональных элементов сайта;
  • Распределение навигационных, и других элементов на сайте;
  • Возможность упрощения доступа к информации для пользователей;
  • Дизайн сайта, совместимость цветов и оттенков, контрастность текстов.

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

Варианты анализа юзабилити

Анализ статистики сайта

Есть множество сервисов статистики, наиболее объективные на мой взгляд это Яндекс.Метрика и Google Analytics, при сочетании они дают хороший результат.

Статистика сайта — Яндекс.Метрика

Статистика сайта — Google Analytics

Работа с посетителями

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

Периодический анализ этой информации позволит улучшить структуру и доступность информации сайта.

Наблюдение за действиями пользователей

Анализ можно производить при помощи бесплатного инструмента Яндекс.Метрика — «Вебвизор», он записывает действия осуществляемые посетителями на сайте. Вебвизор дает большой объем информации для анализа поведения пользователя на сайте.

Анализ сайта при помощи Вебвизора

Что необходимо для улучшения юзабилити сайта

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

Простота и ясность

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

Правильному пониманию сайта способствуют два параметра: дизайн и навигация.

В рамках дизайна это:

  • Оптимальные цветовые решения;
  • Качественные, релевантные изображения;
  • Понятные элементы Call to Action (размер, цвет, текст элемента выделяет его на фоне стандартных элементов дизайна, вносит ясность в пользовательский опыт);
  • Логичная структура страницы;
  • Правильное размещение информации — не все пользователи прокручивают страницу до конца. Не найдя искомую информацию в поле зрения, пользователь может отказаться от дальнейшего просмотра страницы.

В рамках навигации это:

  • Логичная структура меню;
  • Хлебные крошки, показывающие пользователи его текущую точку дислокации;
  • Пункты и подпункты меню содержат не более 7-9 опций. Выпадающее меню "вписывается" в формат страницы и не требует прокрутки.

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

Последовательность и предсказуемость

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

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

Важные элементы и их позиции:

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

Качественно работающий поиск

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

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

«В нашем магазине более 100 000 товаров. Знаете, что хотите? Воспользуйтесь поиском!»

Техническая сторона вопроса

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

Для этого необходимо проверить:

  • Корректность верстки, правильность отображения страниц на разных типах устройств;
  • Скорость загрузки;
  • Настройку редиректа (пользователи, вводящие www.site.com и site.com, попадают на одну и ту же страницу);
  • Отсутствие битых ссылок.

Доступность

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

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

Как понять, чего хочет пользователь

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

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

Истинно целевые пользователи — это аудитория, для которой непосредственно создан продукт или услуга. Четко определите, кто ваш пользователь. Создайте пользовательские прототипы.

Опытные пользователи — это пользователи «в теме», которые уже являются постоянными посетителями других сайтов и сервисов и знают все «косяки» пользовательского опыта. Именно они укажут на все недостатки и дадут ценные рекомендации.

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

Пользователей надо привлекать не на стадии готовности продукта/сайта, не на стадии «шеф, все пропало», а когда сайт/продукт еще находится в стадии разработки.

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

P.S.

Юзабилити сайта — важный параметр для продвижения сайта. Представители поиска в один голос твердят о необходимости создания сайтов для людей. Сайты с хорошим юзабилити отличают высокие ПФ и КФ.

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

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

Когда необходимо проводить аудит юзабилити?

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

  1. Высокий показатель отказов (доля пользователей, которые проводят на сайте менее 15 секунд и просматривают 1 страницу).
  2. Невысокая глубина просмотра на сайте, например, не более 2 страниц.
  3. Низкие показатели конверсии (например, сайт посещают много человек, но покупку совершают единицы).
  4. Жалобы от посетителей, что на сайте трудно найти нужную информацию.
  5. Сложная структура, неудобный интерфейс, и вы не знаете, что с этим можно сделать.

Порядок проведения аудита юзабилити сайта

  1. Анализ целевых (посадочных) страниц, на которые приходят посетители из разных источников трафика, с помощью инструментов для сбора данных:
    • Google Analytics – широкие возможности сегментирования, фильтрации и представления данных.
    • Яндекс Метрика – глубокий анализ трафика на страницах сайта:
      1. Анализ по карте кликов и скроллинга;
      2. Анализ с помощью Вебвизора (позволяет посмотреть визит пользователя, записанный как фильм);
    • Проведение опросов при помощи специальных сайтов, нацеленных на получение отзывов от людей, посетивших ваш сайт и оставивших о нем подробный комментарий.
  2. Анализ дизайна и расположения элементов сайта.Посмотрите главную страницу и 2-3 внутренних страницы разных типов (например, раздел каталога и карточку товара, если вы продвигаете интернет-магазин), чтобы определить, соответствует ваш сайт описанным ниже рекомендациям или нет.Общие рекомендации:
    • В шапке сайта должно быть название проекта / компании и логотип.
    • Содержание страницы должно полностью соответствовать заголовку.
    • Пользователь, попав на сайт, должен сразу определить – куда он попал и чем занимается компания.
    • Если переход осуществляется по рекламному объявлению, то информация, которую вы показали в объявлении, должна быть на посадочной странице (желательно в тех же цветовых решениях).
    • Меню сайта должно находиться в «первом экране» и быть видно без прокрутки страницы.
    • Контакты компании должны находиться в «первом экране».

      Если это невозможно сделать технически, контакты должны размещаться на видном месте.

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

    Проверка шрифта:

    • Проверьте, достаточно ли крупный шрифт на сайте? Достаточны ли отступы между абзацами? Если текст мелкий или отступы малы – дайте рекомендации их увеличить.
    • Цвет фона и шрифта должны сочетаться. Оптимальный вариант – черный шрифт, белый фон. Другие сочетания также возможны, однако если текст «режет глаза» (например, красный шрифт на черном фоне) – необходимо дать рекомендации изменить цвет фона и/или шрифта.
    • Заголовки и подзаголовки. Размер основного заголовка должен быть самым крупным, подзаголовка – средним, текста – меньше шрифта подзаголовка. Если сделано иначе, рекомендуйте использовать правильную схему.
    • Проверьте, есть ли в текстах списки, таблицы, графика, диаграммы и другие подобные элементы, которые упрощают восприятие текстов. Дайте рекомендации по оформлению текстов, которые, на Ваш взгляд, упростят восприятие информации для посетителей.

    Проверка изображений:

    • Если на сайте используются картинки и фотографии, они обязательно должны быть в высоком качестве.
    • Если фотографии не позволяют рассмотреть детали, но при этом фотографии на сайте важны – дайте рекомендации сделать функцию увеличения фотографий.
    • В интернет-магазинах и сайтах с каталогами товаров важно подробно описывать товар. Если у товара одна фотография без возможности ее увеличивать – стоит дать рекомендацию добавить больше фотографий.
    • Если на фотографиях нет водяных знаков – стоит рекомендовать добавить водяные знаки, чтобы затруднить незаконное копирование фотографий с сайта.
  3. Анализ структуры сайта.
    • Необходимо проверить, все ли важные разделы сайта присутствуют в меню:
      • каталог товаров (если он имеется);
      • страница с контактами;
      • прайс-лист (если он имеется);
      • страница с отзывами (если она имеется);
    • Необходимо проверить, нет ли в меню страниц, которые функционально дублируют друг друга и могут путать пользователей. Например, может быть две страницы «контакты» или два разных раздела, где дублируются цены.
    • Необходимо проверить, нет ли на сайте страниц с очень высокой глубиной вложенности. Оптимально, если любая страница сайта находится не далее 3 кликов от главной страницы. Если имеются страницы, глубина вложенности которых больше – желательно дать рекомендации, как изменить структуру сайта, чтобы уменьшить глубину вложенности.
  4. Анализ продающих блоков:
  5. Проверьте, что на ваших страницах используются элементы, позволяющие повысить продажи товаров и услуг. Ели вы не используете продающих блоков, сайт может иметь низкую конверсию.

    Примеры продающих блоков:

    • Счетчик обратного отсчета (таймер);
    • Блок с УТП (уникальное торговое предложение): 5 причин работать с нами / купить наш товар;
    • Схема работы
    • Портфолио и кейсы
    • Отзывы
    • Ваши достижения;
    • Гарантии (чем конкретнее – тем лучше);
    • Список партнеров или известных клиентов;

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

Примеры аудитов юзабилити

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

Полезные статьи по теме:

 

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

 

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

 

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

 

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

 

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

 

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

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

 

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

 

   Хорошо сказывается на юзабилити сайта следующие приемы текстового оформления:

 

   — Стиль написания статей должен соответствовать принципу «перевернутой пирамиды» (основная идея озвучивается в начале статьи, а менее важная информация излагается в конце);

 

   — В тексте должны иметься определенные «зацепки», упрощающие пользователю восприятие информации (заголовки, подзаголовки, нумерованные списки, выделенные шрифтом ключевые слова и т. д.);

 

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

 

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

 

   6. Скорость загрузки. Люди очень нетерпеливы, если заставить их долго ждать — они просто уходят на другой сайт. Для проверки скорости интернет-ресурса существуют специальные сервисы.

 

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

 

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

12.01.2017

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

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

Чтобы в конце работы над сайтом не допустить таких разочарований, а заодно уменьшить финансовые затраты на разработку сайта, рекомендуется применять UCD (user-centered design). Этот подход основывается вовлечении пользователей в процесс проектирования на раннем этапе.

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

Аналитика целевых пользователей

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

Разработка пользовательских сценариев

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

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

Разработка прототипа

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

Оценка или юзабилити-тестирование

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

Спецификация прототипа

На основании результатов тестирования вносятся изменения и прототип специфицируется.

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

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

Итеративность не  означает “бесконечность”. Как правило, работы по проектированию занимают не больше месяца.

Такая методика имеет большой плюс — это юзабилити-эффект. Но мы можем назвать еще два преимущества:

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

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

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


Сайт ПАО "Мосэнергосбыт" предлагает москвичам услуги установки и замены счетчиков. Посещаемость сайта велика: ежемесячно 50 000 просмотров.

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

Пример модернизации сайта ПАО "Мосэнергосбыт"

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

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


Строительная компания «Юникс Строй» обратилась с проблемой низкого уровня продаж при стабильно высоком трафике.

Пример модернизации сайта компании«Юникс Строй»

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

Мы переосмыслили  концепцию и предложили посетителям, которых интересовали пеноблоки, еще 3 варианта: дома из кирпича, из газоблоков, и новинку — дома из блоков с декоративным покрытием. Кроме этого, на сайте внедрены сервисы для удобства посетителей, возможность заказа в три клика, разработан новый функционал каталога с проектами домов. Результат проведенной работы не заставил себя долго ждать. Только за первый месяц на новом сайте значительно улучшились показатели: глубина просмотра страниц увеличилась на 42%, время пользователя на сайте выросло на 33%.


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

Добавить комментарий

Закрыть меню