socialgekon.com
  • Tärkein
  • Muu
  • Web-Käyttöliittymä
  • Työn Tulevaisuus
  • Suunnittelu
Ux-Suunnittelu

Electronic Commerce UX mobiilikokemukseen

Termin 'mobiilikauppa' otti käyttöön 20 vuotta sitten Kevin Duffey, kun hän ehdotti, että mobiililaite voisi toimia vähittäismyyntikohteena asiakkaan taskussa. Kuka olisi ajatellut ajan tekniset rajoitukset huomioon ottaen, että voisimme jonain päivänä helposti selata, tarkastella ja ostaa tavaroita pienessä taskussa?

En voi yliarvioida, kuinka paljon mobiililaitteet muuttavat tapaa, jolla olemme tekemisissä kuluttajiemme kanssa. meidän on hyväksyttävä nämä muutokset.

- Joel Anderson, Walmartin toimitusjohtaja



Sähköisen kaupankäynnin hämmästyttävä kasvu on myös tukenut verkkokaupan kasvua mobiili verkkokauppa , on nyt arvoltaan lähes 700 miljardia. Mobiili verkkokauppa on tällä hetkellä suurin osa jättimäisillä verkkomarkkinoilla. Yli 80% amerikkalaisista on tehnyt verkko-ostoksia viimeisen kuukauden aikana - Kolme vuotta sitten luku oli vain 11,6%. Raportti Business Insider Intelligence ehdotti mobiilikauppaa kasvaa jopa 45% vuonna 2020. a ComScore-tutkimus Vuonna 2016 mobiililaitteiden kautta käytettävät menot kasvoivat 44 prosenttia vuoteen 2015 verrattuna. sovellusten virtaus mobiilissa verkkokaupassa

Älypuhelinten ostotilastojen näkökohdat Statista

Suuresta myynnistä huolimatta yli 60% käyttäjistä on edelleen huolissaan on taloudelliset tietosi hakkeroitu matkapuhelinta käytettäessä. Asiakastyytyväisyys on kuitenkin edelleen melko korkea, kun molemmat mobiilimyynnin jättiläiset, kuten Amazon ja Apple, saavat molemmat tyytyväisyysluokitus yli 80%.

mobiilituotesivu verkkokauppa ux

Mobiilin verkkokaupan käsite Alex Khoroshok

UX-mobiilikaupan parhaat käytännöt menestykseen

Kuvan zoomaustuki nipistämällä ja kaksoisnapsauttamalla eleitä

Ihmiset tuntevat eleet, kuten kaksoisnapauttaminen ja nipistäminen lähentääksesi matkapuhelinta. Baymard-instituutti teki mobiilin verkkokaupan käytettävyystutkimuksen aikana hän löysi Ostajat haluavat luonnollisesti pystyä tarkastamaan tuotteen perusteellisesti ja ovat kiinnostuneita pienistä yksityiskohdista. Käyttäjät, jotka olivat kiinnostuneita ostamaan tuotetta, mutta eivät voineet tutkia sitä lähentämällä, eivät tunteneet olonsa mukavaksi ostaa sitä eivätkä usein sitoutuneet myyntiin.

ostoskorin säästötoiminto mobiilikaupassa ux

Tuotekuvat suurennettuna hakemus Ylivarasto.

On yllättävää, että 50 eniten tuottaneesta mobiiliverkkosovelluksesta yli 40% ei tue zoomauselimiä .

Jopa sivustoilla, jotka tarjoavat lähikuvia kuvista, esiintyi samanlaisia ​​palautumisprosentteja, mikä viittaa siihen, että tuotekuvan zoomausliikkeiden tuki verkkokaupan mobiilisovelluksessa on kriittinen.

Ottaen huomioon mobiililaitteiden pienen näytön koon tämä on alustakohtainen ongelma. Ainakin yhden näistä ominaisuuksista tuki sijoittaa sovelluksen 50% verkkokauppasovelluksen joukkoon - listalle.

