Ang Pinakamahusay na Hierarchy ng Disenyo ng Layout para sa Iyong Homepage upang Makuha ang Marami pang Mga Customer at Benta

Ang paglalagay ng iyong online store ay nagtataas ng iba't ibang mga katanungan. Ang iyong homepage ay nagsisilbing isang hub para sa pinakamahusay na bagay sa iyong online store, na may mga sangkap tulad ng mga slider ng imahe, mga pindutan ng shopping cart, mga thumbnail ng produkto at mga pindutan, at mga form sa subscription sa marketing ng email.

Mahalaga ang bawat isa, ngunit paano mo aayusin ang mga ito upang kumuha ng mas maraming mga customer, isinasaalang-alang ang homepage na sa pangkalahatan ang pinaka-madalas na pahina ng iyong site? Kung titingnan natin ang ilan sa mga pinaka-malikhain, at matagumpay, na mga ecommerce store, maaari naming malaman ang isang karaniwang hierarchy ng layout, na bumubuo ng isang template para sa kung saan nakaupo ang bawat isa sa mga sangkap na ito sa iyong homepage.

Magsisimula kami sa tuktok ng homepage at gagana pababa. Patuloy na basahin upang malaman ang tungkol sa pinakamahusay na hierarchy ng disenyo ng layout para sa iyong homepage upang makakuha ng mas maraming mga customer.

Ang iyong Logo sa Kaliwa o Sentro (At Mga Bahagi ng Header)

Ang iyong homepage header ay sumasaklaw din sa iyong buong site, kaya't ang mga modyul na ito ay nangangailangan ng ilang malalim na pag-iisip. Ang layunin sa iyong header ay upang mabilis na ipakita sa mga tao kung ano ang tungkol sa iyong site at upang magbigay sa mga gumagamit ng ilan sa mga pinaka-mataas na gumaganang pindutan at patlang para sa paghahanap ng nilalaman.

Ang Logo

lokasyon ng logo

Magsimula sa iyong logo. Ang isang mahusay na dinisenyo na logo ay nagbibigay ng pinakamaraming halaga dito, ngunit kailangan mong tiyakin na nakalagay ito sa kanang sulok sa kaliwang kamay ng sa gitna ng header. Nabasa ng mga tao mula kaliwa hanggang kanan, at ang logo ay karaniwang nagbibigay ng ideya kung ano ang inaalok ng site. Kung hindi agad ipinaliwanag ng iyong logo ang iyong kumpanya, magsama ng isang maikling tagline sa ibaba o sa gilid ng logo.

Ang Search Bar

kahalagahan ng search bar

Ang bawat site ng ecommerce ay isang maliit na search engine sa loob nito. Kung ang isa sa iyong mga customer, tawagan natin siyang Steven, mapunta sa iyong homepage na naghahanap ng isang kuwintas, mayroon lamang siyang ilang mga pagpipilian upang makita kung ano ang kailangan niya.

Ang una, at hindi gaanong mahusay na pamamaraan, ay nagsasangkot ng pag-click sa isa sa mga kategorya ng pag-navigate sa menu. Ang pangalawang pamamaraan, na karaniwang nagdadala sa mga gumagamit sa tamang pahina nang mas mabilis, ay isang search bar. Kung ang search bar ay nakatago sa ilalim ng iyong slider, o inilalagay ito sa isang lugar kasama ang iyong sidebar, pinipilit mo ang iyong mga customer na mag-ayos sa kalat upang magawa ang isang simpleng paghahanap.

Ilagay ito sa iyong header at linawin ito.

Shopping Cart Icon at Button

Screen Shot 2015 06--01 11.25.00 sa AM

Dahil maraming mga online store ang naglalagay ng icon ng shopping cart sa kanang sulok sa itaas ng site, maaari mong ipalagay na karamihan sa mga customer ay likas na tumingin doon upang hanapin kung ano ang nasa shopping cart.

