中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

搞定UI中報錯信息的用戶體驗設(shè)計只需抓住這4個核心

2022-06-18    分類: 用戶體驗

網(wǎng)站建設(shè)難免的。在UI界面當(dāng)中,用戶操作失誤或者界面和應(yīng)用本身出問題的時候,通過報錯信息將當(dāng)前狀況傳遞給用戶,這種反饋機制可以幫助用戶調(diào)整并找到解決方案。報錯信息、說明、提醒和警告對于品牌,對于產(chǎn)品的用戶體驗,甚至聲譽,都是至關(guān)重要的。
在各種UI表單當(dāng)中,錯誤信息的呈現(xiàn)形式常常存在一些潛在問題,有些產(chǎn)品甚至直接忽略了報錯信息。報錯信息的設(shè)計不當(dāng)有很多不同的呈現(xiàn)形式,不過大多數(shù)都表現(xiàn)為在錯誤的時候提醒,或者包含有誤導(dǎo)性的信息。
根據(jù) UXMas 的說法,報錯信息其實是UI界面當(dāng)中最需要人性化設(shè)計的部分。它應(yīng)該謙遜,幽默,有助于用戶,并且有足夠的人性關(guān)懷。
好在報錯信息的設(shè)計是有一些可供遵循的規(guī)則和規(guī)律的,今天的文章,我們總結(jié)了報錯信息設(shè)計的4個實踐,供你參考。
報錯信息設(shè)計案例、原型和實踐
在諸多的表單當(dāng)中,用戶最常見的表單之一注冊和登錄表單,而用戶在輸入表單的時候,也確實容易手滑失誤,這個時候,錯誤信息就會出來提醒,讓用戶明白哪個地方出了紕漏,需要調(diào)整。用戶通過不同的報錯信息提醒,繞過障礙,這也是讓用戶體驗更加無縫順滑的策略所在。
糟糕的報錯信息很大程度上是源自于用戶體驗設(shè)計流程上的規(guī)劃失誤。為什么這么說呢?在原型設(shè)計階段,用戶體驗設(shè)計師就需要考慮到可能會出現(xiàn)的錯誤,以及相應(yīng)的錯誤反饋,確保用戶在報錯信息的幫助下,最終能夠完成這個階段的任務(wù),抵達他們的目標。
1、報錯信息呈現(xiàn)的位置和時機
當(dāng)錯誤出現(xiàn)之后,界面應(yīng)該在第一時刻將錯誤信息呈現(xiàn)出來,而呈現(xiàn)的位置應(yīng)該在界面上,用戶立刻會注意到的關(guān)鍵位置,以免錯過。
在上面兩個錯誤信息呈現(xiàn)的案例當(dāng)中,設(shè)計師使用了彈出框來呈現(xiàn)錯誤信息,告知用戶需要填寫詳細信息才能付款。用戶則需要關(guān)閉彈出框之后,再重新填寫,這增加了額外的步驟。而用戶關(guān)閉彈出框之后再填寫的時候,也有一定的機率會忘記彈出框的具體要求和內(nèi)容,導(dǎo)致無法正確填寫。這種耗時又令人沮喪的用戶體驗,用戶不會喜歡的。
正確的形式是直接在界面中呈現(xiàn)報錯信息,并且報錯信息緊貼著對應(yīng)的輸入框,以醒目的色彩在輸入框下方呈現(xiàn),用戶能收到即時的反饋,也能清晰的標注出所有的要求,便于用戶更正。
2、報錯信息要具備可操作性
不管設(shè)計得有多好,策略上有突出,如果不為用戶指出一條明路,提供具備可操作性的說明,那么報錯信息就不夠好。
用戶不僅需要知道問題出在哪里,還想知道問題怎么解決。報錯信息如果能夠告知用戶如何規(guī)避攩戧的問題,糾正錯誤,那么他們就能更好地執(zhí)行。
這個案例當(dāng)中,我們看到了目前最好的錯誤提示信息呈現(xiàn)形式。系統(tǒng)不僅通知用戶電子郵件地址已經(jīng)被使用這一問題,而且還提供了恢復(fù)用戶名重新登錄的選項,幫助用戶解決問題。
3、報錯信息在視覺上要足夠突出
如果出錯之后,用戶無法迅速注意到報錯信息,這不僅僅浪費了時間,而且耽誤了事情。正如同 Jakbo Nielsen 所說:“最糟糕的報錯信息是那些對用戶而言根本看不到的報錯信息。”不過,難點也就在這個地方,加粗字體和彈出框?qū)τ谟脩舳赃^于具有壓迫感,那么你要如何確保信息能被用戶注意到又不會顯得太過呢?不難,使用正確的色彩來輔助顯示。
色彩是用戶識別信息的重要途徑,它也是設(shè)計師向用戶傳遞信息的可靠工具。處于對比的目的,在白色的背景下,使用紅色的錯誤提示信息,會足夠醒目,又不會太過喧賓奪主。
值得注意的是,色彩不應(yīng)該是報錯信息呈現(xiàn)的唯一指標??紤]到網(wǎng)頁和移動端應(yīng)用本身的可用性和可訪問性,設(shè)計師應(yīng)該考慮到色盲用戶的需求,提供色彩以外的視覺提示,確保他們也能看明白。
隨著現(xiàn)實增強、人工智能和語音交互的逐步成熟,應(yīng)用和用戶之間的交互可以做得更加自然,也具備了更多的設(shè)計空間。
4、報錯信息一定要具體而富有人性
從某種程度上,你能把上面幾條做好,你的報錯信息在美學(xué)特征和體驗上就沒有太多問題了。不過,這個時候還有一個坑要記得繞過去:千萬不要進行錯誤的闡述,或者直接將錯誤代碼扔到界面當(dāng)中就完事了。
想要確保你的報錯信息可讀并且足夠人性化,下面的建議應(yīng)該能幫到你:
·報錯應(yīng)該是感性的,而不是錯誤代碼和數(shù)據(jù)(諸如出現(xiàn)了錯誤43這樣的信息)
·通過闡述具體的問題來清晰而準確地說明
·一致而精準地以相同的調(diào)性來呈現(xiàn)報錯信息
·始終為解決問題而提出建議
正如同Jonathan Colman 所說,正確的報錯信息通常使用簡明而清晰的文字,而失敗的報錯信息通常不會提供關(guān)于錯誤發(fā)生的具體狀況以及解決方案,更丑陋的做法是將錯誤信息完全隱藏起來。
下面的設(shè)計,就是很明顯的對比:
為何要在你的UI界面當(dāng)中使用報錯信息?
當(dāng)用戶和網(wǎng)站或者APP進行交互的時候,出錯始終是無法避免的。錯誤信息幫助用戶在整個用戶流程中克服障礙,減少花費的時間,有助于緩解錯誤發(fā)生時候的挫敗感,提升用戶體驗。

