apeescape2.com
  • Põhiline
  • Tehnoloogia
  • Tööriistad Ja Õpetused
  • Innovatsioon
  • Kujundusprotsess
Ux Disain

Pood UX mobiilse kasutuskogemuse jaoks

Mõiste 'mobiilne kaubandus' võttis 20 aastat tagasi kasutusele Kevin Duffey, kui ta soovitas, et mobiilseade võiks kliendi taskus toimida jaemüügikohana. Arvestades tollaseid tehnoloogilisi piiranguid, kes oleks võinud arvata, et saame ühel päeval hõlpsalt väikese taskuseadmega kaupu sirvida, üle vaadata ja osta?

Ma ei saa üle hinnata, kui palju mobiilseadmed muudavad viisi, kuidas me oma klientidega suhtleme; peame nende muudatustega leppima.



- Joel Anderson, Walmarti tegevjuht



E-kaubanduse hämmastav kasv on hoogustanud ka Interneti-kaubanduse kasvu mobiilne e-kaubandus , on nüüd väärt peaaegu 700 miljardit. Mobiilne e-kaubandus on praegu hiiglasliku veebituru suurim osa. Üle 80% ameeriklastest on veebipõhise ostu sooritanud viimase kuu jooksul - Kolm aastat tagasi oli see arv vaid 11,6%. Aruanne kasutajalt Business Insideri luure soovitas, et mobiilne kaubandus suureneb kuni 45% aastal 2020. Vastavalt a ComScore uuring 2016. aastal suurenes mobiilseadmete kaudu tehtud kulutuste arv 44% võrreldes 2015. aastaga. rakenduste voog mobiilses e-kaubanduses

Nutitelefonide ostustatistika aspektid Statista

Vaatamata suurele müügimahule tunnevad end rohkem kui 60% kasutajatest endiselt mures on teie finantsteave mobiiltelefoni kasutamisel häkkinud. Kuid klientide rahulolu on endiselt üsna kõrge mobiilside jaemüügigigantidega nagu Amazon ja Apple, kes mõlemad saavad a rahuloluhinnang üle 80%.



millised on tootel üldised piirangud

mobiilse toote leht e-kaubandus ux

Mobiilse e-kaubanduse kontseptsioon Alex Khoroshok

Mobiilse pood UX-i edukuse parimad tavad

Pildisuumi tugi 'Näpistamise' ja topeltklõpsu žestide abil

Inimesed tunnevad mobiiltelefoni suumimiseks selliseid žeste nagu topeltpuudutamine ja näpistamine. Mobiilse e-kaubanduse kasutatavuse uuringu käigus Baymardi instituut ta leidis et ostjad tahavad loomulikult toodet põhjalikult kontrollida ja on huvitatud pisidetailidest. Kasutajad, kes olid huvitatud toote ostmisest, kuid ei suutnud seda suumides uurida, ei tundnud seda ostes end mugavalt ega pühendunud sageli müügile.

ostukorvi salvestamise funktsioon mobiilses pood ux



Tootepildid suurendatud kell rakendus Ülejääk.

On üsna üllatav, et 50 enim teeninud mobiilipoodirakendusest rohkem kui 40% ei toeta suumimisi .

Isegi piltide lähivariante pakkuvatel saitidel oli sarnane tagasilöögimäär, mis viitab sellele, et poodide mobiilirakenduses on tootepildi suumimise žestide tugi oluline.

Arvestades mobiilseadmete väikest ekraani suurust, on see platvormispetsiifiline probleem. Vähemalt ühe sellise funktsiooni tugi paigutab rakenduse 50-protsendilise populaarseima e-kaubanduse rakenduste hulka.

Mõned arvestatavad tegurid:

see disainiprintsiip muudab ühe osa teosest teiste osade suhtes domineerivaks.
  • Madala eraldusvõimega pildid on samaväärsed suumimata piltidega. Kasutajad on huvitatud toote üksikasjade selgest nägemisest ja vajavad selleks kõrge eraldusvõimega pilte. Madala kvaliteediga pildi suurendamise võimalus on üsna kasutu, kuna see ei võimalda kasutajal üksikasju näha.

  • Baymardi instituut leidis, et 50% rakendustest ei kästi kasutajatel tootepilte näpistada või topeltpuudutada. Pildi suumi kättesaadavuse näitamine on oluline. Ehkki need žestid on mobiilseadmete kasutajatele tavaliselt teada, tuleb siiski näidata, et need on kättesaadavad. Selleks on soovitatav kasutada ikoone või visuaale.