Joitakin huomioitavia tekijöitä:

  • Matalan resoluution kuvat vastaavat kuvia, joissa ei ole zoomausta. Käyttäjät ovat kiinnostuneita näkemään selvästi tuotteen yksityiskohdat ja tarvitsevat siihen korkean resoluution kuvia. Mahdollisuus suurentaa heikkolaatuista kuvaa on melko hyödytön, koska se ei salli käyttäjän nähdä yksityiskohtia.

  • Baymard-instituutin mukaan 50% sovelluksista ei kehota käyttäjiä nipistämään tai kaksoisnapauttamaan tuotekuvia. Kuvan zoomauksen saatavuuden osoittaminen on tärkeää. Vaikka nämä eleet ovat yleisesti mobiililaitteiden käyttäjien tiedossa, niiden ei ole vielä osoitettu olevan käytettävissä. Tähän suositellaan kuvakkeiden tai kuvien käyttöä.

Määritä 'Tallenna' -toiminto ostoskorille

Kuten edellä mainittiin, mobiililaitteiden pieni näytön koko on suuri este mobiililaitteiden sähköisessä kaupankäynnissä. Baymard-instituutti havaitsi, että yli 61% mobiililaitteiden käyttäjistä käytät usein työpöytäsi ostaaksesi puhelimesi sijaan.

Mobiilikaupan ux-rekisteröintilomakkeet

'Varastettavat' ostoskorit Sovellukset Nordstrom Y Ylivarasto.

'Tallenna ostoskori' -ominaisuus vähentää ostoskorien hylkäämisen määrää ja antaa ostajien tallentaa tuotteet myöhempää ostoa varten. Pysyvät ostoskärryt antaa asiakkaille mahdollisuuden jatkaa ostoksia tarvitsematta etsiä haluamaasi tuotetta palatessaan - ominaisuus, joka 55% ostajista käyttää.

Näin pidät nämä asiakkaat:

  1. Tee ostoskorista toivelista tallentamalla ostoskoriin lisätyt tuotteet.
  2. Luo vaihtoehto, jonka avulla ostajat voivat vastaanottaa sähköpostiviestejä tallennettujen tuotteiden kanssa. Näytä muistutuksia siitä, että he voivat käyttää uloskirjautumistaan ​​työpöydällään.

Käytä kuvaavia ja hyvin merkittyjä lomakkeita

Parhaiden käytäntöjen soveltaminen mobiililomakkeisiin on toinen näkökohta. On tärkeää, että verkkokauppasovelluksen tai -sivuston UX-suunnittelu antaa käyttäjille mahdollisuuden täyttää lomakkeet mahdollisimman nopeasti, samalla kun eliminoidaan sekaannukset.

Nämä ovat parhaat käytännöt mobiililomakkeen käytettävyyden suhteen:

  • Aseta lomaketarrat lomakkeen päälle luettavuuden, helppokäyttöisyyden ja selkeyden parantamiseksi. Selitys miksi tiettyjä tietoja tarvitaan, vähentää käyttäjien ahdistusta, kun täytät lomakkeita mobiililaitteella.
  • Yhdistä tekstimerkinnät sopivaan näppäimistöön. Näytä valintanäppäimet, kun syötät puhelinnumeroita ja luottokortin numeroita, ja tekstipaneeli, kun syötät osoitteita ja tekstiä. Tämä vähentää käyttäjien virheitä ja nopeuttaa lomakkeen täyttämistä.
  • Rajoita syöttökenttien määrää kirjoituskustannusten vähentämiseksi. Vähemmän syöttökenttiä johtaa vähemmän ladattuun muotoon ja parantaa UX-lähtövirtaa.
  • Edistää automaattisesti kutakin näytön kenttää, kun se on valmis. Tämän tekeminen ei estä mitään näkymiä keskeneräisistä kentistä.
  • Käyttää stepperit pudotusvalikkojen sijasta, jotta vähennetään ostajan vaivaa. stepperit Niitä käytetään arvon nostamiseen tai laskemiseen vakiona, ja ne ovat nopeampi ja houkuttelevampi ratkaisu työskennellä.

