如何做好一個(gè)電子商務(wù)網(wǎng)頁設(shè)計(jì)？人們不是真的通過封面來判斷一本書，是嗎？當(dāng)然可以。無論是在高檔餐廳中展示食物，還是最新的Apple產(chǎn)品，人類似乎都喜歡設(shè)計(jì)精美的東西。同樣的原則適用于網(wǎng)站，尤其是在電子商務(wù)領(lǐng)域。如果您沒有為訪問者提供最佳的網(wǎng)站設(shè)計(jì)和好的產(chǎn)品包裝，那么他們肯定不會把錢留在桌子上。

有吸引力，酷炫的電子商務(wù)網(wǎng)頁設(shè)計(jì)始終在成功的在線銷售和營銷策略中發(fā)揮關(guān)鍵作用。這是因?yàn)榫赖脑O(shè)計(jì)和出色的調(diào)色板可以提高產(chǎn)品的感知價(jià)值。無論您是要創(chuàng)建一個(gè)全新的電子商務(wù)網(wǎng)站，還是正在考慮重新設(shè)計(jì)當(dāng)前網(wǎng)站，本期企業(yè)網(wǎng)站設(shè)計(jì)Angle先帶大家來了解什么是一個(gè)好的電子商務(wù)網(wǎng)頁設(shè)計(jì)。

什么才是一個(gè)好的電子商務(wù)網(wǎng)頁設(shè)計(jì)？ 
人們在登陸電子商務(wù)網(wǎng)站的那一刻便會對其進(jìn)行評判。實(shí)際上，研究表明，瀏覽器需要50毫秒來決定是否保留在網(wǎng)站上。您獲得0.05秒的時(shí)間來打動用戶，這就是為什么網(wǎng)站設(shè)計(jì)對您的電子商務(wù)業(yè)務(wù)如此重要的原因。 優(yōu)質(zhì)電子商務(wù)網(wǎng)頁設(shè)計(jì)的構(gòu)成要素可以由四個(gè)要素定義：

1、信任
想象一下走進(jìn)一家零售商店，看到一場巨大的災(zāi)難。衣服到處都是，臟了，沒人歡迎你或讓你感到賓至如歸。你下一步要做什么？可能盡快離開那里。 當(dāng)某人第一次訪問您的商店時(shí)，他們可能對您的品牌，產(chǎn)品質(zhì)量或?qū)ψ尶蛻魸M意的承諾一無所知。交易可能會贏得他們的考慮，但在實(shí)際進(jìn)行購買之前，他們需要先信任您?？蛻粜枰?，當(dāng)您向您購買商品時(shí)，他們會收到廣告宣傳的產(chǎn)品。 

每個(gè)企業(yè)應(yīng)在其網(wǎng)站上包括三個(gè)基本的信任指標(biāo)：

• 聯(lián)系信息：沒有聯(lián)系信息，沒有什么比將網(wǎng)站吸引更多潛在客戶了。包括一封電子郵件，如果可能的話，包括一個(gè)電話號碼和一個(gè)郵寄地址。此類信息以及“關(guān)于”頁面可幫助潛在客戶感覺自己是在向真人購買。
• 退貨政策：一個(gè)退貨政策不僅使得它更容易為人們帶來不滿足他們，實(shí)際上，它降低購物車放棄，并用信心和信任感灌輸客戶增加銷售，他們可以，如果發(fā)回的項(xiàng)背，他們的產(chǎn)品需要，無需任何交易費(fèi)用。 
• 技術(shù)認(rèn)證：通過添加Shopify Payments，您將可以使用具有最新安全技術(shù)的高級功能和支付服務(wù)，以保護(hù)客戶的信息。不要猶豫，使用圖形或徽章來顯示您的安全合規(guī)性以及您接受的所有付款方式。

沒有任何客戶時(shí)，最難獲得客戶信任，因此在設(shè)計(jì)商店時(shí)，您需要合并這些信任指標(biāo)。

2、良好的視覺吸引力
視覺吸引力對于幫助客戶在線設(shè)想您的產(chǎn)品并單擊“購買”至關(guān)重要。在線銷售產(chǎn)品時(shí)，感知就是一切。人們在幾毫秒內(nèi)就形成了您網(wǎng)站的第一印象。在Shopify商店中，增加印象數(shù)主要取決于圖像的質(zhì)量。這樣想吧：您的產(chǎn)品攝影就像大使一樣，在線分享您的產(chǎn)品承諾。您的客戶在購買產(chǎn)品之前無法嘗試、品嘗、感覺或穿著您的產(chǎn)品，因此他們將在很大程度上依靠您的視覺效果來確定該產(chǎn)品是否適合他們。

通常，您希望包括帶有白色背景的產(chǎn)品照片，以及所用產(chǎn)品的生活方式照片。在白色背景上拍攝的產(chǎn)品是電子商務(wù)攝影的黃金標(biāo)準(zhǔn)。這是因?yàn)榘咨尘笆鼓梢愿p松地詳細(xì)查看商品并去除品牌，因此您的產(chǎn)品可以吸引不同的受眾。無論您是通過自己的Shopify商店，亞馬遜還是eBay進(jìn)行銷售，生活方式的照片都非常重要，因?yàn)樗鼈兛梢宰尶蛻敉ㄟ^將自己想象成所展示的模型來構(gòu)想在日常生活中使用某種產(chǎn)品。 

您的產(chǎn)品照片是影響商店參與度，轉(zhuǎn)換和保留的關(guān)鍵因素。除了產(chǎn)品照片外，您還需要考慮網(wǎng)站的顏色和字體。您可能擁有最令人難以置信的產(chǎn)品，如果網(wǎng)站的美學(xué)效果（尤其是其顏色和字體）不起作用，您的客戶將被推遲并且可能無法購買。您商店的外觀會影響購買產(chǎn)品的整體體驗(yàn)。顏色是您可以用來激發(fā)興趣和情感的最強(qiáng)大的工具之一。它也可以用來吸引人們注意您網(wǎng)站的特定部分，并引導(dǎo)您的客戶進(jìn)行購買者的旅程。

