Терминът „мобилна търговия“ е въведен преди 20 години от Кевин Дъфи, когато предположи, че мобилното устройство може да функционира като точка за продажба на дребно в джоба на клиента. Имайки предвид технологичните ограничения на времето, кой би си помислил, че един ден можем лесно да разглеждаме, преглеждаме и купуваме стоки в малко джобно устройство?

Не мога да преувелича колко мобилните устройства променят начина на взаимодействие с нашите потребители; трябва да приемем тези промени.

- Джоел Андерсън, главен изпълнителен директор на Walmart

Зашеметяващият растеж на електронната търговия също подхранва растежа на мобилна електронна търговия , сега струва близо 700 милиарда. Понастоящем мобилната електронна търговия е най-голямата част от гигантския онлайн пазар. Повече от 80% от американците са направили онлайн покупка през последния месец —Преди три години броят е бил само 11,6%. Репортаж от Business Insider Intelligence предложи мобилната търговия ще нарастне до 45% през 2020 г. Според a Проучване на ComScore През 2016 г. имаше 44% увеличение на разходите чрез мобилни устройства в сравнение с 2015 г.

Аспекти на статистиката за покупка на смартфон от Statista

Въпреки големия брой продажби, над 60% от потребителите все още се чувстват загрижени за това разполагате с вашата финансова информация хакнат при използване на мобилен телефон. Удовлетвореността на клиентите обаче все още е доста висока, тъй като мобилните гиганти на дребно като Amazon и Apple получават оценка на удовлетвореността над 80%.

Концепция за мобилна електронна търговия от Алекс Хорошок

Най-добрите практики за успех на UX Mobile Ecommerce

Поддръжка на мащабиране на изображения чрез жестове 'Pinch' и двойно щракване

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

Изображенията на продуктите са уголемени в приложението Излишни запаси.

Изненадващо е, че от 50-те най-печеливши мобилни приложения за електронна търговия, повече от 40% не поддържа жестове за мащабиране .

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

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

как да получите терминал на bloomberg

Някои фактори, които трябва да се вземат предвид:

• Изображенията с ниска разделителна способност са еквивалентни на изображения без увеличение. Потребителите се интересуват ясно да видят подробностите за даден продукт и се нуждаят от изображения с висока разделителна способност, за да го направят. Опцията за увеличаване на изображение с ниско качество е напълно безполезна, тъй като не позволява на потребителя да вижда подробностите.

• Институтът Baymard установи, че 50% от приложенията не казват на потребителите да прищипват или да докосват двукратно изображенията на продуктите. Посочването на наличността на увеличението на изображението е важно. Въпреки че тези жестове са известни на потребителите на мобилни устройства, те все още не са показани, че са налични. За целта се препоръчва използването на икони или визуални изображения.

  
  
  

Осигурете функция „Запазване“ за пазарската кошница

Както бе споменато по-горе, малкият размер на екрана на мобилните устройства е голямо препятствие по отношение на мобилната електронна търговия. Институтът Баймард отбелязва, че повече от 61% от потребителите на мобилни устройства често ще използвате бюрата си, за да завършите покупката си вместо телефона си.

'Съхраняващи се' колички за пазаруване в Приложения Nordstrom Y. Излишни запаси.

Функцията „запазване на количката за пазаруване“ намалява броя на изоставените колички и позволява на купувачите да запазват артикули за по-късна покупка. Устойчиви колички за пазаруване позволяват на клиентите да продължат да пазаруват, без да е необходимо да търсят желания продукт при връщане - функция, която 55% от купувачите би използвал.

Ето как да задържите тези клиенти:

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

Използвайте описателни и добре обозначени формуляри

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

Това са най-добрите практики за използваемостта на мобилната форма:

• Поставете етикети на формуляри върху формуляра, за да подобрите четливостта, лекотата на използване и яснотата. Обяснението защо е необходима определена информация ще намали безпокойството на потребителите при попълване на формуляри на мобилното устройство.
• Съчетайте текстовите си записи със съответната клавиатура. Показвайте клавиатура за набиране при въвеждане на телефонни номера и цифри на кредитни карти и текстов панел при въвеждане на адреси и текст. Това ще намали потребителските грешки и ще ускори попълването на формуляра.
• Ограничете броя на полетата за въвеждане, за да намалите усилията за писане. По-малко полета за въвеждане ще доведат до по-малко натоварена форма и ще подобрят изходния поток на UX.
• Автоматично придвижва всяко поле на екрана, когато е попълнено. Правейки това няма да попречи на никакъв изглед на непълните полета.
• Използва степери вместо падащи менюта за намаляване на усилията на купувача. The степери Те се използват за увеличаване или намаляване на стойността с постоянна сума и са по-бързо и по-привлекателно решение за работа.

Форми, ясно обозначени мобилната страница на Сиърс.

Осигурете интелигентно автоматично сугестиране, автоматично откриване, търсене на адреси и грешки

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

Търсене с автосугестия в приложения на Epsy Y. Toys'R'Us

Търсене и проверка на адреси ускоряват процеса на плащане - различни API (като Google Places Y. USPS ) позволява лесно изпълнение на тази функция. Предоставянето на вградена валидация за грешки също е най-добрата практика в мобилния UX дизайн. Липсата на бърза производителност е огромно разочарование за купувачите на електронна търговия. Това може да се подобри чрез предоставяне на потребителите на обратна връзка на живо за техния напредък (например по време на плащане), особено когато допуснат неволна грешка. Това позволява на потребителите да коригират своите грешки незабавно, което влияе положително на използваемостта.

