真正優秀的使用者介面會被無視!

yeeyan發表於2013-11-18

  真正優秀的使用者介面會被無視,而糟糕的設計則迫使使用者注意介面,而非內容。使用者都是帶著目的來訪問網站的:買本新書、學習JQuery、與朋友分享一篇文章、發現新音樂、寫小說或者僅僅是尋找最近的目的地。他們不會只為把玩介面而來。實際上,使用者根本不在意介面設計。多年來,桌上型電腦系統樹立的典範和互動式工具的缺失,都使人們開始思考使用者介面,它如何發揮作用?如何讓設計增色或減分?但使用者真的需要關心這些嗎?

  使用者已經熟知介面的模式和組成元素,但他們根本不在意。多年來,網頁設計師們已經在按鈕顏色、投影、邊框和漸變上花了成百上千個小時,只為了讓介面更易用和美觀。但事實上,優秀使用者介面的終極形態不是易用,而是隱形。

opencoach_carosel_nav

  或許你已瞭解,移動裝置是近年來的重頭戲。多點觸控裝置的問世引出了一個轟動性概念——使用者介面就是一系列對內容進行的點選操作和事件,移動裝置的崛起令人機介面更加自然。這一現象有諸多原因,但對直接對內容進行操作,和摒棄過時的具象化事物(像桌上型電腦裡的那些)賦予了這些裝置極高的易用性,因為它們的介面幾乎消失了。

  不過我們仍然需要用桌上型電腦和筆記本來工作,我們也需要瀏覽網站、使用web應用程式。那些神奇有趣的多點觸控技術,和它創造出的更加自然的新式使用者介面,卻未必能派上用場。那麼,既然還不能為我們所用,我們要繼續創作那些過時且“礙事”的UI元素嗎?當然不行,隱形介面應該是每位UI設計師與開發者的目標。

  介面,而非障礙

http://dribbble.com/shots/560911-IMG0007

  介面不該成為使用者瀏覽內容或達成目的的障礙。達成目的之前,使用者根本沒必要經歷那些UI陷阱和胡亂編排的導航。多年來,我們都在使用和發明各種UI障礙。表面上它們似乎能解決某些問題,卻給使用者增加了更多負擔。麵包屑就是個極好的例子。通常認為,要讓使用者瞭解自己在應用中所處的位置,麵包屑是個不錯選擇。但它更多時候只是平添了不必要的UI元素,影響正常的使用者體驗。

  儘管麵包屑並沒有直接給使用者帶來負擔,但它佔據了螢幕寶貴的空間資源,而這本該用來引導使用者達成目的和展示內容。增加麵包屑來應對導航問題,不如直接設法解決它。為“修復”某些UI問題,經常會引入新的元素。然而,太多不必要的元素積少成多,最終介面成了一個障礙重重的迷宮。若是一味增加UI元素,介面還如何隱形?

  解決介面問題

http://dribbble.com/shots/890759-Ui-Kit-Metro

  這與我們前面所講的息息相關,但是要打造隱形的介面,意味著要解決更深層次的問題,你得真正解決那些問題所在。我的背有點小毛病,當然,敲一敲和服用鎮痛藥都能止痛,只是治標不治本。我缺乏運動,經常無精打采,像石頭一樣僵直。我們對待介面問題也是一樣。創作網站和APP時,我們總會發現各種千奇百怪的問題。多數時候我們只是做些表面文章來解決問題,介面下卻隱藏著更深層次的問題。此舉只是頭痛醫頭,腳痛醫腳。

  不過這已經成為慣例了,因為我們總得學著與專案經理、網站主、股東、專案進度或僅僅是懶惰抗爭。我們總以此為理由進行使用者測試和AB測試。“我知道有些不對勁,不過還是通過使用者來驗證一下這是否真的是個問題。”若想要實現隱形設計,這可不是什麼好方法。完全透明的介面意味著解決設計中最深層的問題,它們才不會出來作亂,成為使用者的絆腳石。

  寬容的設計

http://dribbble.com/shots/731563-Music-player

  寬容,往往是隱形使用者介面的一個特徵。自然的介面並不限制各種探索性的點選。當使用者進入死衚衕,它不會輕易顯示錯誤資訊,而是將使用者引向別處。

  寬容使用者意味著他們犯錯時不要懲罰他們。使用者錯誤操作,往往因為他們無法預料結果。我們總將問題歸咎於使用者,並彈出大大的警告和錯誤提示來懲罰他們。當使用者踏入陷阱時,隱形的介面會避免責罰他們。相比彈出錯誤提示,優秀的介面設計能預測應用中出錯率較高的地方,並提供解決方法,甚至引導跳轉。

  寬容也意味著網站或APP的規則可以被使用者打破。這是下策,不過假設你打破了媽媽的古董花瓶,想要把它粘回去,卻因為手指粘在一起被抓住,這肯定是最深刻的教訓。使用者彌補他們犯下的錯誤時,他們將更瞭解你的APP,別出現那些大紅錯誤圖示和晦澀難懂的文案。

  首要任務,達成目標

http://dribbble.com/shots/825856-Bobo-Profile-Page

  這是個互動設計的絕佳案例,是Cooper正在進行的專案,鑑於它尚未上線,我應該只被允許小小提示一下——以目標為導向的設計。你的介面設計也應該圍繞使用者的目的展開。不是使用者要什麼或喜歡什麼,去他的,根本不是這麼回事。而是挖掘使用者的需求,然後指引他們達成目標。這很滑稽,使用者對於他們想用什麼樣的產品總能誇誇其談,卻對自己的目的一無所知。你的職責就是挖掘他們的需求,而非要求。“要求”會導致介面臃腫、障礙重重,令使用者厭煩。

  找出目標並讓使用者儘快完成它,他們不在乎其他事情,儘快到達目的地才是對他們最大的回報。不需要為此設計漂亮的介面,避免用過度設計來補償糟糕的目標引導。

  一致性

http://dribbble.com/shots/510911-Inside-Photo-album-iPad-UI-UX-iOS

  不錯,在使用者體驗的世界中,我們一直在談論一致性原則。介面設計中,一致性是重點。如果你的介面元素都放在相同的位置,有著相同的顏色和功能,那麼你的介面會逐漸消失……像Marty McFly一樣。不過,如果只是把所有按鈕放在每頁的同一個位置,或用某個特殊操作執行相同的功能,並不能解決一致性問題。

  在使用者體驗設計中,我們還經常借鑑APP或網站中那些一致或相似的東西。我之前寫過文章,解釋了相似的環境如何使得介面更舒服。然而我們要創造真正的隱形介面,不是為了一致而一致,光有這些還不夠。隱形介面有著“真正的一致性”,不僅元素、數值、連結和其他資料展現形式統一,場景和含義也是一致的。

  例如,你應該注意到了,其他很多APP把登陸按鈕或連結放在右上角,所以你會覺得,既然其他APP都這麼做,放那裡肯定錯不了。但在你的APP中,放在那個位置或許就毫無意義。與其繼續創造有瑕疵的介面,不如將介面元素放在最合適的位置,然後在整個產品中延續其一致性。

  結論:鼓舞使用者

  最後,優秀的隱形設計還需要鼓舞使用者。當介面脫離了使用者的操作步驟,直接將他們引向最終目標,使用者會集中精神在他們的目標上。

  介面應當通過資料和內容的無縫切換,來鼓勵使用者與它建立良好的關係。使用者有時喜歡探索一個介面巧妙的產品,甚至玩得很開心。但更多時候,對他們而言不存在的介面更有鼓舞作用

相關文章