優(yōu)秀界面的終極形態(tài):隱形的界面

2022-05-31    分類: 網(wǎng)站建設(shè)

真正優(yōu)秀的用戶界面會(huì)被無視,而糟糕的設(shè)計(jì)則迫使用戶注意界面,而非內(nèi)容。用戶都是帶著目的來訪問網(wǎng)站的:買本新書、學(xué)習(xí)JQuery、與朋友分享一篇文章、發(fā)現(xiàn)新音樂、寫小說或者僅僅是尋找最近的目的地。他們不會(huì)只為把玩界面而來。實(shí)際上,用戶根本不在意界面設(shè)計(jì)。多年來,臺(tái)式機(jī)系統(tǒng)樹立的典范和交互式工具的缺失,都使人們開始思考用戶界面,它如何發(fā)揮作用?如何讓設(shè)計(jì)增色或減分?但用戶真的需要關(guān)心這些嗎?

  用戶已經(jīng)熟知界面的模式和組成元素,但他們根本不在意。多年來,網(wǎng)頁設(shè)計(jì)師們已經(jīng)在按鈕顏色、投影、邊框和漸變上花了成百上千個(gè)小時(shí),只為了讓界面更易用和美觀。但事實(shí)上,優(yōu)秀用戶界面的終極形態(tài)不是易用,而是隱形。

  或許你已了解,移動(dòng)設(shè)備是近年來的重頭戲。多點(diǎn)觸控設(shè)備的問世引出了一個(gè)轟動(dòng)性概念——用戶界面就是一系列對(duì)內(nèi)容進(jìn)行的點(diǎn)擊操作和事件,移動(dòng)設(shè)備的崛起令人機(jī)界面更加自然。這一現(xiàn)象有諸多原因,但對(duì)直接對(duì)內(nèi)容進(jìn)行操作,和摒棄過時(shí)的具象化事物(像臺(tái)式機(jī)里的那些)賦予了這些設(shè)備極高的易用性,因?yàn)樗鼈兊慕缑鎺缀跸Я恕?/p>

  不過我們?nèi)匀恍枰门_(tái)式機(jī)和筆記本來工作,我們也需要瀏覽網(wǎng)站、使用web應(yīng)用程序。那些神奇有趣的多點(diǎn)觸控技術(shù),和它創(chuàng)造出的更加自然的新式用戶界面,卻未必能派上用場。那么,既然還不能為我們所用,我們要繼續(xù)創(chuàng)作那些過時(shí)且“礙事”的UI元素嗎?當(dāng)然不行,隱形界面應(yīng)該是每位UI設(shè)計(jì)師與開發(fā)者的目標(biāo)。

界面,而非障礙

  界面不該成為用戶瀏覽內(nèi)容或達(dá)成目的的障礙。達(dá)成目的之前,用戶根本沒必要經(jīng)歷那些UI陷阱和胡亂編排的導(dǎo)航。多年來,我們都在使用和發(fā)明各種UI障礙。表面上它們似乎能解決某些問題,卻給用戶增加了更多負(fù)擔(dān)。面包屑就是個(gè)極好的例子。通常認(rèn)為,要讓用戶了解自己在應(yīng)用中所處的位置,面包屑是個(gè)不錯(cuò)選擇。但它更多時(shí)候只是平添了不必要的UI元素,影響正常的用戶體驗(yàn)。

  盡管面包屑并沒有直接給用戶帶來負(fù)擔(dān),但它占據(jù)了屏幕寶貴的空間資源,而這本該用來引導(dǎo)用戶達(dá)成目的和展示內(nèi)容。增加面包屑來應(yīng)對(duì)導(dǎo)航問題,不如直接設(shè)法解決它。為“修復(fù)”某些UI問題,經(jīng)常會(huì)引入新的元素。然而,太多不必要的元素積少成多,最終界面成了一個(gè)障礙重重的迷宮。若是一味增加UI元素,界面還如何隱形?

解決界面問題

  這與我們前面所講的息息相關(guān),但是要打造隱形的界面,意味著要解決更深層次的問題,你得真正解決那些問題所在。我的背有點(diǎn)小毛病,當(dāng)然,敲一敲和服用鎮(zhèn)痛藥都能止痛,只是治標(biāo)不治本。我缺乏運(yùn)動(dòng),經(jīng)常無精打采,像石頭一樣僵直。我們對(duì)待界面問題也是一樣。創(chuàng)作網(wǎng)站和APP時(shí),我們總會(huì)發(fā)現(xiàn)各種千奇百怪的問題。多數(shù)時(shí)候我們只是做些表面文章來解決問題,界面下卻隱藏著更深層次的問題。此舉只是頭痛醫(yī)頭,腳痛醫(yī)腳。

  不過這已經(jīng)成為慣例了,因?yàn)槲覀兛偟脤W(xué)著與項(xiàng)目經(jīng)理、網(wǎng)站主、股東、項(xiàng)目進(jìn)度或僅僅是懶惰抗?fàn)?。我們總以此為理由進(jìn)行用戶測試和AB測試?!拔抑烙行┎粚?duì)勁,不過還是通過用戶來驗(yàn)證一下這是否真的是個(gè)問題?!比粝胍獙?shí)現(xiàn)隱形設(shè)計(jì),這可不是什么好方法。完全透明的界面意味著解決設(shè)計(jì)中最深層的問題,它們才不會(huì)出來作亂,成為用戶的絆腳石。