Използвайте микро взаимодействия, за да подобрите UX Mobile Shopping

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

Микровзаимодействие при избор на цвят на продукта в мобилната електронна търговия от Миколас Пуодзюнас

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

Микровзаимодействията могат да се използват за:

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

Осигурява лесно, ориентирано към палеца взаимодействие

Разбирането на най-често срещаните начини купувачите да имат своите мобилни устройства подобрява мобилното потребителско изживяване и използваемост. През 2013 г. Стивън Хубър попита „Как потребителите наистина имат мобилни устройства?“ и наблюдаваха как хората си взаимодействат и държат смартфоните, и те забелязаха три основни модела на поведение които трябва да ръководят дизайна на мобилните UX.

какво е течове на памет в java

Къде кацат ръцете и палците върху устройството? UX ориентиран към палеца

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

Проектиране около 'зоната на палеца'

• Решава потенциални проблеми с навигацията и изследването
• Подобрете взаимодействието чрез настаняване на жестове и достигане с един пръст
• Преобразува по-добре и увеличава използваемостта, като поставя важни елементи в „леснодостъпни“ области

Съображения за ориентиран към преобразуване дизайн на мобилна електронна търговия

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

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

Използване на значки за доверие в Приложения Walmart Y. Walgreens

Ето някои техники за UX дизайн, които комуникират сигурността на потребителите и намаляване на безпокойството на потребителите :

• Направете етикетите на бутоните предполагащи и ясни за това къде отиват купувачите. Думи като „продължи“, „сигурно“ и „кодирано“ ще засилят психологическия комфорт на потребителите.
• Използвайте символи за заключване, за да уверите купувачите, че техните транзакции са сигурни.
• Използвайте надеждни идентификационни данни от доставчици на сигурност като McAfee Secure и Norton. Това помага на потребителите да възприемат положително уебсайт (проучване на института Baymard).
• Прилагайте принципите на цветна психология в дизайна за по-добро възприемане на доверието от купувачите. Някои от тези принципи включват ориентирани към аудиторията и специфични за жанра цветове.

Предполагаем дизайн на бутон Приложения Dell

Приоритизирайте търсенето си (и го дръжте над страницата)

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

@медиен екран и (макс. ширина 480px)

Търсене в мобилни приложения American Eagle Outfitters Y. L.L.Боб

Важни съображения за мобилно търсене:

• Уверете се, че е видима! Поддържането на лентата за търсене лесно достъпна и над гънката дава на купувачите лесен начин за търсене на продукти.
• Осигурете lookahead, като използвате данни, получени от обичайните модели на търсене, и показвайки свързани продукти на страниците с резултати от търсенето.
• Предложете разширени опции за филтриране, които позволяват на клиентите да намерят желаните от тях продукти бързо и без усилие.

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

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

Осигурява бързо, лесно и спокойно плащане

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

Потоци в процеса на покупка мобилни приложения Etsy Y. Ан Тейлър

Проучвания използваемост установи, че повече от 60% от потребителите са имали затруднения при намирането на опцията за плащане на гости; следователно опцията за плащане на гости трябва да бъде ясно видима и лесно достъпна.

Анимирани уеб дизайни на паричен поток за мобилна електронна търговия от Майкъл Понс

Ето няколко предложения за по-добър паричен поток от електронна търговия:

• За да насърчите ангажираността на потребителите, маркирайте всяка стъпка от процеса на покупка чрез номериране и показване на текущата активна стъпка.
• Използвайте визуални елементи като ленти за напредък, за да покажете и да се придвижите през процеса на плащане.
• Дайте възможност за регистрация и влизане по време на процеса на плащане, но направете избор.
• За да намалите честотата на безпокойство и отскок, препоръчайте на потребителите да влязат или да се регистрират след плащане, ако са се регистрирали като гости.
• Приложи прогресивни техники за разкриване за подобряване на фокуса на потребителя и зареждане на съдържание с 30% по-бързо.

В крайна сметка: Кои са някои ключови характеристики на успешния дизайн на мобилната електронна търговия?

• Осигурява бързи и лесни процеси на плащане и регистрация
• Вдъхнете чувство за сигурност и увереност, като показвате подходящи икони, значки, отзиви и препоръки
• Осигурява взаимодействие, проектирано около зони, удобни за палеца
• Използвайте последователна и уплътнена навигация
• Включва бързо търсене и лесно филтриране на продукти
• Разберете пряката връзка между стреса, безпокойството и процента на конверсия на мобилни приложения
• Осигурява бързо и отзивчиво изживяване на мобилни сайтове
• Поддържа жестове за увеличаване на изображението на продукта

Пространството за мобилна електронна търговия само ще стане по-голямо

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

Приложение за магазин за дрехи от Виталий Рубцов

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

Изтеглете Cheat Sheet за подобряване на електронната търговия на UX

•••

Статии за мобилната електронна търговия, за да прочетете повече:

50 отзива за сайтове за мобилна електронна търговия 10 от най-добрите сайтове за мобилна електронна търговия Мобилна търговия - Ужасен UX