Ano ang Kailangan Mong Malaman para sa isang Disenyo ng Website ng Ecommerce noong 2021

Ito ba ang taon na muling idisenyo mo ang iyong website sa ecommerce? Kung ito ay ilang taon na ang nakalilipas mula noong mayroon ka, pagkatapos ay kailangan mong malaman na maraming nagbago.

Halos hindi na sinasabi na ang isang modernong ecommerce site ay dapat na idinisenyo muna para sa mobile, dahil ang karamihan na nakikipagtulungan ako ngayon ay nakakakuha ng 70% o higit pa sa kanilang trapiko mula sa mga mobile device. Gayunpaman isang panimulang punto lamang iyon — maraming mga subtleties na isasaalang-alang kung nais mo sa iyong site na gawing mga customer ang mga gumagamit.

Kinonsulta ko na ang kakayahang magamit para sa isang malawak na hanay ng mga site ng ecommerce sa huling limang taon at nagawa ko ang mga prinsipyong sinusunod ng mga pinakamahusay. Dadalhin kita sa walong paraan upang matiyak na ang iyong site ay nasa simula para sa gumagamit ngayon, na inspirasyon ng mga alituntunin mula sa aking libro Pagdidisenyo ng Mga Website ng Ecommerce.

Iwasan ang mga mahahabang video sa homepage

Ang homepage ay isang lugar upang mapahanga. Maraming mga website ang naglalagay ng pera sa high-end potograpiya ngunit maaari mong isaalang-alang ang paggamit ng video dito upang ipakita ang mga produkto o sabihin ang kwento ng tatak. Kung sabagay, ang video ay nasa lahat ng dako ngayon, lalo na sa social media.

Kapag ginamit nang tama, ang video ay maaaring maging mahusay para sa pagpapaalam sa mga gumagamit pati na rin ang kapanapanabik na mga ito. Gayunpaman gaano man ka flashy ang iyong video, kung ang gumagamit ay kailangang mag-click sa pag-play, maging handa karamihan sa mga tao upang huwag pansinin ito. Sa maraming pagsubok ng gumagamit na napanood ko, ito ang pinakakaraniwang pag-uugali sa mga video sa landing page.

Bakit? Sa yugtong ito ng paglalakbay ng gumagamit, ang kanilang mga span ng pansin ay maikli. Ang mga gumagamit ay may posibilidad na iwanan ang site nang sama-sama at bounce, hindi magtalaga ng oras sa panonood ng isang bagay na hindi alam.

Sa simula dapat mong tulungan ang mga gumagamit na mabilis na lumipat sa gayon ay manatili sa maikli, tahimik, awtomatikong pag-play, pag-loop ng mga video. Sa ganitong paraan makukuha mo ang impormasyon nang hindi nila kinakailangan na makisali nang malalim. Ang mga mas mahahabang video ay maaaring maging napaka kapaki-pakinabang sa paglaon para sa pagpapaliwanag ng mga bagay tulad ng mga tampok sa produkto, kung mas interesado ang gumagamit.

Gumagamit ang site ng Prynt ng isang maikling awtomatikong pag-play ng video upang maipakita ang pagkilos ng produkto. Mayroon ding isang pagpipilian upang panoorin ang buong bagay na may tunog.

Huwag punan ang iyong homepage ng labis na nilalaman

Kung nagawa mo ang pagsusumikap sa pagmemerkado sa pagkuha ng mga gumagamit sa iyong homepage at lumikha ka ng isang nakakahimok na pitch para sa iyong tindahan, ano ang susunod? Maraming maaari mong sabihin sa kanila tungkol sa iyong kumpanya kaya ngayon ay ang pagkakataon?

Mag-ingat ka. Kung mas matagal mong ginagawa ang iyong landing page mas nanganganib ka sa pag-patay ng gumagamit o pagkalito. Habang ang mga gumagamit ay komportable sa pag-scroll, titigil sila sa lalong madaling panahon kung ang nilalaman ay hindi direktang nauugnay sa kanilang gawain.

Kailan man mag-disenyo, manatili sa panuntunan ng 'isang pahina, isang layunin'. Ang layunin ng pahinang ito ay upang ipakilala kung ano ang ibinebenta mo, at hahanapin ang gumagamit para sa mga produktong iyon.

Kailangan ba talaga nilang makita ang iyong limang pinakahuling mga post sa blog, iyong pinakabagong mga tweet, at isang pader ng mga imahe sa Instagram? Ang mga post sa lipunan ay partikular na hindi nakakatulong dahil nakuha mo lang ang mga gumagamit sa iyong site at ang pag-click sa mga ito ay magdadala sa kanila muli.

