偉大的UI是隱形的

來源:互聯網
上載者:User

 

  一個隱形且流暢提供給訪客互動體驗的介面,可以更高效的讓訪客的注意力集中在產品的核心功能上,並且可以引導訪客逐步走向產品的最終目標。

  很多有經驗的設計師都在提倡這樣一個設計理念:一個真正設計精良的UI應該讓使用者察覺不到它的存在。但事實呢?恰恰相反,很多同學設計的UI經常會強迫使用者們去注意花哨的介面,而不是你要傳達給使用者的有效內容。使用者登陸某個網頁大都有明確的目標,比如說他想買一本新書、想上網學習jQuery技術、想上網去把個妹、追個男神、或者僅僅想和朋友們分享一篇美文等等。

  這個時候,使用者大不會去花時間觀賞你耗盡心思的介面。事實上,使用者根本不在乎你的互動介面設計!呃,很早以前,最初的網頁設計缺少新鮮的互動技術,所以後來設計者們為了讓網頁變的更好,經常想加入一些互動:但是,親愛的同學們,你做個換位思考,或者去觀察一下身邊的小網齡使用者,他們真的在乎這些花哨的東西麼?

  近幾年來,網頁設計者們經常花幾百個小時去考慮按鍵的顏色是否好看、是否要加一些陰影使得更加美觀、頁面邊界大小是否合適或者是否應用漸層等讓UI變的更加漂亮實用等。但是,真正精良的UI設計不應該是好看,而應該是隱形的!

  移動終端在人們的生活中日益重要。多點觸控行動裝置的出現讓人們意識到UI是一系列的通過點擊和排序來控制的內容,允許更加人性化、更加自然的人機互動。這些自然使用者介面(Natural User Interfaces, NUI)更加“自然”的原因有很多,最重要的是,NUI可以讓使用者對內容直接操作且它的案頭毫不花俏,使用者會發現裝置的使用變的超級簡單,因為UI幾乎不可見了。

  但是我們仍然需要對著我們的台式機或者筆記本工作,我們仍然需要瀏覽網頁和使用網頁APP,而這些東西很少可以做到像手持行動裝置那樣應用多點觸控及自然使用者介面。那麼,是否因為這些阻礙我們就要延續老一套的介面組成麼?答案是否定的!隱形UI的設計理念,是我們每一個UI設計師或開發人員應該想要達到的目標。

  是使用者介面,而不是障礙

  使用者介面永遠不應該成為阻擋使用者查看內容或者達成目標的障礙;使用者也不該必須跳過UI陷阱或者亂七八糟的導航之後才能到達自己的目標。過去的幾年裡我們經常使用一些我們認為可以給使用者帶來便捷的UI,但實際上,這些UI卻給使用者帶來了更大負擔,Breadcrumb(用來表明使用者所處位置的UI導航)就是個很好的例子。我們可能覺得Breadcrumb是一個非常好的導航方式,但實際上,它僅僅是累贅的UI組件,在設計合理的使用者體驗中沒有存在的必要。

  雖然Breadcrumb並不直接帶給使用者負擔,但是她佔用了螢幕的空間,而這些空間,原本應該用來顯示一些和使用者目標相關的內容。我們解決UI的問題經常通過增加新的組件,但是過於冗雜的組件勢必造成瀏覽障礙。那麼,怎樣才能做到增加了許多UI組件,然而你的UI看上去卻像是隱形的呢?

  解決問題

  建立隱形的UI意味著你要從根本上解決問題,你需要知道到底問題出在什麼地方。我們做網站或者APPs也會經常碰到問題,但是我們往往從表面上給出一些解決方案,而並沒有從本質上考慮問題的發生。就像我們為了止疼吃布洛芬,但這不能改變疼痛的本質一樣。

  一般情況下,“吃止疼藥”變成了我們當下的最佳策略,因為我們已經學會了如何與專案經理、網站擁有者、股東等做鬥爭,而且,也有很多時候可能是因為設計師們時間不夠或者僅僅是因為懶惰而不想去做。我們經常會做一些使用者體驗,然後說:“嗯,我知道這裡面有些小問題,但是我們讓使用者看看是否這些問題真的是問題吧。”很明顯,用上面的態度去做UI是不能做出隱形UI的。做一個完全隱形的UI意味著你必須要解決深層次的設計問題和使用者體驗,只有這樣才能使得UI不會變成對使用者的障礙。

  寬容的設計

  隱形的UI要歸功於它設計的非常有包容性,自然使用者介面更加開放,而且不易出錯,或者在使用者出錯的時候,能給使用者以明確的方向指引。

  這幾年不是流行一句互動金句麼?操作前可預知、操作中有反饋、操作後可撤銷!

  寬容指的是當使用者受困的時候(fall into a trap),設計者給予使用者的不是告訴使用者出錯了。實際上,當使用者沒有明確的目標時更容易誤操作,而此時UI會顯示給他們大大的警告和出錯提示。而一個隱形的UI設計絕對不會顯示上面的東西。良好設計的UI會預先判斷使用者出錯發生率高的地方,並在這些地方提供給使用者解決出錯的辦法或者引導使用者讓他們避免陷入trap。

  寬容還表示網頁或者APPs允許使用者對它們出錯。因為使用者出錯之後,他們會從自己的錯誤中學到更多的東西,當然,他們出錯的時候,肯定不能給他們一個大大的紅色叉號或者繁雜的讓人摸不著頭腦的文字。(這種壓迫感和腥紅的色彩他們早在現實中就受夠了)

  目標第一

  上圖的互動設計(Cooper building block)實際上非常簡便,但是似乎這種設計我們平時並不多見,所以我覺得它——以目標為導向的設計——值得一提。UI設計應該圍繞使用者的目標,設計者應該挖掘使用者的需求,並能通過引導來完成或迎合使用者的需求。使用者對他們想通過什麼方式達到自己的目標很有主見,但是對他們對需要什麼卻沒有任何想法。所以,UI設計師的工作應該是找到使用者的需要而不是提供給他們某種方式。

  找到目標並且允許使用者快速的達成他們的目標將是最好的使用者體驗,因而你也根本沒有必要設計一個非常華麗的介面去吸引使用者的眼球。不要用華麗的UI設計作為對目標不夠明確的彌補。

  真正的一致

  在UX的世界中,我們談論一致性顯得理所當然。實際上一致性在UI設計中也非常重要。如果你的UI組件都在同一個地方,具有相同的顏色和功能,那麼你的UI設計將會隨著時間的推移慢慢的從人們的眼球中消失…有點像Marty McFly。但是,僅僅把功能按鈕放在每一頁的相同的地方或者在整個應用中使用特定的動作來對應相同的東西可能並不能解決連續性的問題。

  另外,我們在UX設計經常傾向於應用來源於其它APPs或者網頁的那些和我們的設計相通的東西來裝扮我們自己的APP。我曾經寫過一篇文章來闡釋相類似的環境能夠讓介面顯得更加舒適。但是當我們致力於設計一個隱形的UI時,僅僅一致並不足夠。我們要的是真正的一致!這就意味著不僅僅是組成、價值、連結以及資料等在APP中的一致,它們應該在上下文內容中也要一致。

  例如,你可能注意到很多APP中,登陸按鈕一般都會在右上方,因此你會自然而然的認為其他APP的登入按鈕應該也會出現在那個位置,這想法沒錯。但是,這種布局可能在你的APP中不太合適。那麼,你就不必要這麼做,你要按照自己APP的布局,將組件放在適合於你APP中的地方,並讓它們在你的APP中保持高度的一致性。

  總結:激發使用者

  最後,一個真正設計精良的隱形的UI要能夠做到激發使用者。當UI能夠引導使用者直接進入他們想要的,使用者在使用APP時能將精力集中在他們的目標上面。

  介面應該提供資料和內容的無縫互動,這能夠激發使用者建立與APP更好的關係。使用者固然喜歡擺弄一個聰明的UI,但是隱形的UI設計更容易脫穎而出。

相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。