Andke ostukorvi funktsioon 'Salvesta'

Nagu eespool mainitud, on mobiilseadmete väike ekraanisuurus mobiilse e-kaubanduse jaoks suur takistus. Baymardi instituut täheldas, et rohkem kui 61% mobiilseadmete kasutajatest kasutate telefoni asemel ostu sooritamiseks sageli oma töölaudu.

Mobiilse e-kaubanduse ux registreerimisvormid

Salvestatavad ostukärud Rakendused Nordstrom Y Ülejääk.

Funktsioon 'Salvesta ostukorv' vähendab ostukorvi hülgamise arvu ja võimaldab ostjatel hilisema ostu jaoks esemeid salvestada. Püsivad ostukärud lubage klientidel jätkata ostlemist, ilma et oleks vaja tagastamisel soovitud toodet otsida - see funktsioon 55% ostjatest kasutaks.

Nende klientide hoidmiseks tehke järgmist.

  1. Pange ostukorv tööle soovide nimekirjana, salvestades ostukorvi lisatud üksused.
  2. Looge valik, mis võimaldab ostjatel saada salvestatud üksustega e-kirju. Kuvab meeldetuletused, et nad saavad kassas kasutada oma lauda.

Kasutage kirjeldavaid ja hästi märgistatud vorme

Teine kaalutlus on mobiilivormide parimate tavade rakendamine. On oluline, et poodrakenduse või saidi UX-kujundus välistaks segaduse, võimaldades kasutajatel vorme täita võimalikult kiiresti.

Need on mobiilivormi kasutatavuse parimad tavad:

  • Asetage vormi sildid vormi peale, et parandada loetavust, kasutusmugavust ja selgust. Teatud teabe vajalikkuse selgitamine vähendab kasutajate ärevust mobiilseadmes vormide täitmisel.
  • Sobitage tekstikirjed vastava klaviatuuriga. Telefoninumbrite ja krediitkaardi numbrite sisestamisel kuvage valimisklahvistik ning aadresside ja teksti sisestamisel tekstipaneel. See vähendab kasutajate vigu ja kiirendab vormi täitmist.
  • Sisestusväljade arvu piiramiseks sisestamise pingutuste vähendamiseks. Vähem sisendvälju annab vähem koormatud vormi ja parandab UX-i väljundvoogu.
  • Kui see on täidetud, liigub ekraanil iga väli automaatselt edasi. See ei takista mittetäielike väljade vaatamist.
  • Kasutab stepperid ostjate pingutuste vähendamiseks rippmenüüde asemel. The stepperid Neid kasutatakse väärtuse suurendamiseks või vähendamiseks püsiva summa võrra ning need on töötamiseks kiirem ja atraktiivsem lahendus.

sugestiivne otsingu mobiilne pood ux

Kujundid on selgelt märgistatud mobiiltelefoni leht Sears.

Pakkuge intelligentset automaatset soovitust, automaatset tuvastamist, aadressiotsingut ja vigu

Automaatse soovitamise peamine eesmärk on hõlbustada ja kiirendada kasutajate vormide täitmist. Automaatne soovitus ennustab levinud otsingupäringuid ja aitab ostjatel tooteid hõlpsamini leida. Mobiilse kasutatavuse saab veelgi parandada, kasutades krediitkaardi tüüpi automaatset tuvastamist. Automaatne tuvastamine Sujuvamaks ostuprotsessi pakkudes viivitamatut tagasisidet toetatud kaarditüüpide kohta. Võimalikult paljude andmesisestusprotsesside automatiseerimine - eelistatavalt piltidega - parandab kasutajakogemust ja mõjutab positiivselt teisendamise määra.

Pood mikrointeraktsioonid ux

Automaatse soovitusega otsing rakendused Epsy Y Mänguasjad'R'Us

