從“定義”到“解決”,來了解什么是影響用戶體驗(yàn)的誤導(dǎo)信息

1 評(píng)論 5606 瀏覽 7 收藏 11 分鐘

若想提升用戶的產(chǎn)品使用體驗(yàn),避免給用戶造成誤導(dǎo)、提供用戶清晰正確的操作指示,是產(chǎn)品設(shè)計(jì)應(yīng)當(dāng)重視的重要方面。所以業(yè)務(wù)人員應(yīng)該如何避免誤導(dǎo)信息的發(fā)生呢?本篇文章里,作者針對(duì)誤導(dǎo)信息的定義維度、及避免方式做了總結(jié),一起來看。

在唐·諾曼的書《情感設(shè)計(jì):為什么我們愛(或恨)日常事物》中,唐諾曼描述了一項(xiàng)研究,他發(fā)現(xiàn)“……[a] 系統(tǒng)的美學(xué)程度影響了使用后對(duì)美學(xué)和可用性的感知,而實(shí)際可用性的程度沒有這樣的影響?!?/p>

換句話說,視覺設(shè)計(jì)對(duì)整體體驗(yàn)的影響與實(shí)際可用性一樣大。

其實(shí)是沒有那么絕對(duì),視覺不管在工業(yè)產(chǎn)品上還是互聯(lián)網(wǎng)產(chǎn)品中都會(huì)對(duì)整體體驗(yàn)有一定的影響度,用戶體驗(yàn)是用戶使用產(chǎn)品的感受,用戶的感受會(huì)受到產(chǎn)品本身的功能、外觀以及用戶當(dāng)時(shí)所處的環(huán)境。

例如我們?nèi)粘J褂玫谋?,此時(shí)的你需要一個(gè)既能裝2L水又好看的杯子,當(dāng)從網(wǎng)上購買的杯子到貨時(shí)發(fā)現(xiàn)杯子比預(yù)期的少裝0.5L水,而且外表上也沒有圖片上那么好看,那么此時(shí)估計(jì)大部分人都想去退貨或者投訴。

或者說杯子水裝的夠多,但是外觀上想要的是個(gè)商務(wù)風(fēng)格,但是商家發(fā)錯(cuò)了你拿到一個(gè)上面布滿卡通圖案的杯子,這時(shí)大部分人的內(nèi)心估計(jì)也是想去找商家理論。

用戶的體驗(yàn)是會(huì)受到各種原因所影響,一個(gè)小小的錯(cuò)誤亦或者是跟用戶的預(yù)期落差太大,都會(huì)影響用戶的體驗(yàn),所以視覺設(shè)計(jì)對(duì)用戶的體驗(yàn)是既存在也合理只是它可能沒有產(chǎn)品功能上的影響那么大。

在本文中將講解UI設(shè)計(jì)中如何避免誤導(dǎo)信息,誤導(dǎo)信息對(duì)體驗(yàn)的影響。

一、什么是誤導(dǎo)信息

誤導(dǎo)信息其實(shí)就是產(chǎn)品傳達(dá)的表意與用戶看到后理解上有差異,像圖標(biāo)、文案、交互反饋等等都會(huì)出現(xiàn)誤導(dǎo)的情況。

1. 誤導(dǎo)信息影響體驗(yàn)

當(dāng)我們?cè)邳c(diǎn)擊一個(gè)鏈接、按鈕或者圖像時(shí)怎么點(diǎn)都沒有反饋,我們可能會(huì)以為是網(wǎng)絡(luò)問題,最后卻發(fā)現(xiàn)產(chǎn)品功能上本身上就不可點(diǎn)擊,但是在視覺上讓人誤以為可以點(diǎn)擊,這就很直接的影響到了用戶體驗(yàn)。

影響用戶體驗(yàn)的誤導(dǎo)信息

2. 設(shè)計(jì)者如何發(fā)現(xiàn)問題

當(dāng)我們以上帝視角去觀察產(chǎn)品時(shí),如何發(fā)現(xiàn)問題呢?

