您的位置:首頁>科技>正文

資料在產品設計中的應用與圖表設計——來自1688UED的設計實踐

用戶體驗的品質是可衡量的, 用什麼資料來進行衡量呢?1688UED團隊在實踐中找到了一種基於用戶體驗週期的多維度指標體系, 從吸引度、完成度、滿意度、忠誠度、推薦度5個維度來評價用戶體驗品質的“4象5度”模型。

根據GSM即“目標→信號→指標”的推導過程, 總結評價產品使用者體驗品質的所有資料指標, 如下面的例子。 從例子中可以看出, 可以從用戶當前和將來、行為和態度兩個維度上考慮用戶的體驗品質。 兩個維度兩兩組合形成四個象限, 即當前態度、當前行為、未來態度、未來行為。 從總體上, 用戶體驗週期分為”當前”和“未來”兩個階段, 每個階段又有具體的劃分, 每個細分的階段又對應著一個核心目標。

當前階段中, 使用者與產品的關係可以分為3個過程:

觸達→吸引度

使用者帶著自己的目標訪問網站、使用APP, 既可以是新用戶訪問, 也可以是老用戶訪問。 對應的目標是吸引度, 產品能不能吸引使用者使用、產生相關的行為。 這裡的資料指標有知曉率、到達率、點擊率、退出率等。

行動→完成度

使用者找到自己感興趣的內容並進行相關操作, 對應的目標是完成度, 能不能完成該操作, 操作效率如何。 這裡的資料指標有首次點擊時間、操作完成時間、操作完成點擊數、操作完成率、操作出錯率等。

感知→滿意度

使用者操作完成後對產品形成的主觀感受。 對應的目標是滿意度, 主要的使用者體驗資料指標有操作容易度、佈局合理度、介面美觀度等主觀評價。

從“未來”階段, 使用者與產品的關係表現為:

回訪→忠誠度

使用者再次使用該產品, 對應目標為忠誠度, 資料指標有30天/7天回訪率、不同平臺的使用重合率。

傳播→推薦度

用戶推薦其他人使用該產品, 主要的資料指標如淨推薦值NPS。

“4象5度模型”為使用者體驗品質的評價提供了一個方向, 不同的產品根據自己的實際情況進行資料指標的定義。 資料在設計過程中主要有3個作用, 在設計前用於發現問題,

通過對資料的橫向對比(同類對比)和縱向對比(變化對比)發現產品的問題, 為產品體驗優化或者全新產品設計提供啟發或突破口;設計中用於判斷思路, 通過分析多個設計方案的核心差異對應的資料, 判斷哪種方案更為合理;設計後用於驗證, 通過計算上線後產品的資料, 對比設計前設定的指標來判斷目標的實現程度。 如果沒有相關的資料, 可以使用近似或同質資料替代, 或者進行用戶調研獲得。

圖表是資料最佳的表現形式, 人對圖片的理解效率要遠高於文字。 通過圖表設計把資料傳遞給使用者, 更能打動人心, 創造更多價值。 常用的圖表有直條圖、圓形圖、折線圖和表格。

直條圖常用於比較兩個及以上的值大小。

主要有垂直/水準直條圖、簇狀直條圖(多組資料)、和堆疊直條圖(多組數據)。 繪製時, 零基線不可或缺, 顏色要比其他網格色深。 如果柱子寬度為D,柱子之間的距離在D/2~D之間, 對於簇狀圖, 同一組柱子距離在D/8為宜。 坐標軸建議水準排列, 儘量簡化座標。

圓形圖常用於表現資料的占比情況, 最合適單一主題, 有常規圓形圖、環形圓形圖、版遊戲圓形圖, 還有多個主題的加入其他圖表的複合型餅等。 繪製時, 按照用戶的閱讀習慣從上到下, 以12點鐘為起點順時針排布。 但是最小占比的資料將居於12點鐘左側而佔據了視覺焦點, 這時, 以12點鐘為起點先逆時針繪製最大切片, 再返回12點鐘順時針繪製其他切片。 根據圓形圖的大小和形狀, 儘量將資料放在圓形圖內,否則使用引導線放置在外。有時適度的增加空白間隔。這樣的確點是每次繪製的起點不一樣。

折線圖常用於表現資料的變化或趨勢,主要分為單條、多條、多條堆疊,面積圖可以看成是折線圖的特殊形式。繪製時需要注意的是坐標軸數值的設定,太高則會使折線趨於平緩,無法表現出變化,太低則會使折線變化過於誇張,影響變化趨勢。

表格可以高效率的展現大量資料。需要注意的是資料的對齊方式,一般採用文本左對齊,數位右對齊的形式。

為了使圖表具有更好的傳播效果,除了圖表本身的準確表達、以圖釋義外,還強調吸引眼球,令人心動。常用的方法有變形、3D立體化、情景化和使用icon圖示。根據實際情況進行應用。

儘量將資料放在圓形圖內,否則使用引導線放置在外。有時適度的增加空白間隔。這樣的確點是每次繪製的起點不一樣。

折線圖常用於表現資料的變化或趨勢,主要分為單條、多條、多條堆疊,面積圖可以看成是折線圖的特殊形式。繪製時需要注意的是坐標軸數值的設定,太高則會使折線趨於平緩,無法表現出變化,太低則會使折線變化過於誇張,影響變化趨勢。

表格可以高效率的展現大量資料。需要注意的是資料的對齊方式,一般採用文本左對齊,數位右對齊的形式。

為了使圖表具有更好的傳播效果,除了圖表本身的準確表達、以圖釋義外,還強調吸引眼球,令人心動。常用的方法有變形、3D立體化、情景化和使用icon圖示。根據實際情況進行應用。

Next Article
喜欢就按个赞吧!!!
点击关闭提示