Глава 5. Часть 1. Юзабилити сайта интернет-магазина. Яндекс подскажет.

Теперь вы думаете, что пора говорить о дизайне сайта?
- НЕТ…
На этом этапе мы рассмотрим другого «зверя», поговорим об основах юзабилити сайта. Так на иностранный манер называется совокупность интерфейсов, меню и полей в видимой пользователю части сайта. Это ни что иное, как оптимальное расположение и дизайн (в широком смысле этого слова) хорошо знакомых нам элементов, с точки зрения удобства пользователя и повышения конверсии сайта. Корзина, меню категорий каталога, доставка, административные страницы, системы фильтров, дублирования меню по характеристике товара, баннеры, слайдеры, красивые кнопки и конечно тело сайта с оформлением страниц.

Кто будет нашим первым помощником в оценке юзабилити сайта?

Конечно нам на помощь придет самый популярный поисковик России – Яндекс. У яндекса есть подробные инструкции, и рекомендации по то тому, какими видит поисковик качественные коммерческие сайта и сайты вообще. Рекомендации Яндекс к сайтам. Автор рекомендует прочитать. Основы юзабилити сайта просты. Делайте все, чтобы сайт был дружелюбным для клиента, чтобы каждая страница отвечала на вопросы, которые формируются у пользователя. Если человек хочет узнать о доставке, на соответствующей странице он должен получить исчерпывающую информацию. Если человек выбирает телефон, он должен узнать всё о моделях, предложенных на сайтах. Вы делаете сайт для людей, а не для яндекс и его поисковых ботов. Другое дело, что без переходов из поиска ваш сайт не выполнит тех задач, которые вы на него возлагаете. О том, как добиться высоких позиций в поиске мы будем говорить в четвертой главе.
По рекомендации Яндекс очень ванным моментом является размещение на сайте исчерпывающих контактных данных.

Контактные данные.

1. Телефон, официальный майл, время работы, переход в контактную форму и другие данные необходимо указывать на каждой странице сайта. Для этого лучше всего подойдет шапка сайта.
2. Максимально полные контакты с использованием популярных сервесов: телефон, email, Skype, ICQ, страница в социальных сетях. Но при этом следует оценить свои силы. Сможете ли вы общаться с клиентами всеми предложенными способами!
3.  Лучше использовать городской номер телефона,  он вызывает больше доверия, чем мобильный;
4.  Точное время работы оператораторов на вашем сайте и офиса продаж.
5.  Пункты самовывоза (если они есть).
6.  Удобную и понятную карту для сайта.
7.  Информацию о том, как добраться до вашего офиса на общественном транспорте, фотографии здания. Карта маршрута. Можно использовать народную карту. Это все следует разместить в контактной странице. Подробней об обязательных страницах сайта.
8. Как видите список контактной информации довольно обширный, часть этой информации придется разместить на контактной странице, а часть в шапке сайта.

Тело станицы.

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

Поиск. Что важно для поиска товара на сайте интернет магазина.

1. Удобная навигация по сайту. Боковое меню должно содержать только нужные разделы с емкими немногословными названиями. Дублирование разделов в одном меню не желательно. Так же не желательно использовать слишком длинное меню.
2. Качественные фото. Покупатель выбирает глазами. Он должен посмотреть товар с разных ракурсов. Одна фото товара не побудит человека сделать покупку.
3. Полные характеристики. Расскажите о товаре всё. Расскажите даже то, что и знать не стоит. Чем больше информации о товаре, тем больше доверии к сайту. Делайте полные описания.
4. Система фильтрации по различным параметрам (цвет, цена, размер, иные свойства присущие товарам разной тематики).
5. Поиск по сайту. Поиск должен работать, а не быть для «отмазки».
6. Наличие тегов (хлебных крошек).  Не пренебригайте этим инструментам.
7. Рекомендация товаров. Выступайте в роли эксперта, рекомендуйте. Очень полезная функция для юзабилити сайта.

Что важно для совершения покупки?

1. Быстрый переход в корзину с любой страницы. Такую кнопку или ссылку нужно разместить на всех страницах сайта.
2. Большие кнопки «купить».
3. Форма заказа, четкая и понятная. Спрашивайте только ту информацию, которая нужна вам для отправки заказа или для связи с клиентом.
4. Упрощение заказа. Покупка в один клик. Очень полезная функция. Пользователю нужно только заполнить майл и телефон, написать свое имя, остальное вы сделаете за него. Позвоните свяжетесь, уточните.
5. Разнообразие в способах оплаты.
6. Понятная схема доставки товара. 1 минута. Пользователь (ваш клиент), должен понять за это время, как к нему будет доставлен товар любым способ доставки.
7.  

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

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

---

Глава 4 Часть 1. Механизмы и технологии создания интернет магазина. || Глава 5. Часть 2. Открыть интернет-магазин с нуля. Анализируем юзабилити.

---

Похожие записи:

План курса и окончание первого раздела. В разделе: Новости интернета, сео, интернет технологии мира. Первый раздел курса по созданию интернет-магазина выложен полностью, но не завершен. Уже сейчас видно, что в нем кое чего не достает. Все главы раздела будут постоянно дополняться и автор надеетс...	Курс по созданию интернет-магазина. В разделе: Новости интернета, сео, интернет технологии мира. Мы анонсируем новый бесплатный курс по созданию интернет магазина от А до Я. В этом пособии мы бы хотели максимально доступный и понятным языком описать все этапы создания и настройки интернет-мага...
Глава 13. Часть 4. Добавление товаров в интернет-магазин. В разделе: Создaние интернет-магазина. Приступить к наполнению магазина товарами следует после того, как вы настроите самые важные параметры интернет магазина. Автор же опишет требования к заполнению страницы товара в интернет магазин...	Глава 5. Часть 4. Анализ юзабилити конкурентов. Помогают конкуренты В разделе: Создaние интернет-магазина. В прошлых частях мы рассмотрели сайты крупных торговых сетей и онлайн-гипермаркетов. Но перед нами стоят менее амбициозные задачи заработать себе на жизнь, увеличить прибыль небольшого бизнеса. К...