Ang mas maraming mga bagay na inilagay mo sa pahina, mas marami mga kaguluhan na ibinibigay mo sa gumagamit mula sa iyong pangunahing aksyon at ang pangunahing bagay na nais mong gawin nila. Ang mga gumagamit ng mobile ay may posibilidad na magkaroon ng mas maiikling session at nakatuon sa pagkamit ng mga gawain — hindi makakatulong doon ang labis na nilalaman.

Gawing madaling ma-access ang iyong mga filter

Kapag mayroon kang maraming mga produkto, ang mga filter ay mahalaga para matulungan ang mga gumagamit na mahanap ang kailangan nila. Ang karamihan sa mga site ng ecommerce (tungkol sa 90% sa mga pinag-aralan ko) mayroon ang kanilang mga filter sa isang overlay sa mobile. May katuturan ito kapag walang gaanong magagamit na puwang ngunit nangangahulugan ito na ang mga gumagamit ay hindi masyadong malamang na makita sila.

Bilang panuntunan 95% ng mga gumagamit ay hindi nagbabago ng mga default at nalalapat ito sa pagbubukas ng isang menu ng mga filter upang pumili ng mga tukoy na pagpipilian. Ito ay isang bagay na naitala sa mga pagsubok ng gumagamit ng ecommerce na napanood ko rin. Ang paghanap ng mga produkto sa mga pahina ng listahan ay isang lugar kung saan higit na mataas ang karanasan sa pag-browse sa ecommerce sa desktop.

Kung ang iyong mga gumagamit ay nagsala kung gayon mas malamang na makahanap sila ng isang produkto na talagang gusto nila. Ang iyong hamon sa mobile ay ang paghanap ng mga paraan ng pag-save ng space sa paggawa nito. Ang isang pamamaraan ay ipinapakita ang pinaka-kaugnay na kategorya ng filter sa pahina na may mga pindutan para sa mga pagpipilian (tingnan sa ibaba ni Macy). Ang pag-tap sa isa ay maglo-load ng mga listahan na may inilapat na filter, sa oras na ipapakita ang susunod na pinaka-kaugnay na filter.

muling pagdisenyo ng ecommerce - mga pagpipilian sa filter ni macy
Nagdadala ang site ng Macy ng ilang mga pagpipilian sa filter sa pahina bilang mga pindutan. Ginagawa ng Burberry na makita ang mga kategorya ng filter sa pahina.

 

Sa pinakamaliit siguraduhin na ang iyong pindutan upang maabot ang buong menu ng filter ay halata. Dapat ding malinaw na ipahiwatig nito kung kailan inilapat ang isang filter, upang malaman ng mga gumagamit kung nakikita nila ang isang limitadong hanay ng mga resulta.

Muling idisenyo ang iyong mga listahan para sa mas malaking mga imahe

Karamihan sa mga pahina ng mga listahan ng ecommerce ay sumusubok na ipakita ang maraming mga produkto sa screen nang sabay-sabay. Bilang isang resulta ang produkto ang mga imahe ay may posibilidad na maging maliit (ito ang dahilan kung bakit ayon sa kaugalian silang kilala bilang mga thumbnail na imahe).

Gayunpaman ang imahe ay isang mahalagang bahagi ng pagtulong sa gumagamit na magpasya tungkol sa aling produkto ang pipiliin. Sa maraming mga kaso sinasabi nito sa iyo ng maraming higit pa kaysa sa anumang makakaya ng teksto. Ang mga produkto tulad ng damit at kasangkapan sa bahay ay umaasa sa gumagamit na gumagawa ng isang pagkakaiba-iba sa pagitan ng iba't ibang mga bagay na inaalok.

Maaari ka ring magkaroon ng malalaking imahe sa mobile. Ang mga app tulad ng Instagram ay humantong sa mga gumagamit na asahan ang mataas na kalidad nasaan man sila at madalas kong nakikita ang mga gumagamit na pahalagahan ito. Hindi mahalaga kung nasaan sila sa site, palaging minamahal ang mahusay na pagkuha ng litrato.

Ang Airbnb ay may malalaking imahe na maaaring mai-scroll sa (kaliwa). Ang Zara (kanan) ay may buong mga imahe ng lapad ng screen sa kanilang mga listahan.

