七個不可忽視的使用者介面設計法則

标签: Featured 設計 | 发表时间:2014-01-21 10:14 | 作者:Editor_Wye
出处:http://www.inside.com.tw

Peter Vukovic 是一名在廣告代理商擁有 10 年經驗的設計師與創意總監,他以 Google、LinkedIn 等實例總結了七個使用者介面設計牢不可破的法則(law) 1。這些法則或許是網頁設計師的基本常識,但可能常常被忽略了。

1. 一目瞭然

001 Gmail 在改版之前,日曆、雲端硬碟、文件以及其它 Google 服務清楚地放在最上方的導覽列,不過改版後,Google 為了「簡化」頁面,將這些功能收攏在一個抽象的符號之內。許多使用者不明所以,他們的 滿腹疑問與埋怨瞬間湧入 Gmail 客服。 對於陌生且無法馬上進入狀況的事物,使用者通常乾脆忽視或採取迴避的姿態,這是基本的人性,因此切忌設計讓使用者得花時間思索的設計元素。

2. 優先動作

002 上圖是 Twitter 頁面,初來乍到的使用者能夠理解他們應該做什麼嗎?顯然使用者應該開始打字發出自己的第一則推文,不過「撰寫新的推文」的輸入框位在左上方,這個位置在整體環境中並不是很突出,從設計的角度來看,Twitter 似乎又想引導使用者搜尋,又想要他們點擊左側選項,太多介面元素混雜,可能令人無所適從。 使用者不必思考就自然而然知道下一步該怎麼做,「優先動作」(preferred action)應當顯而易見。

3. 關聯脈絡

003 想要更換自己在 Facebook 的名字時,得執行一連串的動作:先到位於右上角的「設定」,點擊「帳戶設定」,找到「名字」,點擊「修改」。反之,在 LinkedIn 上,只要在個人資料欄框內點擊「編輯」,各項資料前方就會出現鉛筆符號,非常直覺的設計。 使用者期望的介面元素是他們能夠輕易控制的。在真實世界中,我們想吃爆米花時,會直接打開微波爐,扭動開關,而不會預期有台微波爐會指示我們下樓走進地下室,摸黑找到電箱啓動 G-35 爆米花程序,這就很像 Facebook 迂迴的修改路徑。 盡可能讓使用者操作網站時易如反掌,如果是可以修改的項目,就讓使用者可以直接在上面修改。

4. 預設值

覺得這段鈴聲很熟悉嗎?肯定熟到都會哼唱了,這段鈴聲大概是全地球最為人熟知的旋律了。這是 Nokia 的預設鈴聲,很多從前持 Nokia 功能性手機的使用者都不會換掉它。 「預設」容易被忽略,但它的力量卻很強大:
  • 多數人手機鈴聲維持預設,即時通訊軟體的音效也少有人會更換。
  • 多數人從來不會改變電視機的出廠設定。
  • 多數人永遠不會更改冰箱的預設溫度。
因此,我們得好好設計所有「預設值」,確保它們是在最實用的狀態,畢竟很多使用者終其一生都不會改動它。

5. 引導指示

005 想要使用者做什麼,就明明白白地告訴他們。 「期待使用者自己找出方法」和「明確的告訴使用者方法」兩者有很大的差異。例如,LinkedIn 推出「endorsement」(認同朋友的某個技能)功能,它並不期待使用者天生聰穎,馬上領悟新功能該怎麼用,而是建立了一塊以藍色為底色的明顯欄框,隨機出現聯絡人,加上清楚的提示句以及簡單的操作,這項功能很快就推廣出去。

6. 回饋

006 如果能夠給予清楚而立即的回饋(feedback),使用者用起你的服務會更自在也更有信心。這是很簡單的邏輯,當使用者知覺介面是在傳達某個動作,他們就不致落入盲人摸象的不安感。Gmail 在給予回饋這方面是很棒的例子,使用者每執行一個動作,就會有淺黃底的說明出現,包括「看更多(learn more)」以及「復原(undo)」,這會帶給使用者一切都在自己掌握之中的感受,並且願意反覆使用這款產品。

7. 簡化

007 比較左右兩邊的表單,兩者要使用者填寫的項目數量都差不多,但左邊大概會令人哀嚎,右邊看起來就簡單很多。沒有人喜歡填寫又臭又長又複雜的個人資料,因為這既無聊、瑣碎,雙重檢查也讓人厭煩。不過如果我們在設計上花點巧思,將之規劃成幾個大步驟,並顯示進度,可以減少使用者抓狂的機會。 把綿延看不到盡頭的表單拆解成 10 個小小的步驟,可以讓使用者更能接受。前者就像巨大的威脅,後者親切也好處理多了,完成的同時也能帶給我們一絲成就感。

相关 [使用者] 推荐:

使用者也是人

- iaotin - Mr. Jamie 看網路與創投
技術、程式、產品、iPhone、頻寬、伺服器、優化、財務、合約、尋找商業模式… 創業的過程中,我們每天處理太多太多冷冰冰的事物. 久而久之,我們甚至會忘了,在網路的另一邊,現在掛在我們產品上面的那些所謂「使用者」,其實也是人. 我們心目中的「使用者」是理性的,他們收集很多資訊,比較功能、效益、價錢、機會成本,最後「選擇」使用某個產品.