將您的網(wǎng)站限制為兩種主要顏色一種原色和一種輔助色。要選擇顏色，您可以使用兩種出色的資源。轉(zhuǎn)到Dribbble搜索調(diào)色板。例如，如果鍵入“紅色”，則可以看到在其調(diào)色板中使用紅色的網(wǎng)站示例，并確定哪些選項(xiàng)在視覺上最吸引人。 另一個(gè)關(guān)鍵考慮因素是您網(wǎng)站的可訪問性。您希望所選擇的顏色具有足夠的對比度，以便所有年齡和能力的人們都可以閱讀和查看您的文本。

最后，您需要考慮一下排版?？蛻粝Ｍ?span>電子商務(wù)網(wǎng)頁設(shè)計(jì)上看到生動有趣的字體，而不是像Times New Roman這樣的陳舊字體。雖然您所寫的文字共享信息，但正是這種字體傳達(dá)了信息背后的情感。好消息是，使用Shopify這樣的商店構(gòu)建器，您可以訪問帶有推薦字體和設(shè)計(jì)的模板。您可以在網(wǎng)站上使用這些字體，也可以從其他來源選擇字體來進(jìn)行所需的自定義。與顏色一樣，最好堅(jiān)持使用兩種字體并在它們之間創(chuàng)建層次結(jié)構(gòu)。對于非設(shè)計(jì)者來說，管理多種字體可能會有些棘手，并且您的網(wǎng)站看起來會很混亂。僅使用兩種字體即可簡化操作。選擇一種字體作為標(biāo)題或標(biāo)題字體，選擇另一種字體作為正文字體。 獨(dú)特的標(biāo)題字體可以為您的品牌增添些許魅力，而主體字體將成為您的主力軍，用于您網(wǎng)站上從產(chǎn)品說明到結(jié)帳說明的所有其他副本。 盡管顯示字體因其大小可能會更加繁榮，但是選擇可讀的主體字體很重要。并非每種可自定義的字體都設(shè)計(jì)用于屏幕閱讀，并且選擇錯誤的字體（例如，細(xì)無襯線字體）會在客戶無法閱讀您的網(wǎng)站時(shí)將他們趕走。

3、手機(jī)和網(wǎng)絡(luò)的響應(yīng)格式
根據(jù)comScore的數(shù)據(jù)，近70％的數(shù)字媒體時(shí)間花費(fèi)在移動設(shè)備上。不幸的是，許多電子商務(wù)解決方案并未針對移動設(shè)備進(jìn)行優(yōu)化，并且僅在考慮桌面瀏覽時(shí)才構(gòu)建。這可能導(dǎo)致相當(dāng)數(shù)量的新銷售損失。如果您通過Shopify建立業(yè)務(wù)，那么您的商店就是“響應(yīng)式”。這意味著該網(wǎng)站在不同的設(shè)備和屏幕尺寸上都是用戶友好的，無論客戶是在臺式機(jī)，智能手機(jī)還是平板電腦上查看。在基于移動優(yōu)化選擇主題時(shí)，最好親自測試易用性，以查看您是否對交易流程感到滿意。如果您不是，那么您的客戶很有可能也不會。最終確定選擇時(shí)，推車抽屜和易于遵循的移動導(dǎo)航等元素至關(guān)重要。

4、輕松導(dǎo)航
您的網(wǎng)站導(dǎo)航應(yīng)該可以幫助客戶快速輕松地找到您的產(chǎn)品。良好的導(dǎo)航功能還有助于改善您網(wǎng)站上的SEO，以便在搜索結(jié)果中找到您。 良好的導(dǎo)航功能可以改善在線購物體驗(yàn)，并幫助商家提高銷售量和利潤。導(dǎo)航也會影響您選擇的主題。例如，如果您的產(chǎn)品目錄很大，則菜單較大的主題可能是最適合您的。

這是設(shè)計(jì)商店時(shí)要遵循的一些準(zhǔn)則：首先，嘗試在導(dǎo)航中僅保留幾個(gè)菜單標(biāo)題。標(biāo)記這些標(biāo)題時(shí)要清楚，直接這不是聰明的時(shí)候。以下是可用于頂級導(dǎo)航的標(biāo)題：

• 店鋪[商品分類]
• 關(guān)于我們
• 最暢銷
• 聯(lián)系我們

這是使導(dǎo)航變得簡單的三個(gè)菜單示例。訪客確切知道他們每次都得到什么。作為一個(gè)初學(xué)者，我仍然認(rèn)為您應(yīng)該從上面列出的四個(gè)開始，但是隨著時(shí)間的流逝，您將了解您的聽眾會喜歡什么。 

其他導(dǎo)航鏈接可以放在您的頁腳中，即網(wǎng)站底部的部分。以下是我為頁腳推薦的標(biāo)簽：

• 店鋪[商品分類]
• 退貨政策
• 服務(wù)條款
• 聯(lián)系我們

如果您發(fā)現(xiàn)標(biāo)題沒有被單擊或添加到子導(dǎo)航菜單中以包含指向其他重要頁面或產(chǎn)品集合的鏈接，則可以隨時(shí)更改標(biāo)題。

以上四點(diǎn)就是做好一個(gè)電子商務(wù)網(wǎng)頁設(shè)計(jì)必須遵循的一些原則，相信做好這些，企業(yè)可以得到一個(gè)不錯的電子商務(wù)網(wǎng)頁設(shè)計(jì)。