Aadressiotsimine ja valideerimine kiirendavad makseprotsessi - mitmesugused API-d (näiteks Google Places Y USPS ) võimaldab seda funktsiooni hõlpsasti rakendada. Vigade sisese valideerimise pakkumine on ka mobiilse UX-i kujundamise parim tava. Kiire jõudluse puudumine on poodide ostjate jaoks tohutu pettumus. Seda saab parandada, pakkudes kasutajatele reaalajas tagasisidet oma edusammude kohta (näiteks kassas käimise ajal), eriti kui nad teevad tahtmatult viga. See võimaldab kasutajatel oma vead kohe parandada, mis mõjutab kasutatavust positiivselt.

nimetatakse ebaefektiivsust, mille on tekitanud üha rohkem inimesi koos töötades

Kasutage UX-mobiilseadmete ostude parandamiseks mikroteateid

Mikro-interaktsioonid need on toote liidese detailid, mis on ette nähtud ühe ülesande täitmiseks, suurendades samal ajal toote loomulikku voolu. Toote meeldimine ja hindamine, värvi ja suuruse valimine ning andmete värskendamiseks alla pühkimine on näited mikrotoimest.

Pöidla-orienteeritud mobiilse pood ux paigutus

Toote värvivaliku mikrointeraktsioon mobiilses e-kaubanduses Mykolas Puodziunas

Arvestades nende levinust, võivad mikroteave aidata või kahjustada mobiilse e-kaubanduse rakenduse kasutuskogemust.

Mikrointeraktsioone saab kasutada:

  • Juhendage kasutajat intuitiivsemalt rakenduse kaudu;
  • Edastada paremat kindlustunnet, vähendada ostlejate ärevust ja suurendada üldist psühholoogilist mugavust loomulikuma ja voolavama suhtluse kaudu;
  • Ennetada tulevasi vigu ja anda kasutajatele viivitamatult tagasisidet nende tegevuse põhjal; Mina
  • Parandage kasutaja suhtlust rakendusega, reageerides märguannetele.

Tagab lihtsa, pöidlakeskse suhtluse

Ostjate kõige levinumate mobiilseadmete mõistmine parandab mobiilse poodide kasutuskogemust ja kasutatavust. 2013. aastal küsis Steven Hoober 'Kuidas on kasutajatel tegelikult mobiilseadmed?' ja jälgisid, kuidas inimesed suhtlevad ja hoiavad oma nutitelefoni, ning nad märkasid kolm peamist käitumismustrit see peaks juhtima mobiilse UX-i kujundust.

pakuvad usalduse märkidega turvatunnet mobiilses e-kaubanduses

Kuhu maanduvad seadmed ja käed pöidlad? UX pöidlale orienteeritud

Liideste kohandamine loomulikul viisil, kuidas inimesed mobiiltelefone kasutavad, suurendab kasutaja mugavust ja vähendab ostlejate ärevust. Mobiilseadmed ja ekraani suurused erinevad, kuid pöidla tsoon on kujunduse kriitiline aspekt ja kasutajakogemus jääb samaks.

'Pöidla tsooni' ümber kujundamine

  • Lahendab navigeerimise ja uurimisega seotud võimalikud probleemid
  • Parandage suhtlemist, võttes vastu žeste ja jõudes ühe sõrmega
  • Teisendab paremini ja suurendab kasutatavust, paigutades olulised esemed hõlpsasti ligipääsetavatesse piirkondadesse

Konversioonidele orienteeritud mobiilse poodide kujundamise kaalutlused

Näidake turvatunnet mobiilse poodrakendustes

The Turvalisus See on kasutajate jaoks üks suurimaid muresid mobiilseadmetega ostlemisel. Nende tehingute turvalisusest teavitamine lisab palju väärtust ostjate positiivsele arusaamale poe kohta.

UX mobiilse poodide soovituslik nuppude kujundus

Usaldusmärkide kasutamine aastal Rakendused Walmart Y Walgreens

Siin on mõned UX-i disainitehnikad, mis edastavad kasutajatele turvalisuse ja vähendada kasutaja ärevust :

  • Tehke nuppude sildid sugestiivseks ja selgeks, kuhu ostjad lähevad. Sõnad nagu 'jätkata', 'turvaline' ja 'krüptitud' tugevdavad kasutajate psühholoogilist mugavust.
  • Kasutage lukusümboleid, et kinnitada ostjatele, et nende tehingud on turvalised.
  • Kasutage turvapakkujate, näiteks McAfee Secure ja Norton, usaldusväärseid mandaate. See aitab kasutajatel veebisaiti positiivselt tajuda (Baymardi instituudi uuring).
  • Rakenda põhimõtteid värvipsühholoogia disainis ostjate paremaks usalduse tajumiseks. Mõned neist põhimõtetest hõlmavad publikule ja žanrispetsiifilisi värve.

