Продажбите на електронна търговия в САЩ продължават да достигат нови висоти през 2018 г. В световен мащаб електронната търговия ще продължи да отчита солидни печалби в размер на 2,3 трилиона долара. Но какво кара един сайт за електронна търговия да триумфира над друг?

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

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

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

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

Ето някои методи, които съобщават за надеждност:

• Включете преглед на бизнеса:

  • Предоставете обща информация
  • Снимки на хора зад бизнеса
  • Информация за връзка
  • Връзки към социални медии
  • Страница с често задавани въпроси (FAQ)

• Публикувайте правилата за магазините и се уверете, че не е твърде трудно да се намерят:

  
  
  

  пазарен дял uber срещу лифт

  • Политики за доставка и връщане
  • Очертайте процеса на връщане и какви продукти могат да бъдат върнати
  • Осигурете лесен достъп до политика за поверителност, която обхваща личната и финансова информация на купувачите (това е от решаващо значение)

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

• Споделете отзиви за продукти. Предоставяйте отзиви за продукти, за да помогнете на купувачите да разберат повече за продукта; това ще помогне за облекчаване на всякакви опасения, които могат да имат, и ще осигури страхотна електронна търговия UX. Направете още една крачка напред, като предложите отзиви за продукти, заедно с допълнителна информация за рецензенти, или като обобщите отзивите. Тази стъпка може да помогне на купувачите да се възползват в пълна степен от мнението на другите.
• Използвайте защитен сървър. Купувачите очакват, че личните им данни ще останат сигурни, докато купуват онлайн. SSL (слой със защитени сокети) удостоверяват самоличността на уебсайт и криптират информация, която трябва да остане в безопасност. Това е съществен знак, който показва, че касите са сигурни. Уверете се, че купувачите им са защитени чрез внедряване на SSL и показване на значки на SSL сертификат.

• Добавянето е разпознато доверителни пломби . Доверителният печат потвърждава легитимността и сигурността на уебсайта. Някои доверителни компании дори добавят допълнителен слой защита, като предлагат известна застраховка, ако транзакцията се окаже измамна. Използването на признати доверителни пломби гарантира на потенциалните купувачи на сигурен процес на транзакция, което води до увеличени продажби и осигурява по-добра електронна търговия UX.
• Покажете внимание към детайлите. Направете уебсайта да изглежда легитимен и професионален, като избягвате печатни грешки, липсващи изображения, неработещи връзки, грешки 404 (страницата не е намерена) или други грешки при убийството на UX на електронната търговия.

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

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

Ето някои основни съвети за проектиране на потребителския интерфейс:

• Следвайте идентичността на марката. Брандирането трябва да е очевидно в целия уебсайт. Изберете цветове, които отразяват марката, и задайте стила, за да стане ясно какъв тип продукти се продават. Уверете се, че опитът с марката е последователен във всички канали - независимо дали онлайн, в магазина или на мобилно устройство. Това ще помогне за изграждането на силна връзка между марка и клиент.
• Приемете визуална йерархия. Най-критичното съдържание трябва да се показва над страницата. В някои случаи използването на по-малко празно пространство за сближаване на елементи е по-добро от избутването на критично съдържание под гънката.
• Не прекалявайте с дизайна. Ограничете форматите на шрифта като лице, размери и цветове на шрифта. Когато текстът прилича твърде много на графики, той ще бъде объркан с реклама. Използвайте висококонтрастни цветове на текста и фона, за да направите съдържанието възможно най-ясно.
• Придържайте се към известни символи. Използвайте икони или символи, които са лесни за разпознаване. Непознатите икони само ще объркат купувачите. Един добър начин да избегнете евентуално объркване е да осигурите етикети за иконите.
• Избягвайте изскачащите прозорци. Изскачащите прозорци отвличат вниманието. Дори и да съдържат ценна информация, купувачите са повече от вероятно да ги уволнят незабавно - след като си отидат, дори и да искат, е трудно за купувачите да намерят информацията отново.

Важността на навигацията в сайта за електронна търговия без триене

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

Някои ключови аспекти на Дизайн на уебсайт за електронна търговия за лесна навигация включват:

Добре дефинирани продуктови категории

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

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

Просто казано, ако купувачите не могат да намерят продукта, те не могат да го купят - създайте функция за търсене, която им помага лесно да намерят това, което търсят:

