介紹依產業別的8種網頁設計表現手法

客戶往往不知道自己適合什麼樣的版面設計,特別是對第一次架設網站的客戶而言,完全沒有頭緒。
事實上,網站版型是根據“目的”做排版與規劃,依照不同的目的會有不同的設計取向。
例如架站目的是“想提高品牌形象”的設計取向絕對會不同於“就是要把產品賣出去!”的銷售頁。
本篇貼文就是要向各位介紹依產業別的8種網頁設計表現手法。

介紹依產業別的8種網頁設計表現手法

1.想提高商品和服務項目的認知度

【宣傳行銷型網站】
浅田真央〜8年間の軌跡〜

【宣傳行銷行網站】網頁設計重點

大量使用照片
宣傳行銷型網站的目的是為了提高商品或服務項目的認知度,因此會大量使用照片。
使用網頁動態效果
滿版的橫向大圖輪播(slider show)或透過滑鼠移動產生立體感或遠近感的錯覺效果(parallax),華麗而吸睛的視覺畫面,讓用戶留下深刻的印象。

2. 就是要把產品賣出去

【銷售頁(Landing Page)】
銷售頁,只需改善首頁設計風格(訪客不需將滑鼠往下滑的的範圍),就可以得到非常不一樣的效果。
lp-web.com

【銷售頁】網頁設計重點

First View(讀取網頁時,一開始進入視線範圍)置放打動人心的文案、傲人的真實數據、巨幅商品圖片、立刻購買按鈕。
打動人心的文案
鎖定販賣對象,減肥餐當然是要買給想減肥的人。
文案要具有簡短又精準的表達能力,好的文案會讓客戶產生立刻下單的衝動。
傲人的真實數據
可靠的數據可以反映商品的不同凡響。
例如:「瘦身成功率高達95%!」或「銷售數量突破5萬個!」等等。
圖片
圖片效果決定了訪客對商品的第一印象,一張解析度不佳,或與商品關聯性不大的圖片,當然無法增加銷售業績。
『立即購買』按鈕
立即購買按鈕要顯眼,並且隨處可見。

3. 想要提高品牌形象

【形象網站】
Apple

【形象網站】網頁設計重點

選單(Menu Bar)極小化,一張巨幅圖片大大方方地呈現在首頁
企業形象網站的選單僅是輔助功能,因此可以縮小選單在網頁所佔的比例,釋出更多空間展示企業的商品圖片或服務項目,是一種視覺形象的表達方式。
饒富趣味的文案
例如Apple的日文版官方網站,『未来をその手に』(未來掌握在自己的手上)等等,句句都會打進“果粉”的心坎裡。

4. 想要增加銷售業績

【網路電商】
ZOZOTOWN

【網路電商】網頁設計重點

網頁左側要置放產品分類選單是網路電商的鐵則
有了側欄選單(Sidebar)的商品分類,用戶才能輕鬆找到自己想要物色的商品。根據心理學家的研究結果顯示,人類的大腦更傾向於從左到右的運動,因此網頁的最左邊是置放商品分類最理想的位置。

5. 增加實體店面的來店數

【實體店面型網站】
斯格加旅店

【實體店面型】網頁設計重點

滿版圖片強化視覺張力
與其以文字拉拉渣渣敘述自己店面的氛圍,不如一張有魅力的圖片更容易傳達給用戶。尤其是飯店,房客寧願相信眼睛所見而不是華麗辭藻。有圖有真相,讓圖片來說明自己店面的特色,將會為店面帶來更多的客源。
電話號碼與預約功能放置在最顯眼的地方
當用戶被飯店的舒適裝潢或有特色的交誼廳吸引後,立刻想要詢問是否有空房。要是尋遍了整個網站竟然找不到預約電話或線上訂房功能,等於到手的生意飛了….

6. 想要增加更多會員

【網路服務型網站】
twitter

【網路服務網站】網頁設計重點

會員登錄手續力求點簡化
社群網路或求職網等,皆屬網路服務型網站,會員越多表示商機越大,因此要是登錄頁面搶眼,登錄手續簡單,就越容易增加會員。例如witter,會員登錄被置放在首頁,只要輸入姓名、電子郵件、密碼,立即可以成為會員。若輸入的英文字母不分大小寫,會讓用戶得到更好的體驗。
若累積了傲人的會員數,就該不吝登載
曾經在『如何增加網站銷售業績?行動心理学8選』這篇貼文介紹過花車效應,引以為傲的真實數據是非常有效的宣傳手段,如果您的網站已經累積出相當多的會員人數,就該大大方方顯示在頁面上。

7. 發佈企業訊息

【企業網站】
GMOペパボ株式会社

【企業網站】網頁設計重點

將企業理念置放在首頁最明顯地方
到企業網站瀏覽的訪客是想要了解企業的願景與企業的服務內容。因此企業型網站為了要與同業做出差異,要在網頁最明顯的地方揭示企業理念與提供的服務價值。

8. 減少詢問次數

【諮詢頁面】
support

【諮詢頁面】網頁設計

若網站有“常見問題”頁面或“操作手冊”頁面,就可減少客戶詢問次數
日本的行動電話服務公司–AU在support這個頁面設有常見問題,並且可透過關鍵字搜尋或分類找到想要詢問的問題,其目的就是為了「減少客戶詢問次數」。
將客戶經常會發問的問題彙整在『常見問題』頁面,不僅可以減少客戶詢問次數,且可以提高業務效率。當然,諮詢頁面(聯絡表單)和聯絡電話還是要放在網頁的醒目之處。

總結

各位讀了這篇貼文有何感想?
根據網站製作的目的之不同,網頁內容的優先順序就有差異。
因此,首先要明確知道製作網站的目的是什麼,
然後在根據目的決定設計取向。
無論您是想做網站改版,或是架設新網站,希望此篇對您的網站排版構思有所幫助。