18 уебсайта за електронна търговия с безупречен UX-дизайн (и 3 големи имена, които са достатъчно)

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


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

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

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

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

1. Asos

Много използвам примера на Asos, но има основателна причина за това. Техният UX дизайн е блестящ.

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

asos2

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

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

Asos

2. Зара

Уебсайтът на Zara е майсторски клас в простотата. Чисто, интуитивно и ограничено. Това е ода за Законът на Хик: принцип на проектиране, който ограничава избора на навигация и дава на потребителя ясни, но ограничени опции.

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

Зара

3. Абоф

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

abof

В рамките на своите истории и статии те подчертават дрехите в виден раздел, наречен „Пазарувайте историята“. В предишната ни статия за UX говорихме за важността на създаването на връзка с вашата аудитория. Abof прави това перфектно с разказвани истории и съдържание.

abof 2

Само след като клиентът се вдъхнови, те се опитват да продадат нещо.

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

abof 3

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

4. Бергхаус

Berghaus е марка за дрехи на открито, но това ще знаете в рамките на първата секунда от кацането на сайта им.

Berghaus

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

Единственият недостатък? По-силен призив за действие наистина ще запечата сделката тук.

5. Apple

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

Те използват превъртане с паралакс за да направите изображенията динамични, привличане на потребителя и премахване на всички изходни точки. Вие сте потопен в света на Apple.

Екранен кадър 2016-07-28 в 8.43.00 часа

Умните анимации ви показват как точно работят продуктите, като новото 3D докосване. Превъртащите се галерии ви канят да взаимодействате и да изследвате, а умно копие ви казва точно как новият iPhone ще подобри живота ви (а не дълъг списък със спецификации).

Навигацията им е проста и чиста и обичам използването на изображения за по-нататъшно разграничаване на опциите (сканираме мрежата, така че думите имат навика да се смесват помежду си)

ябълка 2

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

6. Bellroy

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

звънец 3

Още по-добре, на страниците на продуктите си всеки отделен портфейл има свое собствено видео, което показва на клиентите всички уникални функции.

камбанен 4

7. Наемете пистата

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

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

наем за писта

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

наем на писта 2

Толкова просто, но толкова успокояващо.

8. Амазонка

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

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

Амазонка

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

9. Паша

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

драскотина

Това е прост майсторски клас в UX дизайн.

10. TopShop

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

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

Topshop 2

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

11. Протест

Протестът може просто да има най-голямата, най-дебела навигация в мрежата.

P

Това е ясно, кратко и сбито. Освен това намалява вероятността клиентът да се отклони. Синият цвят поддържа вниманието на клиента точно там, където те искат.

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

12. Нов поглед

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

Нов поглед 2

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

Нов изглед

13. Молив, от 53

Ако ще продавате писалка на стилус за близо 60 долара, трябва наистина да я продадете! За щастие, „Молив“, от 53 г. върши отлична работа, използвайки редица UX дизайнерски трикове.

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

молив 2

Те също така се възползват от страхотни отзиви, за да обяснят защо са толкова по-добри от другите опции. Използването на оферта от „Wired“ е блестящ трик, за да се даде надеждност на продукта и да се очертае неговата полза.

молив

14. Farmdrop

В последната ни статия за UX дизайна обяснихме колко е важно да съпричастни към вашата целева аудитория и да се свържете с тях. Farmdrop прави това, като поставя изложението на мисията си отпред и в центъра.

ферма

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

15. Сид Машбърн

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

икони

16. Бавни часовници

Това е часовник само с една ръка. Това е доста уникална концепция, така че е необходимо обяснение! Slow Watches прави това наистина добре с пълно екранно обяснително видео.

бавни часовници

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

17. Firebox

Когато вашите артикули не се вписват в нормални категории, станете креативни! Firebox е специализирана в необичайни подаръци и непочтени предмети. Тяхната топ 50 диаграма е идеалният начин да изследвате най-популярните си продукти.

снимки

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

Тъй като са се специализирали в подаръците, те имат и „търсач на подаръци“ на навигационната лента, фантастичен начин за стесняване на опциите.

18. Мързелив глух

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

Lazy Oaf връща това със своята готина секция „Търси книги“. Вместо да подреждат дрехите едно по едно, те показват тоалетите в различни комбинации наведнъж. В крайна сметка ето как изглеждаха в каталог.

мързелив дъх

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

Какво да не правя!

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

1. Къща на Фрейзър

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

Направо ще ви удари с изскачащ прозорец на цяла страница с молба да се абонирате за техния бюлетин.

Курс на Фрейзър

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

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

2. Wal Mart

Wal Mart има тежко предизвикателство. Те продават почти всичко, така че как да го категоризирате и да го направите просто? Е, не съм сигурен … но не е така …

стена март

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

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

3. Рей-Бан

Това е леко среден избор, тъй като повечето от уебсайтовете на Ray-Ban са много лесни за използване. Всъщност той има много готини функции.

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

Рей Бан

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

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

Ако сте нов клиент, има проверка на гости, но всичко, което сте направили, е да им дадете още един бутон за щракване. Още един шанс да щракнете.

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

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

Кои функции ще използвате на собствения си уебсайт?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map