Магазин одежды Whistles перезапустил свой вебсайт на прошлой неделе. Новый сайт с тяжёлым флэшем безусловно стал другим.

По словам Джейн Шепердсон из Whistles «Мы потратили много времени на изучение лучших онлайн решений. Но затем мы отказались от всего что узнали и просто разработали то, что нравится нам визуально».

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

Домашняя страница

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

На странице размещено несколько изображений товаров, а также два-три видео произвольно раскиданные по странице:

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

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

В целом, несмотря на то, что следует немного потренироваться, чтобы c этим разобраться, им не так уж трудно пользоваться, а иного метода перемещения по странице нет.

На каждом фото товара есть ссылка, ведущая на страницу товара при нажатии на неё. Опять-таки, пользователям предстоит выяснить это опытным путём, так как курсор неизменяется при наведении на ссылку:

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

Навигация

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

Например, выбираете «купить» и попадаете на такую страницу:

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

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

Страницы товаров

На сайте нет отдельных страниц товара, вместо этого они всплывают, когда вы кликаете на фото товара:

Выдаётся вся необходимая информация о товаре и его доступности. Фото товаров качественные и их можно увеличивать, хотя при этом не ясно как вернуться к информации о товаре с увеличенного фото:

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

Оформление покупки

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

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

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

Форма довольно проста для заполнения, но в случае ошибки пользователям придётся вносить заново всю информацию, введённую ранее.

В примере, приведенном ниже, я заполнил все поля, кроме оплаты и нажал ссылку на продолжение, в результате чего вся моя информация была удалена, что означало, что я должен начинать всё сначала:

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

Итоги

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

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

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

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

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

Оригинал статьи: Site review: Whistles.co.uk