10 съвета за проектиране на страхотна интернет магазин

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

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

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

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

"Всеки елемент, всяко парче съдържание трябва да е функционално на мобилни устройства", казва Джими Родригес, главен оперативен директор (COO) в 3dcart. "Ако започвате от нулата, проектирате за мобилни устройства. С отзивчив дизайн можете да създадете уебсайта, който да стартира на мобилен телефон, и след това да го пренесете на работния плот."

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

1. Навигация с лепяща глава

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

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

2. Менюта за хамбургер

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

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

"Много хора виждат менютата на Хамбургер и знаят какво означава, но не знаят, че това е основно новият стандарт", каза Родригес. „Посетителите на мобилни устройства научиха значението на този символ и уебсайтовете трябва да го приемат като стандарт за мобилна навигация.“

Можете да видите меню за хамбургер в горния десен ъгъл на Target.com и на мобилния уебсайт на Target. Можете да го видите и на снимката по-долу.

3. Паралелно превъртане

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

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

4. Безкрайно превъртане

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

Можете да видите подобна функция на UnderArmour.com. За съжаление, Under Armour изисква от вас да кликнете върху бутона „Заредете повече“, за да видите допълнително съдържание. Някои уебсайтове са оборудвани с механизъм за автоматично отваряне, който ще ви покаже повече съдържание, без да изисква кликване.

5. Плаващ бутон „Добави в количката“

Подобно на инструмента за навигация Sticky, плаващите бутони „Добави в кошницата“ позволяват на потребителите ви да добавят продукти в кошницата си независимо от това къде се намират на страницата с продукти. Преди това потребителите щракнаха надолу до потребителски отзиви, подробности за продукта и други елементи на долната страница и за да добавят продукта в кошницата си, ще трябва да превъртат обратно в горната част на страницата. Сега компании като Diesel.com ви позволяват да видите цената, количеството, цветовите опции и изображението на продукта, както и бутона „Добави в кошницата“, независимо от това къде се намирате на страницата на продукта.

6. Използвайте Закона на Фитс

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

Ако пренебрегнете закона на Фитс и поставите малки, черно-бели бутони по протежение на релсите или в долната част на страниците, тогава може да загубите от потенциалните купувачи. Не правете тази грешка.

7. Показвайте отзиви и препоръки на клиенти

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

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

8. Ефективно бюро за обслужване на клиенти

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

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

Но успехът на бюрото за обслужване на клиенти е нещо повече от софтуер. Трябва да сте сигурни, че някой професионалист е там, за да се справи с тези искания или това е пропилена инвестиция. Клиентите, които са се затруднили с натискането на бутон „Свържете се с обслужването на клиенти“, очакват да получат помощ на живо от действителен човек. Можете да управлявате това по телефона или чрез незабавен чат, функция, която става все по-честа при доставчиците на услуги за помощ. И ако сте привързани към персонала, можете да изправите пред операцията за обслужване на клиенти с интелигентни чатботи, които "звучат" човешки, като същевременно можете да обработвате поредица от входящи заявки на основно ниво, като раздавате само по-сложните заявки на действителното хомо сапиенс.

9. Поръчка за хляб

Когато клиентите излизат от вашия магазин, те обичат да знаят къде в процеса се намират, колко далеч са от довършителните работи и как лесно да се върнат назад, без да губят всички данни, които вече са въвели. Breadcrumb Checkout показва на клиентите точно къде се намират, като използва линеен дизайн на навигационния бутон, който позволява на потребителите да кликват напред и назад от Вход, Опции за плащане, Опции за доставка, Поръчка за поръчка или Продължаване на пазаруването. Без това оформление потребителите могат да натиснат бутона „Назад“, да видят, че информацията им не е регистрирана, да се разочароват и след това да напуснат уебсайта.

10. 360-градусова гледка

Някога купувате някое на пръв поглед скромно яке онлайн, само за да осъзнаете, че има връщане на връхни камъни? Е, когато върнахте този продукт, загубите собственото си време и времето на продавача и струвате пари на компанията. Не се притеснявайте, не беше ваша вина. Повече от вероятно продавачът имаше само изображения отпред и отстрани на якето. Ако продавачът предложи изображения с 360-градусова гледка, щяхте да забележите тези стрази и да щракнете върху бутона Отказ.

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