Siyempre kung sa tingin mo ang isang bagay ay maaaring mas mahusay na ibenta sa ilang mga imahe pagkatapos gawin ito. Ang mga site sa paglalakbay ay madalas na may maraming mga larawan sa mga thumbnail ng listahan na may isang banayad na arrow upang mag-scroll sa kanila. Maraming mga site ng damit ang nag-aalok ng pagpipilian ng pagpapakita ng produkto nang mag-isa at isinusuot ng isang modelo.

Ipakita ang mga pagpipilian sa produkto bilang mga pindutan

Malalaman mo na maraming mga produkto ang magagamit sa mga pagkakaiba-iba tulad ng kulay, laki, materyal, o iba pa. Ang pahina ng mga detalye ng produkto ay kung saan sa huli ay ginawang pagpipilian ng mga gumagamit. Upang gawing mas madali ang pagpipilian dapat mong iwasan ang pagtatapon ng mga opsyong ito sa mga dropdown na menu.

Dapat sila ay mga visual na pindutan upang matulungan ang gumagamit na makita ang lahat ng mga pagpipilian at dapat nilang linawin kapag ang isang pagkakaiba-iba ay nangangahulugang pagbabago sa presyo. Kung binago ng iba ang hitsura ng produkto (tulad ng kulay) pagkatapos ang pagpili nito ay dapat na i-update ang pangunahing imahe ng produkto. Iiwan nito ang gumagamit nang walang pag-aalinlangan kung ano ang iuutos.

muling pagdisenyo ng ecommerce - mga pagpipilian ng laki ng nike
Si John Lewis (kaliwa) ay may mga kulay ng produkto bilang mga pindutan na may mga visual na tagapagpahiwatig. Inilantad ng Nike (kanan) ang lahat ng mga pagpipilian sa laki at huwag paganahin ang mga laki na hindi magagamit.

Ang isa pang benepisyo ay sa pamamagitan ng hindi pagpapagana ng ilang mga pindutan, maaaring makita ng gumagamit sa isang sulyap kung aling mga variant ang wala sa stock. Muli, nakakatipid ito sa pag-scroll sa isang dropdown na listahan ng mga pagpipilian.

Pagdating sa pagpili ng laki mas mainam na huwag magkaroon ng isang default na laki. Kung may mga gumagamit ay maaaring magtapos sa pagdaragdag ng default kaysa sa gusto nila. Maaari itong humantong sa iyong pagkuha ng maraming mga pagbalik at bigo ang mga customer.

Iwanan ang mga pindutan ng pagbabahagi

Facebook, Twitter, Pinterest, Instagram, LinkedIn, Snapchat. Ang iyong mga gumagamit ay maaaring tumambay sa isa o higit pa sa mga ito social network. Kaya dapat mo ba silang bigyan ng mga pindutan sa pagbabahagi sa iyong mga pahina ng mga detalye ng produkto?

Maraming mga site ng ecommerce ang nagpapakita pa rin ng maliit na mga icon na iyon sa pag-asang hikayatin ang mga tao na itaguyod ang kanilang mga paninda sa buong web. Sa kasamaang palad, halos tiyak na sayang sila sa oras.

Walang nag-click sa kanila. Sa totoo lang 0.2% ng mga tao ang, ayon sa isang pag-aaral. Gayundin ito ay maaaring parang isang piraso ng code ngunit may kasamang maraming mga labis na bagay na nagpapabagal sa pagbilis ng iyong pahina.

Ang pagtaas ng mga bayad na 'influencer' ay nangangahulugang ang modernong gumagamit ay hindi na nais na mag-broadcast para sa mga tatak nang walang bagay para sa kanila. Maraming tao ang handang ibahagi nang pribado sa isang kaibigan o miyembro ng pamilya. Ang mga link na pinapayagan ang pagbabahagi sa pamamagitan ng email o isang serbisyo ng instant na pagmemensahe tulad ng WhatsApp ay malamang na gumana nang mas mahusay.

Isama ang mga wallet ng pagbabayad

Ang mga serbisyo sa wallet ng pagbabayad tulad ng PayPal, Tumataas ang Apple Pay at Android Pay. Lalo itong karaniwan na makita ang mga ito bilang mga pagpipilian sa mga daloy ng pag-checkout ng ecommerce. Sa katunayan maaari nilang patayin ang karaniwang pag-checkout at maaari ang paggamit ng mga credit card at cash sama-sama.

muling pagdisenyo ng ecommerce - pagsasama ng bayad na amazon
Si Tamara Mellon (kaliwa) ay may pagpipilian ng Apple Pay, PayPal, at Amazon Pay sa kanilang basket at pag-checkout. Nag-aalok ang Gucci ng kakayahang tumalon sa PayPal mula sa notification na 'idagdag sa bag'.