suggestiivinen haku mobiiliverkkokauppa ux

Muodot selvästi merkitty sisään - mobiilisivu Sears.

Tarjoa älykäs automaattinen ehdotus, automaattinen tunnistus, osoitteen haku ja virheet

Automaattisen ehdotuksen päätavoitteena on helpottaa ja nopeuttaa käyttäjien lomakkeiden täyttämistä. Automaattinen ehdotus ennustaa yleiset hakukyselyt ja auttaa ostajia löytämään tuotteita helpommin. Mobiilikäyttöä voidaan parantaa edelleen käyttämällä luottokorttityypin automaattista tunnistusta. Automaattinen tunnistus Tehostaa ostoprosessia antamalla välitöntä palautetta tuetuille korttityypeille. Mahdollisimman monen tiedon syöttöprosessin automatisointi - mieluiten kuvilla - parantaa käyttökokemusta ja vaikuttaa positiivisesti muuntokursseihin.

Verkkokaupan ux-mikrovaikutukset

Hae automaattisen ehdotuksen avulla sovellukset Epsy Y Lelut'R'Us

Osoitteen haku ja vahvistus nopeuttavat maksuprosessia - erilaiset sovellusliittymät (kuten Google Places Y USPS ) mahdollistaa tämän ominaisuuden helpon käyttöönoton. Inline-syötetarkistuksen tarjoaminen virheille on myös paras käytäntö mobiilikäyttöliittymäsuunnittelussa. Nopean suorituskyvyn puute on valtava turhautuminen verkkokaupan ostajille. Tätä voidaan parantaa antamalla käyttäjille reaaliaikaista palautetta edistymisestä (esimerkiksi kassan aikana), varsinkin kun he tekevät tahattomasti virheen. Tämän avulla käyttäjät voivat korjata virheensä välittömästi, mikä vaikuttaa käytettävyyteen positiivisella tavalla.

Käytä mikrovuorovaikutuksia UX-mobiililaitteiden ostamisen parantamiseen

Mikrovaikutukset ne ovat yksityiskohtia tuoteliitännässä, joka on tarkoitettu yhden tehtävän suorittamiseen ja samalla parantamaan tuotteen luonnollista virtausta. Tuotteen tykkäys ja arviointi, värin ja koon valitseminen ja pyyhkäisy alaspäin tietojen päivittämiseksi ovat esimerkkejä mikrovaikutuksista.

Peukkalähtöinen mobiiliverkkokaupan ulkoasu

Tuotevärivalinnan mikrointeraktio mobiilissa verkkokaupassa Mykolas Puodziunas

Ottaen huomioon niiden yleisyyden, mikrovuorovaikutukset voivat auttaa tai vahingoittaa mobiilin verkkokauppasovelluksen käyttöliittymää.

Mikrovaikutuksia voidaan käyttää:

  • Ohjaa käyttäjää sovelluksen läpi intuitiivisemmalla tavalla;
  • Välittää paremman luottamuksen tunne, vähentää ostajien ahdistusta ja lisätä yleistä psykologista mukavuutta luonnollisemmalla ja sujuvammalla vuorovaikutuksella;
  • Estää tulevat virheet ja antaa käyttäjille välitöntä palautetta suoritettujen toimintojen perusteella. Minä
  • Paranna käyttäjien vuorovaikutusta sovelluksen kanssa vastaamalla ilmoituksiin.

Tarjoaa helpon, peukalolle suuntautuvan vuorovaikutuksen

