2013年7月20日 星期六

日本網站常見的3個小撇步



















因為工作上的關係,接觸了很多日本網站,其實心中一直有個疑問:為什麼整體而言,日本的網站不論在考量到使用者經驗上,以及視覺設計上,都比台灣精緻且先進許多。我們也有不錯的設計學校、優秀的設計學生,但當我們隨意瀏覽一些台灣企業網站,或政府單位網站,其程度總讓人懷疑,設計師都到哪去了。

以他國為鑑,這次要分享的是日本網站設計中普遍使用的一些增進使用者經驗、加強網站與使用者溝通的方式:


1. 在第一視野內呈現出網站的最終目標


進入日本許多企業網站,在第一視野(通常是768px)的高度內,通常可以看到一個明顯的按鈕,呼籲造訪者有所行動

例子:




2. 於頁面末端設置強烈引導


彷彿是擔心使用者不知道看完這個頁面該做什麼似的,幾乎重要頁面末端都會有引導,通常是至下一個頁面,或至最終行動(訂購、預約、申請等)

例子:


 (↑引導使用者至下一個導覽列選項的頁面)


 (↑旅行網站在訂票步驟轉換視窗時,也出現"使用某某卡片可以打折"的引導)

還有一種方式是使用兩個引導按鈕,一個比較容易達成(如:申請體驗版),一個比較困難(如:購買);如果只有一個購買連結,使用者可能因為還沒產生購買動機,一下就放棄了。若有一個相對容易進行的事件,等於說是在使用者放棄而離開之前,讓他有一個阻礙更低的選擇,藉此提升網站獲得這位使用者的可能性

兩個按鈕的例子:


 (↑ 雖然設了兩個行動按鈕,對商業目標有較大影響的訂購、申請等按鈕還是以比較明顯的色調呈現)

3. 透過FAQ消除使用者的疑慮並傳達自家優勢


仔細看日本網站的許多FAQ頁面,圖文並茂的,簡直跟商品頁面一樣豐富。通常網站會挑出常被詢問的問題,刻意放在商品說明旁邊,讓心有疑慮的使用者點選,消除其顧慮後再傳達優勢。不然一到商品頁就直接呈現一堆好處,在使用者的顧慮還沒被解答前,恐怕不會有心情去閱讀。

例子:


(↑ 這是一家很便宜的網路保險,通常使用者會擔心這麼便宜,一定有什麼壞處存在。於是在商品說明旁邊加上"便宜的理由"這類的FAQ,說明為什麼保費可以這麼低,以及這家保險公司的競爭優勢)


簡短的做了一些說明,這些方式或許還不常見於台灣目前多數的網站當中,但不論是透過何種方式,唯有開始有sense的注意到怎樣才能有效與使用者溝通,而不是一味地把企業想傳達的訊息推給消費者(有時候還會用大量的閃爍、Flash動畫等可怕的方式),才能逐漸提升網站的品質