Блог за онлайн маркетинг за бизнеса

Маркетинг

7 удачни примера за микро UX в сайтовете за Ecommerce

3
0
0
0

Микро UX — това са малки мили елементи на сайтовете, интерактивни атоми на уеб дизайна. Основната цел на микро UX е да стимулират положителните емоции на потребителя. Те информират, помагат или просто забавляват. Работата е в друго. Решенията микро UX винаги показват загрижеността от създателите на сайта за посетителите. Грижа на нивото на най-малките детайли.

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

Минутка за теория

Уникален потребителски опит (User Experience, UX) може да се получи, ако ясно се определи, защо на потребителя му е нужен именно този продукт (подходът макро UX). Също така потребителите подкупват приятните ергономични детайли и елементите на интерфейса (микро UX). В повечето случаи, занимаващите се с електронна търговия се концентрират върху подходите макро UX — нюансите на разработка на проекта, изкарването нови пазарни стоки и т.н. Подходите на микро UX осигуряват емоционална привързаност към проекта с помощта на оригинални идеи в уеб дизайна. През последните години те стават все по-популярни.

По-подробно за разликата между макро и микро UX ни разказват авторите на книгата «How to Design Experiences: Macro UX versus Micro UX Approach».

Критерии

Макро UX

Микро UX

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

Създаване на концепция за стоката

Създаване на елементи за подобряване на потребителския опит

Цели

Да се обясни защо потребителят се нуждае от стоката

Да се обясни как потребителят ще използва стоката

Начало на работата

Определяне потребностите на целевата аудитория

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

Тип влияние

Концепция на продукта, неговата функционална употреба

Рецепция на дизайна на продукта

Етапи

Необходимо е на всички етапи при работата с продукта

Необходимо е за поддръжка на продукта само в някои етапи

Особености на реализацията

Високо ниво на абстракция. Поставяне на общи цели и задачи

Само конкретни дизайнерски решения

Резултат

Ефективно достигане на уникален потребителски опит

Ефективно достигане на уникален потребителски опит на минимална цена

А сега — примерите.

Първо приближете

Сред hover ефектите на сайта за ретро мебели WrightWood си струва да се отдели «лупата», която позволява да се разгледа детайлно всеки модел на отделен екран. За увеличение на фрагмента е достатъчно да поставите курсора на мишката върху него. Hover ефектите

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

Продуктът в действие

Танцуващите пунктове от менюто на сайта American Apparel рекламират нови колекции обувки.

Wooden Sandal Jelly Heel
Lattice Jelly Flat Beverly Sandal

Узнай какво има вътре

Устройството Pencil 53 представлява стилус за iPad в дървена обвивка. При вертикално скролиране в сайта, стилусът се «разглобява» и «сглобява» отново. Узнай какво има вътре

Силата на инерцията

Картинките на продукти на сайта на Apple продължават движението си нагоре или надолу дори след като потребителят е спрял да скролира. Илюстрациите сякаш се нагласят към особеностите на монитора. Силата на инерцията

Обратната страна на медала

Момчетата от SohoFixed модернизират и продават ретро велосипеди. Те са решили да не претоварват главната страница на сайта с излишен текст — тук има само снимки на уникалните двуколесни механизми. При посочване с курсора на конкретен модел, картинката се «обръща» и потребителят може да научи подробности. При посочване с курсора на конкретен модел, картинката се "обръща" и потребителят може да научи подробности

Денем и нощем

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

«Гладната» кошница

Създателите на сайта ThreadLess са поместили елемент микро UX към последния стадий на фунията за продажби. След добавянето на първата покупка анимираната кошница моли за допълнително. Създателите на сайта ThreadLess са поместили елемент микро UX към последния стадий на фунията за продажби

Грижа за дребните неща

Накрая — за неочакваните неща, които си струва да се отбележат от занимаващите се с електронна търговия. Службата за онлайн поръчки на самолетни билети Virgin America подарява прекрасни примери за микро UX за мобилните сайтове. Така например, още при регистрацията потребителят автоматично получава няколко приятни комплимента :) Още при регистрацията потребителят автоматично получава няколко приятни комплимента :)

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

Коментари (0)

Оторизирай се, за да коментираш

Абонирай се

за най-интересен бюлетин за онлайн маркетинг

Най

обсъждано популярно четено