Ymmärtäminen yleisimmistä tavoista, joilla ostajat käyttävät mobiililaitteitaan, parantaa mobiilin verkkokaupan käyttökokemusta ja käytettävyyttä. Vuonna 2013 Steven Hoober kysyi 'Kuinka käyttäjillä on todella mobiililaitteita?' ja havaitsivat, kuinka ihmiset ovat vuorovaikutuksessa ja pitävät älypuhelimiaan, ja huomasivat kolme pääkäyttäytymismallia sen pitäisi ohjata mobiilikäyttöliittymien suunnittelua.

tarjota turvallisuuden tunnetta mobiililaitteiden sähköisessä kaupassa luottamusmerkeillä

Missä kädet ja peukalot laskeutuvat laitteeseen? UX peukalo suuntautunut

Rajapintojen mukauttaminen matkapuhelinten luonnolliseen tapaan lisää käyttäjän mukavuutta ja vähentää ostajien ahdistusta. Mobiililaitteet ja näytön koot vaihtelevat, mutta 'peukalon vyöhyke' on suunnittelun kriittinen osa ja käyttökokemus pysyy samana.

Suunnittelu 'peukalon vyöhykkeen' ympärille

  • Ratkaisee navigoinnin ja etsinnän mahdolliset ongelmat
  • Paranna vuorovaikutusta ottamalla huomioon eleet ja tavoittamalla yhdellä sormella
  • Muuntaa paremmin ja lisää käytettävyyttä sijoittamalla tärkeät elementit 'helposti saavutettaville' alueille

Muunnoslähtöisen mobiilikauppasuunnittelun näkökohdat

Osoita turvallisuuden tunnetta mobiilikauppasovelluksissa

Turvallisuus se on yksi käyttäjien suurimmista huolenaiheista mobiililaitteilla ostettaessa. Viestintä heidän liiketoimiensa turvallisuudesta lisää paljon arvoa ostajien positiiviseen käsitykseen myymälästä.

Ux-mobiiliverkkokaupan vihjaileva painikesuunnittelu

Luottokorttien käyttö Sovellukset Walmart Y Walgreens

Tässä on joitain UX-suunnittelutekniikoita, jotka välittävät tietoturvan käyttäjille ja vähentää käyttäjien ahdistusta :

  • Tee painikkeiden tarroista viitteellisiä ja selkeitä siitä, mihin ostajat ovat menossa. Sanat, kuten 'jatka', 'suojattu' ja 'salattu', vahvistavat käyttäjien psykologista mukavuutta.
  • Käytä lukkosymboleita varmistaaksesi ostajille, että heidän tapahtumansa ovat turvallisia.
  • Käytä luotettavia kirjautumistietoja tietoturvan tarjoajilta, kuten McAfee Secure ja Norton. Tämä auttaa käyttäjiä ymmärtämään verkkosivustoa positiivisesti (Baymard Institute -tutkimus).
  • Käytä periaatteita väripsykologia suunnittelussa jotta ostajat ymmärtäisivät paremmin luottamuksen. Jotkut näistä periaatteista sisältävät yleisökeskeisiä ja lajikohtaisia ​​värejä.

Mobiiliverkkokaupan haku

Suggestive button design on päällä Sovellukset Dell

Priorisoi haku (ja pidä se sivun yläosassa)

Ostajat käyttävät verkkokaupan mobiilisovellusta tai -sivustoa tuotteiden selaamiseen tai tietyn tuotteen ostamiseen. Tästä syystä hyvin suunnitellusta hausta tulee kriittinen sähköisen kaupankäynnin mobiilisovellukselle. eBay uskoo, että sivustohaku on yksi tärkeimmistä ominaisuuksia liikkuville asiakkaille ja korostaa sitä asettamalla sen keskelle ja käyttöliittymän yläpuolelle.

Mobiilikaupan ux-maksuvirrat

Etsi mobiilisovellukset American Eagle Outfitters Y L.L. Bean