根據(jù)Nielsen 的《First Law of Computer Documentation》,用戶在絕大多數(shù)時候并不太在意報錯和提醒,但是當(dāng)錯誤和障礙真正發(fā)生的時候,他們才會因此而特別小心。所以,UI/UX設(shè)計師如果能夠正確地提供報錯信息,用戶會非常感激的。


本文來自創(chuàng)新互聯(lián)品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計制作公司-創(chuàng)新互聯(lián)
標簽:成都網(wǎng)站建設(shè)公司成都網(wǎng)頁設(shè)計公司,成都網(wǎng)站設(shè)計公司,網(wǎng)站建設(shè) 成都,成都 網(wǎng)站建設(shè),成都企業(yè)網(wǎng)站建設(shè),營銷型網(wǎng)站建設(shè),網(wǎng)站建設(shè)設(shè)計,網(wǎng)站開發(fā)網(wǎng)站制作設(shè)計

分享文章:搞定UI中報錯信息的用戶體驗設(shè)計只需抓住這4個核心
文章源于:http://m.rwnh.cn/news33/168933.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有用戶體驗

廣告

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

成都網(wǎng)頁設(shè)計公司
阿勒泰市| 塔河县| 邮箱| 龙泉市| 长宁区| 嵊泗县| 黎平县| 隆德县| 固始县| 巴彦县| 太仆寺旗| 遂溪县| 观塘区| 昌江| 崇信县| 清流县| 洪洞县| 汉川市| 安图县| 广宗县| 廊坊市| 台江县| 南汇区| 高淳县| 阿拉善左旗| 望谟县| 唐山市| 湘阴县| 长阳| 南溪县| 潜山县| 古交市| 运城市| 开化县| 中江县| 大石桥市| 嘉定区| 虞城县| 镇远县| 金秀| 荣成市|