Sähköisen kaupankäynnin esittely
Verkkosivuston optimointi mobiilisivustossa on työtä. Verkkokaupan verkkosivustojen optimointi mobiiliverkossa on peto, jonka suunnittelijat ja kehittäjät ovat alkaneet vain hillitä.
Ei ole yllättävää, että suuremmat yhtiöt omaksuvat keskikohdan, todennäköisesti, koska niillä on resursseja ja myyntivirta sen oikeuttamiseksi. Loppujen lopuksi, vaikka sähköisen kaupankäynnin verkkosivuilla saataisiin huomattavaa liikennettä, pieni osa siitä on mobiili-pohjainen. Ja vielä pienempi prosenttiosuus tuosta liikenteestä loppuu loppuun.
Kun vauhti on vain todella alkanut tällä areenalla, ihmisten kokemus täyden mobiilin sähköisen kaupankäynnin tapahtumista on rajallinen. Tämä tekee kapeimmasta kokeesta parhaimmillaan. Onneksi sähköisen kaupankäynnin luonteen vuoksi menestys voidaan mitata tarkasti ja testata. Tämä on väline, joka vielä tarvitsee määritelmää.
Suuri edistysaskel on esimerkkien niukkuus. Surfing-gallerioita löytää paljon mielenkiintoisia ideoita ei ole edes lähellä nopeaa ja helppoa. Mobiilimallien pieniä kokoelmia on vain vähän, vielä vähemmän sähköistä kaupankäyntiä varten. Tämän ongelman ratkaisemiseksi olen kerännyt 10 upeaa esimerkkiä sähköisestä kaupankäynnistä. QR koodit on lisätty helpottamaan selaamista. Löydät monia sovelluksia matkapuhelimeesi, jotka voivat lukea näitä koodeja.
1. Walmart
Yksi yhteinen lähestymistapa kaikkiin sivustoihin tässä on portaalin tyyppinen kotisivu. Walmart ei ole erilainen. Vaikka useimmat sivustot perustuvat tekstipohjaisiin luetteloihin, tällä on kuitenkin kuvakkeiden verkko, joka on helpompi selata. Monet tässä käsitellyistä mobiilisivustoista sisältävät listoja, jotka ovat niin pieniä, että niitä on vaikea käyttää. Walmart yhdistää kuvakkeet tekstiin, jotta tavoitteet voidaan helposti lyödä.
Walmartin verkkosivustosta suurin on se, että sinun täytyy päästä pääsivustolle loppuun. Silti tiedot ja painikkeet ovat erittäin helppokäyttöisiä, selkeitä ja hyvin järjestettyjä.
2. Toys-R-Us
Toys-R-Us Toys-R-Us sivusto on askel oikeaan suuntaan. Mutta se voisi tehdä muutamia tärkeitä asioita paremmin. Ensin löydin kotisivun painikkeiden luettelon olevan vain liian pieni. Ymmärrän kiusauksen kutistaa niitä alas säilyttääkseen tilaa, mutta ne olisi paljon helpompi käyttää vain vähän enemmän tilaa. Toki, minun pitäisi vierittää enemmän, mutta se on hyvä kompromissi.
Kun olet mennyt ohi kotisivun, se saa paljon paremmin. Erityisesti tällä sivustolla on yksi parhaista ostoskärrysivuista. Painikkeet ovat selkeät, ja tiheyden ja kosketuskyvyn välinen tasapaino näyttää oikealta. Kaiken kaikkiaan hyvä esimerkki siitä, kuinka selkeä yhteys toimintapisteisiin.
3. Crocs
Mobiilihallintoa kehittäjät ovat edelleen hyvin hallitsevassa asemassa, joten etsimällä kauniisti suunniteltu mobiilisivusto on helpotus. Näin on crocs . Sen verkkosivusto on hyvin toteutettu ja kauneus tarkastella.
Katalogiluettelonäkymä on erityisen puhdas. Ainoa tapa, jolla sitä voitaisiin tehdä vähäisemmäksi, olisi poistaa tuotenimet. Riippumatta siitä, että jokainen rivi on helppo kohde, jossa on selkeät ja merkitykselliset tiedot.
4. JC Penny
Yksi ongelma, että suunnittelijat JC Penny Matkapuhelinvarasto oli tuotevalikoima. Kuinka käyttäjät voivat tehokkaasti selata monenlaisia vaihtoehtoja osassa, kuten miesten housut? Ratkaisu, yksinkertainen pudotusjärjestelmä, antaa asiakkaille mahdollisuuden suodattaa nopeasti kriteerit saadakseen tarvitsemansa tuotteet.
Suuret kuvat ovat todella hieno ominaisuus. Huomaa, kuinka helppoa on nähdä tuotekuvauksen varsinaiset kohteet. Epäilen, että mobiilisivustojen muuntokurssi on erittäin alhainen, enkä voi olla sitä mieltä, että tällainen suuri valokuvaus on yksi harvoista aseista tämän torjumiseksi.
5. Pottery Barn
Kaavan pitäisi olla aika selvä: yläreunassa oleva logo, alla oleva haku, tuote- tai myynninedistämiseen liittyvä lead-in-graafinen esitys, jota seuraa päätuoteryhmien luettelo. Ja me löydämme tarkan rakenteen Pottery Barn Mobiilisivustolla.
Yksi täysin loistava yksityiskohti on tämän verkkosivuston ratkaisu pitkäkestoisten leivänuhrien ongelmaan. Huomaat tuoteryhmäluettelosta, että leipäreitti on lyhentynyt huomattavasti, jotta siihen sisältyisi vain merkkijonon viimeinen osa. Vertaa tätä Toys-R-Us -leipäpuhallusriskin intrusoivuuteen, ja arvostat tätä tilaa säästävää ratkaisua.
6. Langaton
Ei ole mikään yllätys Threadless "mobiilisivusto on fantastinen. Kotisivu seuraa luokan portaalikaavaa, mutta kiertyy. Paljon kuin Walmartin verkkosivusto, verkkoyhteys on paljon helpompi käyttää kuin useimmat. Valokuvaus on kiehtovaa ja tekee kaupasta tuntuvan todellisen ostokokemuksen. Jotain siitä tuntuu vähemmän mekaanisilta kuin useimmat muualta tässä kaupoissa.
Löydät tämän saman ruudukon lähestymistavan tuoteluettelonäkymässä, mikä on mukava helpotus ja esittelee tuotteet hyvin. Suunnittelijat onnistuivat minimoimaan hukkatilaa ylläpitäen samalla helppokäyttöisyyttä.
7. Brookstone
Brookstone Matkamyymälä on kärsinyt tiheästä kotisivusta. Mutta kun saat sen ohitse, verkkosivusto paranee. Suuri selkeä valokuvaus on paljon arvostettu. En tiedä, olivatko kuvat optimoidut mobiililaitteille, mutta ne ovat varmasti yksi helpoimmista nähdä tässä koko erässä.
Yksi heikko kohta on selausmäärä, joka tarvitaan ostoskorissasi, jotta pääset ulos uloskirjautumispainikkeeseen. Sisältö voisi tehdä joitain pienennys- ja optimointitoimenpiteitä kaupan sulkemiseksi.
8. Dooney & Bourke
Arvostan todella valokuvaa Dooney & Bourke Kotisivulla. Se välittää tarkalleen mitä yritys myy heti, kun laskeudu sivulle. Hienovarainen yksityiskohta sanoa vähiten, mutta varmasti jotain harkitsemaan.
Eräs ärsytyskohta tuotteen yksityiskohtaisesta näkymästä on, että määräkenttä on tyhjä oletusarvoisesti. Minun oli lisättävä "1", jotta voin lisätä tuotteen ostoskoriin. Mutta on epätodennäköistä, että tilaan useamman saman 150 dollarin pussiin.
Ostoskorin sivu tuntuu myös hieman jälkipolusta. Mutta annan yritykselle hyvityksen avainasiakasten asettamisesta huipulle. Asiakkaiden mahdollisuudet unohtaa, mitä he ovat juuri ostaneet, ovat ohut, joten keskittyminen auttamaan heitä pääsemään ulos-ulos -sivulle on fiksu idea.
9. Buy.com
Kotisivu Buy.com on jotain, jota mikään muu kotisivulla tässä artikkelissa ei ole: todellinen tuote. Useimpien sähköisen kaupankäynnin ajattelutapa on luoda mobiiliportaali, jonka avulla käyttäjät voivat kaivaa koko tuotevalikoimaan. Vaikka tämä saattaa olla välttämätöntä, Buy.com innostaa minua harkitsemaan vaihtoehtoja.
Entä jos parempi lähestymistapa on keskittyä kauppoihin? Kotisivu on ensisijainen kiinteistö; kun otetaan huomioon myynnin loppusuoritus, miksi emme omistaudu kaikin tavoin asettamaan jotain vastustamatonta asiakkaiden edessä. Huomaa, että ennen kuin näet tämän sivuston osastojen luettelon, näet esillä olevan tuotteen ja neljä erillistä linkkiä myyntiin, tarjouksiin ja erikoistarjouksiin.
10. Petco
Mobiilisovelluksen suuri piirre on se, että se poistaa kuohkeuden. Joten, kun näen kotisivuni Petco Mobiilisivustolla, en voi muuta kuin ihmetellä, onko suuri valokuva hyödyllinen millään tavalla. Yrityksen nimi ja mukana oleva koiran ja kissan kuvake välittävät tuotevalikoimaa. Joten, miksi näyttää tämän typerä kuva? Sen sijaan laitoin joko erikoiskokonaisuus tai luokkakuvakkeiden verkko. Vaikka arvostan verkkosivuston kiillotusta, sitä voidaan hieman pienentää.
Yhtiö houkuttelee nerokkaan idean tuotetiedotusnäkymiin korostamalla Internet-myynnin. Miksi et mennä askeleen eteenpäin ja teet niistä muutamia mobiililaitteita. Teksti sivuutettuna, tuotetietosivu on uskomattoman puhdas ja selkeä. Täydellisen kuvauksen alapuolella olevien avaintoimintojen ja tietojen näyttäminen tuntuu myös viisalta päätökseltä.
johtopäätös
Mobiilisivustojen suunnittelu on vaikeaa, ja mobiilin sähköisen kaupankäynnin verkkosivustojen suunnittelu on ehkä kaksinkertainen. Kuvittelemalla, miten auttaa asiakkaita löytämään oikea tuote ja miten tämä prosessi muutetaan myyntiin, ei ole helppoa. Toivon, että tämä pieni resurssi kerää tuoreita ideoita seuraavaan (tai ehkä ensimmäiseen) mobiilisivustojen suunnitteluun.
Kirjoitettu yksinomaan WDD: lle Patrick McNeil . Hän on freelance-kirjailija, kehittäjä ja suunnittelija. Erityisesti hän rakastaa kirjoittaa web-suunnittelusta, kouluttaa ihmisiä web-kehityksestä ja rakentaa verkkosivustoja. Patrickin intohimo web design -suuntauksiin ja -malleihin löytyy hänen kirjastaan TheWebDesignersIdeaBook.com . Seuraa Patrickia Twitterissä @designmeltdown .
Mitä mieltä olette näistä esimerkeistä? Jaa seuraavat kommentit ...