若想提升用戶的産品使用體驗，避免給用戶造成誤導、提供用戶清晰正确的操作指示，是産品設計應當重視的重要方面。所以業務人員應該如何避免誤導信息的發生呢？本篇文章裡，作者針對誤導信息的定義維度、及避免方式做了總結，一起來看。

在唐·諾曼的書《情感設計：為什麼我們愛（或恨）日常事物》中，唐諾曼描述了一項研究，他發現“……[a] 系統的美學程度影響了使用後對美學和可用性的感知，而實際可用性的程度沒有這樣的影響。”

換句話說，視覺設計對整體體驗的影響與實際可用性一樣大。

其實是沒有那麼絕對，視覺不管在工業産品上還是互聯網産品中都會對整體體驗有一定的影響度，用戶體驗是用戶使用産品的感受，用戶的感受會受到産品本身的功能、外觀以及用戶當時所處的環境。

例如我們日常使用的杯子，此時的你需要一個既能裝2L水又好看的杯子，當從網上購買的杯子到貨時發現杯子比預期的少裝0.5L水，而且外表上也沒有圖片上那麼好看，那麼此時估計大部分人都想去退貨或者投訴。

或者說杯子水裝的夠多，但是外觀上想要的是個商務風格，但是商家發錯了你拿到一個上面布滿卡通圖案的杯子，這時大部分人的内心估計也是想去找商家理論。

用戶的體驗是會受到各種原因所影響，一個小小的錯誤亦或者是跟用戶的預期落差太大，都會影響用戶的體驗，所以視覺設計對用戶的體驗是既存在也合理隻是它可能沒有産品功能上的影響那麼大。

在本文中将講解UI設計中如何避免誤導信息，誤導信息對體驗的影響。

一、什麼是誤導信息

誤導信息其實就是産品傳達的表意與用戶看到後理解上有差異，像圖标、文案、交互反饋等等都會出現誤導的情況。

1. 誤導信息影響體驗

當我們在點擊一個鍊接、按鈕或者圖像時怎麼點都沒有反饋，我們可能會以為是網絡問題，最後卻發現産品功能上本身上就不可點擊，但是在視覺上讓人誤以為可以點擊，這就很直接的影響到了用戶體驗。

2. 設計者如何發現問題

當我們以上帝視角去觀察産品時，如何發現問題呢？

我這裡推薦用數據畫闆、頁面熱圖等工具去發現問題，當新上的功能頁面發現數據異常時最簡單最快的方式就可以去通過熱圖發現（設計師最快的方法，像發現策略問題、功能問題等就不推薦了，大多都不在設計師範疇内）。

下圖中是一個社區的頁面，這裡做了一個虛拟的熱力圖，那麼作為設計者如何發現問題。

假設這裡内容裡的《今日娛樂圈》不可點擊，産品功能上不支持，那麼從熱力圖上可以看出，用戶點擊《今日娛樂圈》的次數跟關注的次數相等，那麼代表着視覺上這裡的信息傳達則誤導了用戶，導緻用戶認知錯誤，并且會間接影響其他關鍵入口的點擊。

3. 對産品數據的影響

當前期沒有發現問題時，設計者通過看熱力圖去進行數據分析，則會導緻數據分析不準确以及後續的産品策略方面可能産生偏移。

二、誤導信息有哪些維度

除了上面的例子在做頁面設計時則需要避免，對用戶産生誤導的因素還有許多下面逐個來看。

1. 誤導性文本或UI元素

多年來，某些 UI 設計選擇變得越來越普遍，有些已經達到了成為既定設計慣例的地步，偏離這些約定成俗的設計方式可能會給用戶體驗上帶來影響，因為用戶已經被國内衆多産品培養出一定的習慣。

例如，帶下劃線的文本通常被理解為一個鍊接，因此用戶在使用時會嘗試點擊它，當該段文字具有下劃線但是卻不支持點擊可能會導緻用戶體驗與期望不匹配，從而引起用戶連續點擊，最終造成影響用戶體驗的因素。

2. 響應緩慢且缺乏反饋

如果用戶單擊或點按某個元素但沒有快速收到反饋，用戶可能會反複單擊以确認單擊是否有效，在這些情況下用戶需要看到正确的加載消息或其他一些視覺性的反饋，這樣能夠幫助用戶緩解焦慮情緒，避免用戶流失。

3. 錯誤死鍊接和不完整元素

如果通常可以交互的元素突然變得無響應，則用戶可能會以粗暴的方式做出響應，例如多次點擊該元素或者某個位置進行嘗試，我們在做的時候需要确保元素和鍊接的功能性，以及視覺上的表意，這點在用戶使用體驗上影響比較大。

下圖中的直播列表“标簽”在視覺上以多色形式展示，在用戶認知中多色标簽即可以點擊進入此标簽下的内容頁，當此處無法點擊時用戶就會産生疑惑為什麼不能跳轉、為什麼點了沒反應等。

另一個産品的頁面中的“勳章牆”元素同樣有這個問題，從價值上來看勳章牆在頁面中核心位置主要目的是希望用戶能夠直觀看到自己擁有多少勳章，從而産生成就感，對于勳章這種視覺表現較強的元素，應當放大去凸顯其視覺價值，從視覺的維度去激起用戶的欲望。

4. 标題不明确或者導航混亂

對于産品來講一般用戶分為有目标、無目标兩種，對于有目标的用戶在使用産品時希望能夠在最快的時間找到自己想要找到内容，而無目标的用戶則需要産品向用戶展示時，需要把重點功能内容傳遞給用戶，讓用戶盡快的使用起來，如果産品的标題導航在視覺上就混亂不堪，沒有任何層級而言就會導緻兩種用戶在使用效率上大大降低，體驗相對也較差。

如果産品内的标題導航文案等傳遞的信息有誤，那麼會大概率造成用戶誤操作，使用路徑上也會降低效率。

三、如何避免這些問題

1. 統一的文字規範

在對一些關鍵信息或者反饋信息進行文案描述時建議使用比較易于理解的話術，這樣在基礎理解上不會造成誤解，在進一步可以讓這些話術更具有情感化、人性化。

2. 優化加載速度

有人說加載速度取決于技術和用戶的網絡設計能起到什麼作用呢？

還真能，在做動效或者複雜反饋動效時，常用的格式即為GIF、json、pag、svga這4種格式，在做複雜的動效時首先排除gif文件，内存上它随便做一下都幾十kb，質量上也相對較差一般不建議使用，後面三種格式各有各的優勢，從本質上都能夠避免内存過大導緻加載過慢。

3. 統一的設計規範

在設計産品的初期就要考慮設計規範的問題，規範決定着産品未來的延展性、一緻性、嚴謹性、體驗程度等，我個人在做産品設計時在做第一個頁面的時候，就習慣去思考産品未來的方向以及規範需要規範到什麼樣的範圍，規範可用持續性有多久等等。

總之前期思考的維度多一點，後期設計時避坑就會多一點，同樣規範的完善度和準确性決定着設計的頁面是否會出現前面講的問題。

本文由 @愛吃貓的魚__ 原創發布于人人都是産品經理。未經許可，禁止轉載。

題圖來自 Unsplash，基于 CC0 協議。

該文觀點僅代表作者本人，人人都是産品經理平台僅提供信息存儲空間服務。

,

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!

查看全部