Sa kasamaang palad, karaniwang ikaw ay natigil sa kung ano man ang inaalok ng iyong tema o platform ng ecommerce sa mga tuntunin ng module ng shopping cart, ngunit narito ang isang patnubay kung nasa merkado ka para sa pagbabago ng disenyo:

  • Magsama ng isang icon ng shopping cart
  • Isama ang isang link o icon na nagbibigay ng isang isang pag-click na pag-checkout mula sa anumang pahina sa site
  • Magpakita ng isang numero upang ipahiwatig kung gaano karaming mga item ang nasa shopping cart

Mga Anunsyo sa Pagpapadala

Screen Shot 2015 06--01 11.25.09 sa AM

Ang isang magandang paraan upang lumikha ng pangangailangan ng madaliang pagkilos ay upang mag-alok ng libreng pagpapadala, o iba pang mga insentibo, pagkatapos bumili ang mga gumagamit ng isang tiyak na halaga ng produkto. Kung pinili mo upang isama ang isang bagay tulad nito sa iyong diskarte, mahalaga na gawin ang anunsyo sa iyong website header.

Ang screenshot sa itaas ay nagpapakita ng isang magandang halimbawa ng kung paano ipinapaliwanag ng kumpanya ng Kutoa ang patakaran sa pagpapadala nang hindi kumukuha ng labis na puwang.

Mga Pana-panahong banner

Ito ay katulad ng patakaran sa pagpapadala na pinag-usapan namin sa itaas, ngunit kung may hawak kang isang pana-panahong promosyon o isang espesyal na deal, paano mo maaasahan na malaman ng mga tao ang tungkol dito? Magreserba ng puwang sa iyong header para sa maliliit na banner ng pang-promosyon. Sa ganitong paraan, kapag ang mga pista opisyal ay gumulong sa paligid mo ay bumaba lamang sa isang graphic at iwanan ito hanggang sa magtapos ang promosyon.

Button sa Pag-login / Rehistro

Ito ay isa sa mga pangunahing linya sa homepage ng ecommerce. Ipakita ang isang link sa pag-login / rehistro nang malinaw sa header. Lumilikha ito ng isang seamless na proseso ng pag-checkout para sa customer at maaari kang mangolekta ng ilan sa impormasyon ng customer.

Isang Navigation Menu na may Mga Naaangkop na Mga Tab

Ang iyong mga item sa menu ay ganap na nakasalalay sa kung anong uri ng negosyo ang iyong pinapatakbo, ngunit malinaw na ito ay isang bagay na kailangang isama sa hierarchy ng homepage. Ang pinakamahusay na taktika ay upang isulat kung saan mo nais na lumipat muna ang iyong mga customer at piliin ang iyong mga item sa menu batay doon. Pangunahing nagbebenta ka ba ng mga kamiseta? Gumawa ng isa sa iyong mga unang item sa menu ng isang direktang link sa iyong pinakatanyag na mga kamiseta.

Imahe o Slider na may Overlayed Call to Action at Button

Mga slider ng CTA

Ang slider ng imahe ay nakaupo mismo sa ilalim ng header, at nagsisilbing isang paraan ito upang maibahagi ang mga nakamamanghang larawan ng iyong mga produkto. Ang isang slider na may mga imahe lamang ay walang silbi. Isama ang mga call-to-action at button na nagtutulak sa mga gumagamit sa ilan sa iyong pinakatanyag na mga produkto o promosyon.

Magsama ng apat o limang mga slide sa slider, at baguhin ang mga ito depende sa iyong sariling diskarte.

Product Thumbnail Grid o Slider

thumbnail bilang isang slider o isang grid

Ang Shopify ipinapaliwanag ng blog kung paano ang pag-aalok ng masyadong maraming mga pagpipilian ay nakalilito sa mga customer, pagtulak sa kanila na iwanan ang iyong website o gumawa ng mas kaunting mga pagbili. Bagaman nangangailangan ang iyong homepage ng isang grid ng produkto sa ibaba mismo ng slider ng imahe, mag-isip ng dalawang beses tungkol sa pag-pack sa higit sa apat o limang mga item.

Form sa Pag-subscribe sa Email Marketing