Mobiilne poodotsing

Soovitav nuppude kujundus on sisse lülitatud Rakendused Dell

Esitage oma otsing prioriteediks (ja hoidke seda voldiku kohal)

Ostjad kasutavad toodete sirvimiseks või konkreetse toote ostmiseks e-kaubanduse mobiilirakendust või -saiti; järelikult muutub hästi kavandatud otsing e-kaubanduse mobiilirakenduse jaoks kriitiliseks. eBay usub, et teie saidiotsing on üks olulisemaid funktsioonid mobiilsetele ostjatele ja rõhutab seda, asetades selle liidese keskele ja kohale.

Mobiilse pood ux maksevood

Otsige mobiilirakendused American Eagle Outfitters Y L.L. Bean

Mobiilotsingu olulised kaalutlused:

  • Veenduge, et see oleks nähtav! Kui hoiate otsinguriba hõlpsasti ligipääsetaval ja voldiku kohal, annab ostjatele toodete otsimiseks vaevatu viis.
  • Pakkuge otsinguotsingut, kasutades tavalistest otsingumustritest saadud andmeid ja kuvades seotud tooteid otsingutulemite lehtedel.
  • Pakkuge täpsemaid filtreerimisvõimalusi, mis võimaldavad klientidel soovitud tooted kiiresti ja vaevata leida.

Oluline aspekt, mida tuleb otsinguvormide kuvamisel arvesse võtta, on see, et need on ainult väärtuslikud varases staadiumis kasutaja koostoimest rakendusega. Kasutajad otsivad rakendust sageli oma ostureisi alguses ja võib juhtuda, et otsinguvormi hiljem maanteel kuvamine võib UX-i kahjustada.

lisage raha Google'i rahakoti häkkimiseks

Näiteks kassas ei ole otsing enam kasulik ja häirib ainult seetõttu, et see võib põhjustada kasutajate tähelepanu kaotamise ja loobumise ostust.

Tagab kiire, lihtsa ja rahuliku makse

Uuringud on näidanud, et makseprotsess on veebipõhise ostu sooritamise juures kõige stressirikkam osa. Baymardi instituut teatab, et ajavahemik on 35% käru hülgamine tulenevalt nõudest luua konto enne ostmist. Ostukorvi hülgamise määra vähendamiseks on oluline kavandada kiire ja lihtne makseprotsess, mis ei nõua ostjatelt esimest registreerumist.

Mobiilse pood ux väljavool

Vood ostuprotsessis mobiilirakendused Etsy Y Ann Taylor

Uuringud kasutatavus leidis, et üle 60% kasutajatest oli raskusi külalise makseviisi leidmisega; seetõttu peab külalise makseviis olema selgelt nähtav ja hõlpsasti kättesaadav.

Mobiilne pood ux shopping

Animeeritud mobiilse poodide rahavoogude veebikujundused Michael Pons

Siin on mõned soovitused poodide rahavoogude paremaks muutmiseks:

selgitage, kuidas disain on sisu jaoks oluline.
  • Kasutajate seotuse edendamiseks märkige kassaprotsessi iga samm, nummerdades ja kuvades parajasti aktiivse sammu.
  • Kasutage kassas kuvamiseks ja liikumiseks visuaale, näiteks edenemisribasid.
  • Pakkuge võimalust registreerumiseks ja sisselogimiseks kassas, kuid tehke valik.
  • Ärevuse ja põrkemäära vähendamiseks soovitage kasutajatel pärast sissemakse tegemist sisse logida või registreeruda, kui nad on registreerunud külalistena.
  • Rakenda järkjärgulise avalikustamise tehnikad parandada kasutajakesksust ja laadida sisu 30% kiiremini.

