視覺設計 ? UI設計如何做走查?詳細UI走查流程和步驟在這里了

UI設計如何做走查?詳細UI走查流程和步驟在這里了

發表于: 視覺設計. 評論
Sponsor

“走查”源自于軟件領域,最初是指軟件開發人員帶領團隊成員和其他相關方對產品進行檢查,發現可能存在的問題并提出意見的過程,后逐漸應用于產品體驗領域?!绑w驗走查”就是指設計師通過自檢的方式,來發現產品的體驗問題的方法。

除了走查,發現體驗問題的方法還有用戶測試、問卷調研等。作為一種自檢方法,體驗走查更適合發現表現層/框架層,以及部分結構層中的體驗問題,如一致性、任務流程、邏輯規則、文案問題等。當然,走查也可能會發現一些更宏觀的問題,但往往需要結合調查和論證來夯實問題。

UI設計如何做走查?詳細UI走查流程和步驟在這里了 ▲ 圖1.?體驗走查適用范圍

體驗走查雖然只是給產品找問題,但實際上執行起來并沒有想象的那么簡單。我自己曾組織過多個復雜產品的體驗走查,發現很多同學對體驗走查的規范流程、如何發現體驗問題方面存在較多問題。因此,這篇文章重點對走查流程和發現問題的方法進行了總結,以幫助大家更好地在工作中實踐。

二、體驗走查的執行流程

根據我們日常的實踐經驗,以及行業的相關指導規范[1],一次完整的體驗走查一般包括以下6個步驟。

UI設計如何做走查?詳細UI走查流程和步驟在這里了
▲?圖2.?體驗走查完整流程


第1步
?確定走查范

由于大部分數字產品的結構都比較復雜,因此開始走查前,我們需要先要明確走查的范圍。比如,是針對全部功能模塊還是只對部分模塊,以哪個版為準(灰度中的功能根據灰度數據確定是否走查)。明確范圍后可以制定下走查的時間規劃。走查的時間一般不宜持續過長,以1~2周為佳,時間太長會影響發現的問題的解決進度。如果產品復雜度高、占用時間太多,可以分工協作,大家將發現的問題記錄在一個表格中就可以了。

第2步 了解目標用戶特征

體驗走查是為了發現目標用戶可能遇到的體驗問題,因此在走查之前,有必要了解目標產品的核心用戶有怎樣的特征。畢竟不同性別、年齡和文化背景的用戶,遇到的體驗問題可能不同。比如,較小的字體對于年輕用戶可能不是問題,但對于老年用戶就會造成閱讀障礙。

UI設計如何做走查?詳細UI走查流程和步驟在這里了 ▲ 圖3. 產品目標用戶特征

第3步:確定用戶的主要任務

用戶在產品中的行為往往圍繞著某幾個主要任務展開,比如使用瀏覽器來查閱資料,使用i音樂來找歌、聽歌。開始走查前,列出用戶的主要任務,能夠幫助我們更好地聚焦核心的任務流程和頁面,以發現高頻的、亟待解決的問題。確定了主要任務后,我們可以列出完成任務的步驟流程,這樣在走查時就可以針對每個步驟中的不同頁面狀態做更加詳盡的走查,以便更加全面地發現體驗問題。

第4步:走查并記錄體驗問題

拆分任務后,接下來需要根據相關設計方法,對任務流程中存在的問題進行走查并記錄。重點記錄在什么頁面、存在什么體驗問題,以及建議的優化方案是什么。

UI設計如何做走查?詳細UI走查流程和步驟在這里了 ▲ 圖4.?問題的記錄和描述

按照造成問題的原因,走查所發現的問題一般分為3類:

  • 體驗問題:設計階段或驗收階段產生的問題,比如點擊熱區太小、頁面元素不對齊、轉場過快或過慢等。
  • 產品缺陷:開發階段引入的問題,比如點擊后沒有響應、響應延遲、響應錯誤等。
  • 優化建議:功能符合基本的可用性原則,但存在可以優化的空間。

第5步:確定問題嚴重程度及責任人

當走查出的問題較多的時候,我們需要給出問題的嚴重程度,以便后續解決時優先解決嚴重性高的問題。關于如何判斷問題的嚴重性,我們可以從問題的出現頻率、影響程度來評估。關于具體如何評分,我們可以參考Nielsen?Norman?Group[2]給出的評分標準,從0~4進行打分,分數越高越嚴重。

UI設計如何做走查?詳細UI走查流程和步驟在這里了 ▲ 圖5.評估問題嚴重性

記錄問題后,可以按照問題的類型初步指定負責跟進該問題的責任人,責任人可以是自己,也可以是團隊中的產品、開發、測試等其他角色。

第6步:跟進走查結果落地

走查不是為了發現問題,而是為了最終解決問題、提升體驗。整理完走查得到的問題后,我們可以將問題提交給項目側的產品經理或測試工程師,使其納入產品迭代計劃中,并定期跟進優化結果的落地情況。