Tärkeitä huomioita mobiilihaussa:

  • Varmista, että se näkyy! Hakupalkin pitäminen helposti käytettävissä ja taittuvuuden yläpuolella antaa ostajille vaivattoman tavan etsiä tuotteita.
  • Anna lookahead käyttämällä tietoja, jotka on hankittu yleisistä hakumalleista, ja näyttämällä niihin liittyviä tuotteita hakutulossivuilla.
  • Tarjoa edistyneitä suodatusvaihtoehtoja, joiden avulla asiakkaat voivat löytää haluamasi tuotteet nopeasti ja vaivattomasti.

Tärkeä näkökohta, joka on otettava huomioon hakulomakkeita näytettäessä, on, että ne ovat vain arvokkaita alkuvaiheessa käyttäjän vuorovaikutuksesta sovelluksen kanssa. Käyttäjät etsivät sovellusta usein ostosmatkansa alussa, ja saattaa olla tapauksia, kun hakulomakkeen näyttäminen myöhemmin tiellä voi vahingoittaa käyttöjärjestelmää.

Esimerkiksi maksuprosessin aikana haku ei ole enää hyödyllistä ja häiritsee vain, koska se voi johtaa käyttäjien menettämiseen ja luopumiseen sitoutumisestaan ​​ostokseen.

Tarjoaa nopean, helpon ja rauhallisen maksun

Tutkimukset ovat osoittaneet, että maksuprosessi on stressaavin osa online-ostoksen suorittamista. Baymard-instituutin mukaan osuus on 35 prosenttia ostoskorin hylkääminen johtuen vaatimuksesta luoda tili ennen ostamista. Ostoskorin hylkäämisasteen vähentämiseksi on tärkeää suunnitella nopea ja helppo kassaprosessi, joka ei pyydä ostajia kirjautumaan ensin.

Mobiiliverkkokaupan ulosvirtaus

Virrat ostoprosessissa mobiilisovellukset Etsy Y Ann Taylor

Opinnot käytettävyys havaitsi, että yli 60 prosentilla käyttäjistä oli vaikeuksia löytää vierasmaksuvaihtoehto; siksi vieraan maksuvaihtoehdon on oltava selvästi näkyvissä ja helposti käytettävissä.

Mobiili verkkokauppa ux -ostokokemus

Animoidut mobiiliverkkokaupan kassavirran web-mallit Michael Pons

Tässä on joitain ehdotuksia verkkokaupan kassavirran parantamiseksi:

  • Käyttäjien sitoutumisen edistämiseksi merkitse ostosprosessin jokainen vaihe merkitsemällä ja näyttämällä aktiivinen vaihe.
  • Käytä visuaaleja, kuten edistymispalkkeja, näyttääksesi ja siirtyessäsi kassalle.
  • Anna mahdollisuus rekisteröityä ja kirjautua sisään kassan aikana, mutta tee valinta.
  • Vähennä ahdistusta ja palautumisprosentteja ehdottamalla käyttäjille kirjautumista sisään tai sisäänkirjautumista kassan jälkeen, jos he ovat kirjautuneet vieraiksi.
  • Käytä progressiiviset julkistamistekniikat parantaa käyttäjäkeskeisyyttä ja ladata sisältöä 30% nopeammin.

Alarivi: Mitkä ovat onnistuneen mobiilikauppasuunnittelun tärkeimmät ominaisuudet?

  • Tarjoaa nopean ja helpon kassan ja rekisteröinnin
  • Lisää turvallisuuden ja luottamuksen tunnetta näyttämällä asianmukaiset kuvakkeet, merkit, arvostelut ja suosittelut
  • Tarjoaa vuorovaikutusta, joka on suunniteltu peukaloystävällisten alueiden ympärille
  • Käytä johdonmukaista ja tiivistettyä navigointia
  • Sisältää nopean haun ja helpon tuotesuodatuksen
  • Ymmärrä suora yhteys käyttäjien stressin, ahdistuksen ja mobiilisovelluksen tulosprosenttien välillä
  • Tarjoaa nopean ja reagoivan mobiilisivustokokemuksen
  • Tukee eleitä tuotekuvan zoomaamiseksi

