如何幫助用戶避開UI交互設(shè)計(jì)中的無意識(shí)錯(cuò)誤?

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

在PC端網(wǎng)頁(yè)設(shè)計(jì)以及手機(jī)端APP的UI交互設(shè)計(jì)中,設(shè)計(jì)的可用性以及美觀性是用戶體驗(yàn)度第一感覺,而作為UI交互設(shè)計(jì)師需要做的就是站在用戶的角度上去思考和設(shè)計(jì),按照用戶的思維和操作方式去完善界面,優(yōu)雅、清除的告知用戶并快速讓用戶獲取到信息,避免用戶在使用過程中出現(xiàn)無意識(shí)或者是理解上的錯(cuò)誤,對(duì)于UI交互設(shè)計(jì)的用戶們,無意識(shí)的錯(cuò)誤屬于一般錯(cuò)誤,是可以避免的,如果能夠一開始就避免他們犯錯(cuò)是最好的。


在討論用戶錯(cuò)誤時(shí),一個(gè)重要問題是在什么情況下指出用戶的錯(cuò)誤?!赣脩翦e(cuò)誤」這個(gè)詞似乎暗示用戶做錯(cuò)了某些事情,但不僅如此,設(shè)計(jì)師也犯下了錯(cuò)誤,因?yàn)樗麄冏層脩糨p易的做出了錯(cuò)的行為。所以,解決用戶錯(cuò)誤的方法不是指責(zé)用戶,讓用戶再認(rèn)真一些,或者給他們更多的指導(dǎo)練習(xí),而應(yīng)該是重新設(shè)計(jì)軟件,讓犯錯(cuò)變得困難。


一、兩類用戶錯(cuò)誤


在討論如何避免犯錯(cuò)之前,有一個(gè)很重要的概念要明確一下:用戶錯(cuò)誤分為兩種,一種是「失誤」,一種是「錯(cuò)誤」。


失誤就是用戶想著做某事,卻最終做了另一件事(通常是非常相近的事)。舉例來說,打字時(shí)想按「O」鍵,卻按到了「I」鍵,或者不小心把洗手液當(dāng)做牙膏涂在了牙刷上,這些都叫做失誤。失誤通常發(fā)生在用戶處于一種「自動(dòng)」模式時(shí),這種時(shí)候他們的注意力并沒有集中在手頭的事情上。


錯(cuò)誤則是用戶的目標(biāo)并不能幫助解決當(dāng)前的問題或者完成任務(wù),如果他按照設(shè)想中的目標(biāo)一步步的做下去,最后只能是一個(gè)錯(cuò)誤。舉例來說,如果我誤將油壓指示燈當(dāng)成了輪胎氣壓指示器,那么無論我往輪胎里充多少氣,都不能解決車沒有油了這個(gè)問題。這就是一個(gè)錯(cuò)誤,因?yàn)槲蚁胱龅氖虑槠鋵?shí)并不能幫我解決問題。錯(cuò)誤是有意識(shí)的,通常是用戶獲得的信息不完整或不正確導(dǎo)致的,這樣他們就會(huì)產(chǎn)生一個(gè)與實(shí)際情況不符的錯(cuò)誤思維模式。


這篇文章將重點(diǎn)討論如何防止無意識(shí)的「失誤」。


二、防止失誤的常用方法


失誤通常發(fā)生在用戶對(duì)目標(biāo)很熟悉的情況下,他們知道怎么做,但卻意外地出現(xiàn)了問題。通常來說,如果我們對(duì)某件事情已經(jīng)很熟悉了,我們不會(huì)全身心地注意這件事,結(jié)果就可能出現(xiàn)一些「失誤」的情況。因此,很諷刺的是,失誤通常發(fā)生在專家型用戶身上。專家用戶非常熟悉這一套軟件,不像新手們還在學(xué)習(xí)摸索如何使用,這樣就會(huì)放松了警惕。


避免失誤的方法是非常柔和的引導(dǎo)用戶,幫助他們一直處于正清的狀態(tài)下,減少他們犯錯(cuò)的機(jī)率。提醒用戶保持必要的注意,并鼓勵(lì)他們檢查錯(cuò)誤。


1. 讓限制條件協(xié)助用戶


限制用戶的選擇不一定是好事情,但如果某件任務(wù)的規(guī)則很明確,我們就應(yīng)該對(duì)用戶做出清晰的限制。


舉個(gè)例子,在訂機(jī)票的時(shí)候要選擇旅行日期,有幾項(xiàng)條件就有著明確的填寫要求。一個(gè)最簡(jiǎn)單的規(guī)則就是返程時(shí)間不能早于出發(fā)時(shí)間。如果我們?cè)试S用戶隨意選擇時(shí)間,那么他們就可能因?yàn)槭韬龆铄e(cuò)。好的限制規(guī)則可以幫助用戶知道填寫內(nèi)容的范圍和建議。



西南航空的日歷選擇控件會(huì)自動(dòng)限制用戶可選的日期范圍,這樣就可以防止他們選擇出不合理的時(shí)間段。即使用戶試圖把返程時(shí)間設(shè)置到出發(fā)時(shí)間前,頁(yè)面也會(huì)強(qiáng)制要求重新選擇出發(fā)時(shí)間。在此之上,日歷中巧妙地使用了顏色來暗示哪些日期被選中了(圖中藍(lán)色的指出發(fā)日期),這可以幫助用戶直觀的了解自己選擇的時(shí)間范圍。


