Юзабилити интернет-магазина. Три базовых блока.

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

Корзина

• Корзина всегда должна быть справа и всегда сверху! Это негласное правило, которое строго выполняется крупными магазинами, потому что все так привыкли. Расположить корзину в другом месте все равно, что переместить кассу в супермаркете от выхода в центр. Не факт, что все покупатели смогут ее найти. В качестве примера правильного расположения корзины зайдите на любой крупный интернет-магазин (хотя бы на тот же М.Видео).
• Корзина должна быть обособлена от других элементов. Это должен быть полностью отдельный блок, который легко найти, но который не будет отвлекать внимание от других важных элементов. В качестве неудачного расположения можно привести пару конкретных примеров:
  • balagan.com.ua. Здесь сразу две ошибки. Отсутствие корзины в правом верхнем углу и расположение ее под блоком категорий. Последнее будет отвлекать клиента от дальнейших покупок, т.к. добавив товар в корзину и решив побродить по другим разделам, ему, по сути, будет навязываться переход в корзину и оформление заказа.
  • zoofix.ru. Здесь ошибка как раз в расположении корзины и ее абсолютной невзрачности. Попробуйте добавить товар и отыскать его в корзине.

Информация о магазине

• Всегда располагайте всю информацию, включая телефоны, пункты на условия доставки, оплаты, информацию о компании и прочее вверху. Покупатель, придя в ваш магазин, вовсе не обязан пролистывать страницу вниз, чтобы отыскать условия доставки. Фактически у него должна быть возможность посмотреть данную информацию при переходе на любую страницу. В качестве примера как не нужно делать: viartis.ru/sections/shop. Попробуйте сами отыскать на сайте условия доставки или оплаты.
• Не создавайте плавающих элементов, вроде ссылок на обратный звонок или чат, которые перемещаются вместе со скроллом страницы (и не дай бог вам догадаться сделать всплывающий попап с предложением помощи!). Это лишь отвлекает внимание покупателя, а не оказывает ему реальную помощь. Вспомните, вас никогда не раздражали консультанты с вопросом “Я могу вам чем-то помочь?” (причем, когда они реально нужны их не отыскать J). Если покупателю действительно нужна ваша помощь, то он с легкостью отыщет телефоны или контакты вверху страницы.

Блок категорий

• Блок категорий является основным элементом навигации по товарам. И опять же по сложившейся традиции располагаться он должен слева либо сверху, но обязательно под информацией о вашем магазине и корзиной. Не стоит дублировать блок дважды: и в шапке, и в блоке слева, – это лишняя перегрузка информацией.
• Если у вас есть подкатегории, то стоит определиться нужно ли раскрывать их по умолчанию (или при наведении мышкой), либо же раскрывать только при переходе в основную категорию. Здесь все зависит от продаваемого товара. Если это, например, бытовая техника, то скорее всего покупатель ищет конкретный товар и ему вовсе не обязательно открывать категорию “Кухонная техника”, а проще сразу открыть подкатегорию “Холодильники”. Однако, ваш магазин может специализироваться на необычных и интересных товарах, в этом случае потенциальный покупатель может просто бродить по магазину в поисках того, что ему еще не ведано. И, скажем, если у вас есть категория вроде “Интересные штучки”, то лучше открывать подкатегории только после перехода в основную категорию, где можно подробнее описать, что представляют из себя товары каждой подкатегории в отдельности.

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

Источник: http://artemeremeevskiy.ru/usability/usabilit_main_3/