Дизайн сайта и юзабилити: практический аспект

В чем заключается конкурентное преимущество вашей компании? Стоимость услуг / товара или их качество? А легко ли сделать заказ на вашем сайте? Если ответы на первые вопросы руководитель компании привык находить в начале становления бизнеса, то о последнем зачастую не думают даже владельцы уже работающих интернет-магазинов. К сожалению, большинство руководителей компаний, которые выступают в качестве заказчиков сайта, не задают дизайнерам и программистам простой вопрос: «Будет ли мой сайт удобен для пользователей?». Чаще важна «картинка» – дизайн-макет сайта. Ещё заказчику необходимо, чтобы, нажав на кнопку «Купить», покупатель мог отправить товар в «Корзину заказа». Всё. А где же посетитель сайта – потенциальный клиент? О нем забывают, о его удобстве не думают.

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

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

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

Рассмотрим элементы удобного сайта:

1) Страница-заставка.

Как правило, вводная (индексная) страница, которая несёт представительскую, имиджевую нагрузку. Эта страница должна не только производить впечатление на пользователя, но и быть максимально эффективной – она должна объяснять, что это за сайт и для чего он был создан, обычно для выполнения этих функций используется слоган и текст приветствия. На главной странице должен быть обзор содержимого сайта (например, выгодные предложения, последние статьи), а также обзор сервисов (авторизация, подписка на рассылку, интеграция с социальными сетями). На главной странице желательно присутствие периодически обновляемой информации: анонсы событий, лента новостей. Помимо этого, на индексной странице обязательно должно быть расположено сквозное меню по сайту, а также контактная информация (телефон, адрес).

2) Навигация по сайту.

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

3) Текст на сайте.

При написании текста для сайта необходимо учитывать два основных правила:

а) тексты должны быть короткими;

б) тексты для сайта должны быть структурированы по правилу «пирамиды»: от основных тезисов к обоснованию и более подробному рассмотрению темы. Самая интересная и полезная часть информации должна находиться в верхней части контентной области и быть доступной без прокрутки страницы.

Необходимо соблюдать следующие требования к оформлению текста:

а) размер основного шрифта должен зависеть от аудитории сайта (для малышей и взрослых необходимо использовать крупные шрифты);

б) при подборе шрифтов следует пользоваться относительными величинами (процентами) – такой текст легче масштабировать средствами интернет-обозревателя;

в) при выборе типа шрифта следует ориентироваться на то, что на мониторе (в отличие от бумаги) более удобно читается текст, набранный шрифтом «без засечек» (Arial, Tahoma, Verdana и др.). Заголовки лучше набирать шрифтами «с засечками» (Georgia, Times New Roman);

г) на сайте не следует использовать более четырёх разных цветов текста;

д) не следует использовать только прописные буквы, так как при этом снижается скорость чтения и затрудняется восприятие;

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

4) Поиск по сайту.

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

Как бы странно это ни звучало, но сайт должен быть стандартным. Стандартным в навигации и управлении. Сегодня наличие стандартных приёмов в интерфейсе сайта также является преимуществом. Ведь если пользователь когда-то уже видел что-то подобное (в навигации, элементах страницы или чем-нибудь другом), он будет знать, как этим пользоваться. Логично, что если пользователя выбрал пункт меню «Условия доставки», то он должен оказаться на странице, где будет понятно написано, как осуществляется доставка товаров в интернет-магазине. Под товаром должна быть кнопка «В корзину», а на этапе оформления заказа – кнопка «Заказать», которая отправит заказ менеджеру и т.д. Использование стандартных элементов в оформлении упрощает процесс заказа.

В любом случае, каждый удобный веб-ресурс обязан отвечать следующим требованиям: 1) сайт должен быть простым в навигации; 2) удобным при просмотре и поиске информации; 3) легко запоминающимся для повторного открытия; 4) приносящим удовлетворение посетителю. При этом надо помнить, что следование правилам не должно препятствовать творческому подходу при создании дизайна сайта. 

Библиографическая ссылка: Грибан О.Н. Дизайн сайта и юзабилити: практический аспект // Современные педагогические технологии подготовки специалистов в области дизайна и рекламы / Теоретические доклады I Всероссийской научно-методической конференции. – Омск: Изд-во ОмГТУ, 2012. – 190 с.

Авторские права

Авторское правоИнформация, расположенная на сайте www.Griban.ru является интеллектуальной собственностью автора сайта — Олега Николаевича Грибана и охраняются законом «Об авторском праве и смежных правах».
 

Использование материалов сайта возможно только на описанных ниже условиях:

  • Размещение информации с Griban.ru на каком-либо сетевом ресурсе возможно при условии, что содержание последнего не противоречит законам Российской Федерации.
  • Запрещается копирование разделов сайта полностью в любых целях. На одном сайте разрешается размещать не более 2 статей. Мы оставляем за собой право требовать снять наши статьи с любого сайта без объяснения причин
  • Текст статьи при перепечатке должен перепечатываться полностью, без изменений, искажений и переработки. При необходимости сократить или откорректировать перепечатываемый текст, обязательно получите наше письменное согласие.
  • Размещение любого материала с Griban.ru допускается при наличии на размещаемой странице обязательной активной ссылки (то есть при клике по ссылке человек должен перейти на наш сайт) на www.Griban.ru или непосредственно на страницу с оригиналом материала (обязательно проверьте ссылку на работоспособность).
  • При перепечатке материала несетевым изданием обязательно присутствие адреса Griban.ru или библиографической ссылки (например, в блоге, под каждым материалом указана ссылка на печатную версию статьи).
  • Использование любых материалов данного ресурса в коммерческих целях возможно ТОЛЬКО с письменным разрешением администратора проекта (oleg [собака] griban.ru).