真正優秀的使用者介面會被無視!
真正優秀的使用者介面會被無視,而糟糕的設計則迫使使用者注意介面,而非內容。使用者都是帶著目的來訪問網站的:買本新書、學習JQuery、與朋友分享一篇文章、發現新音樂、寫小說或者僅僅是尋找最近的目的地。他們不會只為把玩介面而來。實際上,使用者根本不在意介面設計。多年來,桌上型電腦系統樹立的典範和互動式工具的缺失,都使人們開始思考使用者介面,它如何發揮作用?如何讓設計增色或減分?但使用者真的需要關心這些嗎?
使用者已經熟知介面的模式和組成元素,但他們根本不在意。多年來,網頁設計師們已經在按鈕顏色、投影、邊框和漸變上花了成百上千個小時,只為了讓介面更易用和美觀。但事實上,優秀使用者介面的終極形態不是易用,而是隱形。
或許你已瞭解,移動裝置是近年來的重頭戲。多點觸控裝置的問世引出了一個轟動性概念——使用者介面就是一系列對內容進行的點選操作和事件,移動裝置的崛起令人機介面更加自然。這一現象有諸多原因,但對直接對內容進行操作,和摒棄過時的具象化事物(像桌上型電腦裡的那些)賦予了這些裝置極高的易用性,因為它們的介面幾乎消失了。
不過我們仍然需要用桌上型電腦和筆記本來工作,我們也需要瀏覽網站、使用web應用程式。那些神奇有趣的多點觸控技術,和它創造出的更加自然的新式使用者介面,卻未必能派上用場。那麼,既然還不能為我們所用,我們要繼續創作那些過時且“礙事”的UI元素嗎?當然不行,隱形介面應該是每位UI設計師與開發者的目標。
介面,而非障礙
介面不該成為使用者瀏覽內容或達成目的的障礙。達成目的之前,使用者根本沒必要經歷那些UI陷阱和胡亂編排的導航。多年來,我們都在使用和發明各種UI障礙。表面上它們似乎能解決某些問題,卻給使用者增加了更多負擔。麵包屑就是個極好的例子。通常認為,要讓使用者瞭解自己在應用中所處的位置,麵包屑是個不錯選擇。但它更多時候只是平添了不必要的UI元素,影響正常的使用者體驗。
儘管麵包屑並沒有直接給使用者帶來負擔,但它佔據了螢幕寶貴的空間資源,而這本該用來引導使用者達成目的和展示內容。增加麵包屑來應對導航問題,不如直接設法解決它。為“修復”某些UI問題,經常會引入新的元素。然而,太多不必要的元素積少成多,最終介面成了一個障礙重重的迷宮。若是一味增加UI元素,介面還如何隱形?
解決介面問題
這與我們前面所講的息息相關,但是要打造隱形的介面,意味著要解決更深層次的問題,你得真正解決那些問題所在。我的背有點小毛病,當然,敲一敲和服用鎮痛藥都能止痛,只是治標不治本。我缺乏運動,經常無精打采,像石頭一樣僵直。我們對待介面問題也是一樣。創作網站和APP時,我們總會發現各種千奇百怪的問題。多數時候我們只是做些表面文章來解決問題,介面下卻隱藏著更深層次的問題。此舉只是頭痛醫頭,腳痛醫腳。
不過這已經成為慣例了,因為我們總得學著與專案經理、網站主、股東、專案進度或僅僅是懶惰抗爭。我們總以此為理由進行使用者測試和AB測試。“我知道有些不對勁,不過還是通過使用者來驗證一下這是否真的是個問題。”若想要實現隱形設計,這可不是什麼好方法。完全透明的介面意味著解決設計中最深層的問題,它們才不會出來作亂,成為使用者的絆腳石。
寬容的設計
寬容,往往是隱形使用者介面的一個特徵。自然的介面並不限制各種探索性的點選。當使用者進入死衚衕,它不會輕易顯示錯誤資訊,而是將使用者引向別處。
寬容使用者意味著他們犯錯時不要懲罰他們。使用者錯誤操作,往往因為他們無法預料結果。我們總將問題歸咎於使用者,並彈出大大的警告和錯誤提示來懲罰他們。當使用者踏入陷阱時,隱形的介面會避免責罰他們。相比彈出錯誤提示,優秀的介面設計能預測應用中出錯率較高的地方,並提供解決方法,甚至引導跳轉。
寬容也意味著網站或APP的規則可以被使用者打破。這是下策,不過假設你打破了媽媽的古董花瓶,想要把它粘回去,卻因為手指粘在一起被抓住,這肯定是最深刻的教訓。使用者彌補他們犯下的錯誤時,他們將更瞭解你的APP,別出現那些大紅錯誤圖示和晦澀難懂的文案。
首要任務,達成目標
這是個互動設計的絕佳案例,是Cooper正在進行的專案,鑑於它尚未上線,我應該只被允許小小提示一下——以目標為導向的設計。你的介面設計也應該圍繞使用者的目的展開。不是使用者要什麼或喜歡什麼,去他的,根本不是這麼回事。而是挖掘使用者的需求,然後指引他們達成目標。這很滑稽,使用者對於他們想用什麼樣的產品總能誇誇其談,卻對自己的目的一無所知。你的職責就是挖掘他們的需求,而非要求。“要求”會導致介面臃腫、障礙重重,令使用者厭煩。
找出目標並讓使用者儘快完成它,他們不在乎其他事情,儘快到達目的地才是對他們最大的回報。不需要為此設計漂亮的介面,避免用過度設計來補償糟糕的目標引導。
一致性
不錯,在使用者體驗的世界中,我們一直在談論一致性原則。介面設計中,一致性是重點。如果你的介面元素都放在相同的位置,有著相同的顏色和功能,那麼你的介面會逐漸消失……像Marty McFly一樣。不過,如果只是把所有按鈕放在每頁的同一個位置,或用某個特殊操作執行相同的功能,並不能解決一致性問題。
在使用者體驗設計中,我們還經常借鑑APP或網站中那些一致或相似的東西。我之前寫過文章,解釋了相似的環境如何使得介面更舒服。然而我們要創造真正的隱形介面,不是為了一致而一致,光有這些還不夠。隱形介面有著“真正的一致性”,不僅元素、數值、連結和其他資料展現形式統一,場景和含義也是一致的。
例如,你應該注意到了,其他很多APP把登陸按鈕或連結放在右上角,所以你會覺得,既然其他APP都這麼做,放那裡肯定錯不了。但在你的APP中,放在那個位置或許就毫無意義。與其繼續創造有瑕疵的介面,不如將介面元素放在最合適的位置,然後在整個產品中延續其一致性。
結論:鼓舞使用者
最後,優秀的隱形設計還需要鼓舞使用者。當介面脫離了使用者的操作步驟,直接將他們引向最終目標,使用者會集中精神在他們的目標上。
介面應當通過資料和內容的無縫切換,來鼓勵使用者與它建立良好的關係。使用者有時喜歡探索一個介面巧妙的產品,甚至玩得很開心。但更多時候,對他們而言不存在的介面更有鼓舞作用
相關文章
- 什麼才是優秀的使用者介面設計
- 優秀文章有機會被編輯評為ITPUB精選
- 女程式設計師必須證明自己是真正的優秀程式設計師
- 優秀的後臺管理介面設計案例分享
- 用優秀.NET介面控制元件 打造新潮介面效果控制元件
- 優秀程式碼的必知必會(一)?
- Mac優秀的視窗切換神器:WitchMac
- 理清思路!如何從頭打造讓使用者真正信任的介面
- 4個用於構建優秀命令列使用者介面的Python庫命令列Python
- 想要成為真正優秀的程式設計師是不是真的很難?程式設計師
- Redux作者會是優秀的魔術師麼?Redux
- 乾貨分享!優秀介面設計技巧(一)
- 無需編碼 9款優秀的資料地圖視覺化工具平臺地圖視覺化
- 優秀程式設計師的優秀歷程程式設計師
- 不會git的程式設計師,會不會被鄙視?Git程式設計師
- 無水乾貨:Java陣列優秀指南Java陣列
- 優秀視覺/互動設計的三要素視覺
- Android效能優化之被忽視的優化點Android優化
- 優秀PHP優秀框架Laravel和Yii的詳解PHP框架Laravel
- 優秀的無線AP產品,改變你的工作感受
- Web 開發會用到的20款優秀的開源工具Web開源工具
- go語言介面避免無意被適配Go
- 祖克伯:對創業者來說,真正需要的是一個優秀的團隊創業
- 被自己以為的GZIP秀到了
- 【盤點】優秀而好用的Linux網路監視工具!Linux
- 3 個簡單、優秀的 Linux 網路監視器Linux
- 一款優秀的 SDK 介面設計十大原則。
- 優秀程式設計師因何而優秀?程式設計師
- 優秀的線上工具
- 優秀團隊的特徵特徵
- 優秀公司的智慧管理
- 優秀ERP系統,懂得聆聽使用者需求
- 專訪索尼互娛CEO:玩家只會記住優秀的遊戲遊戲
- 10 個輕鬆學會 CSS3 的優秀線上資源CSSS3
- 國外精選32個優秀天氣APP介面設計APP
- 隱藏的寶藏,13個不可忽視的優秀 Python 庫Python
- 三款簡單而優秀的 Linux 網路監視工具Linux
- 不會這3個ChartBuilder使用技巧,怎麼開發優秀的數字孿生視覺化專案?UI視覺化