目錄
若要成功銷售一個品牌，首先得讓自己愛上它。然而，正因為太過沉浸在自家品牌的經營，容易讓換位思考的能力失靈、陷入一廂情願的溝通模式。
資訊爆炸時代，顧客的訊息吸收量有限，當上述狀況發生在官網，很容易成為的顧客的拒絕往來名單。
以下分享 3 個容易忽略的網頁設計問題細節，一起為你的官網做個初步健檢吧！
NG 1 ：品牌自說自話，忘了思考顧客想看什麼內容
顧客願意接收品牌的訊息，進而信任、消費，這流程需要經過一連串的決策。每個階段就像漏斗篩選，會流失部份顧客。因此，品牌經營其一不可或缺的是「勾起並加深顧客的興趣」。
然而，一味訴說著品牌的好，而不是以痛點、需求為出發點溝通時，顧客很容易產生抗拒心理。如以下兩個國外網站都是一股腦地分享資訊，以致排版混亂，甚至難以理解品牌想傳達的重點。
品牌和顧客的互動過程就像面試一樣。品牌是面試者，顧客是面試官。
為了錄取職缺，要反覆提出自己擁有該職缺所需的能力，甚至提供過往成功案例佐證、向面試官毛遂自薦。
以女裝電商品牌為例。官網首頁的大型橫幅輪播設計讓人快速掌握重點，能同時得知品牌風格，以及不斷推陳出新的商品和活動。網頁架構也經心安排，將最能吸引消費者的聯名商品特別分類列出，並以品牌色重點標示促銷下殺活動，讓想在電商撿便宜的消費者能直入賣場。
而母嬰品牌考量到媽媽族的社群凝聚力，以及對商品品質的細節要求，特別放上 KOL 的親身使用心得，藉此提升消費者對品牌的信任感。
NG 2 ：網頁使用流程不連貫，讓網頁跳出率倍增
1.單一頁面、單一訊息只需要一個 CTA
以下是餐廳官網優化前的介面。餐廳的最終目的是讓客人預約或外帶訂餐，但此介面讓人很難找到店家的聯絡方式，將因此失去這些客源。
而此部落格同時有 2 個紅色 CTA 按鈕，讓讀者困惑若要獲得想看的資訊，是要下載電子書、還是直接訂閱部落格？甚至最終兩者都不選。
回想你我曾有過的購物經驗，一旦遇到不明確或模稜兩可的資訊，就會瞬間降低對品牌的信任度，更別說願意進一步花錢消費了。
最好的網頁設計，就是替消費者省下層層猶豫、思考的時間，透過介面設計或文案引導，讓顧客只需要下「是否買單」的單一決定。
如以下汽車美容公司官網，唯一一個CTA「立即預約」讓消費者只思考自己的需求是否要找該公司解決，不花其他時間考慮除此之外的事情。
2.電商結帳流程過於繁瑣，容易導致消費者直接棄單
結帳訂單資訊三元素：收件人資料，收件地址，付款方式。
有些商家為了確認多項個資，甚至將註冊及結帳流程綁在一起，反倒增加結帳的困難度，讓消費者半途而廢。
如以下網頁，物流運送拆解成兩步驟，將結帳複雜化。
由於科技愈來愈方便，現代人也愈發缺乏耐心。因此，顧客的第一次消費體驗極其重要，將會影響後續的回購意願。
有些品牌從「會員註冊」這一階段著手簡化，讓消費者可以選擇用 Google 、 Facebook 、 Line 等帳號快速登入，不需手動填寫會員資料。甚至有些電商結帳系統能將姓名、電話、 e-mail 資料直接帶入訂單，消費者只需額外輸入收件地址及付款資訊即可，大幅降低完成訂單的困難度。
以下是台灣前兩大本土電商提供的多元會員註冊方式。
NG 3 ：缺乏跨裝置使用體驗的優化，將從中流失顧客
我們在零碎時間滑手機，會因為廣告推播令人心動的商品，而先加入收藏清單或購物車作為暫存，等到有更完整的時間再打開電腦研究、決定是否結帳。這樣的購物流程在家電、手機等高單價商品特別常見。
跨裝置的使用習慣是日常。消費者在不同的裝置會進行不同階段、不同目的的使用者旅程，因此每個環節都需要顧慮使用的便利性及轉換裝置的滑順度，才能讓顧客順利完成結帳的步驟。
官網若要因應跨裝置的使用體驗，兩全其美最好的方式是採用「響應式網頁設計（英文為 responsive web design ，簡稱 RWD ）」，讓網頁隨著螢幕大小自動調整成最適合閱讀的排版，避免破版、字體過小等等無法理解網頁內容的困境。（可參考此篇了解更多：(圖解)RWD網頁設計和傳統網頁設計有什麼不同？）
以下是採用 RWD 技術的網頁設計案例。
擁有 UX 思維的網頁設計是趨勢
現在已不是把產品做好就會有顧客買單的年代，只有基本分是難以在同業脫穎而出的。網頁設計有太多眉角，像是品牌定位會影響設計風格，目標客群也會影響網頁架構的規劃。
「以使用者體驗為核心」的網頁設計才是讓人選擇品牌的關鍵。因此，當你在選擇發包哪間網頁設計公司時，對方是否擁有行銷技能及 UX 思維，帶你跳脫換位思考的盲點，會是很重要的衡量因素。
艾格創意設計考量品牌的長期經營需求，選擇便於優化 SEO 的 WordPress 架站技術，並有經驗豐富的 UI / UX 設計師打造更被目標客群喜愛的網站，讓品牌經營如虎添翼。在此可以看更多艾格的網頁設計案例，或點此了解我們的服務流程。
