Mobile Ecommerce: Disenyo at Pagpaplano ng Website

Dahil sa patuloy na pagpapabuti ng mga teknolohiya ng mobile phone at tablet, ang hamon na kinakaharap ang taga-disenyo ng isang website ng ecommerce ay palaging nagbabago. Habang ang pag-unlad ng teknolohikal sa domain na ito ay popular sa consumer at patuloy na nagbibigay ng mga may-ari ng negosyo ng mga bagong pagkakataon para maabot ang mga customer sa higit pang magkakaibang mga sitwasyon at lokasyon, tiyak na lumilikha ito ng ilang mga abala para sa mga tagadisenyo at developer. Mayroong maraming pangunahing mga prinsipyo na dapat isaalang-alang kapag nagdidisenyo para sa mobile, at sa artikulong ito tatalakayin namin at dumaan sa kanila.

Sinusuri ang pag-uugali ng customer

Ang pag-uugali ng customer sa mga mobiles patungkol sa mga website ng ecommerce ay katulad ng regular na karanasan sa pagba-browse ngunit may kaunting mga partikular na pag-uusapan natin ngayon. Mayroong isang inaasahan na ma-access ang parehong mga site, ngunit sa paraang naaangkop na pinasimple para sa mas maliit na screen.

Ang pag-uugali ng pagbili ng consumer sa mga mobile device ay naiiba nang malaki sa nakikita sa mga malalaki at static na aparato. Sa ipinapalagay na ang mga mamimili ng tablet ay mas malamang na gumawa ng isang pagbili bilang mga mamimili ng smartphone, na nagpapakita ng paraan kung saan nakakaimpluwensya ang partikular na ginamit na tool sa aktibidad ng gumagamit.

Ang mga mobile device ay maliit at mayroong maliit na screen real estate kaya mahalaga na yakapin ang limitasyong ito sa halip na labanan sila. Kadalasan, ang mga application ay makagambala sa maliit na puwang ng maraming mga bagay na sa palagay nila ay maaaring kailanganin ng isang gumagamit ngunit naniniwala ito na ito ay hindi makabubuti. Ang pinakamahuhusay na karanasan sa pamimili ay maaaring isaalang-alang ang mga iyon na magaan, kung saan ang pagtuon ay nasa produkto at ang natitirang impormasyon ay gumaganap bilang sumusuporta sa nilalaman sa halip na ipaglaban ang pansin ng gumagamit.

Gumamit ng tamang Foundation

Mahalaga na magkaroon ng tamang pundasyon para sa iyong mga website, lalo na kapag pinag-aaralan ang pag-uugali nito sa mobile. Mayroong maraming mga balangkas na mapagpipilian, at napakapositibo ako sa mga ito sapagkat kasama nila ang HTML, CSS at JS para sa maraming gamit, na nagbibigay ng iba't ibang mga elemento ng interface kabilang ang mga pangkat ng pindutan, mga dropdown ng pindutan, mga thumbnail, alerto, mga bar ng pag-unlad at marami pa. Nag-aalok din sila ng ilang magagandang payo sa pag-aayos ng lahat ng ito, pati na rin ang ilang iminungkahing mga template '. Tinutulungan ka nitong gawing natatangi ang iyong site, ngunit may pakinabang ng paunang gabay at ng platform na ibinibigay ng balangkas.

Ang paggamit ng isang balangkas na tulad ay makakatulong sa isa pang mahalagang aspeto ng ecommerce para sa mobile na ang pag-optimize. Mga tool na ibinigay ng Shopify maaaring makatulong sa paggamit ng CSS sa halip na mga imahe kung saan posible, na tumutulong sa pag-optimize ng pagganap at nagbibigay ng isang matatag na platform para sa mga nagaganap at benta sa hinaharap. Kung kailangan ng isang gradient, gumamit ng CSS sa halip na isang hiwa ng imahe. Ang anumang mga imahe ay maaaring ma-optimize sa pamamagitan ng pagtiyak na ang laki ng file ay kasing liit hangga't maaari nang hindi ikompromiso ang kalidad nang hindi kinakailangan. Ang mga Javascript at CSS file ay maiikli at, pinakamahalaga, tiyakin na ang mga hindi nais na Javascript file ay hindi tawagan kapag na-load sa isang mobile device. Ang lahat ng mga tampok na ito ay nakikinabang sa pagganap ng site at nagpapabuti ng karanasan para sa mga mobile na gumagamit.

