ВзглÑ�ды из…

�втор: Р�нд Фишкин
Перевод: В�еволод Козлов

[Как бе�платно �оздать �айт и блог? Журнал дл� веб-ма�теров и блогеров от школы �оздани� �айтов] Электронна� коммерци� до �их пор находит�� на начальной �тадии развити�. Интернет-магазинов развело�ь немереное количе�тво, �реди которых в�его не�колько и�пользуют передовые технологии, в�евозможные �ерви�ы, наход�т�� в по�то�нном развитии, а о�тальные – на�пех изготовленные «витрины», клонирующие друг друга, по�мотр� на которые, воло�ы в�тают дыбом. Разумеет��, по�ледние обречены на провал. �о понимали бы �то их владельцы…

Т.к. � �вл�ю�ь регул�рным клиентом различных интернет-магазинов, � решил проанализировать их, на о�нове �того анализа выделить грамотно реализованные �лементы, �компоновать их в одну �татью и предо�тавить Вам на �уд!

Итак, знакомьте�ь � 17 правилами юзабилити у�пешных коммерче�ких �айтов.

Правило №1. Скажите мне, где �?

В��кий раз, когда пользователь имеет дело � �айтом, обладающим многоуровневой навигацией, необходимо давать ему знать, где он находит�� в конкретный момент. Реализовано �то может быть � помощью заголовков различных уровней или же � помощью панели меню «хлебна� крошка» (например, Главна� > Категори� > Подкатегори� > Товар).

Правило №2. Сделайте возможным отмену по�леднего перехода нажатием на �оответ�твующую ��ылку, ра�положенную на видном ме�те

Когда пользователь начинает углубл�ть�� в древо �айта и доходит до по�ледней подкатегории, в нашем �лучае (на �криншоте выше) до “Ted Baker�, ему может потребовать�� оперативно вернуть�� на уровень выше. Дл� �того необходимо преду�мотреть �оответ�твующую ��ылку, ра�положенную на видном ме�те. Это удобнее, чем пользовать�� кнопкой «�азад» браузера.

Правило №3. Предо�тавьте возможно�ть �ортировки товаров

Об�зательно должны быть �ледующие варианты �ортировки:

• По цене (от меньшей к большей, от большей к меньшей)
• По популÑ�рноÑ�ти (новинки, беÑ�Ñ‚Ñ�еллеры, рекомендуем, рейтинг)

Правило №4. Предо�тавьте возможно�ть выбора количе�тва отображаемых на �транице товаров

Е�ли в а��ортименте подкатегории у Ва� более 200 наименований товаров, правильным решением было бы предо�тавить пользовател�м возможно�ть �амим выбирать, по �колько наименований отображать на �транице.

Правило №5. Предо�тавьте возможно�ть выборки товара по о�новным параметрам

Е�ли Вы предо�тавл�ете �воим пользовател�м возможно�ть выборки товара по о�новным его параметрам, то они будут Вам не�оизмеримо благодарны. Только пред�тавьте �ебе, что Вы подобрали �ебе пару обуви, а нужного размера не оказало�ь… Вот дл� �того и нужна выборка товара по о�новным параметрам.

Правило №6. Детализируйте

Данное правило в некоторой �тепени �вл�ет�� дополнением предыдущего правила. Давайте ра��мотрим его �уть на реальном примере (на �криншоте выше): наход��ь в категории «Ботинки», проводим детализацию по видам ботинок – �андалии, ок�форд�кие туфли и т.д. По результатам �той детализации проводим выборку. Ваши пользователи будут Вам благодарны.

Правило №7. Покажите цену на товар, а так же �кономию при покупке у Ва�

Предо�тавить о�новную информацию на �транице � кратким опи�анием товара про�то необходимо дл� увеличени� конвер�ии. Разме�тите там цену товара, �кономию при покупке у Ва� (например, в�лед�твие какой-либо акции), а так же информацию по размерам, цветам и о�новному функционалу.

Правило №8. Панель пои�ка должна быть на видном и легко до�тупном ме�те

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

Правило №9. Предо�тавьте �воим пользовател�м возможно�ть и�пользовани� ра�ширенного пои�ка

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

Правило №10. И�пользуйте продвинутые решени� на �транице � результатами пои�ка

В каче�тве отличного примера мы приводим �траницу результатов пои�ка знаменитого интернет-аукциона eBay. Только по�мотрите (на �криншот выше), как грамотно у них она организована. По�мотрите, какое они и�пользуют продвинутое решение, от�ут�твующее у конкурентов – и�пользу� Ваш пои�ковый запро�, �и�тема определ�ет, �колько результатов пои�ка было бы � и�пользованием различных ча�тей Вашего и�ходного запро�а.

Правило №11. Явно укажите, дл� чего предназначен тот или иной товар

Каждый товар имеет �вое предназначение. Возьмем в каче�тве примера �умку дл� перено�а ноутбуков (выше на �криншоте). Эта �умка подойдет далеко не дл� в�ех ноутбуков, а в�его лишь дл� моделей � 12-13� �кранами. Такие данные о товаре про�то необходимы пользовател�м, по�тому не забудьте опубликовать их на �айте.

Правило №12. Об�зательно �кажите, е�ть ли товар в наличии или нет, а так же �рок до�тавки

Подавл�ющее большин�тво интернет-магазинов не предо�тавл�ют подобной информации на �транице опи�ани� товара. Эта информаци� �тановит�� до�тупной по�ле добавлени� товара «в корзину». � �то очень неудобно, �ами знаете.

Правило №13. Реализуйте и�черпывающую визуальную презентацию товара

Т.к. в интернет-магазине невозможно пощупать, по�мотреть �о в�ех �торон приобретаемый товар, Вы должны мак�имально во�полнить �тот пробел. Дл� �того и�пользуйте видео, фото, 3D и другие технологии…

Правило №14. Предо�тавьте пользовател�м подробную информацию о до�тавке товара

Многие пользователи перед тем, как оформить заказ, интере�уют�� �по�обами до�тавки товара. И таких пользователей до�таточно. Удовлетворите их потребно�ть!

Правило №15. Е�ли Вы не можете �ами до�тавить товар, укажите, кто может

В нашем примере � Ted Baker’ом, у которого были заказаны ботинки за $200, он �ам не о�уще�твл�ет до�тавку товара, а так же не предо�тавл�ет данных тех, кто может ее о�уще�твить. В �в�зи � �тим было прин�то решение найти и бе�проблемно заказать �тот товар на Amazon.com.

Проблема №16. Подтверждайте отправку заказов по e-mail

Иногда возникают такие �итуации, когда отправка товара задерживает��, а клиент по пон�тной причине начинает бе�покоить��. По�тому об�зательно оповещайте по e-mail об отправке товара. Тем �амым, Вы про�вите заботу о �воих покупател�х.

Проблема №17. В�егда и везде указывайте в�е детали заказа

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

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

Оригинал �татьи: 17 New Rules for Successful E-Commerce Websites

Попул�рно�ть: 16% [?]