三、發現體驗問題的方法

在熟悉了整體流程后,還會經常遇到不知道怎么發現體驗問題、或發現的都是表現層中的問題。所以接下來,我會重點講講體驗走查中發現體驗問題的方法,讓走查體驗問題的過程有章可循。在講發現問題的方法之前,需要明確到底什么是“問題”。如果我們點擊圖標期待它能立刻反應,實際上它卻延遲了3s才反應,這就有了問題。因此“問題”實際上就是我們對期待的結果和實際的體驗之間差距的一種描述。

UI設計如何做走查?詳細UI走查流程和步驟在這里了 ▲ 圖7?問題是什么

因此,發現體驗問題的重點在于,弄清楚用戶期待的體驗是怎樣的、以及產品的現狀是否能滿足用戶期待。這里結合往期實踐經驗,提供以下5個維度來幫助大家更全面地發現體驗問題。

1、看界面排版是否符合基本設計原則

界面排版問題是最容易被用戶感知到的,我們需要確保不要產生此類明顯的問題。為了找問題找得更全面,我們可以結合以下幾個設計最基礎的原則去對涉及的頁面進行檢查。

UI設計如何做走查?詳細UI走查流程和步驟在這里了 ▲ 圖8 發現界面排版問題的方法

2、看任務流程是否存在可用性問題

用戶使用產品往往是為了完成某些任務,產品的使用流程,應當至少能夠支持用戶完成目標任務,并且最大可能地使產品易于使用。而發現可用性問題,最為常用的是尼爾森可用性原則。

  • 可見性:需要用戶操作的功能、了解的信息,是否對用戶可見?
  • 反饋:當用戶執行操作后,產品是否有提供及時的反饋?
  • 用戶控制:用戶是否可以自由地選擇是否執行操作?
  • 一致性和標準化:相似的功能和元素,樣式和邏輯是否一致?
  • 簡潔性:信息的呈現是否簡潔和清晰,是否存在冗余元素?
  • 導航:產品的導航,是否能幫助用戶快速找到需要的信息和功能?
  • 布局:產品界面布局是否合理,以便用戶能夠輕松地理解和操作?
  • 易于學習:產品中的信息和功能是否易懂?是否提供了必要的新手教學?
  • 錯誤防范:產品是否有防止用戶犯錯的機制?

3、看不同的系統狀態下是否存在體驗問題

執行任務的過程不會一成不變,任務流程中可能會遇到各種正?;虍惓5捻撁鏍顟B。想要走查的問題更多更全,我們就需要多考慮以下這些交互狀態。

UI設計如何做走查?詳細UI走查流程和步驟在這里了 ▲ 圖9.?看不同的交互狀態是否存在問題

4、看產品與主流競品是否存在明顯差距

走查的時候也會遇到一種情況,就是感覺這個地方有點問題,但卻說不上哪里有問題,或是不是真的有問題,這種情況下不妨看看主流競品怎么做的。比如我們覺得本品(以瀏覽器往期版本為例)的頁面頭部好像顯得擁擠了一些,但又不太確定,和競品對比之后發現確實元素偏多,那就可以將其列為體驗問題以進一步分析。

UI設計如何做走查?詳細UI走查流程和步驟在這里了 ▲ 圖10.?本品與競品對比

5、看產品是否滿足特殊群體的體驗訴求

問題因人而異,我們自己顯然不能代表所有用戶,所以還要從其他用戶的視角出發去找找問題。比如,如果產品是針對中老年用戶,我們要看看熱區夠不夠大、對比度是否足夠、文案是否易懂。如果我們的產品有兒童模式,那我們可以看產品中的內容、色彩等是否符合低齡人群的偏好。

UI設計如何做走查?詳細UI走查流程和步驟在這里了 ▲ 圖11?從銀發人群的視角出發找問題

UI設計如何做走查?詳細UI走查流程和步驟在這里了 ▲?圖12.?從青少年/兒童的視角出發找問題

總結

作為體驗設計師,我們需要為用戶體驗負責,早于用戶發現問題,主動及時解決體驗問題。這不僅需要我們充分了解我們的用戶,讓自己成為我們產品的用戶,還需要掌握找體驗問題的方法。本篇文章對體驗走查流程,以及常用的找問題方法進行了簡單介紹,以幫助經驗相對較少的設計師更全面地發現問題,期待大家在行動中多看多用。

來源:VMIC UED

推薦:查看最受歡迎的 301 個設計網站 → http://hao.shejidaren.com
交流:為設計新人提供的設計交流群,請加入UI設計交流群,分享經驗、接單、求職、聊設計。
贊助商鏈接
贊助商鏈接
設計達人微信交流社區:shejidaren888
喜歡這篇文章嗎?歡迎分享到你的微博、QQ群,并關注我們的微博,謝謝支持。
版權:除非注明,本站文章均為原創文章,轉載請聯系我們授權,否則禁止轉載。

{ 發表評論 }