Unahin ang Nilalaman

Kung pinag-uusapan natin ang tungkol sa isang tumutugong website, mahalaga na siguraduhin na ang pinakamahalagang mga tampok ay natupad at ang nilalaman ng mobile site ay inuuna para sa kadalian ng paggamit at pinahusay na kakayahang magamit. Sa gitna ng mga tampok na nais na maisama sa isang "prioridad na nilalaman" na kapaligiran sa mobile, maaari tayong magmungkahi:

  • Isang bar ng paghahanap na naa-access sa bawat pahina
  • Mag-link sa mga setting ng account at pahina ng pag-checkout
  • Madaling pag-access sa bawat kategorya sa site
  • Mga larawan ng buong-lapad na imahe para sa karanasan na nakasentro sa nilalaman

Ang pagpapasya kung aling mga elemento ang may kaugnayan sa parehong desktop at mobile na pareho ay isang mahalagang bahagi ng proseso. Ang bilis ng kamay ay nasa unahin sa pamamagitan ng pag-unawa sa kahalagahan ng bawat isa at pagtiyak na gagana rin ang mga tampok para sa mga manonood sa mobile bilang mga manonood sa desktop. Ang panuntunan sa hinlalaki para sa pagiging ito ng ideya na laging mapanatili ang pagtuon sa nilalaman at unahin ito.

Gumamit ng Mga Simple Interface

Disenyo ng tumutugong ecommerce

Ang kalat ay iyong numero unong kalaban, sa gayon ang ideya na umasa higit sa lahat sa simple, walang gulong ngunit magagamit na mga interface at disenyo. Ang mga karanasan sa pamimili sa mobile ay pinakamahusay kapag ang pokus ay inilalagay sa mga produkto lamang. Hayaan ang gumagamit na mag-browse sa pamamagitan ng iyong mga produkto nang madali sa pamamagitan ng pagtanggal ng mga hindi kinakailangang mga widget tulad ng labis na mga banner o hindi kinakailangang mga link ng inter-site.

Ang isang website na nagpapakita ng malalaking larawan at feed na puno ng mga produkto ay ang paraan upang pumunta. Ang pagpapanatiling madali at simple sa pag-browse at lumiligid sa mga walang kalat na interface ay ang hinahayaan ang end user na manatiling nakatuon sa aktwal na pamimili sa pamamagitan ng kaakit-akit ngunit pagganap na disenyo na ibinigay sa kanya.

Birago Ginagamit ang isang mahusay na interface ng mobile na mukhang talagang simple ngunit hindi naman maramdaman na mura ito. Ang maraming whitespace at mainit na kulay ay lumikha ng isang magandang paleta ng kulay na nakalulugod sa mga mata at nakikinabang nang malaki sa mga interface. Hindi mahalaga ang maraming halaga ng mga widget na ang salitang naglalarawan sa interface na ito ay magiging simple lamang dahil sa pagkakaugnay sa paraan ng pakikipag-ugnay ng graphics sa bawat isa.

Gumamit ng Mga Marka ng Kalidad at Larawan

Mga larawan ng propesyonal na ecommerce

Ang mga mobile device, lalo na ang mga telepono, ay may maliit na mga screen. Ang mga larawan ng produkto ay hindi dapat maging mas maliit; ang mga produkto ay kailangang makita nang detalyado, iyon ang dahilan kung bakit nais mong gamitin ang maraming mga larawan sa buong screen hangga't maaari. Kung ang mga larawan ay naka-pixelate o maliit, makagagalit ito sa mga mamimili at makakaapekto sa pag-uugali sa pamimili. Ang pamimili sa isang mobile device ay mahirap na mahirap ito. Ang karanasan ng gumagamit ay binubuo ng maraming mga katotohanan, at kahit na ang kalidad ng imahe ay hindi bahagi nito, tiyak na nagdaragdag ito sa kredibilidad at kung minsan ay kumikilos sa mga salpok ng end user na tiyak na bumubuo sa konsepto ng karanasan ng gumagamit na hinahanap namin pasulong upang mapabuti sa aming mga mobile website.

