Дизайн и UX за онлайн магазин

01.04.2019

Време за четене: 6 минути

Прочетена: 75 пъти

Дизайн и UX за онлайн магазин

В статията ни "Технически предпоставки за реализиране и управление на стабилен онлайн магазин" Ви запознахме с предимствата на eCommerce open-source платформа - Magento. Ако вече сте избрали платформата, на която да базирате своя онлайн магазин, то тази статия ще бъде много полезна за Вас. В нея ще споделим ключовите моменти и допускани грешки при изграждането на дизайна, структурата и UX на всеки един онлайн магазин. 

Грешки на собствениците на онлайн магазини

Дизайнът и потребителското преживяване са ключови за онлайн магазина Ви!

С екипа ни от дизайнери и UX специалисти в Stenik, извадихме списък от най-честите грешки, които правят търговците, когато разработват своя онлайн магазин:

    • Търговците не следват експертното и обективно мнение на дизайнера, събиращо години опит, а налагат своите лични вкусове. Естествено всеки клиент има визия за своя онлайн магазин, но тя трябва да е съобразена на първо място с нуждите на неговите крайни потребители и тенденциите в дадената сфера, а не със неговите лични предпочитания. Професионалните дизайнери знаят, че не трябва да разглеждат крайния резултат на работата си само от собствената гледна точка, а също така от перспективата на потребителя и бизнеса.
    • Грешка е претрупване на интерфейса с функционалности, които водят до когнитивно натоварване на потребителя. Разсъждавайки логично, ако предлагаме повече функционалности от конкурентите ни в един единствен екран, това е добре, но до определена граница. Изследванията показват, че колкото повече избор на опции има един потребител, толкова по-трудно взима решение и в голям процент от случаите не е доволен от избора си. Работата на дизайнера е да предскаже най-удобното потребителско преживяване и да насочи купувача към него, без да го обременява с десетки различни бутони, цъкалки, съобщения и промоции в един екран. Изчистеният дизайн позволява на потребителя по-лесно да намира нужната за него информация и дава пространство на бизнеса да подчертае най-важното в дадения интерфейс.
    • Търговците не си отговарят на въпроса "защо?", когато харесват или не харесват дадено дизайн решение. Много пъти по-дълбокото проучване на причините за промяна на даден елемент от интерфейса, дават по-ясни насоки за дизайнера, или пък показват, че промяната не би донесла желания ефект, който клиента си представя. Някои от ключовите точки, които трябва да имаме в предвид при оценяване на даден дизайн са: четимост, консистентност, бърз и лесен достъп за навигиране и ориентиране в сайта.

      • Търговците не разглеждат външния вид на онлайн магазина си като цялостна визия съставена от лого/брандинг, уеб дизайн и банери. Често един нов онлайн магазин с хубав и модерен дизайн може да загуби всякаква естетическа атрактивност, защото търговецът слага рекламни банери със съвсем различни стилове, шрифтове и цветова схема от заложените по дизайн. Винаги е хубаво да се изпипа хубаво бранд идентичността (лого, слоган, послание и излъчване) на един магазин, преди да се премине към по-сериозен уеб дизайн. При готовите дизайни, решение за банерите може да бъде предложено под формата на темплейт (шаблон) - файлове, съдържащи основните стилове шрифт, цветове, лейбъли, които да се използват от in-house дизайнерите на бранда.
      • Търговците се опитват да комбинират в дизайна си прекалено много примери от референтни сайтове. Хубаво е да се взимат за пример големите eCommerce лидери в дадена сфера, но опитите да се прилагат десетки решения от десетки различни източници едновременно, може да доведе до т. нар. "манджа с грозде". Големите световни фирми инвестират сериозно време в тестването на концепции и решения за да открият кои комбинации са най-работещи за точно техните клиенти. Взаимстването от различни източници, без да се консултираме с експертен дизайнер или да се проведат допълнителни тестове, може да доведе до "налучкване", което да изиграе лоша шега по отношение на потребителското преживяване.
      • Грешка е прекалено детайлизиране на системни текстове като съобщения, промоции, допълнителна информация. В желанието си да дадът максимално пълна информация на потребителя, много клиенти влизат в излишни детайли, ненужни прилагателни, т.нар. разтягане на локуми, за да обяснят елементарни неща от сорта на промоция и нейния срок, бърза и безплатна доставка и т.н. Оставете подробните текстове за описанието на продуктите в детайлна страница, а всички останали системни текстове и заглавия трябва да са максимално лаконични и лесно четими, така че с едно сканиране да става ясно за какво иде реч. Все пак потребителят не чете новинарски сайт или книга, а иска максимално бързо да свърши работата, за която посещава сайта Ви.
      • Търговците гледат всеки детайл под лупа в десктоп версията на дизайна и хабят ценни часове за работа, докато за дизайна на мобилната версия или въобще не хаят или са доста по-невзискателни.
      • Случва се търговците да работят с freelancer или външна фирма за дизайна на своя онлайн магазин, а след това търсят фирма разработчик. И какво се оказва? Дизайнът трябва да бъде преработен изцяло. Всяка платформа за онлайн търговия си има своите специфики и изисквания и дизайнът трябва да бъде съобразен с тях. Това се прави и с цел след това да може да се надгражда по-лесно системата. Освен това, ако доверите дизайна на магазина си директно на фирмата разработчик, в процеса на разработка на дизайна ще участват не само опитни дизайнери, а и eCommerce консултанти, проджект мениджъри и програмисти, които със своя опит ще допринесат до по-качествения краен резултат.
      • При разработката на дизайна, търговците не използват свои реални снимки на продуктите, които ще продават. Също не използват и реални материали за банерите за дизайна, както и реални текстове. Оставят дизйнерите да ги подберат. А дизайнерите винаги ги подбират така, че да изглежда добре на първоначалния дизайн. Но от опит знаем, че след това е много трудно за самия собственик на онлайн магазина да успява да прави подобни банери, за да запази визията на сайта. А след като вкара реалните текстове в сайта, нещата може да придобият неестетичен вид.
      • Грешка е да се прекалява с ефектите и движещите се елементи. Все пак не правим презентационен или имиджов уеб сайт, а правим онлайн магазин, който трябва да продава. Отворете най-големите световни онлайн магазини и кажете дали има неща, които постоянно се връткат, мигат, появяват се и изчезват… Ами не! Всичко е изчистено от към ефекти, защото вниманието на потребителя трябва да е насочено към продукта и към процеса на купуване на продукта.  

Заключение

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

За автора:

Stefan Stefan Chorbanov

Стефан Чорбанов е един от създаделите на Stenik и от 2004 г. до сега работи в компанията по създаването на емблематични онлайн магазини и уеб сайтове. Участвал е в eCommerce проекти за KFC, Кокетна, CarpetMAX, Хиполенд, Пакостник, Ozone, Денси, Orange Center, Tempo, Demobaza, Giulian и много други. Като хоби, развива и собствени онлайн магазини за дрехи, което го прави специалист не само от страната на разработчика, а и от страната на търговеца – опит, който малцина притежават.

Сподели

Напиши коментар: