Всичко за онлайн бизнеса - Съвети за онлайн магазини от CloudCart > Експертни съвети > Как да настроиш магазин, подходящ за мобилни устройства

Как да настроиш магазин, подходящ за мобилни устройства

responsive-design-online-shop,

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

67% от хората използват няколко устройства, когато пазаруват онлайн.

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

„52% от потребителите е по-малко вероятно да се върнат на бизнес страница, на която са имали лош мобилен опит.“

„40% ще отидат при конкурент след лош опит с мобилния ти сайт.“

„67% от онлайн потребители са по-склонни да купуват от сайт за мобилно устройство топ телефон или таблет.“

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

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

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

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

Респонсив онлайн магазин

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

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

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

Помисли за този сценарий:

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

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

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

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

Онлайн потребители и пазаруването

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

1. Опростяване на работата на купувача

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

2. Съдържанието да пасва на екрана

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

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

3. Добре подбрани списъци с продукти и категории

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

buyer-behaviour

Тук е важно да прецениш как да са структурирани те, да се показват и генерализират.

4. Високо качество на продуктовите снимки

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

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

5. Не прави компромиси с функциите и бутоните, подканящи към действие

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

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

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

Related posts

1 Comment