Magkaroon ng isang Mabisang Proseso ng Pag-checkout

Habang tumatawag ang proseso ng pag-checkout para sa maraming mga patlang ng teksto, maaaring ito ay isa sa mga pinakamahirap na bahagi ng isang site ng ecommerce upang makakuha ng tama ngunit sa mga hamon ay may mga resulta, dahil ang isang mabisang pag-checkout ay maaaring magbunga ng mahusay na mga rate ng conversion. Ang proseso ay kailangang maayos na istraktura at madaling sundin sa isang mobile device kaya't maraming mga prinsipyo ang kailangang ipatupad sa ganitong kahulugan:

  • Listahan ng mga produkto na may madaling + at - mga pindutan upang pamahalaan ang dami
  • Isang patlang para sa mga coupon code (kung mayroon man)
  • Malaki at malinaw na pindutang 'checkout'
  • Makikitang pindutan na 'panatilihin ang pamimili'

Sa pagdidisenyo ng proseso ng pag-checkout, ang isang istraktura ng akurdyon ay isang mahusay na diskarte. Binibigyan nito ang gumagamit ng isang malinaw na pagtingin sa proseso at pinapanatili ang lahat ng nauugnay na impormasyon sa isang screen. Ang teorya na ito ay tinanong ni maraming eksperto ngunit ang mga kuro-kuro ay ayon sa paksa, kaya dapat mong malaman kung ano ang pinakaangkop sa iyong mga pangangailangan at maging pro o laban sa tampok na akurdyon.

Sa ilang kadahilanan, upang mag-browse at mamili sa mga mobile app ang gumagamit ay madalas na kinakailangan upang mag-log in / mag-sign up. Napaka-abala para sa end-user na mangako sa isang pag-sign up mula sa isang mobile device, madalas na oras dahil ang mga form na ito ay nangangailangan ng maraming mga patlang upang mapunan.

Kapag ang isang tao ay nagpasya na bumili ng isang bagay sa iyong website, mahalagang hayaan mo silang suriin nang mas madali hangga't maaari. Siguraduhin na ang proseso na iyong pinagkatiwalaan sa kanila, ay isang seamless, at walang isip na karanasan - o kahit papaano ay dapat na maging isa. Mahalagang hindi inisin ang isang gumagamit kapag sinusubukan nilang mag-check out. Sa puntong ito, nagpasya ang iyong mga customer na bilhin ang iyong produkto kaya't hayaan silang gawin iyon nang tama, ngunit sa isang tamang paraan, sa pamamagitan ng pagtanggal sa anumang mga isyu na maaaring harapin nila nang maaga.

Konklusyon

Ang mga mobile device ay may isang hiwalay na kapaligiran na patungkol sa ecommerce, kaya kinakailangan ang isang tiyak na diskarte. Sa artikulong ito tinalakay namin ang ilang pangunahing mga prinsipyo na dapat masakop upang makapagbigay ng isang magagamit at mahusay na karanasan para sa mga end user. Mahalagang mapagtanto na ang bawat website ay may kanya-kanyang tukoy na mga ugali, sa gayon habang posible ang isang pangkalahatang diskarte, ang pagbagay sa mga kritikal na detalye ng iyong sariling site ay pantay din ang kahalagahan.

Tampok na curtsey ng imahe ng nadrosia

Catalin Zorzini

Isa akong blogger sa disenyo ng web at sinimulan ang proyektong ito pagkatapos gumastos ng ilang linggo na nagpupumilit na alamin kung alin ang pinakamahusay na platform ng ecommerce para sa sarili ko. Suriin ang aking kasalukuyang nangungunang 10 tagabuo ng site ng ecommerce.

Comments 0 Responses

Mag-iwan ng Sagot

Ang iyong email address ay hindi ilalathala. Ang mga kailangang field ay may markang *

Marka *

Ang site na ito ay gumagamit ng Akismet upang mabawasan ang spam. Alamin kung paano naproseso ang data ng iyong komento.

Naging isang dalubhasa sa ecommerce

Ipasok ang iyong email upang masimulan ang party