6個小技巧,讓使用者體驗馬上好!

使用者體驗這個名詞已經被說爛了,大家應該都知道它有多重要!但你真的知道怎麼應用在你的網站或 app 上嗎?今天提供 6 個小技巧,讓產品使用者體驗馬上好!

 

 

1. 了解使用者怎麼閱讀網頁

我們可以透過眼動儀技術(Eyetracking)無干擾的追蹤人眼球移動的過程。由研究得知,人們獲得資訊的模式大多不是深讀,而是掃視(scan)。眼動儀系統可以透過分析得知使用者會傾向看哪邊?動線為何?注視熱區(hot zone)在哪?最後產出熱像圖表(heat map)方便我們來解讀。有趣的是,大多數使用者的眼動模式都是由左上角開始,然後移動到右方,並再度的往下方第二個水平方向移動,且覆蓋之區域比第一次還短,最後會掃視左側垂直區域。這樣的模式在熱像圖表會出現類似”F”的形狀,因此研究員稱為F模式 F-pattern

當然,一個好的視覺設計可以改變使用者既有的眼動模式,但活用研究出的眼動模式於設計上,可能會有較佳的使用者體驗。至於如何應用 F-pattern 來設計網頁,讀者可延伸閱讀此篇

技巧一:瞭解使用者閱讀方式

2. 提供合適的可閱讀性與對比度

文字是與使用者溝通的重要方式之一,而文字區塊設計的首要重點就是一定要”可閱讀”(readable),再來才是美感。另外,試著讓文字區塊之間保持適當的留白空間也可以幫助閱讀,並且提升網站質感。最後,請在螢幕上測試各種亮度是否也能夠順利的閱讀。

技巧二:提供合適的可閱讀性與對比度

3. 先體驗後註冊

別認為每個使用者都是愛你的,在使用或購買你的產品前都會乖乖的註冊會員或提交資料。他們甚至看到需要註冊或提交的按鈕就會產生厭惡的感覺,並離開這討人厭的頁面。最好的方式就是了解使用者真正的需求,提供他們真的想要的服務或產品,讓他們先體驗或選擇他們要的產品,若他們滿意了自然會註冊。

技巧三:先體驗後註冊

4. 客製化404錯誤頁面

當伺服器找不到頁面時,會出現404錯誤頁面,千萬不要甚麼事情也不做,讓網頁呈現404錯誤訊息的預設值。因為這是一個絕佳的機會可以設計與眾不同的頁面,不論設計的方向是加強品牌的意象、展現幽默感或提供協助都是對使用者體驗大大的加分。但也別忘了要試圖幫助使用者找到他們搜尋的頁面,我們可以透過教導或鼓勵的方式讓使用者重新搜尋或放置超連結與聯絡訊息。試著透過設計404錯誤頁面來降低傷害吧!說不定還可以贏得使用者的支持。

設計師們該如何設計404錯誤頁面呢??可以參考<ahref=”http://designtongue.logdown.com/posts/235476-elements-of-a-great-404-page”>這篇文章,絕對能讓你獲得許多靈感。

技巧四:客製化404錯誤頁面

5. 移動裝置的使用者體驗與 PC 不同

設計移動裝置的 app 時,一定要深入研究和觀察使用者的使用脈絡,例如他們會在哪裡使用你的 app?所處的環境為何?舉個例子, 相較於使用者使用 PC,透過移動裝置上你的網站時,他們更容易因為周遭所處的環境而分心,因此清晰的文字與明顯的按鈕可讓使用者快速的了解或操作你的網站,減少使用者分心而錯失網站傳達的訊息。

技巧五:移動裝置的使用者體驗與 PC 不同

6. 網站放影片不是萬能

不應該把網站上的影片當作與使用者主要的溝通方式,因為使用者不願意或是沒時間觀看,或網路問題無法觀看時,網站與使用者間將會產生巨大鴻溝,最終可能導致失敗。所以請確保在沒有影片時,使用者也可以得到所需的資訊。

請記得這個觀念!提供影片主要的目的是加強網站的使用者體驗,而非最重要的傳達或溝通管道。

 

原文出自於 6 Tips for a Better Understanding of the User Experience by Sinead Kennedy

 

本文章所屬設計大舌頭與作者所有,未經授權,不得轉載!如需轉載,煩請通知

訂閱設計大舌頭

隨時關注第一手 UX、UI、科技、設計新知

Facebook
LinkedIn
Telegram
Twitter