Liikkuva verkkokauppatila tulee vain suuremmaksi

Mobiilin verkkokaupan trendit osoittavat, että mobiilin sähköisen kaupankäynnin markkinat kasvavat räjähdysmäisesti ja että alan kasvu on luonut lukuisia etuja markkinoijille. Siihen sisältyi kuitenkin monia parhaita käytäntöjä ja standardeja mobiilikauppasuunnittelulle, joita markkinoijien on noudatettava menestyäkseen.

Vaatekaupan sovellus Vitaly Rubtsov

Ostajat odottavat mobiilisovellusta, joka toimii hyvin, näyttää kauniilta ja mukautuu heidän käyttäytymisensä mukaiseksi. Vaikka jokainen sovellus on erilainen, sillä on omat rajoituksensa ja tavoitteensa, tässä artikkelissa esitettyjen perusperiaatteiden noudattaminen auttaa luomaan onnistuneita sähköisen kaupankäynnin sovelluksia.

Lataa Mobile UX -verkkokaupan parannussivut

•••

Artikkelit mobiilikaupasta lukeaksesi lisää:

50 mobiilikauppasivustoarvostelua 10 parasta mobiilikauppasivustoa Mobiilikauppa - kauhea käyttöliittymä

Mielen silmä - katsaus datan visualisointipsykologiaan

Ux-Suunnittelu

Mielen silmä - katsaus datan visualisointipsykologiaan
Tekoälyn nykyisyys ja tulevaisuus suunnittelussa (infografiikan kanssa)

Tekoälyn nykyisyys ja tulevaisuus suunnittelussa (infografiikan kanssa)

Ux-Suunnittelu

Suosittu Viestiä
Elixir-ohjelmointikielen käytön aloittaminen
Elixir-ohjelmointikielen käytön aloittaminen
Heuristinen analyysi UX: lle - Kuinka suorittaa käytettävyyden arviointi
Heuristinen analyysi UX: lle - Kuinka suorittaa käytettävyyden arviointi
Tietorakenteen periaatteet mobiililaitteille (infografiikan kanssa)
Tietorakenteen periaatteet mobiililaitteille (infografiikan kanssa)
Reagoiva suunnittelu ei riitä, tarvitsemme reagoivaa suorituskykyä
Reagoiva suunnittelu ei riitä, tarvitsemme reagoivaa suorituskykyä
Google-kuvat ja tietosuoja: Näin pidät valokuvasi turvassa
Google-kuvat ja tietosuoja: Näin pidät valokuvasi turvassa
 
Kuinka käyttää Google Kuvia iPhonessa kuvien varmuuskopioimiseen, tallentamiseen ja jakamiseen
Kuinka käyttää Google Kuvia iPhonessa kuvien varmuuskopioimiseen, tallentamiseen ja jakamiseen
Ansiosopimukset: Rakenteet neuvottelujen kuolleiden pisteiden rikkomiseksi
Ansiosopimukset: Rakenteet neuvottelujen kuolleiden pisteiden rikkomiseksi
Koneoppimisen numerotunnistus - nollasta sovellukseen
Koneoppimisen numerotunnistus - nollasta sovellukseen
Hinta on oikea - yleiskatsaus hinnoittelustrategiaan kuluttajayrityksille
Hinta on oikea - yleiskatsaus hinnoittelustrategiaan kuluttajayrityksille
Kuinka lisätä musiikkia Instagram-tarinaan tarroilla tai ilman
Kuinka lisätä musiikkia Instagram-tarinaan tarroilla tai ilman
Luokat
Tietojenkäsittely Ja TietokannatiOS-vinkkejäWeb-KäyttöliittymäTrenditProjektinhallintaKetteräAmmuntaOngelmien karttoittaminenElämäntapaTaustaa

© 2023 | Kaikki Oikeudet Pidätetään

socialgekon.com