亚洲国产精品久久精品成人_国产步兵社区视频在线观看_国产不卡免费视频_午夜私人影院免费体验区

400-611-9921

當(dāng)前位置:首頁(yè) > 新聞資訊 > 建站知識(shí)
搞定UI中報(bào)錯(cuò)信息的用戶(hù)體驗(yàn)設(shè)計(jì)只需抓住這4個(gè)核心

2017-12-26

2578

錯(cuò)誤總是難免的。在UI界面當(dāng)中,用戶(hù)操作失誤或者界面和應(yīng)用本身出問(wèn)題的時(shí)候,通過(guò)報(bào)錯(cuò)信息將當(dāng)前狀況傳遞給用戶(hù),這種反饋機(jī)制可以幫助用戶(hù)調(diào)整并找到解決方案。報(bào)錯(cuò)信息、說(shuō)明、提醒和警告對(duì)于品牌,對(duì)于產(chǎn)品的用戶(hù)體驗(yàn),甚至聲譽(yù),都是至關(guān)重要的。

在各種UI表單當(dāng)中,錯(cuò)誤信息的呈現(xiàn)形式常常存在一些潛在問(wèn)題,有些產(chǎn)品甚至直接忽略了報(bào)錯(cuò)信息。報(bào)錯(cuò)信息的設(shè)計(jì)不當(dāng)有很多不同的呈現(xiàn)形式,不過(guò)大多數(shù)都表現(xiàn)為在錯(cuò)誤的時(shí)候提醒,或者包含有誤導(dǎo)性的信息。

根據(jù) UXMas 的說(shuō)法,報(bào)錯(cuò)信息其實(shí)是UI界面當(dāng)中最需要人性化設(shè)計(jì)的部分。它應(yīng)該謙遜,幽默,有助于用戶(hù),并且有足夠的人性關(guān)懷。

好在報(bào)錯(cuò)信息的設(shè)計(jì)是有一些可供遵循的規(guī)則和規(guī)律的,今天的文章,我們總結(jié)了報(bào)錯(cuò)信息設(shè)計(jì)的4個(gè)最佳實(shí)踐,供你參考。

報(bào)錯(cuò)信息設(shè)計(jì)案例、原型和最佳實(shí)踐

在諸多的表單當(dāng)中,用戶(hù)最常見(jiàn)的表單之一注冊(cè)和登錄表單,而用戶(hù)在輸入表單的時(shí)候,也確實(shí)容易手滑失誤,這個(gè)時(shí)候,錯(cuò)誤信息就會(huì)出來(lái)提醒,讓用戶(hù)明白哪個(gè)地方出了紕漏,需要調(diào)整。用戶(hù)通過(guò)不同的報(bào)錯(cuò)信息提醒,繞過(guò)障礙,這也是讓用戶(hù)體驗(yàn)更加無(wú)縫順滑的策略所在。

糟糕的報(bào)錯(cuò)信息很大程度上是源自于用戶(hù)體驗(yàn)設(shè)計(jì)流程上的規(guī)劃失誤。為什么這么說(shuō)呢?在原型設(shè)計(jì)階段,用戶(hù)體驗(yàn)設(shè)計(jì)師就需要考慮到可能會(huì)出現(xiàn)的錯(cuò)誤,以及相應(yīng)的錯(cuò)誤反饋,確保用戶(hù)在報(bào)錯(cuò)信息的幫助下,最終能夠完成這個(gè)階段的任務(wù),抵達(dá)他們的目標(biāo)。


1、報(bào)錯(cuò)信息呈現(xiàn)的位置和時(shí)機(jī)

當(dāng)錯(cuò)誤出現(xiàn)之后,界面應(yīng)該在第一時(shí)刻將錯(cuò)誤信息呈現(xiàn)出來(lái),而呈現(xiàn)的位置應(yīng)該在界面上,用戶(hù)立刻會(huì)注意到的關(guān)鍵位置,以免錯(cuò)過(guò)。

在上面兩個(gè)錯(cuò)誤信息呈現(xiàn)的案例當(dāng)中,設(shè)計(jì)師使用了彈出框來(lái)呈現(xiàn)錯(cuò)誤信息,告知用戶(hù)需要填寫(xiě)詳細(xì)信息才能付款。用戶(hù)則需要關(guān)閉彈出框之后,再重新填寫(xiě),這增加了額外的步驟。而用戶(hù)關(guān)閉彈出框之后再填寫(xiě)的時(shí)候,也有一定的機(jī)率會(huì)忘記彈出框的具體要求和內(nèi)容,導(dǎo)致無(wú)法正確填寫(xiě)。這種耗時(shí)又令人沮喪的用戶(hù)體驗(yàn),用戶(hù)不會(huì)喜歡的。

正確的形式是直接在界面中呈現(xiàn)報(bào)錯(cuò)信息,并且報(bào)錯(cuò)信息緊貼著對(duì)應(yīng)的輸入框,以醒目的色彩在輸入框下方呈現(xiàn),用戶(hù)能收到即時(shí)的反饋,也能清晰的標(biāo)注出所有的要求,便于用戶(hù)更正。


2、報(bào)錯(cuò)信息要具備可操作性

不管設(shè)計(jì)得有多好,策略上有突出,如果不為用戶(hù)指出一條明路,提供具備可操作性的說(shuō)明,那么報(bào)錯(cuò)信息就不夠好。

用戶(hù)不僅需要知道問(wèn)題出在哪里,還想知道問(wèn)題怎么解決。報(bào)錯(cuò)信息如果能夠告知用戶(hù)如何規(guī)避攩戧的問(wèn)題,糾正錯(cuò)誤,那么他們就能更好地執(zhí)行。