• Направете търсенето вездесъщо. Поставете полето за търсене на всяка страница и на познати места. Кутията трябва да бъде видима, бързо разпознаваема и лесна за използване. Стандартните позиции за реализиране на полето за търсене са горе вдясно или отгоре в центъра на страниците или в главното меню.
• Поддържайте всички видове заявки. Търсенията трябва да поддържат всички видове заявки като имена на продукти, категории и атрибути на продукти, както и информация, свързана с обслужването на клиенти. Добре е да включите примерна заявка за търсене в полето за въвеждане, за да предложите на купувачите използването на различните функции.
• Имате функция за автоматично попълване на търсенето. Функцията за автоматично попълване улеснява купувачите да намерят това, което търсят, и увеличава потенциала за продажби, като предлага неща в областта, която вече търсят.
• Позволява сортиране и филтриране на резултатите. Позволете на купувачите да сортират резултатите от търсенето въз основа на различни критерии (най-продаваните, най-високата или най-ниската цена, рейтинг на продукта, най-новият артикул и т.н.), както и да премахнат артикулите, които не се вписват в определена категория.

Филтриране на продукти

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

Бърз преглед на продукта

„Бърз преглед“ намалява времето, необходимо на купувачите да намерят правилния продукт, като елиминира ненужното зареждане на страници. Обикновено подробностите за продукта се показват в модален прозорец над разглежданата страница. Не се опитвайте да показвате всички подробности за продукта, вместо това включвайте връзка към пълната страница на продукта, за да видите пълни подробности. Също така не забравяйте да включите видно разположен бутон „Добавяне в кошницата“, както и функционалност „Запазване в списъка с желания“.

Специални оферти

Купувачите винаги търсят специални оферти, отстъпки или най-добри оферти. Направете видими ексклузивни оферти, така че купувачите да знаят за тях. Дори ако разликите в цените не са толкова големи, психологически усет спестяването на малко пари създава илюзия за надмощие.

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

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

Осигурете страхотни изображения на продукти

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

• Използвайте бял фон. Фонът за изображенията на продукта не трябва да разсейва или да влиза в конфликт със самия продукт. Белият фон работи най-добре, защото позволява на продукта да се откроява и работи с почти всеки стил или цветова схема.
• Използвайте висококачествени големи изображения. Добрите изображения продават продукта. Висококачествените изображения привличат интереса на купувачите и им показват точно какво купуват. Наличието на големи изображения позволява на купувачите да увеличат и разгледат даден продукт с фини детайли.

• Използвайте разнообразни изображения. Покажете продукта от редица различни ъгли и включете близки планове, за да осигурите по-пълно усещане за продукта. Изгледът на 360 градуса, където те могат да преместят продукта, е добър начин да осигурите преживяване, близко до физическото влизане в магазина и ангажиране с него. VR електронната търговия е следващата вълна от това изживяване.
• Използвайте видео. Видеоклиповете имат способността да доставят много информация за кратък период от време. Използвайте видео, за да покажете използвания продукт и да предоставите възможно най-много функционална информация.
• Да бъда постоянен. Използвайте изображения, които са съвместими на множество страници и са в съответствие с външния вид и усещането на останалата част от уебсайта. Това ще поддържа всичко да изглежда чисто и разхвърляно. Основното изображение на продукта трябва да бъде еднакво във всички области на сайта, като акценти на продукта или в раздела за представени артикули.

Дайте точното количество информация за продукта

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

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

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

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

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

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

Дизайн на пазарска количка

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

• Използвайте ясен призив за действие (CTA). Основният призив за действие на страницата на пазарската количка трябва да бъде бутонът за плащане. Използвайте ярки цветове, много области, върху които може да се кликва и прост език, за да направите бутона за плащане видим, ясен и лесен за използване.
• Осигурете адекватна обратна връзка. Уверете се, че когато продуктът е добавен към пазарската кошница, той е незабавно и ясно потвърден. Купувачите се объркват от неадекватна обратна връзка, като например показване на незабележим текст за потвърждение. Добра идея е да използвате анимации, тъй като движението привлича човешкото око.
• Използвайте приспособление за мини количка. Позволете на купувачите да добавят продукти към количката си, без да напускат страницата, на която се намират, като използвате мини количка. Освен това им позволява да се ориентират, откриват и добавят още продукти. Приспособленията за мини колички винаги трябва да водят към количката за пазаруване на цялата страница.

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

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

Стилен и модерен дизайн не определя успешния уебсайт за електронна търговия, нито непременно предоставя страхотен UX за електронна търговия. Успехът в електронната търговия се измерва само с броя на извършените покупки. Ето няколко начина за изграждане на добре проектирана страница за плащане, която ще допринесе за успешното преобразуване:

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

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

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

Обобщение

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

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

• • •

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

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

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

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

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

Какво представлява „Призив за действие“ на уебсайт?

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

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

Електронната търговия (известна още като онлайн пазаруване) е продажба и покупка на услуги и стоки през Интернет. Той е удобен, достъпен 24/7, с възможност за търсене, глобален (широк обхват на клиентите), рентабилен за продавачи и клиенти и не изисква много (ако има такова) физическо пространство.

Каква е навигационната структура на уебсайт?

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

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

Обменните курсове на клиентите варират в различните отрасли. Това, което е добро за един, може да не е за друго. В момента обаче средният процент на конверсия на купувачите в целия свят към Q4 2016 е 2,95%.