portaldacalheta.pt
  • Основен
  • Инструменти И Уроци
  • Agile Talent
  • Продукти Хора И Екипи
  • Растеж На Приходите
Дизайн На Марката

eCommerce UX - основни стратегии и принципи на дизайна



Тъй като цялостният пейзаж на дребно продължава да се развива и тухлени и хоросанови вериги се борят , пазарът на електронна търговия е готов за растеж. До 2021 г. се очаква глобалните продажби на електронна търговия да нараснат до повече от 4.48 трилиона долара , което е повече от два пъти числата от 2017г.

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



Потокът на пазаруване е общо потребителско пътуване, което, когато се внедри правилно, води до повече импулсни покупки, по-малко изоставяне на количката и по-висока обща конверсия.



Потребителското пътуване включва:



  • Откриване на уебсайт
  • Търсене на продукти и сърфиране
  • Страница на продукта
  • Количка
  • Разгледайте
  • Потвърждение

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

Фази от пътуването на клиентите на електронната търговия ux

Фази на пътуване на потребителя през Дизайн на уебсайт за електронна търговия .



Откриване на уебсайтове

Позиционирайте марката ясно

Посетителите формират първите впечатления от уебсайт само за 50 милисекунди . Уебсайтът за електронна търговия трябва да привлече вниманието на потребителя, като ясно и бързо показва какво продава и къде се вписва на общия пазар.

Например уебсайтът на търговец на луксозни бижута вероятно би изглеждал и се чувствал много по-различно от сайт за бюджетен магазин за големи кутии. Търговец на електроника от висок клас Bang & Olufsen предава качеството на своята марка, използвайки елегантни шрифтове, сложна цветова палитра и елегантни изображения на продукти.



електронна търговия ux дизайн за целева страница

Позициониране на марката с помощта на шрифт, фотография и копиране от Bang & Olufsen .

Показване на съответните призиви за действие

Когато потребителят пристигне на началната страница, поздравете го със своевременно съдържание и конкретни призиви за действие (CTA). Голямо банерно изображение, което съответства на текущия сезон или конкретно събитие, заедно с подходяща CTA помага на потребителя да премине към следващата стъпка в процеса на пазаруване. Когато създавате CTA, избягвайте общи фрази като „започнете“, които не казват ясно на потребителя какво предстои.



Полароид създаде ефективна CTA по време на празничния сезон, като помогна на потребителите, които пазаруваха за подаръци. Вместо да използва обща фраза, Polaroid използва „Пазаруване на подаръци“, като ясно посочва, че потребителят ще бъде отведен в зона на сайта с предложения за подаръци.

призив за действие за електронна търговия

Полароид показва CTA за пазаруване на подаръци на началната страница.



Приспособяване на целеви страници за SEO

Чрез свързване на думите за търсене на потребителя от търсачки като Google към конкретни целеви страници, търговците на електронна търговия могат да заловят потребители, които имат мисия да намерят конкретен продукт.

Когато потребителят търси нещо, има голяма вероятност да търси да го купи. Създаване на потребителски целевата страница за обичайните термини за търсене на продукти увеличава шанса на търговеца да блокира продажбата (и може би нов клиент). Фирма канцеларски материали Хартия прави това добре със страница, специално създадена за покани за сватба, която се появява в резултатите от търсенето с Google.



Целева страница за мобилна електронна търговия

Специална целева страница за сватбени канцеларски материали от Хартия .

Търсене и преглед на продукти

Осигурете търсене на място

Макар да изглежда съвсем основно, много сайтове все още не предлагат общо търсене в целия сайт, или ако го направят, то не е правилно оптимизирано. Но търсенето на място е от основно значение до солидно изживяване при пазаруване чрез електронна търговия.

Според Invesp , 60% от онлайн покупките са не импулсивен. Хората често знаят какво търсят и въвеждането на заявката им в лентата за търсене на уебсайт за електронна търговия - като име на продукт или номер на модел - е много по-бързо от пресяването на опциите в менюто.

Допълнителни функции като предсказуемо търсене или автоматично довършване помагат на потребителите бързо да виждат опциите. Apple използва тази тактика с поле за търсене, което динамично се актуализира с бързи връзки към продукти и популярни предложени търсения.

поле за търсене на електронна търговия

Търсене на изпълнение по Apple .

Вдъхновете посетителите в режим на откриване

Въпреки че много купувачи имат предвид определен артикул за покупка, не всички посетители са толкова сигурни. Според Нилсен Норман има такива пет вида купувачи на електронна търговия , един от които е „браузърът“. Браузърите не търсят непременно нещо конкретно. По-скоро те спокойно се оглеждат, за да видят дали намират нещо интересно.

уебсайтове за електронна търговия могат да поддържат купувача в режим на откриване, като им показват нови или най-продаваните продукти и им позволяват лесно и бързо да виждат категориите продукти.

Etsy ангажира браузърите, като им показва това, което е популярно в момента, както и ясно показва общите категории продукти, както в навигацията, така и в съдържанието на началната страница.

електронна търговия ux - откриване на продукт

Etsy помага на потребителите да открият какво е популярно в допълнение към показването на категории.

Използвайте филтри и фасетирано търсене

Фасетирано търсене използва филтриране и прави една стъпка по-далеч, като позволява на потребителите да избират няколко атрибута наведнъж.

Когато създавате филтри, вместо да ограничавате опциите до общи критерии като размер, цвят или цена, добавете специфични филтри за категории, специфични за продуктите, които се продават. Тези филтри могат да бъдат неща като годни или плат за облекло, шрифтове или повод за покани и размер на екрана или процесор за приспособления.

След като потребителят приложи филтри, в потребителския интерфейс трябва да стане ясно какви филтри са приложени. Потребителят трябва също така да може лесно да премахва приложените филтри.

ASOS показва подробна гама от филтри за всяка категория и ясно показва кои филтри са приложени.

Филтриране на мобилна електронна търговия

Специфични за категорията филтри по ASOS .

Страница на продукта

Видимо показва основните действия

Потребителят никога не трябва да се чуди как да направи нещо важно, като поставяне на продукт в пазарската си кошница. Показвайте основни действия като „добавяне в количката“ или „купуване сега“ като бутони и ги поставете на видно място на екрана спрямо останалото съдържание.

Търговец на дребно за домашни подобрения Лоу позволява на потребителя да знае как да добави продукт в количката си с голям, зелен бутон като едно от най-забележителните неща на страницата.

най-добрите практики за електронна търговия ux на видно място показват основно действие

Лоу показва основното действие на „Добавяне в кошницата“ като голям зелен бутон.

Предоставете подробна информация за продукта

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

примери за преговаряща сила на купувачите

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

Разбийте дългите описания на раздели; например преглед, размери / размери, подробни характеристики и информация за доставка. Използване на навигация за разгъване / свиване за допълнителни раздели, като Мипротеин прави, помага на потребителя да не се чувства претоварен.

Мобилна електронна търговия ux - описание на продукта

Описанието на продукта е организирано в набор от разширяеми раздели на Мипротеин .

Изградете доверие на клиентите

Избягвайте да оставяте клиентите да гадаят за опциите за доставка, наличността на продукта и правилата за връщане. Уверете се, че цялата тази информация е лесно достъпна, което изгражда доверие и доверие на клиентите и може да помогне да подтикнете несигурен клиент към покупка. Знанието дали и как могат да върнат нещо им помага да вземат по-информирани решения.

ASOS ясно показва важна информация за доставка и връщане на всяка продуктова страница, използвайки модал, достъпен от връзка под името на всеки продукт.

електронна търговия ux - политика за доставка и връщане

ASOS показва информация за доставка и връщане в модален режим, свързан от страницата с подробности за продукта.

Добавете социално доказателство