這個(gè)案例當(dāng)中,我們看到了目前最好的錯(cuò)誤提示信息呈現(xiàn)形式。系統(tǒng)不僅通知用戶(hù)電子郵件地址已經(jīng)被使用這一問(wèn)題,而且還提供了恢復(fù)用戶(hù)名重新登錄的選項(xiàng),幫助用戶(hù)解決問(wèn)題。


3、報(bào)錯(cuò)信息在視覺(jué)上要足夠突出

如果出錯(cuò)之后,用戶(hù)無(wú)法迅速注意到報(bào)錯(cuò)信息,這不僅僅浪費(fèi)了時(shí)間,而且耽誤了事情。正如同 Jakbo Nielsen 所說(shuō):“最糟糕的報(bào)錯(cuò)信息是那些對(duì)用戶(hù)而言根本看不到的報(bào)錯(cuò)信息?!辈贿^(guò),難點(diǎn)也就在這個(gè)地方,加粗字體和彈出框?qū)τ谟脩?hù)而言過(guò)于具有壓迫感,那么你要如何確保信息能被用戶(hù)注意到又不會(huì)顯得太過(guò)呢?不難,使用正確的色彩來(lái)輔助顯示。

色彩是用戶(hù)識(shí)別信息的重要途徑,它也是設(shè)計(jì)師向用戶(hù)傳遞信息的可靠工具。處于對(duì)比的目的,在白色的背景下,使用紅色的錯(cuò)誤提示信息,會(huì)足夠醒目,又不會(huì)太過(guò)喧賓奪主。

值得注意的是,色彩不應(yīng)該是報(bào)錯(cuò)信息呈現(xiàn)的唯一指標(biāo)??紤]到網(wǎng)頁(yè)和移動(dòng)端應(yīng)用本身的可用性和可訪(fǎng)問(wèn)性,設(shè)計(jì)師應(yīng)該考慮到色盲用戶(hù)的需求,提供色彩以外的視覺(jué)提示,確保他們也能看明白。

隨著現(xiàn)實(shí)增強(qiáng)、人工智能和語(yǔ)音交互的逐步成熟,應(yīng)用和用戶(hù)之間的交互可以做得更加自然,也具備了更多的設(shè)計(jì)空間。


4、報(bào)錯(cuò)信息一定要具體而富有人性

從某種程度上,你能把上面幾條做好,你的報(bào)錯(cuò)信息在美學(xué)特征和體驗(yàn)上就沒(méi)有太多問(wèn)題了。不過(guò),這個(gè)時(shí)候還有一個(gè)坑要記得繞過(guò)去:千萬(wàn)不要進(jìn)行錯(cuò)誤的闡述,或者直接將錯(cuò)誤代碼扔到界面當(dāng)中就完事了。

想要確保你的報(bào)錯(cuò)信息可讀并且足夠人性化,下面的建議應(yīng)該能幫到你:

·報(bào)錯(cuò)應(yīng)該是感性的,而不是錯(cuò)誤代碼和數(shù)據(jù)(諸如出現(xiàn)了錯(cuò)誤43這樣的信息)
·通過(guò)闡述具體的問(wèn)題來(lái)清晰而準(zhǔn)確地說(shuō)明
·一致而精準(zhǔn)地以相同的調(diào)性來(lái)呈現(xiàn)報(bào)錯(cuò)信息
·始終為解決問(wèn)題而提出建議

正如同Jonathan Colman 所說(shuō),正確的報(bào)錯(cuò)信息通常使用簡(jiǎn)明而清晰的文字,而失敗的報(bào)錯(cuò)信息通常不會(huì)提供關(guān)于錯(cuò)誤發(fā)生的具體狀況以及解決方案,更丑陋的做法是將錯(cuò)誤信息完全隱藏起來(lái)。

下面的設(shè)計(jì),就是很明顯的對(duì)比:

為何要在你的UI界面當(dāng)中使用報(bào)錯(cuò)信息?

當(dāng)用戶(hù)和網(wǎng)站或者APP進(jìn)行交互的時(shí)候,出錯(cuò)始終是無(wú)法避免的。錯(cuò)誤信息幫助用戶(hù)在整個(gè)用戶(hù)流程中克服障礙,減少花費(fèi)的時(shí)間,有助于緩解錯(cuò)誤發(fā)生時(shí)候的挫敗感,提升用戶(hù)體驗(yàn)。

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


本文來(lái)自廣州品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)制作公司-縱天科技

標(biāo)簽:廣州網(wǎng)站建設(shè)公司,廣州網(wǎng)頁(yè)設(shè)計(jì)公司,廣州網(wǎng)站設(shè)計(jì)公司,網(wǎng)站建設(shè) 廣州,廣州 網(wǎng)站建設(shè),廣州企業(yè)網(wǎng)站建設(shè),營(yíng)銷(xiāo)型網(wǎng)站建設(shè),網(wǎng)站建設(shè)設(shè)計(jì),廣州網(wǎng)站開(kāi)發(fā),網(wǎng)站制作設(shè)計(jì)

免費(fèi)咨詢(xún)熱線(xiàn)

400-611-9921

020-29860991

聯(lián)系方式

地址1:廣州市天河區(qū)珠江新城邦華環(huán)球廣場(chǎng)16F

業(yè)務(wù) QQ:  3561401262

E-mail:  sales@zomsky.com

微信咨詢(xún)
官方微信
微信咨詢(xún)
在線(xiàn)咨詢(xún)
TOP

立即與縱天項(xiàng)目顧問(wèn)通話(huà)

400-611-9921

您也可以咨詢(xún)我們的在線(xiàn)客服或預(yù)約資深顧問(wèn)

信息保護(hù)中,請(qǐng)放心填寫(xiě)
關(guān)閉
免費(fèi)獲取方案