Чудили ли сте се някога защо хранителните магазини поставят мляко в задната част на магазина и шоколадови бонбони близо до касата?
просто: поставянето на основни неща в задната част на магазина насърчава купувачите да се разхождат и да разглеждат други продукти. Поставяне на малки предмети (като шоколади) близо до касата насърчава импулсивните покупки.
Всичко това е част от науката за дизайна на магазина. The правилното оформление на магазина може да увеличи продажбите, подобряват лоялността и помагат на клиентите да намерят това, което искат по-бързо.
Вашият онлайн магазин не е по-различен. Организацията и оформлението на вашите продукти оказват голямо влияние върху какво (и как) клиентите купуват от вас.
В тази статия, ще ви покажем как да подредите продуктите си, за да увеличите максимално продажбите и реализациите.
3 Неща, които трябва да имате предвид при избора на продуктово оформление
Оформлението на продукта може да звучи като ясен проблем, когато за първи път се обърнете към него. въпреки това, като повечето неща в електронната търговия, сложностите се появяват, след като се потопите в детайлите. Има три неща, които трябва да имате предвид, когато избирате продуктово оформление:
1. Избор
Изборът е нож с две остриета за магазините за електронна търговия. Липсата на избор означава, че ограничавате възможностите. Твърде много възможности за избор, въпреки това, и ще оставите посетителите объркани.
Ефективното продуктово оформление е по същество процес на балансиране на тази двойственост. Това е: създавайки впечатление за богат избор, като същевременно поддържа сайта лесен за използване и навигация.
Науката казва че вземането на решения е психическо облагане. Когато изправите купувачите пред твърде много възможности за избор, те са склонни изобщо да не направят избор.
И така, как да преодолеете този проблем в оформлението на вашия магазин?
Едно решение е да използвате представени изображения, които водят до допълнителни продукти. Например, забележете как Made.com използва отделни изображения за цели продуктови категории (като "градински мебели"):
Мислете за това като закачка за привличане на купувачи.
В идеалния случай, ще искате да запазите най-продаваните или най-желаните продукти отпред и в центъра.
Следователно, преди да започнете процеса на оформление, избройте следното:
- Цялата ви продуктова гама и съответните им категории и подкатегории
- Функционални категории като „най-продавани продукти“, "Специални продукти", и т.н. и продуктите в тях.
Следващата стъпка е да използвате тази информация, за да създадете добре организирано навигационно меню. Забележете как Amazon организира продуктите в категории в менюто си.
Това ще помогне на купувачите да намерят това, което искат, без да ги затрупвате с твърде много възможности за избор.
Ако вашият магазин Ecwid е добавен към уебсайт, можете да добавите меню за навигация, като добавите част от кода:
- for a horizontal layout
- за вертикално оформление.
Here are the instructions for Ecwid stores added on WordPress и Wix уебсайтове, също. На Ecwid Instant Site, достъпно е само хоризонталното меню.
2. Информация за продукта
Ето още един акт на балансиране, който трябва да извършите, когато избирате оформление на магазина: показване на информация за продукта.
Искате да дадете на клиентите информацията, от която се нуждаят, за да кликнат и да направят покупка. По същото време, не искате да ги затрупате с твърде много подробности – поне не преди да са на действителната продуктова страница.
Вашият умствен модел в тази ситуация трябва да бъде да улесните вземането на решения и да предизвикате интереса на клиентите. Запитайте се: Какво минимум информация трябва ли моите клиенти да кликнат върху даден продукт?
Ще откриете, че този отговор варира от магазин до магазин и продукт до продукт.
Например, забележете как Amazon ви дава само четири информационни точки на страницата с категории: Име на продукта, цена (включително отстъпка), рейтинг и основна наличност:
В Екуид, можете да добавите подобни оценки и отзиви с помощта на приложението Stampled.io.
Въпреки че тази информация е необходима за голям търговец на дребно като Amazon, за по-малки фирми като Пясък & Бижута с камъни, оценките не са толкова важни. Следователно, страниците с категории показват само името и цената на продукта.
Лесно е да попаднете в капана на раздаването на твърде малко информация в страниците с категории. Най-добрият начин да избегнете това е да интервюирате клиентите си и да ги попитате каква информация използват, за да вземат решения за покупка.
3. Дизайн на магазина
Начинът, по който сте проектирали вашия магазин, ще окаже голямо влияние върху оформлението на вашия продукт.
Един магазин за електронна търговия обикновено има три ключови страници:
- Начална страница
- Категории и страници за търсене
- Индивидуални продуктови страници
Продуктите, които изберете да покажете на всеки тип страница, ще решат какви продукти в крайна сметка купуват вашите клиенти.
Например, обърнете внимание как Amazon популяризира собствените си продукти на началната си страница, ако не сте влезли:
Обичайно е магазините да популяризират най-новите оферти на началната страница. Уверете се, че съобразявате тези оферти с вашата целева аудитория. BestMadeCo, например, провежда промоция за Деня на бащата, като има предвид своята предимно мъжка клиентела.
Фокусирай се:
- Разберете какви продукти искате клиентите да купуват (в идеалния случай вашият най-продаван, и/или продукти с най-висок марж)
- Поддържане на еднаквост на дизайна в различните типове страници.
Независимо дали решите да подчертаете своите най-продавани или нови постъпления, Ecwid ви позволява да създадете категория за представени продукти на началната страница и го наименувайте според вашите нужди.
6 Най-добри практики за оформление на продукти за електронна търговия
Със сигурност можете да създадете уникална схема на оформление за вашия магазин за електронна търговия, помага да следвате няколко най-добри практики.
1. Избутайте най-добрите продукти и оферти на видимата на екрана част от страницата
Областта „над видимата на екрана част от страницата“ е недвижимата част на екрана, която се вижда, когато клиентите за първи път попаднат на вашия сайт. Всъщност, тази област отчита 80% на цялото зрителско внимание на повечето сайтове.
Предвид вниманието, което получава това пространство, добра идея е да поставите най-добрите си продукти на видимата на екрана част от страницата. Това може да включва:
- Последни предложения, разпродажби и отстъпки
- Най-продаван продукт или продуктови категории
- Наскоро пуснати продукти (работи най-добре в началото на сезона за пазаруване)
На Target.com, например, ще видите най-новите оферти в горната част на страницата:
Ако имате много предложения, помислете за добавяне на плъзгач, като този пример от Walmart. Обърнете внимание и на промоциите, които се изпълняват под менюто за навигация:
Някои модни търговци на дребно избягват конвенционалните оформления в полза на популяризирането на имиджа на марката. На ASOS, например, получавате имидж на марката с опция за „Пазарувайте мъже“ или „Пазарувайте жени“.
Тази тактика работи, когато се опитвате да популяризирате визия на марката с lookbook. Повечето търговци на дребно, въпреки това, ще се справят по-добре с конвенционално оформление на продукта първо на видимата на екрана част от страницата.
Следвайте същата идея на страниците с категории: избутайте своите най-продавани и най-високо оценени продукти на видимата страница. Например, разгледайте страниците с категории на Amazon:
2. Комбинирайте хоризонтални и вертикални оформления
По същество има два начина, по които можете да подредите продуктите си на всяка страница: хоризонтално или вертикално.
Хоризонталното оформление остава статично. В края на страницата има бутон за превъртане на списъците по-нататък.
Този пример от Amazon илюстрира нещата по-добре:
В Екуид, наскоро разгледани продукти също са показани хоризонтално. Можете да изберете броя на артикулите, които да се показват отгоре или отдолу на витрината ви.
Свързани продукти е друга хоризонтално ориентирана секция. Продуктите в тази група са настроени индивидуално за всяка продуктова страница, което позволява да насочвате клиентите си с изключително подходящи допълнения към техните поръчки. Можете да ги показвате на продуктовите страници и на страницата на количката.
За разлика, вертикалното оформление няма тези бутони за превъртане. Вместо, виждате все повече и повече продукти в решетъчно подравняване, докато превъртате надолу. Като този:
В идеалния случай, трябва да използвате комбинация от двете оформления:
- Хоризонтално оформление, когато искате да покажете няколко продукта от много категории, като например в Наскоро разгледани продукти
- Вертикално оформление, когато искате да покажете много продукти от една и съща категория, като едно търсене и страници с категории
3. Следвайте конвенциите и очакванията на потребителите
Има ситуации, в които ще искате да бъдете нетрадиционни с дизайна си. Оформлението на продукта не е едно от тях.
Оформлението на вашия продукт има за цел да ориентира потребителите, когато попаднат на вашия сайт. Конвенционалното оформление гарантира, че те намират това, което искат, и няма да се дезориентират.
Конвенции, разбира се, варират от сектор до сектор. въпреки това, има няколко неща, които трябва да имате предвид:
Използвайте мрежово оформление
В мрежово оформление, продуктите са подредени в еднакви по големина правоъгълни кутии, като този:
Това оформление отдавна е конвенцията за сайтове за електронна търговия. Не само, че вашите клиенти вече са запознати с него, също е добър за показване на продукти. По-нататък, мащабира се добре – можете да показвате само една кутия на малки екрани, или разширете до няколко кутии на по-големи.
Когато използвате това оформление, уверете се, че кутиите са с еднакъв размер. Както показва този казус, използването на кутии с еднакъв размер може да увеличи приходите на посетител с толкова 17%.
Ако продавате с Ecwid, това не е проблем за вас – Ecwid има мрежа с еднакъв размер, която автоматично се адаптира към различни екрани.
Показване на навигацията в горната част на списъците с продукти
Друга конвенция, която трябва да следвате, е да поставите опциите си за сортиране в горната част на страницата.
Клиентите очакват това разположение и естествено ще погледнат тук, когато попаднат на страница с категория.
Ориентирайте клиентите с галета
Навигационните пътеки са навигационни елементи, които показват на потребителите техния път от началната страница, като този:
Добавянето им в горната част на страницата помага на посетителите да се ориентират. Той им казва в коя страница или категория се намират и как могат да се върнат на началната страница.
4. Съсредоточете се върху визуалните елементи, но не забравяйте текста на продуктовите страници
На линия, единственият начин да покажете вашите продукти е чрез визуални елементи. Ето защо е известно, че големите изображения на продукти повишават реализациите в електронната търговия.
въпреки това, докато визуалните изображения са важни, вашето оформление също трябва да има място за описателен текст. Доброто копие не само описва продукта, но също така помага да го продадете и вашата марка.
Например, помислете как BestMadeCo използва силно копие на началната си страница, за да продаде наскоро пуснат продукт. Оформлението помага на текста да се съчетае перфектно с изображението.
Копие на продукта е особено важно на продуктовите страници. Your layout should give customers all the key information they need to make a decision right above the fold. This should include:
- Цена (включително отстъпка, represented visually)
- Product rating and number of reviews
- Product and brand names
- Whether the product is in stock (and whether stock is running low)
- Shipping details
- 2-3 key product details
This is an example of how not to layout products. The product page has no copy at all – it’s difficult to make a decision.
As with most things, Amazon’s layout is perfect here, предоставяйки на клиентите всичко необходимо, за да вземат решение.
5. Добавете препоръки за продукти и свързани продукти
На продуктовите страници, имаш две цели:
- Отведете клиента до страницата за плащане, или
- Накарайте клиента да види друг продукт
За последното, трябва да имаш раздел за препоръчани или свързани продукти. Можете да поставите това или след информацията за продукта, или преди него.
Amazon прави това особено добре. Забележете свързаните продукти и списъците „също гледани“ под видимата на екрана част от страницата:
Ако имате няколко продукта в една и съща колекция, не забравяйте да ги покажете също. Ето добър пример от WorldMarket:
Списъците с свързани продукти не винаги трябва да са визуални. Можете също така да покажете сродни търсения, за да насочите клиентите към артикули, от които може да се интересуват.
Експериментирайте с различни оформления за свързани/препоръчани продукти. Опитайте се да ги поставите над долния колонтитул, под описанието на продукта, и т.н.
6. Експериментирайте с подробности за мишката върху страниците с категории
Един от начините за подобряване на честотата на кликване е да се предложат допълнителни подробности, когато клиент премести мишката върху изображение на продукт на страници с категории.
Например, този сайт показва подробности за продукта и бутон за добавяне в количката при задържане на мишката:
Целта на тази тактика е да предостави на потребителите ключова информация с един поглед. Работи най-добре, когато очаквате потребителите бързо да разглеждат голям брой продукти, например в магазините за дрехи. Може да не работи за други категории, но все пак можете да проведете няколко разделени теста и да видите резултатите.
В Екуид, можете да активирате бутоните „Купете сега“ в списъците с продукти, за да помогнете на клиентите си бързо да разглеждат (и купете) вашите продукти.
Когато клиент натисне такъв бутон, вашият магазин няма да отвори цялата продуктова страница. Вместо, вашият клиент ще види изскачащ прозорец с продуктови опции:
Ако вашият продукт няма опции, ще отиде направо в количката.
Заключение
Когато става въпрос за продуктово оформление, най-добре е да се придържате към конвенциите и да следвате това, което лидерите на пазара вече правят. Каталогизирайте подробно продуктите си, категоризирайте ги старателно, then organize them out in a standard grid layout.
The best practices shared above will work for most stores across sectors. Try them at your own store!
- How to Fix Your Store’s Navigation
- Всичко, което трябва да знаете за мърчандайзинг на продукти
- Онлайн мърчандайзинг: Как да подредите продуктите в онлайн магазина
- Какво е моден мърчандайзинг, и защо е толкова важно?
- 10 Грешки в дизайна на онлайн магазините
- 15 Перфектни съчетания на шрифтове за вашия уебсайт за електронна търговия
- Теория на цветовете: Всичко, което трябва да знаете за цветните теми
- 7 Творчески идеи за вашата продуктова страница за електронна търговия
- Силата на образа на героя в уеб дизайна
- Задължителни UX принципи, които да следвате в онлайн магазин
- Одит на дизайна на уебсайта
- Unlocking the Power of UX Design for Ecommerce
- Каква е разликата между UI и UX в електронната търговия?