寬容的設(shè)計(jì)

  寬容,往往是隱形用戶界面的一個(gè)特征。自然的界面并不限制各種探索性的點(diǎn)擊。當(dāng)用戶進(jìn)入死胡同,它不會(huì)輕易顯示錯(cuò)誤信息,而是將用戶引向別處。

  寬容用戶意味著他們犯錯(cuò)時(shí)不要懲罰他們。用戶錯(cuò)誤操作,往往因?yàn)樗麄儫o法預(yù)料結(jié)果。我們總將問題歸咎于用戶,并彈出大大的警告和錯(cuò)誤提示來懲罰他們。當(dāng)用戶踏入陷阱時(shí),隱形的界面會(huì)避免責(zé)罰他們。相比彈出錯(cuò)誤提示,優(yōu)秀的界面設(shè)計(jì)能預(yù)測應(yīng)用中出錯(cuò)率較高的地方,并提供解決方法,甚至引導(dǎo)跳轉(zhuǎn)。

  寬容也意味著網(wǎng)站或APP的規(guī)則可以被用戶打破。這是下策,不過假設(shè)你打破了媽媽的古董花瓶,想要把它粘回去,卻因?yàn)槭种刚吃谝黄鸨蛔プ?,這肯定是最深刻的教訓(xùn)。用戶彌補(bǔ)他們犯下的錯(cuò)誤時(shí),他們將更了解你的APP,別出現(xiàn)那些大紅錯(cuò)誤圖標(biāo)和晦澀難懂的文案。

首要任務(wù),達(dá)成目標(biāo)

  這是個(gè)交互設(shè)計(jì)的好案例,是Cooper正在進(jìn)行的項(xiàng)目,鑒于它尚未上線,我應(yīng)該只被允許小小提示一下——以目標(biāo)為導(dǎo)向的設(shè)計(jì)。你的界面設(shè)計(jì)也應(yīng)該圍繞用戶的目的展開。不是用戶要什么或喜歡什么,去他的,根本不是這么回事。而是挖掘用戶的需求,然后指引他們達(dá)成目標(biāo)。這很滑稽,用戶對(duì)于他們想用什么樣的產(chǎn)品總能夸夸其談,卻對(duì)自己的目的一無所知。你的職責(zé)就是挖掘他們的需求,而非要求?!耙蟆睍?huì)導(dǎo)致界面臃腫、障礙重重,令用戶厭煩。

  找出目標(biāo)并讓用戶盡快完成它,他們不在乎其他事情,盡快到達(dá)目的地才是對(duì)他們大的回報(bào)。不需要為此設(shè)計(jì)漂亮的界面,避免用過度設(shè)計(jì)來補(bǔ)償糟糕的目標(biāo)引導(dǎo)。

一致性

  不錯(cuò),在用戶體驗(yàn)的世界中,我們一直在談?wù)撘恢滦栽瓌t。界面設(shè)計(jì)中,一致性是重點(diǎn)。如果你的界面元素都放在相同的位置,有著相同的顏色和功能,那么你的界面會(huì)逐漸消失……像Marty McFly一樣。不過,如果只是把所有按鈕放在每頁的同一個(gè)位置,或用某個(gè)特殊操作執(zhí)行相同的功能,并不能解決一致性問題。

  在用戶體驗(yàn)設(shè)計(jì)中,我們還經(jīng)常借鑒APP或網(wǎng)站中那些一致或相似的東西。我之前寫過文章,解釋了相似的環(huán)境如何使得界面更舒服。然而我們要?jiǎng)?chuàng)造真正的隱形界面,不是為了一致而一致,光有這些還不夠。隱形界面有著“真正的一致性”,不僅元素、數(shù)值、鏈接和其他數(shù)據(jù)展現(xiàn)形式統(tǒng)一,場景和含義也是一致的。

  例如,你應(yīng)該注意到了,其他很多APP把登陸按鈕或鏈接放在右上角,所以你會(huì)覺得,既然其他APP都這么做,放那里肯定錯(cuò)不了。但在你的APP中,放在那個(gè)位置或許就毫無意義。與其繼續(xù)創(chuàng)造有瑕疵的界面,不如將界面元素放在最合適的位置,然后在整個(gè)產(chǎn)品中延續(xù)其一致性。

結(jié)論:鼓舞用戶

  最后,優(yōu)秀的隱形設(shè)計(jì)還需要鼓舞用戶。當(dāng)界面脫離了用戶的操作步驟,直接將他們引向最終目標(biāo),用戶會(huì)集中精神在他們的目標(biāo)上。

  界面應(yīng)當(dāng)通過數(shù)據(jù)和內(nèi)容的無縫切換,來鼓勵(lì)用戶與它建立良好的關(guān)系。用戶有時(shí)喜歡探索一個(gè)界面巧妙的產(chǎn)品,甚至玩得很開心。但更多時(shí)候,對(duì)他們而言不存在的界面更有鼓舞作用。

當(dāng)前標(biāo)題:優(yōu)秀界面的終極形態(tài):隱形的界面
分享URL:http://www.muchs.cn/news23/161773.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站排名、微信小程序、網(wǎng)站營銷服務(wù)器托管、小程序開發(fā)、用戶體驗(yàn)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

微信小程序開發(fā)