我這里推薦用數(shù)據(jù)畫板、頁面熱圖等工具去發(fā)現(xiàn)問題,當(dāng)新上的功能頁面發(fā)現(xiàn)數(shù)據(jù)異常時(shí)最簡單最快的方式就可以去通過熱圖發(fā)現(xiàn)(設(shè)計(jì)師最快的方法,像發(fā)現(xiàn)策略問題、功能問題等就不推薦了,大多都不在設(shè)計(jì)師范疇內(nèi))。

下圖中是一個(gè)社區(qū)的頁面,這里做了一個(gè)虛擬的熱力圖,那么作為設(shè)計(jì)者如何發(fā)現(xiàn)問題。

假設(shè)這里內(nèi)容里的《今日娛樂圈》不可點(diǎn)擊,產(chǎn)品功能上不支持,那么從熱力圖上可以看出,用戶點(diǎn)擊《今日娛樂圈》的次數(shù)跟關(guān)注的次數(shù)相等,那么代表著視覺上這里的信息傳達(dá)則誤導(dǎo)了用戶,導(dǎo)致用戶認(rèn)知錯(cuò)誤,并且會(huì)間接影響其他關(guān)鍵入口的點(diǎn)擊。

3. 對(duì)產(chǎn)品數(shù)據(jù)的影響

當(dāng)前期沒有發(fā)現(xiàn)問題時(shí),設(shè)計(jì)者通過看熱力圖去進(jìn)行數(shù)據(jù)分析,則會(huì)導(dǎo)致數(shù)據(jù)分析不準(zhǔn)確以及后續(xù)的產(chǎn)品策略方面可能產(chǎn)生偏移。

二、誤導(dǎo)信息有哪些維度

除了上面的例子在做頁面設(shè)計(jì)時(shí)則需要避免,對(duì)用戶產(chǎn)生誤導(dǎo)的因素還有許多下面逐個(gè)來看。

1. 誤導(dǎo)性文本或UI元素

多年來,某些 UI 設(shè)計(jì)選擇變得越來越普遍,有些已經(jīng)達(dá)到了成為既定設(shè)計(jì)慣例的地步,偏離這些約定成俗的設(shè)計(jì)方式可能會(huì)給用戶體驗(yàn)上帶來影響,因?yàn)橛脩粢呀?jīng)被國內(nèi)眾多產(chǎn)品培養(yǎng)出一定的習(xí)慣。

例如,帶下劃線的文本通常被理解為一個(gè)鏈接,因此用戶在使用時(shí)會(huì)嘗試點(diǎn)擊它,當(dāng)該段文字具有下劃線但是卻不支持點(diǎn)擊可能會(huì)導(dǎo)致用戶體驗(yàn)與期望不匹配,從而引起用戶連續(xù)點(diǎn)擊,最終造成影響用戶體驗(yàn)的因素。

影響用戶體驗(yàn)的誤導(dǎo)信息

2. 響應(yīng)緩慢且缺乏反饋

如果用戶單擊或點(diǎn)按某個(gè)元素但沒有快速收到反饋,用戶可能會(huì)反復(fù)單擊以確認(rèn)單擊是否有效,在這些情況下用戶需要看到正確的加載消息或其他一些視覺性的反饋,這樣能夠幫助用戶緩解焦慮情緒,避免用戶流失。

影響用戶體驗(yàn)的誤導(dǎo)信息

3. 錯(cuò)誤死鏈接和不完整元素

如果通常可以交互的元素突然變得無響應(yīng),則用戶可能會(huì)以粗暴的方式做出響應(yīng),例如多次點(diǎn)擊該元素或者某個(gè)位置進(jìn)行嘗試,我們?cè)谧龅臅r(shí)候需要確保元素和鏈接的功能性,以及視覺上的表意,這點(diǎn)在用戶使用體驗(yàn)上影響比較大。

下圖中的直播列表“標(biāo)簽”在視覺上以多色形式展示,在用戶認(rèn)知中多色標(biāo)簽即可以點(diǎn)擊進(jìn)入此標(biāo)簽下的內(nèi)容頁,當(dāng)此處無法點(diǎn)擊時(shí)用戶就會(huì)產(chǎn)生疑惑為什么不能跳轉(zhuǎn)、為什么點(diǎn)了沒反應(yīng)等。

另一個(gè)產(chǎn)品的頁面中的“勛章墻”元素同樣有這個(gè)問題,從價(jià)值上來看勛章墻在頁面中核心位置主要目的是希望用戶能夠直觀看到自己擁有多少勛章,從而產(chǎn)生成就感,對(duì)于勛章這種視覺表現(xiàn)較強(qiáng)的元素,應(yīng)當(dāng)放大去凸顯其視覺價(jià)值,從視覺的維度去激起用戶的欲望。

影響用戶體驗(yàn)的誤導(dǎo)信息

4. 標(biāo)題不明確或者導(dǎo)航混亂

對(duì)于產(chǎn)品來講一般用戶分為有目標(biāo)、無目標(biāo)兩種,對(duì)于有目標(biāo)的用戶在使用產(chǎn)品時(shí)希望能夠在最快的時(shí)間找到自己想要找到內(nèi)容,而無目標(biāo)的用戶則需要產(chǎn)品向用戶展示時(shí),需要把重點(diǎn)功能內(nèi)容傳遞給用戶,讓用戶盡快的使用起來,如果產(chǎn)品的標(biāo)題導(dǎo)航在視覺上就混亂不堪,沒有任何層級(jí)而言就會(huì)導(dǎo)致兩種用戶在使用效率上大大降低,體驗(yàn)相對(duì)也較差。

如果產(chǎn)品內(nèi)的標(biāo)題導(dǎo)航文案等傳遞的信息有誤,那么會(huì)大概率造成用戶誤操作,使用路徑上也會(huì)降低效率。

三、如何避免這些問題

1. 統(tǒng)一的文字規(guī)范

在對(duì)一些關(guān)鍵信息或者反饋信息進(jìn)行文案描述時(shí)建議使用比較易于理解的話術(shù),這樣在基礎(chǔ)理解上不會(huì)造成誤解,在進(jìn)一步可以讓這些話術(shù)更具有情感化、人性化。

影響用戶體驗(yàn)的誤導(dǎo)信息

2. 優(yōu)化加載速度

有人說加載速度取決于技術(shù)和用戶的網(wǎng)絡(luò)設(shè)計(jì)能起到什么作用呢?

還真能,在做動(dòng)效或者復(fù)雜反饋動(dòng)效時(shí),常用的格式即為GIF、json、pag、svga這4種格式,在做復(fù)雜的動(dòng)效時(shí)首先排除gif文件,內(nèi)存上它隨便做一下都幾十kb,質(zhì)量上也相對(duì)較差一般不建議使用,后面三種格式各有各的優(yōu)勢,從本質(zhì)上都能夠避免內(nèi)存過大導(dǎo)致加載過慢。

影響用戶體驗(yàn)的誤導(dǎo)信息

3. 統(tǒng)一的設(shè)計(jì)規(guī)范

在設(shè)計(jì)產(chǎn)品的初期就要考慮設(shè)計(jì)規(guī)范的問題,規(guī)范決定著產(chǎn)品未來的延展性、一致性、嚴(yán)謹(jǐn)性、體驗(yàn)程度等,我個(gè)人在做產(chǎn)品設(shè)計(jì)時(shí)在做第一個(gè)頁面的時(shí)候,就習(xí)慣去思考產(chǎn)品未來的方向以及規(guī)范需要規(guī)范到什么樣的范圍,規(guī)范可用持續(xù)性有多久等等。

總之前期思考的維度多一點(diǎn),后期設(shè)計(jì)時(shí)避坑就會(huì)多一點(diǎn),同樣規(guī)范的完善度和準(zhǔn)確性決定著設(shè)計(jì)的頁面是否會(huì)出現(xiàn)前面講的問題。

本文由 @愛吃貓的魚__ 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自 Unsplash,基于 CC0 協(xié)議。

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 設(shè)計(jì)最重要的東西是用戶體驗(yàn)沒錯(cuò)了,交互設(shè)計(jì)在這方面要做很多努力呀

    來自山西 回復(fù)