久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

偉大的UI是隱形的

 偉大的UI是隱形的 三聯(lián)

  一個隱形且流暢提供給訪客交互體驗的界面,可以更高效的讓訪客的注意力集中在產(chǎn)品的核心功能上,并且可以引導(dǎo)訪客逐步走向產(chǎn)品的最終目標(biāo)。

  很多有經(jīng)驗的設(shè)計師都在提倡這樣一個設(shè)計理念:一個真正設(shè)計精良的UI應(yīng)該讓用戶察覺不到它的存在。但事實呢?恰恰相反,很多同學(xué)設(shè)計的UI經(jīng)常會強迫用戶們?nèi)プ⒁饣ㄉ诘慕缑妫皇悄阋獋鬟_(dá)給用戶的有效內(nèi)容。用戶登陸某個網(wǎng)頁大都有明確的目標(biāo),比如說他想買一本新書、想上網(wǎng)學(xué)習(xí)jQuery技術(shù)、想上網(wǎng)去把個妹、追個男神、或者僅僅想和朋友們分享一篇美文等等。

  這個時候,用戶大不會去花時間觀賞你耗盡心思的界面。事實上,用戶根本不在乎你的交互界面設(shè)計!呃,很早以前,最初的網(wǎng)頁設(shè)計缺少新鮮的交互技術(shù),所以后來設(shè)計者們?yōu)榱俗尵W(wǎng)頁變的更好,經(jīng)常想加入一些交互:但是,親愛的同學(xué)們,你做個換位思考,或者去觀察一下身邊的小網(wǎng)齡用戶,他們真的在乎這些花哨的東西么?

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

opencoach_carosel_nav

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

  但是我們?nèi)匀恍枰獙χ覀兊呐_式機或者筆記本工作,我們?nèi)匀恍枰獮g覽網(wǎng)頁和使用網(wǎng)頁APP,而這些東西很少可以做到像手持移動設(shè)備那樣應(yīng)用多點觸控及自然用戶界面。那么,是否因為這些阻礙我們就要延續(xù)老一套的界面組成么?答案是否定的!隱形UI的設(shè)計理念,是我們每一個UI設(shè)計師或開發(fā)者應(yīng)該想要達(dá)到的目標(biāo)。

  是用戶界面,而不是障礙

img_0007

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

  雖然Breadcrumb并不直接帶給用戶負(fù)擔(dān),但是她占用了屏幕的空間,而這些空間,原本應(yīng)該用來顯示一些和用戶目標(biāo)相關(guān)的內(nèi)容。我們解決UI的問題經(jīng)常通過增加新的組件,但是過于冗雜的組件勢必造成瀏覽障礙。那么,怎樣才能做到增加了許多UI組件,然而你的UI看上去卻像是隱形的呢?

  解決問題

Metro_UI

  建立隱形的UI意味著你要從根本上解決問題,你需要知道到底問題出在什么地方。我們做網(wǎng)站或者APPs也會經(jīng)常碰到問題,但是我們往往從表面上給出一些解決方案,而并沒有從本質(zhì)上考慮問題的發(fā)生。就像我們?yōu)榱酥固鄢圆悸宸遥@不能改變疼痛的本質(zhì)一樣。

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

  寬容的設(shè)計

music

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

  這幾年不是流行一句交互金句么?操作前可預(yù)知、操作中有反饋、操作后可撤銷!

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

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

  目標(biāo)第一

Speed_Detector_Bigger

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

  找到目標(biāo)并且允許用戶快速的達(dá)成他們的目標(biāo)將是最好的用戶體驗,因而你也根本沒有必要設(shè)計一個非常華麗的界面去吸引用戶的眼球。不要用華麗的UI設(shè)計作為對目標(biāo)不夠明確的彌補。

  真正的一致

inside-b

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

  另外,我們在UX設(shè)計經(jīng)常傾向于應(yīng)用來源于其它APPs或者網(wǎng)頁的那些和我們的設(shè)計相通的東西來裝扮我們自己的APP。我曾經(jīng)寫過一篇文章來闡釋相類似的環(huán)境能夠讓界面顯得更加舒適。但是當(dāng)我們致力于設(shè)計一個隱形的UI時,僅僅一致并不足夠。我們要的是真正的一致!這就意味著不僅僅是組成、價值、鏈接以及數(shù)據(jù)等在APP中的一致,它們應(yīng)該在上下文內(nèi)容中也要一致。

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

  總結(jié):激發(fā)用戶

  最后,一個真正設(shè)計精良的隱形的UI要能夠做到激發(fā)用戶。當(dāng)UI能夠引導(dǎo)用戶直接進(jìn)入他們想要的,用戶在使用APP時能將精力集中在他們的目標(biāo)上面。

  界面應(yīng)該提供數(shù)據(jù)和內(nèi)容的無縫交互,這能夠激發(fā)用戶建立與APP更好的關(guān)系。用戶固然喜歡擺弄一個聰明的UI,但是隱形的UI設(shè)計更容易脫穎而出。

【網(wǎng)站聲明】本站除付費源碼經(jīng)過測試外,其他素材未做測試,不保證完整性,網(wǎng)站上部分源碼僅限學(xué)習(xí)交流,請勿用于商業(yè)用途。如損害你的權(quán)益請聯(lián)系客服QQ:2655101040 給予處理,謝謝支持。

相關(guān)文檔推薦

這篇文章給大家詳細(xì)介紹了HTML頁面跳轉(zhuǎn)及參數(shù)傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現(xiàn)照片墻3D效果的示例代碼,可以實現(xiàn)鼠標(biāo)經(jīng)過圖片實現(xiàn)改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現(xiàn)文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設(shè)置字體大小) 教程,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 国产精品视频一区二区三区 | 日日夜夜精品免费视频 | 九九在线视频 | 91视视频在线观看入口直接观看 | 国产高清精品在线 | 日日操视频 | 国产精品99久久久久久宅男 | 黄色一级免费 | 古装人性做爰av网站 | 久久久精品一区 | 午夜精品一区二区三区三上悠亚 | 四虎在线观看 | 一级做a爰片久久毛片 | 国产国拍亚洲精品av | 中文字幕av网 | 国产精品久久久亚洲 | 日韩福利电影 | 男女啪啪网址 | 成人一区二区在线 | 欧美在线视频一区二区 | 久久新| 一区二区三区国产 | 国产精品成人久久久久a级 久久蜜桃av一区二区天堂 | 玖玖玖av | 国产精品久久av | 福利在线观看 | 欧美精品一区在线 | 国产精品免费av | 精品国产免费人成在线观看 | 久久精品国产久精国产 | 青青久久 | 麻豆视频在线免费观看 | 国产综合一区二区 | 自拍偷拍第一页 | 有码在线 | 亚洲福利 | 国内精品久久久久久 | 欧美a√ | 国产美女自拍视频 | 久久久www成人免费无遮挡大片 | 男人天堂免费在线 |