Социалното доказателство е понятие, което означава, че хората се влияят от поведението на другите. Концепцията е част от Д-р Робърт Циалдини (водещ изследовател в науката за влияние) принципи на убеждаване и е доказано, че работи.

Търговците на дребно за електронна търговия могат да укрепят доверието на купувача със социални доказателства, като добавят оценки на клиенти, отзиви и коментари. Продукти на Amazon често имат хиляди отзиви и потребителите могат да ги сортират по ниво на звезден рейтинг.

отзиви на клиенти за електронна търговия ux

Отзиви за продукти на Amazon .

Карта за пазаруване

Покажете ясно резюме на поръчката

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

Модистът показва както ясно обобщение на поръчката, така и разписка. Потребителят може лесно да управлява артикулите, които е избрал (да се премести в списъка с желания, да премахне, да промени количеството) и да види както обобщение, така и подробна разбивка на доставката и данъците.

Мобилна електронна търговия ux чанта за пазаруване

Преглед на поръчката и подробна разбивка на Модистът .

Разгледайте

Позволете на потребителите да се отписват като гости

Импулсни покупки представляват почти 40% от всички пари, похарчени в електронната търговия. Премахнете допълнителното препятствие при създаване на акаунт или влизане, като позволите на купувачите да се регистрират като гости. По време на процеса на напускане като гост, проста интеграция за създаване на акаунт може да превърне някои гости в потребители на акаунта.

Езоп позволява на потребителите лесно да се регистрират като гости, като същевременно дава възможност за влизане или регистрация. Предоставянето на множество опции в една форма премахва потенциалните блокиращи покупки за тези, които искат да се освободят бързо, но също така дава шанс на потребителите, които искат да се регистрират, да го направят.

електронна търговия ux вход

Езоп екран за вход с опция „продължаване като гост“.

Осигурете визуална обратна връзка по време на процеса на плащане

Включването на лентата за напредъка помага на клиентите да разберат къде се намират в процеса на плащане и колко им остава да попълнят.

Apple показва на потребителя всяка стъпка в процеса и му позволява да се придвижва между стъпките, използвайки връзките за напредъка. Напредъкът се запазва, така че потребителят не губи нищо, докато се движи между стъпките.

лента за напредък на електронната търговия ux

Apple има стъпка по стъпка платка за напредък при плащане.

Използвайте общи методи за плащане

В допълнение към разрешаването на плащане чрез основни кредитни карти, добавяне на други популярни методи за плащане като PayPal може да увеличи конверсията за купувачи, които не искат да предадат информацията за кредитната си карта.

В Холандия, идеален често се използва за електронна търговия и 60% от холандските потребители са го използвали при скорошна покупка. Търговец на дрехи Скоч и сода позволява на купувачите да плащат с iDEAL и PayPal.

медийни заявки за стандартни устройства

опции за плащане при електронна търговия

Различни начини на плащане в Скоч и сода Процес на плащане.

Потвърждение на поръчката

Показване на подробно потвърждение на поръчката след покупка

След като клиентът завърши покупката, дайте му потвърждение, което включва успешна обработка на плащането и подробности за доставка като адрес, начин на доставка и очаквана дата на доставка.

Тази концепция на имейл за потвърждение за Amazon показва номера на поръчката, дава преглед на закупените артикули и предоставя дата на доставка и някои препоръки за бъдещи покупки.

потвърждение на поръчка за електронна търговия ux

Концепция за имейл за потвърждение на поръчката от Дрю Кристиано .

Изпращайте актуализации за поръчки и доставка по имейл

В допълнение към екрана за потвърждение, изпращането на имейл за потвърждение помага да информирате потребителя за състоянието на покупката си. Въпреки че всички клиенти трябва да получат потвърждение по имейл, това е особено полезно в случаите, когато потребителите са се регистрирали като гости и нямат акаунт на уебсайта, за да проверят миналите си поръчки.

Ако нещо се промени с поръчката, като забавяне на доставката, изпратете актуализация. След като артикулът се изпрати, изпратете актуализация по имейл с номера за проследяване.