Ang pagpasok ng isang password, fingerprint, o pag-scan sa mukha at pagkatapos ay agad na makumpleto ang pag-checkout ay mas maginhawa kaysa sa pagpunan ng mga form. Sa ecommerce na pinangungunahan ng mobile, ang pag-aalok ng madaling pagbabayad na hindi kasangkot ang fiddly form-pagpuno ay mahalaga.

Ang manipis na kadalian ng paggamit ay dapat maghimok ng mas maraming mga gumagamit upang makumpleto ang pag-checkout sa iyo. Mayroon ding benepisyo sa seguridad dahil ang mga gumagamit ay malamang na mas ligtas sa isang wallet bilang tagapamagitan kung hindi nila narinig ang tungkol sa iyong tatak dati.

Sa kabila ng mga pagsubok ng gumagamit na pinatakbo ko sa mga daloy ng pag-checkout, regular akong nakakarinig ng mga komentong tulad ng "Mas gusto ko ang pagpipilian ng paggamit ng PayPal" at "Napaka-malay ko sa seguridad at magbabayad lamang gamit ang PayPal". Kilala sa kasalukuyan ang PayPal ngunit kapag nagpapasya kung aling gagamitin ay sumama sa pinakatanyag na mga bansa at aparato ng iyong site.

Payagan ang mga gumagamit na mangolekta

Ang isang lumalaking bilang ng mga website ng ecommerce ay nag-aalok sa mga gumagamit ng kakayahang mangolekta ng kanilang order kaysa maihatid ito. Mabuti ito para sa mga gumagamit na wala sa bahay nang madalas at hindi rin makakapaghatid sa kanilang pinagtatrabahuhan. Ang pagbibigay ng opsyong ito ay magpapataas lamang sa bilang ng mga gumagamit na maaaring bumili mula sa iyo.

Ang pinakamadali (at madalas na pinakamahusay) na diskarte ay upang magdagdag ng koleksyon bilang isang kahalili sa paghahatid sa pag-checkout. Hilingin sa gumagamit na ipasok ang kanilang lokasyon at ipakita sa kanila ang mga pagpipilian para sa kung saan nila maaaring kunin ang kanilang order. Mahalaga rin na ipakita mo ang mga oras ng pagbubukas ng lokasyon na pick-ang data na ito ay madalas na nagmula sa pagsasama sa isang kumpanya ng paghahatid.

Isang pag-click at pagkolekta ng window mula sa pag-checkout ng ASOS, na pinapayagan ang gumagamit na pumili kung aling convenience store ang ipapadala sa kanila.

Ang mas kumplikadong diskarte ay para sa iyo upang isama ang pagpipilian upang makolekta sa bawat pahina ng mga detalye ng produkto sa site. Ito ay may katuturan kung mayroon ka mga brick at mortar store dahil pinapayagan nitong suriin ang stock sa mga tukoy na tindahan.

Gayunpaman ang mga problema ay maaaring lumitaw kapag ang mga gumagamit ay may maraming mga produkto sa kanilang pagkakasunud-sunod. Kung hindi sila maingat maaari silang magtapos sa ilang mga produkto para sa paghahatid at ilang para sa koleksyon (isang 'halo' na basket). Upang maiwasan ito ang pinakamaagang pinapayo ko ang pagpapaalam sa gumagamit na tukuyin ang koleksyon o paghahatid ay nasa yugto ng basket kaya nalalapat ito sa buong order.

Mas maraming payo sa ecommerce

Iyon ay walong paraan upang matiyak na ang iyong ecommerce site ay muling idisenyo upang magkasya para sa 2020 at higit pa. Siyempre mayroong higit pa doon upang isaalang-alang kapag muling pagdidisenyo ng isang buong website ng ecommerce. Sa katunayan nagsulat ako ng isang libro na naglalaman ng 66 mga alituntunin para sa pagdidisenyo ng mga online na tindahan na nagko-convert, batay sa 10 taon ng karanasan sa disenyo ng UX.

Ang libro ay tinawag na Pagdidisenyo ng Mga Website ng Ecommerce, ito ay na magagamit sa Amazon sa iba't ibang mga format kabilang ang paperback at Kindle. O maaari kang makakuha ng digital na bersyon ng PDF sa aking site, na kinabibilangan ng lahat ng mga guhit mula sa print book. Maaari ka ring makakuha 15% off ang digital na bersyon para sa isang limitadong oras kasama ang promo code na PLATFORMS.