2. 提供建議


和限制一樣,提供有效的建議也可以讓用戶減少失誤。在一些提供很多商品的網(wǎng)站上,搜索是很有效的檢索方式。然而,用戶輸入的內(nèi)容可能是不準(zhǔn)確的,尤其對(duì)于觸屏更是如此。既然你不能阻止用戶輸入錯(cuò)誤的字母,那么就應(yīng)該在錯(cuò)誤發(fā)生前,讓用戶邊輸入邊看到搜索建議。


提供搜索建議也可以幫助用戶避免「回憶」,不用回憶出全部的拼寫,只需要識(shí)別出建議中哪些是自己需要的商品就可以了。



對(duì)于用戶來說,記住「Etymotic」這個(gè)耳機(jī)名字,然后輸入到搜索框中搜索,是一件很難的事情。亞馬遜的可點(diǎn)擊搜索建議可以在減少用戶的輸入量,降低他們犯錯(cuò)的風(fēng)險(xiǎn)。


3. 正確的選項(xiàng)默認(rèn)值


另一個(gè)很有幫助的方法是設(shè)定正確的默認(rèn)值,尤其是用戶需要做重復(fù)的動(dòng)作,或者需要精確數(shù)字的時(shí)候。首先給用戶提供一個(gè)默認(rèn)值,然后讓用戶再修改它們。比如在一個(gè)提醒a(bǔ)pp中,有一些預(yù)設(shè)的選項(xiàng),比如「明天」、「下周」、「一小時(shí)后」等等,這些預(yù)設(shè)可以防止用戶輸錯(cuò)日期或時(shí)間。如果聚餐提醒晚了一整天,那這個(gè)提醒就一點(diǎn)意義都沒有了。



谷歌的待辦事項(xiàng)app中,你可以讓一個(gè)email「小睡」一小會(huì),一會(huì)再提醒自己。這個(gè)預(yù)設(shè)的選項(xiàng)很合理,避免了常見的輸入錯(cuò)誤。


好的默認(rèn)項(xiàng)也可以幫助減少錯(cuò)誤,因?yàn)橛脩艨梢酝ㄟ^默認(rèn)值了解到應(yīng)該填什么樣的數(shù)據(jù)。


4. 對(duì)用戶寬容一些


有些任務(wù)確實(shí)需要用戶提供非常精確、詳細(xì)的信息,但強(qiáng)迫人們以特定的格式來填寫并不是一種好的方式。如果你一定要用戶填寫這類復(fù)雜的表格,確保表格的內(nèi)容是易于填寫者檢查的。


舉例來說,在填寫賬戶注冊(cè)表格的時(shí)候,往往要求我們必須填寫手機(jī)號(hào)碼。然而對(duì)于很多用戶來說,記住一長(zhǎng)串?dāng)?shù)字是很難的,所以美國(guó)以及很多其他國(guó)家會(huì)將電話號(hào)碼用空格或者短線分割為「(777)555-1212」的形式。這樣數(shù)字就變成了一個(gè)個(gè)小塊,更容易被記住和看懂。


如果你的網(wǎng)站的數(shù)據(jù)庫(kù)不允許在手機(jī)號(hào)中存儲(chǔ)非數(shù)字字符,那你就更應(yīng)該讓用戶避免輸錯(cuò)。一個(gè)解決辦法是讓用戶以自己熟悉的方式輸入,避免強(qiáng)迫他們用其他形式填寫。在用戶填寫后我們應(yīng)該在后臺(tái)自動(dòng)處理內(nèi)容,去掉不合適的字符,而不要因?yàn)橛脩舳噍斎肓艘粋€(gè)空格而阻止他繼續(xù)操作。


更好的方案是在用戶輸入的過程中自動(dòng)將其輸入的內(nèi)容格式化。如Uber的注冊(cè)頁(yè),當(dāng)你開始輸入時(shí),電話號(hào)會(huì)自動(dòng)在相應(yīng)的位置添加括號(hào)、短線,同時(shí)還會(huì)忽略非數(shù)字。這樣可以幫助用戶明白自己應(yīng)該輸入什么類型的內(nèi)容,也幫助用戶更方便地檢查自己已經(jīng)輸入的電話號(hào)。


Uber會(huì)自動(dòng)將用戶輸入的電話號(hào)進(jìn)行「格式化」,這樣在人們輸入完成后,可以更容易地進(jìn)行檢查。


總結(jié)


失誤是一種常見的錯(cuò)誤,往往發(fā)生在用戶的注意力沒有完全集中,或是記錯(cuò)了某些事情的時(shí)候,幫助用戶避免這類錯(cuò)誤是降低負(fù)荷的重要方法,在需要填寫詳細(xì)資料的時(shí)候要做好相應(yīng)的引導(dǎo)。

當(dāng)前文章:如何幫助用戶避開UI交互設(shè)計(jì)中的無意識(shí)錯(cuò)誤?
本文路徑:http://www.bm7419.com/news42/155492.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供響應(yīng)式網(wǎng)站、Google、網(wǎng)頁(yè)設(shè)計(jì)公司、電子商務(wù)、軟件開發(fā)、做網(wǎng)站

廣告

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

小程序開發(fā)