Ответ
Как улучшить UX на ecommerce сайте Опции темы
Старый 16.07.2017, 17:47
  #1
Nataly
 
Регистрация: 30.07.2014
Сообщений: 474

Как улучшить UX на ecommerce сайте
Evan Williams, соучредитель Twitter, однажды сказал: «UX - это все. Это всегда было так, но его недооценивают и в него недостаточно инвестирует». UX в электронной коммерции ничем не отличается. Магазины вливают тысячи долларов в рекламу на Facebook, в исследования продукта, дизайн. Однако по-прежнему UX недооценен и в него недостаточно инвестируют. Это большая проблема, которая затрагивает посетителей, клиентов, доходы и саму компанию. Потому что если вы еще не оптимизируете ecommerce UX, знайте, что ваши конкуренты уже это делают.

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

Например:

• Загружается ли быстро сайт?

• По сайту легко перемещаться?

• Сайт также максимально легок и приятен в использовании на мобильных устройствах?

• Тексты на сайте просты, конкретны и понятны?

• Иконки помечены и их легко расшифровать?

• Лишние шаги были удалены?

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

Karl Gilis из AGConsult объясняет:

«Большинство людей думают, что UX имеет отношение только к дизайну. Я думаю, что UX охватывает гораздо больше, потому что он связан с опытом, который получает пользователь при посещении сайта. Это означает, что каждый аспект сайта и то, что вы предлагаете, влияет на пользовательский опыт.

Отсюда ясно, почему об этом стоит беспокоиться: плохой опыт, скорее всего, приведет к тому, что посетитель покинет сайт. И он не просто уйдет, он уйдет с негативными чувствами о компании.

Я должен признать, что, как специалист по «юзабилити», я никогда не любил слово «UX». Частично потому, что даже когда у меня есть очень плохой опыт, это по-прежнему пользовательский опыт. Но в основном потому, что большинство дизайнеров делают акцент на слове «опыт», и кажется, что это слово вызывает в них художественные и творческие качества личности. И они забывают о «пользователе»».

Этот слайд из одной из бесед Karl по UX визуализирует эту точку зрения:





Почему все это важно? Потому что у покупателей есть выбор, большой выбор. У Shopify насчитывается более 400 000 пользователей в примерно175 странах. Вместе они сгенерировали более 34 миллиардов долларов. Добавьте всех тех, кто не использует Shopify, и вы будете потрясены тем, как много существует интернет-магазинов. eMarketer подсчитали, что объем розничных продаж электронной коммерции превысит $4 трлн. в 2020 году, что составит 14.6% от общего объема розничных продаж в этом году.





При наличии такого большого числа других вариантов, если ваш UX разочаровывает или просто является плохим, покупатели не постесняются уйти в другое место. Не стоит недооценивать готовность покупателей уйти от вас, если UX не на должном уровне. 57% покупателей уже отказываются от корзин, независимо от качества UX. Как объясняет Talia Wolf из GetUplift.co, UX, наконец, помещает клиента обратно в сиденье водителя:

«UX - это все, чем не является старая школа графического дизайна и UI. Он основывается на данных и клиентоориентирован, помогая людям достигать своих целей. UX построен на исследованиях и проверках. Самое главное, что в центре его внимания находится пользователь.

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

4 рекомендации по UX для сайтов электронной коммерции

1. Приоритет функциональности над всем остальным

Вы знакомы с некоторыми из этих тенденций в дизайне?

• Параллакс-скроллинг (элементы на переднем плане прокручиваются быстрее, чем элементы на заднем).

• Автоматические слайдеры с изображениями.

• Контурные кнопки (прозрачные кнопки).

• Фон в формате видео.

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

• Параллакс часто применяется там, где он не нужен, при этом также страдает качество реализации.

• Слайдеры с изображениями отвлекают, медленно загружаются и плохо внедряются.

• На контурные кнопки пользователи часто не кликают и игнорируют.

• Фоны в формате видео отвлекают внимание и способствуют медленной загрузке.

Karl объясняет, что смысл не в том, как выглядит магазин, а как он функционирует:

«Конечно, дизайн очень важен. Но он должен быть функциональным. Смысл не в замысловатости. Посмотрите на Google, AirBnB или Amazon. Эти сайты не являются самыми творческими в плане дизайна. Но они, наверное, чуть более популярны, чем ваш. Все они имеют одну общую вещь: очень функциональный дизайн без визуальных отвлечений.

В этом заключается хороший UX-дизайн. Цель не в том, чтобы добавлять элементы. Речь идет о сохранении только тех из них, которые увеличивают доходы.

