16點優(yōu)化用戶界面的方法

2013-7-14    藍藍設計的小編

轉(zhuǎn)載藍藍設計(   sillybuy.com  )是一家專注而深入的設計機構(gòu) ,為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設計 、 cs界面設計 、  ipad界面設計   、  包裝設計 、  圖標定制 、  用戶體驗 、交互設計、   網(wǎng)站建設 、平面設計服務

來源:http://www.yixieshi.com/ucd/14062.html

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中,   請點這里

優(yōu)異的用戶界面可以讓用戶用得順心,從而提高轉(zhuǎn)化率(conversion rate),換言之,好的 UI 在使用與銷售層面上形成雙贏。本文整理了16點優(yōu)化用戶界面的方法,希望對大家有所幫助。

  單欄型式優(yōu)于多欄

  單欄型式讓你更能掌握自己的內(nèi)容,從頂部到底部一氣嗬成,用故事引導讀者,最終是要誘引他們「采取行動」(call to action,下稱 CTA,意指下載或消費等目的);而多欄反而可能導致讀者分心。

16點優(yōu)化用戶界面的方法,互聯(lián)網(wǎng)的一些事

  不要噼頭銷售產(chǎn)品

  「略施小惠」給使用者,販賣的意圖不要設計得太明顯。小小的優(yōu)惠或禮物,對未來的銷售會帶來大大的幫助。

16點優(yōu)化用戶界面的方法,互聯(lián)網(wǎng)的一些事

  統(tǒng)一相似的功能,避免支離破碎的 UI

  瀏覽網(wǎng)站時,我們很??吹搅宅槤M目的元素或特色,但它們的功能毫無二致,而相似的選項太多,只會提高讓使用者無所適從。倘若發(fā)現(xiàn)自己的網(wǎng)站內(nèi)有以不同型式重復相同功能的狀況,不妨考慮重新設計 UI,把類似功能整合起來。譬如圖中「Customer Service(客服)」、「Contact Us(聯(lián)系我們)」其實是一樣的意思,應當保留一個選項就好。

16點優(yōu)化用戶界面的方法,互聯(lián)網(wǎng)的一些事

  使用者見證或提出銷售實據(jù)

  「社會認同」(social proof)是刺激轉(zhuǎn)化率很好的策略,自己再怎么天花亂墜終究只是自吹自擂,請使用者見證或數(shù)字實據(jù)才有效。

16點優(yōu)化用戶界面的方法,互聯(lián)網(wǎng)的一些事

  主要目的請反覆強調(diào),別只提一次

  希望使用者點擊的連結(jié)或按鈕(比如購買或下載),別只出現(xiàn)一次,可以考慮放在單欄網(wǎng)頁的頂端與底部,或在多個頁面呈現(xiàn)。

16點優(yōu)化用戶界面的方法,互聯(lián)網(wǎng)的一些事

  清楚區(qū)別叁種功能性(可點擊、已點擊、純文字)元素

  可點擊的元素(連結(jié)、按鈕)、已點擊的元素、純文字叁者彼此應該以顏色、深度或?qū)Ρ鹊雀鞣N設計技巧清楚區(qū)隔,讓使用者瀏覽網(wǎng)站暢行無阻。例如左圖,藍色字體是連結(jié),黑色字體是使用者點擊的選項,或者是使用者正在瀏覽的頁面。

16點優(yōu)化用戶界面的方法,互聯(lián)網(wǎng)的一些事

  突顯推薦方案

  如果服務有多種選擇,請把最推薦的方案強調(diào)出來,如左圖就將「product X」特別放大,Y、Z 縮小。

16點優(yōu)化用戶界面的方法,互聯(lián)網(wǎng)的一些事

  善意提醒 vs. 突兀確認

  如果使用者更改了某個選項,用一行文字提醒他們可以「復塬」就好,無需大費周章設計「再次確認」的跳出視窗。因為多數(shù)時候使用者的動作都具有意識,后者太突兀,可能讓使用者覺得被糾正而產(chǎn)生被冒犯的感覺。

16點優(yōu)化用戶界面的方法,互聯(lián)網(wǎng)的一些事

  清楚闡述目標客群

  描繪適合使用你服務或產(chǎn)品的客群,可以連結(jié)到更多相似特質(zhì)的人,同時也讓他們感受自己的獨特性。

16點優(yōu)化用戶界面的方法,互聯(lián)網(wǎng)的一些事

  肯定,避免猶豫不決

  語氣應該直接且肯定,優(yōu)柔寡斷是大忌,訊息中如果出現(xiàn)「也許……」、「有趣嗎?」、「想要嗎?」等疑問字眼,在顯示自信與強調(diào)權威上可能還有進步空間。

16點優(yōu)化用戶界面的方法,互聯(lián)網(wǎng)的一些事

  采用強烈對比

  CTA 應該與眾不同。運用色調(diào)、深度、互補色等方式,將 CTA 跟其他網(wǎng)頁元素區(qū)隔開來。

16點優(yōu)化用戶界面的方法,互聯(lián)網(wǎng)的一些事

  產(chǎn)品的誕生地點

  說明你、你的產(chǎn)品或服務來自何處,就像在自我介紹一般,賦予人性化的親切感受,而且強調(diào)產(chǎn)地或許也會帶來品質(zhì)保證的效果。

16點優(yōu)化用戶界面的方法,互聯(lián)網(wǎng)的一些事

  表單問題越簡單越好

  註冊表單太雜,使用者往往容易不耐煩而半途放棄,問題盡量少而精簡。

16點優(yōu)化用戶界面的方法,互聯(lián)網(wǎng)的一些事

  別把選項藏起來

  下拉式選單雖然不佔空間,但卻讓選項更難被察覺。適合下拉式選單的問題是可預測性的或者人人皆很熟悉的時間(如出生日期)或地理位置,跟產(chǎn)品或服務有關的重要問題選項,最好并列在頁面明顯的位置上。

16點優(yōu)化用戶界面的方法,互聯(lián)網(wǎng)的一些事

  連貫順暢的頁面

  不要讓使用者產(chǎn)生「已經(jīng)捲完頁面」而實際上根本還未看到底部的錯覺。制造一種視覺型式或節(jié)奏,令使用者得以順利瀏覽完整個頁面,才不會白費苦工。

16點優(yōu)化用戶界面的方法,互聯(lián)網(wǎng)的一些事

  不要分散焦點

  如果你的網(wǎng)頁唯一目的是要觸發(fā)使用者捲到底部時「采取行動」,那中間安插的任何連結(jié)都可能導致他們分心,甚至將他們帶離你的網(wǎng)站,因此必須小心謹慎的安排連結(jié)數(shù)量與位置。

16點優(yōu)化用戶界面的方法,互聯(lián)網(wǎng)的一些事

  本文塬作者加拿大 UI 設計師 Jakub Linowski

分享本文至:

日歷

鏈接

個人資料

藍藍設計的小編 http://sillybuy.com

存檔