Google+ 近百萬名使用者分析大調查

- Rei - T客邦
上個禮拜我們報導了Google Trends顯示台灣是蒐尋「Google+」最活躍的地區,不過這並不代表台灣就是最多人使用Google+的地區. find people on plus網站做了真正的田野調查,收集將近100萬名Google+使用者,實際分析性別、職業、地理位置等資訊. find people on plus網站收集了947,996名Google+使用者(2011年7月14日資料),透過這些使用者的數據分析出性別、工作、地理位置,甚至還包含感情狀態、希望交友關係、以及是否有在用Twitter和Facebook.

Don Norman:Google 的產品是人,它的使用者是廣告主

- kivava - TechOrange
上周的 dConstruct 大會上,暢銷書作家、設計界的大牛 Don Norman 問了一個問題:Google 是什麼. 這是一個經常被人問到的問題,尤其在 Google 的產品線持續擴張的情況下,Don Norman 從一個新的角度回答了這個問題,它認為答案非常簡單. 「他們有很多人,有很多伺服器,他們有 Android,他們有 Google 文檔,他們剛剛買了摩托羅拉.

Google+ 應用程式邀請 iOS 使用者一同「Hangouts」去

- SotongDJ - Engadget 中文版
快點更新你 iPhone 的 Google+ App 吧. 星期五才剛釋出的這個更新,讓 iOS 的使用者也可以擁有與 Android 使用者一同使用「Hangouts」的視訊功能. 此次更新 Huddle 也正式改名為 Messenger,並提供傳輸照片的功能. 而「+1」的評論功能也終於在 iOS 的行動裝置實現,並改進了 +mention 支援並提供可客製通知功能,有興趣的朋友可以點擊引用來源取得最新的更新內容.

Siri -- iPhone 使用者的生活助理員

- 小趴 八足趴 八足 ramener - 老地方冰果室
至於已經鴨子划水許久的 Siri ,也終於正式出爐. 很可惜,或者咱們不應該太過意外, Siri 目前只支援英語、法語和德語. 蘋果公司是在 2010 年收購提供自然語言語音輸入的方式來查詢各式生活資訊的 Siri. Siri 能讓使用者透過語音詢問的方式,來搜尋各式各樣的生活資訊,或者解決生活中所想要進行的許多繁瑣的事務,例如尋找餐廳、買票、叫車、查詢天氣或飛航與交通班次等.

Opera:Android與iOS平台使用者瀏覽行為大不同

- votis - UDN數位資訊
【文/楊又肇】 Opera近期針對行動上網行為釋出新版報告內容,這次同時加入先前併購的AdMarvel旗下服務統計累.

台灣手機使用者愛用 LINE 勝過 Facebook

- - Inside全文
照片來源:〈 【東京直擊. 創市際 ARO 公佈台灣首份智慧型手機使用行為測量報告 〉 刊載於 創市際®市場研究顧問公司網站. 台北,2013年3月23日-創市際ARO公佈台灣首份智慧型手機使用行為測量報告. 創市際為瞭解消費者使用智慧型手機的狀況,在2012年11月到2013年1月,與美國行動流量監控先驅Arbitron公司合作,經過台灣超過500位智慧型手機用戶的同意,在其智慧型手機中安裝應用程式,藉以偵測使用行為,取得包含使用時間、內容、方式、應用程式、網路瀏覽、手機作業系統、通信業者分佈等資訊.

13 個讓使用者喜愛的 app 設計要訣

- - Inside全文
照片來源: Yutaka Tsutano. The Next Web 針對一些年輕的創業者進行調查,總結出行動裝置上的 app 若要有良好使用者體驗應具備的 13 個特性(每一項的最後一行是意見提供人與他們的公司/服務名稱):. 提供某種方式讓使用者反映意見非常重要. 至於形式,是個按鈕或電子郵件連結都不重要,重要的是要讓使用者可以快速回報問題,讓他們提供建議或提出批評.

七個不可忽視的使用者介面設計法則

- - Inside 硬塞的網路趨勢觀察
Peter Vukovic 是一名在廣告代理商擁有 10 年經驗的設計師與創意總監,他以 Google、LinkedIn 等實例總結了七個使用者介面設計牢不可破的法則(law) 1. 這些法則或許是網頁設計師的基本常識,但可能常常被忽略了. Gmail 在改版之前,日曆、雲端硬碟、文件以及其它 Google 服務清楚地放在最上方的導覽列,不過改版後,Google 為了「簡化」頁面,將這些功能收攏在一個抽象的符號之內.

五个Redis使用者需要注意的地方

- - 互联网 - ITeye博客
下面内容来源于Quora上的 一个提问,问题是使用Redis需要避免的五个问题. 而回答中超出了五个问题的范畴,描述了五个使用Redis的注意事项. 如果你在使用或者考虑使用Redis,可能你可以学习一下下面的一些建议,避免一下提到的问题. 1.使用key值前缀来作命名空间. 虽然说Redis支持多个数据库(默认32个,可以配置更多),但是除了默认的0号库以外,其它的都需要通过一个额外请求才能使用.