【林克威專欄】電商首頁即門面，你的電商網頁設計夠吸引人嗎 ?

無論是想吸引淺在顧客抑或留下忠實用戶，良好的網頁的設計都是不可或缺的一項原因。舉凡介面的美觀、網站易用程度或是資訊量的提供，都是一個好的網頁設計不可或缺的元素。所以在正式推出你的網頁前，不仿來確認一下，做為公司的門面，你真的做好了足夠的準備了嗎?

這是使用者第一手接觸的資訊，所以文字必須簡短扼要，且吸引其目光 ! 主標題可以說是整個網站中最重要的環節。

次標題通常會配合主標題的資訊，對你要提供的商品或服務做進一步說明。其內容可以是簡短的補充，或是將設計主標題和次標題以問答的方式呈現，讓次標題像是一個解決問題的方法。

Call to Action又可以簡稱為CTA，也就是所謂的行動呼籲。在此環節當中，你可以明確的邀請瀏覽者採取下一步。例如以下Ttrivago介面當中，搜尋功能的欄位已經有入住日期、退房日期和飯店名稱等等資訊，這些關鍵詞都是在邀請你輸入自己理想飯店。

以上三點我們可以用trivago 的介面舉例 :

此環節是透過簡單的圖片讓瀏覽者聯想你的服務內容，且這些輔助圖片最好能激起瀏覽者使用你提供的服務的動力。例如提供誘因，或是引起其共鳴等。

範例一: 蹲點台灣是一個邀請大學生深入偏鄉的一個計畫，其首頁的照片不只有參與此活動學生的照片，也有簡單標語介紹其理念。

範例二:Skype首頁圖片可以讓使用者馬上聯想到其提供視訊會議服務。

範例三:CakeResume首頁提供給使用者一個履歷範例圖片，讓瀏覽者有更多履歷表的雛形。

在一切自我介紹後，你必須讓使用者知道在使用你提供的服務或商品後，他/她能得到什麼好處?為什麼要選擇你而不是其他人? 最重要的是，你要知道自己的 Target Group，因為即使是同種行業，也會有不同的服務族群。

範例一: Amazing Talker 作為一個線上英語學習平台，在首頁下貼出自己的優勢以利吸引更多使用者。

範例二: CakeResume 以圖文並茂方式說明自身優勢

範例三:Wemo和Goshare同樣為租借機車app，但前者強調騎車體驗和介面使用簡易程度，後者強調機車可取得率。

別人口中的你才是真的好的你，為了能讓初次拜訪的使用者提高對你的信任度，提供實際案例分享可以是最好的口碑建立。你可以以文章方式呈現，抑或是圖文並茂的方式做使用者見證。

範例一: Engoo 為一線上英語學習平台，在其下方我們可看見使用過此平台的學員心得。

網站導覽就是向使用者說明如何更進一步的認識你。常見的關鍵字有關於我們、聯絡我們、產品種類/服務介紹和常見疑問等。但網站導覽會依據提供的服務不同，有不同的關鍵詞。

範例一: H&M 為一服飾品牌，所以其網站導覽關鍵詞會有不同衣種的查詢。

範例二: 104人力銀行為一服提供徵才服務的平台，所以其首頁關鍵詞會有工作職稱，公司名和專長等。

此環節像是一種技巧性地讓使用者留下資料。可能會有懶人包下載、折價券提供，或是如以下範例一樣，以免費索取課表為誘因來得到使用者聯絡方式。得到聯絡方式可以讓你更進一步詢問使用者實質需求，你也可以在得到聯絡方式後不定時寄送Email，以利向所有使用者更新你的最新活動。

範例一: 巨匠英語以免費索取課表為誘因讓使用者留下資料。

在此環節當中，你可以自己選擇何種服務項目你想列舉。你可以依據時下情況來猜測何種服務需求最高，並將其列入網站首頁中。這一方面可以顯示你對時事的敏感度，也可以藉此提高你網站瀏覽次數。你也可列舉不同服務方案的，以此擴大服務族群。例如學生方案和家庭方案等。

範例一: Spotify 在頁面下方提供不同方案優惠。

因為初次拜訪者不一定會成為你往後的顧客。所以在主、次標題簡短說明完你的服務項目、在下方列舉出你的優勢和優惠後，你可以在最下方提供給有興趣的瀏覽者一個挖掘更多資訊的地方，讓其找尋他需要的資訊。

範例一: 1111人力銀行 頁面最下方所提供的額外資訊內容

講在最後，首頁即門面 ! 精美首頁設計能讓使用者多留意兩眼，但留意兩眼過後，裡面的資訊是否能讓使用者在短時間內清楚了解你是一件很重要的事 !

除此之外，隨時更新你的首頁也是很重要的，例如你可以隨時替換方案優惠，或可以換一個更貼近時事的標語 !

那在認識完這幾項Check Lists 後，現在的你可以動手創造屬於自己的電商網頁了!

原文來自：林克威的電商老闆創業誌
更多科學與科技新聞都可以直接上明日科學網站 www.tomorrowsci.com