Ang pagkolekta ng mga email para sa pagpapadala ng mga promosyon at mga newsletter sa hinaharap ay isa sa pinakamadaling paraan upang mapanatili ang mga customer at panatilihin silang nasa loop. Ito ay isa sa mga lugar kung saan nag-iiba ang mga tanyag na tindahan ng ecommerce sa mga tuntunin kung saan nakaupo ang pag-sign up ng newsletter sa homepage. Ang isang konklusyon ay malinaw: Kung nais mong mag-sign up ang mga tao, dapat kang maglagay ng form sa pag-sign up sa homepage.

Ang unang pamamaraan ay upang maabot ang mga gumagamit sa form ng pag-signup sa header. Ipinapalagay nito na ang iyong newsletter ay nagbibigay ng de-kalidad na nilalaman at hindi mo nahihiya ang pagmemerkado nito kaagad sa paniki.
magdagdag ng pag-sign up sa header

Ang iba pang mga tindahan ay ginusto ang sidebar o ang footer kapag ibinabahagi ang form ng pag-sign up sa newsletter. Napansin ko na ang mga online na tindahan ay karaniwang naglalagay ng mga form malapit sa ilalim ng pahina kapag hindi sila nagpapadala ng maraming mga email. Sinusubukan lamang nilang mangolekta ng mga email upang maipadala ang paminsan-minsang promosyon.
Screen Shot 2015 06--01 11.25.39 sa AM

Ang aking paboritong taktika sa pagkuha ng email ay ang popup form, na nagpapakita ng kanyang sarili pagkatapos ng isang gumagamit sa iyong site nang ilang segundo. Karaniwan itong nabubuo ng pinakamaraming mga subscription at malinaw mong masasabi na tumatanggap ang customer ng kapalit.
mga popup

Mga Sidebar o Grid Base Layout?

Nagbibigay ang sidebar ng isang natatanging pagkakataon upang pagsamahin ang iyong hindi gaanong mahalagang mga sangkap, habang binibigyan pa rin sila ng pagkakalantad na nararapat sa kanila. Ang isang katulad na pamamaraan ay ang tinatawag naming layout ng grid, kung saan ang iyong buong homepage ay nagsasangkot ng isang medyo may checkered na pattern square mga module na nakasalansan sa tabi ng bawat isa.

layout ng gridbased

Ano ang ilang mga solidong sangkap na isasama sa sidebar?

  • Isang pindutan o link sa iyong blog
  • Pang-promosyon o pana-panahong mga banner
  • Mga link ng media
  • Mga modyul o link sa lipunan
  • Isang widget na Tungkol sa amin o isang lugar na nagpapaliwanag kung tungkol saan ang site

Pinakabagong tweet

Ang Footer

Ang karamihan ng iyong mga customer ay hindi mag-navigate pababa sa footer, ngunit ang ilang mga mahalaga, ngunit hindi gaanong kagyat na mga link ang kinakailangan.

Ang footer

Madalas kong nalaman na ang pagsasama-sama ng perpektong footer ng ecommerce ay isang nakakapagod na gawain sapagkat madaling kalimutan ang ilan sa mga kinakailangang item. Narito ang isang listahan upang makapagsimula ka:

  • Makipag-ugnay sa Amin link
  • I-link sa Amin ang email
  • Ang numero ng telepono
  • Link ng Katayuan ng Order
  • FAQ na link
  • Mga pindutang panlipunan
  • Link ng warranty
  • Link ng patakaran sa privacy
  • Link sa blog
  • Pag-link ng impormasyon sa pagpapadala
  • Ibalik ang link ng impormasyon
  • Link ng impormasyon sa korporasyon
  • Link ng trabaho

Ang pagbuo ng isang mabisang hierarchy ng homepage ng ecommerce ay isang sining, ngunit sa kaunting tulong at pag-unawa sa aling mga lugar ang nagko-convert ng pinakamaraming mga customer, maaari mong gawing isang hub para sa aktibidad ang iyong homepage. Sinabi nito, mag-iwan sa amin ng isang puna sa ibaba kung sa tingin mo ng anumang iba pang mga item na kabilang sa listahang ito.

Tampok na curtsey ng imahe ng Chris Bannister

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.