Обобщение

Принципите в тази статия осигуряват изходни точки на допирни точки на потребителското пътуване, които всеки дизайнер за електронна търговия трябва да последва, но това е само началото. За допълнително обучение за повече подробности относно мобилната електронна търговия UX посетете Електронна търговия за мобилно изживяване или прочетете повече за дизайна на целевата страница Как да проектираме ефективни целеви страници .

Нарастващият пазар за електронна търговия представлява много възможности за търговците на дребно. Тези, които осъзнават важността на UX и следват най-добрите практики за пътуването на потребителите в електронната търговия, могат да останат конкурентоспособни и да повлияят положително на крайните им резултати.

• • •

Допълнително четене в блога за дизайн на ApeeScape:

  • Видни тенденции в електронната търговия и тяхното влияние върху дизайна (с Инфографика)
  • eCommerce UX за мобилно изживяване
  • eCommerce UX - преглед на най-добрите практики (с инфографика)
  • Крайното ръководство за уебсайт за електронна търговия
  • Преработена електронна търговия: Как малките промени направиха основни UX подобрения

Разбиране на основите

Какво представлява търговецът на електронна търговия?

Търговците на е-търговия са онлайн магазини, които са добавили възможността на клиентите да търсят и купуват артикули чрез уебсайт.

Какви са предимствата на уебсайт за електронна търговия?

С нарасналия и прогнозиран ръст в онлайн пазаруването, търговците, които следват ключовите принципи за дизайн на електронната търговия UX, могат да се възползват от огромен ръст на пазара.

Какво е призив за действие на уебсайт?

Призивите за действие на уебсайта за електронна търговия помагат на клиента да насочи процеса на пазаруване. Те често се показват като бутони.

Бъдете спокойни: Вземете критиките стратегически

Процес На Проектиране

Бъдете спокойни: Вземете критиките стратегически
Съвети за разработване на приложение за Android: Моите научени уроци

Съвети за разработване на приложение за Android: Моите научени уроци

Подвижен

Популярни Публикации
Как да изградим безкраен бегач на iOS: Cocos2D, автоматизация и др
Как да изградим безкраен бегач на iOS: Cocos2D, автоматизация и др
Напишете важни тестове: Първо се справете с най-сложния код
Напишете важни тестове: Първо се справете с най-сложния код
Разработване на SmartWatch: Струва ли си проблемът на SmartWatch?
Разработване на SmartWatch: Струва ли си проблемът на SmartWatch?
Polymer.js: Бъдещето на разработването на уеб приложения?
Polymer.js: Бъдещето на разработването на уеб приложения?
Как да създадете персонализирани шрифтове: 7 стъпки и 3 казуса
Как да създадете персонализирани шрифтове: 7 стъпки и 3 казуса
 
Силните страни и предимствата на Micro Frontends
Силните страни и предимствата на Micro Frontends
Как да използваме помощници на релси: Демонстрация на въртележка за Bootstrap
Как да използваме помощници на релси: Демонстрация на въртележка за Bootstrap
Поглед към бъдещето на JavaScript
Поглед към бъдещето на JavaScript
Изграждане на ASP.NET уеб API с ASP.NET Core
Изграждане на ASP.NET уеб API с ASP.NET Core
Урок за OpenCV: Откриване на обекти в реално време с помощта на MSER в iOS
Урок за OpenCV: Откриване на обекти в реално време с помощта на MSER в iOS
Популярни Публикации
  • шаблон за техническа спецификация за разработка на софтуер
  • много милиарди долари
  • ръководство за c++
  • инструменти за визуализация за големи данни
  • как да уча за сертифициране по aws
  • рекламните дизайнери използват движението, за да
  • частни инвестиционни фондове за недвижими имоти
Категории
  • Инструменти И Уроци
  • Agile Talent
  • Продукти Хора И Екипи
  • Растеж На Приходите
  • © 2022 | Всички Права Запазени

    portaldacalheta.pt