Alumine rida: millised on eduka mobiilse poodide kujunduse mõned peamised omadused?

  • Pakub kiiret ja lihtsat maksmist ning registreerimist
  • Sisestage turvatunne ja enesekindlus, kuvades asjakohaseid ikoone, märke, ülevaateid ja iseloomustusi
  • Pakub pöidlasõbralike tsoonide ümber kujundatud suhtlust
  • Kasutage järjepidevat ja kokkuvõtlikku navigeerimist
  • Sisaldab kiiret otsingut ja hõlpsat toodete filtreerimist
  • Mõistke otsest seost kasutajate stressi, ärevuse ja mobiilirakenduste konversioonimäärade vahel
  • Pakub kiireid ja tundlikke kogemusi mobiilisaitidel
  • Toetab toote pildi suumi liigutusi

Mobiilse pood saab ainult suuremaks

Mobiilse e-kaubanduse trendid näitavad, et mobiilse e-kaubanduse turg kasvab hüppeliselt ja tööstuse kasv on turundajatele loonud hulgaliselt eeliseid. Sellega kaasnesid aga paljud mobiilse poodide kujundamise parimad tavad ja standardid, mida turundajad peavad edu saavutamiseks järgima.

Rõivapoe rakendus Vitali Rubtsov

Ostjad ootavad mobiilirakendust, mis töötab hästi, näeb välja ilus ja kohandub oma käitumisega. Ehkki iga rakendus on oma piirangute ja eesmärkidega erinev, aitab käesolevas artiklis välja toodud põhiprintsiipide järgimine luua edukaid mobiilse e-kaubanduse rakendusi.

Laadige alla mobiilse kasutajaliidese poodide täiustamise petukiri

•••

Artiklid mobiilse e-kaubanduse kohta, et lugeda rohkem:

50 mobiilipoodide arvustust 10 parimat mobiilse pood saiti Mobiilne kaubandus - kohutav UX

Toidu serveerimine pilvest

Tulud Ja Kasv

Toidu serveerimine pilvest
Kuidas areneb rahvusvaheline rahaülekannete turg?

Kuidas areneb rahvusvaheline rahaülekannete turg?

Finantsprotsessid

Lemmik Postitused
Efektiivse tarkvara tootmise kaheksa reeglit
Efektiivse tarkvara tootmise kaheksa reeglit
Tarkvara määratletud raadioõpetus: pildid rahvusvahelisest kosmosejaamast ja sinkide kuulamine RTL-SDR abil
Tarkvara määratletud raadioõpetus: pildid rahvusvahelisest kosmosejaamast ja sinkide kuulamine RTL-SDR abil
Kirjutage olulised testid: lahendage kõigepealt kõige keerukam kood
Kirjutage olulised testid: lahendage kõigepealt kõige keerukam kood
Kuidas tehisintellekt rahandusmaailma mõjutab
Kuidas tehisintellekt rahandusmaailma mõjutab
Lõplik juhend WordPressi pistikprogrammi loomiseks
Lõplik juhend WordPressi pistikprogrammi loomiseks
 
5-sammuline protsess blogi muutmiseks suure konversiooniga lehtrisse
5-sammuline protsess blogi muutmiseks suure konversiooniga lehtrisse
5-sammuline protsess oma ajaveebi muutmiseks kõrgeks konversioonitunneliks
5-sammuline protsess oma ajaveebi muutmiseks kõrgeks konversioonitunneliks
Ethereumi Oracle'i lepingud: kas me võime Oracle'i usaldada?
Ethereumi Oracle'i lepingud: kas me võime Oracle'i usaldada?
ApeeScape käivitab kaugtöö tegemise põhjaliku juhendi „The äkki kaugjuhtimisraamat“
ApeeScape käivitab kaugtöö tegemise põhjaliku juhendi „The äkki kaugjuhtimisraamat“
Nurga 5 õpetus: samm-sammult juhend teie esimese nurga 5 rakenduse jaoks
Nurga 5 õpetus: samm-sammult juhend teie esimese nurga 5 rakenduse jaoks
Lemmik Postitused
  • erinevus c corp ja s corp vahel
  • erinevus scala ja java vahel
  • aws sertifitseeritud lahendused arhitekti sertifikaat
  • eclipse vs notepad ++
  • ühtsus + kuidas kaamera kõrgust piirata
Kategooriad
Inimesed Ja Meeskonnad Elustiil Innovatsioon Tööriistad Ja Õpetused Vilgas Mobiilne Disain Ux Disain Tehnoloogia Andmeteadus Ja Andmebaasid Finantsprotsessid

© 2021 | Kõik Õigused Kaitstud

apeescape2.com