魯棒性(Robust)原理在UI/UX中的應(yīng)用

2024-5-6    資深UI設(shè)計(jì)者

魯棒性(Robust)原理在UI/UX中的應(yīng)用

 
 
 
引言:
伯斯塔爾法則,也稱為魯棒性原理,是計(jì)算機(jī)網(wǎng)絡(luò)協(xié)議設(shè)計(jì)中的一個(gè)重要原則。
它的核心是:“對(duì)發(fā)送的內(nèi)容保持謹(jǐn)慎,對(duì)接收的內(nèi)容保持自由”,即在發(fā)送數(shù)據(jù)時(shí)要保守,確保發(fā)送出去的數(shù)據(jù)準(zhǔn)確無誤,不引入錯(cuò)誤或者不確定性;而在接收數(shù)據(jù)時(shí)要開放和寬容,能夠處理各種異常情況,包括格式錯(cuò)誤、丟失數(shù)據(jù)等。
這個(gè)法則的目的是提高系統(tǒng)的魯棒性,即使面對(duì)意外情況或錯(cuò)誤的輸入,系統(tǒng)也能保持穩(wěn)定運(yùn)行。
伯斯塔爾法則的提出對(duì)現(xiàn)代計(jì)算機(jī)網(wǎng)絡(luò)的發(fā)展產(chǎn)生了深遠(yuǎn)的影響,它不僅指導(dǎo)了早期的網(wǎng)絡(luò)協(xié)議設(shè)計(jì),也為后來的系統(tǒng)設(shè)計(jì)和UI/UX設(shè)計(jì)提供了重要的參考原則。
魯棒性原理(伯斯塔爾法則)
魯棒性原理(伯斯塔爾法則)
 
分享目錄:
一、寬容性
二、冗余設(shè)計(jì)
三、明確性
四、容錯(cuò)性
五、自適應(yīng)能力
六、同域原則
七、健壯性
一、寬容性
魯棒性(Robust)原理在UI/UX中的應(yīng)用
 
 
在交互設(shè)計(jì)中,允許用戶進(jìn)行任何操作,即便是錯(cuò)誤的或無效的,這一理念實(shí)際上體現(xiàn)了一種“寬容性設(shè)計(jì)”的原則。然而,這并不意味著設(shè)計(jì)中應(yīng)當(dāng)完全放棄對(duì)用戶的引導(dǎo)或約束,而是需要在容錯(cuò)與引導(dǎo)之間找到平衡。
首先,我們?cè)试S用戶進(jìn)行任何操作,這樣可以帶來更高的自由度和靈活性,使用戶能夠更自由地探索系統(tǒng),發(fā)現(xiàn)新的功能和可能性。這種設(shè)計(jì)方式有助于提升用戶體驗(yàn),讓用戶感到更加自主和掌控。
然而,如果完全不對(duì)用戶的操作進(jìn)行任何限制或約束,也可能會(huì)導(dǎo)致一些問題。例如,用戶可能會(huì)因?yàn)檎`操作而進(jìn)入錯(cuò)誤的界面或觸發(fā)不必要的操作,這可能會(huì)浪費(fèi)他們的時(shí)間和精力,甚至導(dǎo)致數(shù)據(jù)丟失或系統(tǒng)崩潰等嚴(yán)重后果。
正如 Lyle Mullican 在《 Your Website has Two Faces》中寫到的,應(yīng)用 (或 Web) 應(yīng)當(dāng)具備兩幅面孔,一幅給人看,一幅給機(jī)器看。
在給人看的那幅面孔中,應(yīng)用必須接受用戶所有形式的,或錯(cuò)的、或?qū)Φ摹⒒驘o效的操作,而在給機(jī)器看的那幅面孔中則必須把用戶輸入的那些“不靠譜兒”的命令轉(zhuǎn)譯成機(jī)器看的懂的內(nèi)容。
Lyle Mullican 《 Your Website has Two Faces》
Lyle Mullican 《 Your Website has Two Faces》
 
而在設(shè)計(jì)UI界面時(shí),我們也應(yīng)當(dāng)包容用戶進(jìn)行的所有可能的操作,他們可能會(huì)在搜索框里輸入任何奇奇怪怪的內(nèi)容,但你的產(chǎn)品不能因?yàn)檩斎氲膬?nèi)容奇怪而崩潰、閃退、強(qiáng)制報(bào)錯(cuò)。
這種寬容性減少了用戶的操作壓力,提高了產(chǎn)品的易用性。
taobao搜索iphone
taobao搜索iphone
 
例如taobao的搜索引擎,無論用戶設(shè)置什么樣的搜索關(guān)鍵詞,都會(huì)最大限度為用戶匹配最相關(guān)的搜索結(jié)果。
魯棒性(Robust)原理在UI/UX中的應(yīng)用
 
 
二、冗余設(shè)計(jì)
魯棒性(Robust)原理在UI/UX中的應(yīng)用
 
 
魯棒性(Robust)原理在UI/UX中的應(yīng)用
 
 
1、同類冗余
例如在高德打車評(píng)價(jià)中,服務(wù)體驗(yàn)的三個(gè)選項(xiàng),每一個(gè)表情都有兩次不同的點(diǎn)擊效果展現(xiàn)。(如下圖)
在二次點(diǎn)擊表情的時(shí)候,情緒動(dòng)態(tài)以及文字反饋都做了升級(jí)
在二次點(diǎn)擊表情的時(shí)候,情緒動(dòng)態(tài)以及文字反饋都做了升級(jí)
 
考慮到如果用戶帶有情緒進(jìn)入評(píng)價(jià)系統(tǒng),在多次點(diǎn)擊憤怒或者其他表情時(shí),反饋動(dòng)態(tài)是有升級(jí)變化的。這種展現(xiàn)方式可以讓用戶的情緒得到共鳴(不論是憤怒或者開心),在一定程度上可以達(dá)到暫時(shí)安撫用戶的效果。小細(xì)節(jié)增加了體驗(yàn)友好度。
 
2、可變?nèi)哂?/div>
可變?nèi)哂嗍侵竿ㄟ^不同的方式多次傳遞同一個(gè)信息,這在游戲設(shè)計(jì)中很常見,比如一個(gè)3D真人冒險(xiǎn)游戲中為了引導(dǎo)玩家跳出窗戶逃離。那么一方面可以通過NPC的手勢(shì)或者語(yǔ)言“來,從這跳!”;同時(shí)可能也會(huì)在窗戶上放一塊明顯的木板,引導(dǎo)用戶從這里跳;又或者通過光影的特效,或者視角的移動(dòng),讓用戶的目光鎖定在窗戶上等等??傊峭瑫r(shí)采用不同的手段,向用戶從傳遞“從窗戶跳出去逃生”這一信息。
在流利說少兒英語(yǔ)的產(chǎn)品中,也有通過設(shè)計(jì)可變?nèi)哂?,用不同的手段來勸用戶不要在課程中途退出。用戶每次點(diǎn)擊彈窗時(shí)都會(huì)提示用戶退出帶來的影響,但每一次彈窗的內(nèi)容都不相同,比如可能是說“中途退出會(huì)影響獲得金幣”,也可能提示“中途退出學(xué)習(xí)效果會(huì)很差”之類的。
MarryUApp用戶付費(fèi)彈窗
MarryUApp用戶付費(fèi)彈窗
 
 
又比如上圖中,MarryUApp在提醒用戶付費(fèi)的彈窗設(shè)計(jì)中,用戶點(diǎn)擊不同的付費(fèi)功能,彈出的付費(fèi)引導(dǎo)內(nèi)容是不同的。這也是采用可變?nèi)哂鄟韨鬟f“會(huì)員很有價(jià)值”這同一種信息。
采用這種可變?nèi)哂鄠鬟f信息的好處是,當(dāng)一種傳遞方式不奏效時(shí),另外一種方式可能會(huì)奏效。
 
3、被動(dòng)冗余
被動(dòng)冗余通常是當(dāng)用戶完全錯(cuò)過某一個(gè)信息后才會(huì)觸發(fā),這種設(shè)計(jì)對(duì)用戶的影響最小,即用戶不會(huì)感知到太多重復(fù)內(nèi)容。
例如在游戲中,只有當(dāng)用戶完全錯(cuò)過了某個(gè)NPC之后,第二個(gè)NPC才會(huì)對(duì)用戶說出前一個(gè)NPC本來要說的信息。但如果前一個(gè)已經(jīng)說過,那么第二個(gè)NPC就不會(huì)再重復(fù)說一遍了。這樣用戶同樣得到了信息,但是沒有感覺到重復(fù)。
在使用以上冗余設(shè)計(jì)時(shí),我們還需要區(qū)分清楚用戶是沒有漏掉了信息,還是故意無視信息的。如果是故意無視,那么過多冗余的設(shè)計(jì)反而會(huì)造成用戶的厭煩心理。
魯棒性(Robust)原理在UI/UX中的應(yīng)用
 
 
三、明確性
魯棒性(Robust)原理在UI/UX中的應(yīng)用
 
 
在交互設(shè)計(jì)中,對(duì)用戶可以進(jìn)行的操作定義邊界是一項(xiàng)至關(guān)重要的任務(wù)。
這涉及到平衡用戶的自由度和系統(tǒng)的穩(wěn)定性、安全性與效率。通過合理地設(shè)置邊界并提供相應(yīng)的反饋與引導(dǎo),可以確保用戶在系統(tǒng)中能夠高效、安全地完成任務(wù),同時(shí)提升整體的用戶體驗(yàn)。
taobao購(gòu)物車數(shù)量輸入框
taobao購(gòu)物車數(shù)量輸入框
 
有時(shí)候我們不希望用戶輸入奇奇怪怪的內(nèi)容,進(jìn)行奇奇怪怪的操作。那么我們就需要對(duì)用戶的可操作邊界給出明確的定義。
上圖的購(gòu)物數(shù)量輸入框中,在進(jìn)行純數(shù)字輸入時(shí),我們需要強(qiáng)制鍵盤只顯示數(shù)字鍵盤,以防用戶輸入其它符號(hào)時(shí)崩潰,這是一種明確的邊界定義。
 
四、容錯(cuò)性
魯棒性(Robust)原理在UI/UX中的應(yīng)用
 
 
如下圖,僅上一條定義邊界明顯還不夠,就算給了邊界,用戶還是可以隨心所欲的輸入,用戶能在淘寶輸入購(gòu)買 999 個(gè) iPhone,能在設(shè)定用戶名時(shí)輸入任意字符哪怕是邊界之外的。
魯棒性(Robust)原理在UI/UX中的應(yīng)用
 
 
這時(shí)候在用戶的錯(cuò)誤操作之后我們就需要及時(shí)的反饋。
而問題是,立馬反饋容易突兀的打斷用戶的操作流程,這將極大影響用戶的工作效率,會(huì)讓用戶有不好的情緒,用戶希望你能告訴他為什么會(huì)出錯(cuò),無論是誰(shuí)的錯(cuò)誤(軟件,用戶或者第三方)。
在更廣泛的層面上,更少的錯(cuò)誤消息是網(wǎng)站或應(yīng)用程序總體完善狀態(tài)的良好指標(biāo)。只需要一條寫得不好的錯(cuò)誤消息就會(huì)破壞用戶的體驗(yàn),用戶會(huì)記住這個(gè)應(yīng)用的糟糕體驗(yàn)的。
以下是幾個(gè)錯(cuò)誤提示的案例
魯棒性(Robust)原理在UI/UX中的應(yīng)用
 
 
 
上圖左側(cè)消息示例幾乎犯了所有的錯(cuò)誤,遣詞冰冷、不友好、未給出解決方案等,相反,第二個(gè)示例就友好的給出了解決方案。
我們?cè)阱e(cuò)誤反饋時(shí)要注意使用友好的語(yǔ)氣,不要指責(zé)用戶或者過度解釋他們的錯(cuò)誤。
 
魯棒性(Robust)原理在UI/UX中的應(yīng)用
 
 
上圖左側(cè)錯(cuò)誤消息,大多數(shù)用戶根本看不懂這些“火星文”。即使是只有單一的“確定”按鈕也似乎仍然對(duì)實(shí)際發(fā)生的事情感到困惑不解。
事實(shí)上,很多時(shí)候沒有人真正知道為什么會(huì)出錯(cuò)。錯(cuò)誤是由用戶引起的,還是由錯(cuò)誤引起的罕見后端問題?如果沒有確切的答案,通常最好使用通用消息,例如第二條錯(cuò)誤消息。
當(dāng)然,這不是一個(gè)令人滿意的解決方案,但這是一個(gè)用戶可以理解并可以采取行動(dòng)的方案。
魯棒性(Robust)原理在UI/UX中的應(yīng)用
 
 
五、自適應(yīng)能力
魯棒性(Robust)原理在UI/UX中的應(yīng)用
 
 
魯棒性(Robust)原理在UI/UX中的應(yīng)用
 
 
實(shí)時(shí)自適應(yīng):
根據(jù)用戶當(dāng)前的操作和需求,系統(tǒng)能夠?qū)崟r(shí)調(diào)整信息的展示和布局。這種實(shí)時(shí)反饋能夠提升用戶操作的效率和準(zhǔn)確度,因?yàn)轫?yè)面上不相關(guān)的信息會(huì)被減少,使得用戶可以更快地找到他們需要的信息。
歷史自適應(yīng):
通過分析用戶的歷史行為和偏好,系統(tǒng)能夠調(diào)整內(nèi)容的展示數(shù)量和優(yōu)先級(jí),展示用戶感興趣或可能感興趣的內(nèi)容。這種方法可以提高用戶在使用產(chǎn)品中的轉(zhuǎn)化率,因?yàn)樗峁┝烁觽€(gè)性化的體驗(yàn)。
設(shè)備自適應(yīng):
為了在不同的設(shè)備和屏幕尺寸上提供最佳的用戶體驗(yàn),設(shè)計(jì)師會(huì)采用自適應(yīng)和響應(yīng)式設(shè)計(jì)方法。這包括為不同類別的設(shè)備提供特定的布局,以及通過改變頁(yè)面結(jié)構(gòu)布局、調(diào)整UI組件大小、顯示或隱藏某些UI組件來適配可視區(qū)域。
交互自適應(yīng):
UX交互設(shè)計(jì)師可以利用自適應(yīng)設(shè)計(jì)原則來創(chuàng)建適合每種屏幕尺寸的布局,確保在每種屏幕尺寸上都能提供最佳的用戶體驗(yàn)。
智能化自適應(yīng):
利用智能設(shè)備上的傳感器收集數(shù)據(jù),理解用戶的使用情景,并在設(shè)計(jì)中添加適應(yīng)性,以提供更透明和貼切的用戶體驗(yàn)。這種智能化的自適應(yīng)系統(tǒng)能夠根據(jù)收集到的用戶信息和上下文來調(diào)整其行為,從而提供更加豐富和個(gè)性化的體驗(yàn)。
魯棒性(Robust)原理在UI/UX中的應(yīng)用
 
 
六、同域原則
魯棒性(Robust)原理在UI/UX中的應(yīng)用
 
 
在UI設(shè)計(jì)中,同域原則是一個(gè)非常重要的概念,它強(qiáng)調(diào)在同一領(lǐng)域內(nèi)保持設(shè)計(jì)元素和交互方式的一致性。這樣用戶在使用產(chǎn)品時(shí),可以依據(jù)已有的認(rèn)知和經(jīng)驗(yàn),迅速掌握新的操作,降低學(xué)習(xí)成本。
 
1、同域原則在UI設(shè)計(jì)中的應(yīng)用
魯棒性(Robust)原理在UI/UX中的應(yīng)用
 
 
2、同域原則的優(yōu)勢(shì)
魯棒性(Robust)原理在UI/UX中的應(yīng)用
 
 
3、如何實(shí)踐同域原則
魯棒性(Robust)原理在UI/UX中的應(yīng)用
 
 
魯棒性(Robust)原理在UI/UX中的應(yīng)用
 
 
七、健壯性
魯棒性(Robust)原理在UI/UX中的應(yīng)用
 
 
魯棒性(Robust)原理在UI/UX中的應(yīng)用
 
 
 
可用性測(cè)試:
通過進(jìn)行可用性測(cè)試,可以發(fā)現(xiàn)設(shè)計(jì)中的缺陷和問題,從而進(jìn)行優(yōu)化。這有助于提高產(chǎn)品的可靠性和用戶滿意度。
反饋機(jī)制:
為用戶提供反饋機(jī)制,允許他們報(bào)告問題或提出建議。這種開放的溝通方式可以幫助設(shè)計(jì)師了解用戶的需求和期望,進(jìn)而改進(jìn)設(shè)計(jì)。
容錯(cuò)設(shè)計(jì):
通過提供撤銷、重做等操作,以及錯(cuò)誤提示和幫助文檔,使用戶能夠從錯(cuò)誤中恢復(fù)并繼續(xù)操作。這種設(shè)計(jì)方法有助于提高產(chǎn)品的容錯(cuò)能力,減少因誤操作導(dǎo)致的不良用戶體驗(yàn)。
自適應(yīng)布局:
采用自適應(yīng)布局可以使界面在不同設(shè)備和屏幕尺寸上都能保持良好的視覺效果和操作體驗(yàn)。這有助于提高產(chǎn)品的通用性和可訪問性。
性能優(yōu)化:
對(duì)代碼進(jìn)行優(yōu)化,以提高系統(tǒng)的響應(yīng)速度和穩(wěn)定性。這可以減少因系統(tǒng)延遲或崩潰導(dǎo)致的不良用戶體驗(yàn)。
安全設(shè)計(jì):
在設(shè)計(jì)過程中考慮到安全性因素,如使用HTTPS協(xié)議保護(hù)用戶數(shù)據(jù)的安全傳輸;防止SQL注入等攻擊手段;以及采用隱私保護(hù)措施等。這些設(shè)計(jì)方法有助于增強(qiáng)用戶對(duì)產(chǎn)品的信任感和安全感。
魯棒性(Robust)原理在UI/UX中的應(yīng)用
 
 
寫在最后:
雖然近年來計(jì)算機(jī)界出現(xiàn)了一些質(zhì)疑博斯塔爾法則的聲音,但其核心思想仍然被廣泛應(yīng)用于UI/UX領(lǐng)域,強(qiáng)調(diào)應(yīng)用或網(wǎng)站應(yīng)具備良好的容錯(cuò)能力,允許用戶進(jìn)行任何操作,即使是錯(cuò)誤的或無效的。
這樣的設(shè)計(jì)理念有助于提升用戶體驗(yàn),因?yàn)橛脩粼谑褂卯a(chǎn)品時(shí)可能會(huì)犯錯(cuò),而一個(gè)寬容的設(shè)計(jì)可以減少用戶的挫敗感,提高產(chǎn)品的易用性。
魯棒性(Robust)原理在UI/UX中的應(yīng)用


作者:拒不背鍋女士
鏈接:https://www.zcool.com.cn/article/ZMTYxMzIwOA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

日歷

鏈接

個(gè)人資料

存檔