Каждый элемент на странице должен поддержать посетителя в достижении его цели. Кстати: это то, что следует понять в первую очередь. Люди посещают сайт, посадочную страницу, страницу продукта или статью в блоге по какой-то причине. Не потому, что им нечего делать. Дизайн должен ориентироваться на эти цели».

Death Wish Coffee, например, четко выделяет в приоритет функцию, помещая продукт в центр, на первый план даже на главной странице:





Каждый элемент сайта полностью сосредоточен на одной цели: продать больше кофе.

2. Клиентоориентированные тексты на сайте всегда должны «вести» за собой дизайн

Следует ли …?

1. Сначала писать тексты для сайта, а потом создавать (или подбирать) тему, которая будет дополнять текст.

2. Сперва разрабатывать (или находить) тему, а затем писать текст, исходя из темы.

Это, казалось бы, вечный спор о первоочередности текста или дизайна. Если вы хотите хороший UX, то следует дать возможность тексту «вести» дизайн. Вы хотите выбрать вариант номер один. Почему? Потому что дизайн должен поддерживать текст, а не наоборот. Ведь никто не покупает футболку или спиннер, потому что сайт выглядит приятно. Они покупают, потому что текст убедил их. Karl объясняет более подробно:

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

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

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

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

Chubbies является прекрасным примером клиентоориентированных ecommerce текстов, которые улучшают опыт пользователей.





Изучите баннер «Free gift» и описание продукта. Это истинное выражение клиентоориентированного текста. Karl объясняет, почему это важно, и почему это продолжит быть таковым в будущем, так как то, как мы воспринимаем ecommerce сайты будет развиваться в будущем:

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

Большинство компаний начинают со своей точки зрения. И они хотят выделиться с помощью опций, которые им кажутся важными.

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

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

3. Создайте интуитивно понятную навигацию, чтобы усилить вероятность обнаружения контента

Согласно Merriam-Webster, определение «интуитивный» звучит как «легко изучаемый и понятный». Когда посетитель может делать то, что он хочет делать на сайте без особых усилий или прерываний, это означает, что сайт интуитивно понятен. Это кажется простым, но очень мало сайтов интуитивно понятны.

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

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

При проектировании навигации имейте в виду следующее:

• Карточная сортировка (card sorting) может помочь вам лучше понять, как посетители ожидают находить товары и страницы.

• Используйте для обозначения знакомые слова. Не заставляй людей думать.

• Используйте прототипный ecommerce дизайн. Посетители будут ожидать увидеть корзину в верхнем правом углу, например. Все на сайте должно быть знакомо пользователю.

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

• Если вы используете иконки, убедитесь, что они знакомы пользователю и в них используются подписи.

• Убедитесь в том, что легко кликать на навигационные ссылки на мобильных устройствах. Часто они слишком малы, чтобы на них было удобно нажимать.

• Если у вас широкий выбор продуктов, вы должны будете использовать мега меню (mega menus). Сделайте категории и подкатегории кликабельными. Плюс, посадочные страницы категорий будут хороши для SEO оптимизации.

• Пожалуйста, используйте хлебные крошки.

• Навигация должна оставаться последовательной. Стандартизируйте сам процесс и дизайн.

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

Sivana хорошо следует этим принципам навигации:





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





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

4. Мобильный ecommerce UX отличен и к нему следует относиться соответствующим образом

До сих пор мы говорили об ecommerce UX на ПК. Что происходит, когда посетители приходят на сайт с мобильного устройства? Если у вас есть хороший UX для версии сайта для ПК, это не значит, что таковым является и мобильный UX. Мобильный UX - это совсем другой зверь. Контекст изменился, намерения изменились, мотивы изменились.

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

Согласно Baymard, мобильный UX - это то, с чем ecommerce сайты по-прежнему сражаются. 78% мобильных e-commerce сайтов работают плохо при обзоре опыта поиска продуктов на мобильных устройствах.

Вот несколько вещей, которые стоит иметь в виду при проектировании мобильного ecommerce UX:

• Сделайте пользовательский опыт естественным, нативным. 40% мобильных ecommerce сайтов не имеют возможности увеличения изображений продукта через традиционное мобильное раздвижение или двойное нажатие.

• Выберите правильную клавиатуру. Не используйте традиционную клавиатуру, если знаете, что они будут вводить числа, например.

• Будьте ясными, выделяйте важные опции. 80% процессов оформления покупки на мобильных устройствах предлагают пользователям возможность гостевого оформления заказа, но 88% делают возможным легко пропустить этот шаг.

• Отключайте автозамену в процессе оформления заказа. Нет ничего более ужасного, чем вводить адрес три раза на iPhone.

• 61% всех мобильных пользователей «иногда» или «всегда» заходят в ПК/ноутбук для завершения мобильных заказов. Убедитесь, что они смогут сохранить свои корзины.

• Разрешите посетителям осуществлять поиск конкретно в той категории или подкатегории, которую они в настоящее время просматривают.

• Экспериментируйте с цифровыми кошельками, чтобы убедить большее число мобильных пользователей совершить покупку через мобильный телефон.

• Сокращайте, сокращайте, сокращайте. Если вы можете уменьшить количество нажатий, необходимых для выполнения действия, сделайте это.

• Обратите особое внимание на обеспечение качества и кросс-устройственное/кросс-браузерное тестирование на мобильных устройствах. Ваш UX соответствует ожиданиям каждого браузера на любом мобильном устройстве?

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

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

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

Магазин Epic Meal Time - это отличный пример правильного UX процесса оформления заказа на мобильном устройстве. Во-первых, у вас есть возможность оплатить с помощью PayPal:





Затем вам показывается правильная клавиатура для введения номера телефона, и вам дается возможность сохранить эту информацию для следующего раза:





Когда приходит время платить, показывается правильная клавиатура (в том числе возможность сканирования кредитной карты):





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

Как распознать на сайте проблемы с UX

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

Как определить эти проблемы на вашем сайте? Karl объясняет, что здесь необходимы исследования:

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

Во-первых, определите проблемные участки. Где посетители выпадают из воронки? Они делают это за пределами страницы продукта? Они прерывают сеанс, когда видят стоимость доставки? Или может, когда у них полная корзина? Необходимо максимально сконцентрировать свои исследования. Если вы будете проводить исследования с целью «улучшения UX», вы не получите таких результатов, как могли бы, если бы имели цель «сократить число брошенных корзин» или «повысить добавление товаров в корзины со страниц продукта»».

Как сказал Karl, есть несколько недорогих методов исследования, которыми вы можете воспользоваться:

Тепловые карты скроллинга/кликов: посмотрите на глубину прокрутки и намерения кликов. Добавьте ссылки там, где люди пытаются кликнуть, но не могут. Если вы видите резкое изменение цвета прокрутки, возможно, вы случайно создали «false bottom». Обратите внимание, насколько далеко вниз люди прокручивают страницы и планируйте иерархию сообщений в соответствии с этим. Старайтесь подталкивать прокрутку визуальными подсказками.

Повторы сеансов: посмотрите, как реальные люди с реальными деньгами перемещаются по сайту. Что расстраивает их? С чем они борются? Где уходят? Почему?

Пользовательские тестирования: дайте людям конкретные указания (например, найти часы за менее $89 и добавить их в корзину) и посмотрите, как они попытаются следовать этим инструкциям, излагая свои мысли вслух.

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

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

UsabilityHub

UserTesting.com

Hotjar

Crazy Egg

Qualaroo

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

Как исправить проблемы с UX на сайте

Инструменты могут помочь определить проблемы, но они, конечно, не смогут помочь решить их. Все зависит от вас! К счастью, вы уже значительно продвинулись на пути к тому, чтобы решить UX проблемы на ecommerce сайте.

1. Расставьте приоритеты среди UX проблем на основе ожидаемого эффекта и легкости.

2. Используйте здравый смысл. Как можно улучшить работу? Обратитесь также к своим исследованиям.

Полдела в UX - это знание и образованность. Знание того, что искать, абстрагирование от своего эго и того, что выглядит красиво. Georgiana Laudi, digital-стратег, специализирующийся в области оптимизации и входящего маркетинга, говорит:

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

Ответ
 
 

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как провести исследования для ecommerce текстов Nataly Статьи 0 26.06.2017 22:18
Как повысить эффективность страниц в ecommerce Nataly Статьи 0 01.05.2017 23:53
Как вести прибыльный B2B ecommerce бизнес Nataly Статьи 0 23.04.2017 19:16
40 инструментов для развития ecommerce компании Nataly Статьи 0 06.04.2016 23:01
8 составляющих успешного eCommerce сайта Nataly Статьи 0 21.10.2015 00:37

Метки
ecommerce, дизайн, интернет-магазин, клиентоориентированность, навигация, пользовательский опыт


Здесь присутствуют: 1 (пользователей: 0, гостей: 1)
 
Опции темы

Быстрый переход


Текущее время: 22:58. Часовой пояс GMT +3.