92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

首頁

如何搭建B端設計規范

鶴鶴

前言

對于B端來說,可能很多UI和前端喜歡直接套用Ant Design或Element ui組件規范;因為之前企業要求并不高,但是隨著市場和環境的發展,企業對B端越來越重視,這些模版太類同,顯然就太爛大街了。隨后字節推出Arco Design、騰訊推出企業級設計體系TDesign、有贊推出Zan Design,很多大廠都推出了適合自己產品的模版和規范,給了我們許多借鑒,能讓我們快速作出一個不出錯的方案。不過企業、市場的要求顯然不止于此,我們的設計追求也不止于此。那么我們如何才能擺脫套模版,提高界面的精致度,提升界面的交互體驗呢?

一. 設計目標


為啥要搭建設計系統?設計系統對我們開發團隊中誰有指導作用?

◆ 設計系統可以保證我們產品風格的統一性,降低用戶對新產品適應時間和學習成本;對UI設計輸出效率有很大的提高,在團隊協同中可以大大的減少無效溝通,節約時間成本

◆ 在開發團隊中,設計系統對UI、交互、前端、測試等崗位的工作都有一定的指導作用


二. 設計原則

設計原則是傳統智慧的沉淀與未來趨勢的結合體,能夠幫助我們更好的進行設計活動時代在進步,設計原則也必然需要不斷的更新以適應發展新的設計原則要求界面更友好,操作更加人性化。

這里我歸納了8條原則僅供大家借鑒學習:

◆ 可用性:有助于檢查用戶是否能夠輕松地完成任務、產品是否正常運行以及是否完成工作

◆ 易用性:易用是首要考慮的因素,能一步解決的事情絕不兩步

◆ 統一性:頁面風格、色彩、布局等要保持全局統一,不可為了某一功能的美觀而去破壞整體

◆ 親密性:信息的關聯性強,距離就要相應的縮短,讓他們看起來是一個視覺單元;反之,則距離要加大,要讓用戶對信息的區域劃分一目了然

◆ 對齊性:在界面中,將元素進行對齊,符合用戶的認知,引導視覺流向,讓用戶更加流暢的閱讀信息

◆ 對比性:對比是增加視覺效果最有效方法之一,同時也能在不同元素之間建立一種有組織的層次結構,讓用戶快速識別關鍵信息。

◆ 重復性:相同的元素在整個界面中不斷重復,不僅可以有效降低用戶的學習成本,也可以幫助用戶識別出這些元素之間的關聯性。

◆ 穩定性:沒有任何東西比產品的穩定重要,down機再好的產品也是徒勞。會影響到系統穩定的事情不能做



三. 框架布局

響應式布局,能夠適應各種屏幕尺寸及分辨率,確保整體布局的一致性簡而言之,就是一個網站能夠兼容多個終端——而不是為每個終端做一個特定的版本。一般采用柵格系統布局,常用柵格一般是16列或24列。

◆ 柵格:是對界面當中元素橫向排布的一種模式,主要用于大型區塊間距的排列,不適用于圖標與文字間隔的小型元素。

◆ 模度:為界面布局的一致性和韻律感,統一設計到開發的布局語言,減少還原損耗,我們網格基數設為8,卡片寬度及間距為8n。常用模度:4 8 16 24 32 40 48 56 64 … 1920

◆ 布局:常用左右布局或上下布局


左右布局以1920頁面布局為案例:通常B端產品左側會有一個導航菜單,假設240px,右側核心工作區域總寬1632px, 右偏移240px ,列數16列,列寬86px, 間隙16px, 左右邊距24px; 左邊導航和邊距固定不變。



上下布局以1920頁面布局為案例:通常左右會有一個留白區域,假設144px,中間核心區域總寬1632px, 右偏移144px ,列數16列,列寬86px, 間隙16px。



四. 設計風格


設計風格說白了就是用戶最直觀的感受,“商務、時尚、簡約、科技感、沉穩、年輕、高端...”?

決定設計風格的因素有這些:

1. 顏色

色彩是UI設計的基石,人腦對于色彩的記憶度要高于形態;除了美學之外,色彩還是是情感和聯想的創造者。通過對自然的感知和行為,我們通常對色彩定義品牌色板、功能色板、中性色板,以及衍生色。 

◆ 品牌色:是體現產品特性和傳播理念最直觀的視覺元素之一(例如:我們熟悉的政府藍/黨政紅/淘寶橙,他們都能直觀或間接的傳達產品特征屬性)

◆ 功能色:遵守用戶對色彩的基本認知,保持一致性,不過多的自定義干擾用戶的認知體驗,提高用戶的閱讀理解力,功能色代表了明確的信息以及狀態,比如正常、成功、失敗、警告、鏈接等



◆ 中性色:主要應用在界面的文字部分、背景、邊框、分割線等場景,根據使用場景,通常將中性色被定義為 3 類:文字、線條、背景

◆ 衍生色:B端產品中顏色的應用場景可能很廣泛,要考慮它的延展性,按照一定規則定義完畢主色,便可以自動獲得一系列完整的衍生色


2. 文字

設定統一的字體規范,無襯線黑體中宮更為開放,布白更為勻稱,顯示效果更為舒適,醒目利于閱讀,更利于視覺信息的傳達,在互聯網時代后期在界面設計中字體樣式還是會以無襯線體為主。


◆ 字體家族:根據系統區分Mac or Windows,如果用戶使用的是Mac系統可以優先使用Mac默認字體渲染 ;如果使用的是Win,字體兼容性選擇順序(有購買版權字體的可優先考慮),例:

◆ 字號:為了提升用戶的閱讀體驗,滿足用戶的可讀性,更為舒適、清晰,也能保證界面的層次感(結合WCAG 2.0標準),將 PC/Web 端主字體從以前的12px改為 14px。

◆ 行高:為上下文之間提供了呼吸的空間,規范的行高,可以使得界面層次清晰、重點突出

◆ 字體顏色:WCAG 2.0 中將顏色對比等級分為 3 種,A級,AA級,AAA級,等級越高意味著顏色的對比度越高,呈現出來的視覺壓力越大。字體顏色數量不建議太多,根據文字主次關系定義3-4個為宜(例:主文字、輔助性文字、提示文字、輕提示/禁用文字)

◆ 字重:字重不建議太多種,2-3種為宜(例:Regular、Medium、Light)

3. 圖型

圖形中有圖片、圖標、圖表,都對整體風格有一定影響,設定統一的圖形使用規范,可以使視覺效果更加和諧


五. 交互


交互,即交流互動,也就是說我們自己通過我們的五覺:視覺、聽覺、觸覺、嗅覺、味覺來感受其他事物并和他們之間產生信息溝通的過程。在互聯網中交互對象個體主要是人和機器,所謂人機互動,相互配合,共同達成某種目的。

◆ 交互方式:保持產品的統一性,同類別的交互不可有不同的操作感受。要符合大眾的認知習慣,可創新但不可違背潛意識,例:wab端頁面鼠標交互操作一般有下拉、上滑、按壓、懸停,移動端一般左右上下滑動、下拉、上拉、雙指縮放...

◆ 交互狀態按鈕狀態變化,頁面狀態變化,組件狀態變化...交互內容確實太大了,我個人也只接觸到的也只是冰山一角,只能拋磚引玉,勾起大家思維,相互探討學習

◆ 引導引導一般常見5 種:新手引導)、步驟引導、幫助/操作引導、新功能引導、空白頁引導



六. 組件

什么是組件?組件是抽象概念,對面向過程而言是對數據和方法的簡單封裝。對面向對象而言是一些符合某種規范的類組合在一起就構成了組件。它可以提供某些特定的功能。組件出現的原因軟件工程中重復、反復出現、普遍的、有相似的問題的出現,導致開發過程中有大量的代碼需要不斷的重新設計,開發周期延長,開發復雜度增加。需要岀現一種模型通過剝離掉各個問題的特性,抽取各個問題之間的共性。從而在保證代碼的靈活性下極大的增加代碼的可重用性。組件的岀現就是為了解決這些實際問題的。

在前端眼里,組件通常是指頁面上的視圖單元,可以說,UI組件是組件的子集。組件庫大致可以分為這幾大類:

◆ 導航:固釘、面包屑、下拉菜單、下拉導航、電梯、菜單、分頁器、步驟條

◆ 數據錄入:自動完成、級聯選擇、多選框、日期選擇框、表單、輸入框、數字輸入框、提及、步進器、評分、下拉選擇、滑動條、穿梭框、文件上傳

◆ 數據展示: 頭像、標題、卡片、輪播、折疊面板、表格、拖拽排序、高亮關鍵詞、時間軸、走馬燈、空狀態、徽標數、樹、標簽、標簽頁、圖片、氣泡...

◆ 反饋: 警告提示、抽屜、全局提示、對話框、通知提醒框、氣泡確認框、進度條、結果、加載中..

◆ 其他: 錨點、回到頂部、圖標...

七. 總結 

設計規范是為了更高效的做設計,但不是一成不變的,它在落地使用的時或多或少都會有問題,需要我們慢慢的去反復檢驗它的合理性,發現不合理的及時更正,不斷迭代,不斷沉淀,不斷優化,這樣才能不斷提高產品的用戶體驗。此次分享借鑒一些前輩的經驗,主要是整理歸納學習,如有需要補充或糾正的,歡迎大家相互探討!


藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系

作者:小魚ID   來源:站酷

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

藍藍設計www.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



設計中快速學習的秘訣

純純

臨摹是一個很好的學習方法,人類學習就是從模仿開始的,而對于設計師來說,臨摹作品對于提升學習效率尤其有用。


但在做具體臨摹練習時,就會發現一些問題,比如在星球里看到同學們做日常打卡練習時會遇到臨摹的原作本身質量不高,不會分析作品優缺點,不知道如何用到自己的項目中等等。所以我在星球里的月度分享會上跟大家聊了這方面的經驗,今天也將部分內容整理成文章分享給大家,希望能提高學習效率。


分享的內容分以下幾點:

1、為什么需要做臨摹練習?

2、臨摹的幾個階段

3、如何找到優質臨摹作品?

4、如何做臨摹思考?

5、保持行動力的秘訣

6、總結



1.為什么需要做臨摹練習?


有些新人在剛入行的時候,出于對設計天馬行空的想象,不屑于做臨摹練習,覺得作為設計師就應該多發揮一些自己的原創能力。想法是很好的,但此時更多的是手上的輸出跟不上腦子中的想法,產出的原創作品質量往往不高。而臨摹是站在巨人的肩上做事,提升動手能力的同時吸收優秀的設計思路對自己的提升來說非常有幫助。



其實不光是小白需要臨摹,很多資深設計師甚至藝術家也會采用臨摹的方式提升自己的能力,從中學習別人的創作思路、表達方式,學無止境。


2.臨摹的幾個階段


不同的階段,臨摹的目的也有所區別。一般來說,前期臨摹更多的是練習軟件、技法,后期才會是練習別人的風格表達,綜合運用。所以,我把臨摹分為3個階段:


1)技法階段,目標是一模一樣

因為是練習技法,訓練的是自己的軟件操作能力和觀察解構能力,所以我通常會選擇稍難一些的作品進行臨摹,目標是跟原作盡可能的一模一樣。


比如我6年前臨摹的Mike大神作品,就比較考驗技法,適合初期剛入門階段做練習。



2)半原創階段,目標是保留精髓的同時有所區分

這個階段主要是練習思考和分析能力,嘗試理解原作者這樣設計的原因和目的。這個階段,我通常會選擇臨摹一些有特點的圖標或者界面,并嘗試改動原作中的一些小的元素,目標是有保留原作的特征,又會加入更多自己的思考讓作品在細節上有所區別。


比如在2015年做的界面練習,同時還會記錄自己的思考



3)原創階段,目標是準確輸出自己腦中的想法

其實經過一段時間的練習,你肯定已經積累了不少創意,現在有實現能力就可以盡情發揮了。雖說是原創,其實也會大量找參考。剛入行設計的時候,我一直覺得,大師應該是可以完全自己創造出新的作品,但后來知道,優秀的作品大部分都是建立在融合非常多優質作品精華之上完成的。之前看過暴雪的設計師分享,他們做一個場景效果,光找參考都要花掉一半的時間,可見找參考的重要性。


這個作品當時是我在圣誕節前做的,是有參考笑臉、塑料口袋、光碟、進度條光帶等等結合起來的原創作品。



3.如何找到優質臨摹作品?

既然是希望通過臨摹從別人的作品中學到東西才去做,那么臨摹優質作品就很關鍵。我一般會從Dribbble,Behance,Pinterest,Instagram和大廠出品的應用中找臨摹對象。判斷是不是優質作品,可以從推薦上,細節上,吸引你的點上進行選擇。



比如,我想做一些細節豐富的UI控件,那平時大家打王者的時候,里面的UI細節都是非常精致的,包括按鈕樣式,排版,造型,動效,可以從中學到的知識點可太多了。



在比如在Dribbble中,用關鍵詞進行搜索,再篩選為熱門,時間選擇最近一年,就能知道流行趨勢和設計佳作了。從中選擇一些很有感覺的作品來臨摹練手,肯定很有動力了。



4.如何做臨摹思考?

不要無腦臨摹,做的過程一定要多加思考,我一般會從以下幾個方面來做分析:


1)原作好在哪?

同一個作品,閃光點的判斷因人而異,但你既然喜歡它肯定就有你看中的地方。你喜歡的那個細節,就可以是它的亮點,記錄下來就是你的思考。這些記錄會成為你下次創作時的靈感,在實際做項目的時候就不會腦袋空空了。


比如下面這張作品,我就很喜歡它的光影細節表達,在開關的邊緣還會有小光源的顏色影響,會有紅色和綠色的邊緣光。我覺得這張圖值得學習,所以就臨摹了下來,這張圖就是我臨摹之后的效果。



2)原作有什么問題?

記錄你覺得是問題的地方就行,不講對錯,只需有你自己的理由就行,然后嘗試給出自己的優化方案。沒有完美的作品,但如果確實暫時看不出來也沒關系。


3)設計的難點是什么?

在做臨摹的過程中,會遇到哪些問題,比如某些效果跟原作有差異,某些字體大小間距不好把握等等,這些就是你可以學習的地方。


比如我在最初做UI的時候,就不清楚具體的設計規范,我就逐個把原作用到的間距,字體,尺寸全都量出來,然后用到臨摹的界面中,自己來摸索出設計規范,而不是去死記硬背。更多當年我的打卡日記系列請見https://www.zcool.com.cn/work/ZODAxNzI2MA==.html



5.保持行動力的秘訣

做練習,最重要的是堅持,讓很多人苦惱的是做了幾天看不到效果就沒了動力了,但其實想要堅持做事也是有方法的。


1)按主題系列

就像挖井一樣,每次打井就要打通看到水才行,設計練習也是如此。一段時間專注一個能力的練習,學到會運用才算是真正掌握。這里我的方法是按主題系列來執行,比如這周我主要打卡練習美食類的圖標設計,那么就會找各種差異化的風格來練習。系列感的練習也更容易出效果,獲得滿足感。今天練這個,明天練那個,心態很容易浮躁。

2)拆分成清單

往往做練習的時候,很多時間會花在糾結到底練什么內容上。減少選擇的辦法就是列好清單,提前規劃好每天做的內容,具體可以直接執行的程度。


3)保持規律

學習最忌諱的是三天打魚兩天曬網,保持規律,每天進步一點點很重要。忙的時候,也要至少保證自己比昨天有點進度。這個進度哪怕只是改個顏色,調個比例,或者有點思考記錄都是行的。做兩天又中斷幾天,很容易產生挫敗感,而每天進步一點點的本質就是讓你獲得心態上的穩定感,這會成為你堅持下去的持久動力之一。


4)不斷尋求正反饋

千萬別悶頭做東西,多尋求反饋,不論是發設計作品到平臺還是朋友圈,亦或是在星球里跟一群相同想法的人互相打卡點贊,這些反饋和認同感都會不斷激勵自己堅持下去。當你因為堅持一件事而有收獲的時候,就能體會到一種成就感與滿足感。不斷給予自己一些正向激勵會讓自己進入一個良性循環,更不容易放棄。

作者:彩云Sky         來源:站酷
藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

魏華的微信.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計www.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 
UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



國外大佬總結的這20條B端圖表設計原則,太實用了!

鶴鶴

最近幾年以來,大家能看到B端設計趨勢已經越來越火熱,在B端設計中關于圖表的設計算是為數不多的視覺發揮點了。那么怎樣才能做好圖表設計,讓設計出來的圖表高大上,符合業務需求,讓業務方和總監對你贊不絕口,本文就必須看完和收藏了,因為實在是太實用!


應用設計越來越依賴數據驅動,對高質量的數據可視化需求也越來越高。然而我們身邊卻充斥著令人困惑和誤導的數據圖表,但我們其實可以通過遵循一些簡單的規則來改變這個情況。



1. 選擇一個正確的圖表可視化類型


選擇錯誤的圖表類型,或默認為最常見的數據可視化類型,可能會讓用戶感到困惑或導致對數據的誤解。根據用戶希望看到的內容,可以用多種方式表示相同的數據集。盡量做到每一次做數據可視化時都能從數據集類型分析和用戶訪談開始。 

undefined



2. 根據正負值使用正確的繪圖方向


當使用水平條時,在基線的左側繪制負值,在右側繪制正值。不要在基線的同一側繪制負值和正值。 

undefined



3. 條形圖總是以0基線開始


刪數據起點會導致曲解。在下面的例子中,看左邊的圖表可以很快的得出結論,值B比D大3倍多,而實際上,兩者的差異要小得多。從0開始可以確保用戶獲得更準確的數據表示。

undefined


4. 折線圖應該要清晰體現y軸上的趨勢變化


對于折線圖,總是限制y軸比例從0開始可能會使圖表幾乎平坦。由于折線圖的主要目標是表示趨勢,因此根據給定時期的數據集調整比例并保持直線占據y軸范圍的三分之二是很重要的。 

undefined


5. 使用折線圖時要考慮時間連貫性


折線圖是由線連接的“標記”組成,通常用于可視化時間間隔內的數據趨勢。這有助于說明數值是如何隨時間變化的,并且對于較短的時間間隔非常有效,但當數據更新不頻繁時,這可能會導致混淆。 

undefined

例如: 使用折線圖來代表年度收入,如果數據是每月更新的,則每個月在圖表中會生成一個個孤立的標記點。用戶可能會假設連接“標記”的線代表實際值,而在特定時間實際的收入數字是未知的,所以可能會產生誤會。在這種情況下,使用垂直條形圖可能是一個更好的選擇。 


6. 不把折線圖強行”平滑“


平滑的折線圖可能在視覺上很好看,但它們錯誤地反映了背后的實際數據,而且過粗的線會模糊真正的“標記”位置。 

undefined


7. 避免使用比例不同的雙軸折線圖


通常,為了節省可視化空間,當有兩個具有相同度量但大小不同的數據系列時,可能傾向于使用雙軸圖。但這些圖表不僅難以閱讀,而且它們還以完全誤導的方式代表了兩個數據系列之間的比較。大多數用戶不會密切關注比例,只是瀏覽圖表,然后就得出了錯誤的結論。 

undefined


8. 限制餅圖中顯示的切片數量


餅狀圖是最流行的也是經常被誤用的圖表之一。在大多數情況下,條形圖是更好的選擇。但如果你決定做一個餅狀圖,有2個比較好的建議:

1)不要超過5-7片,保持簡單

2)可以將額外的最小段分組到“其他”切片 

undefined


9. 在圖表上直接標注


如果沒有適當的標簽,無論你的圖表有多好,它都不會有意義。直接在圖表上標注對所有用戶都非常有幫助。查閱圖例需要時間和精力來理清數據和對應的部分。 

undefined


10. 不要在切片上貼數據


將數據放在切片上可能會導致多個問題,在可讀性問題上和窄切片上都會有挑戰。相反,添加黑色標簽能清晰的鏈接到每個部分。 

undefined


11. 保持餅圖切片秩序以提升閱讀效率


在確定餅片秩序時,有幾種常用的方法:

1)將最大的切片放在12點的位置,然后將下一片切片順時針降序排列

2)把最大的切片放在12點的位置,第二大的放在順時針相鄰位置,第三大的放在11點的位置,其余的切片按順時針降序排列 

undefined


12. 避免隨機排列


同樣的建議也適用于其他許多圖表。不要默認采用字母排序,將最大的數值放在頂部(對于水平條形圖)或左側(對于垂直條形圖),以確保最重要的數值占據最突出的空間,減少眼球運動和閱讀圖表所需的時間。 

undefined


13. 窄的餅圖是難閱讀的


餅圖通常不是最容易閱讀的圖,因為比較相似的值非常困難。當我們把中間部分去掉,創建一個圓圈圖表時,我們騰出了空間來顯示額外的信息,但這樣犧牲了清晰度,極端情況下,圖表就會變得毫無用處。 

undefined


14. 視覺效果不要搶了數據風頭


不必要的造型不僅會分散注意力,還可能導致對數據的誤解和用戶的錯誤印象。你應該避免:

1)3D元素,明暗面

2)陰影、漸變和其他扭曲的多彩色

3)斑馬圖案,過多的網格線

4)過度裝飾,斜體,粗體或襯線字體 

undefined


15. 選擇與數據性質相匹配的調色板


顏色是有效的數據可視化的組成部分,在設計時考慮以下3種顏色類型:一個定性調色板最適合顯示分類變量。為確保易用性,所分配的顏色應該是不同的。連續調色板最適合需要按特定順序放置的數字變量。使用色相或亮度或兩者的組合,可以創建一個連續的顏色集。

發散調色板是兩個連續調色板的組合,中間有一個中心值(通常為0)。通常不同的調色板將傳達積極和消極的價值。確保顏色也與“消極”和“積極”表現的概念相匹配。 

undefined

看看一個方便的工具- [ColorBrewer]https://colorbrewer2.org/#type=sequential&scheme=BuGn&n=3,它可以幫助你生成各種調色板。 


16. 設計的可訪問性


根據美國國家眼科研究所(National Eye Institute)的數據,大約每12人中就有1人是色盲。你的圖表只有在廣泛的受眾可以訪問時才會成功。

1)在調色板中使用不同的飽和度和亮度

2)把現有配色去色然后檢查對比度和可讀性。 

undefined


17. 關注易讀性


確保排版能夠準確傳達信息,幫助用戶專注于數據,而不是分散用戶的注意力。

1)選擇易讀的字體,避免襯線和裝飾過度的字體

2)避免使用斜體、粗體和全部大寫

3)確保與背景有高對比度

4)不要旋轉文字

undefined

 

18. 使用水平條形圖代替旋轉標簽


這個簡單的技巧將確保用戶能夠更有效地閱讀圖表,而不會扭傷他們的脖子。 

undefined


19. 事先選擇合適的圖表庫


如果你的任務是在web和移動項目中添加交互式圖表,你應該問的第一個問題是我們將使用什么圖表庫?現代圖表庫包含了許多前面提到的交互和規則?;谝讯x庫的設計將確保易于實現,并能提供大量交互想法。 

undefined


20. 做成動態圖表


幫助用戶通過改變參數,可視化數據進行探索。然后得出結論,最大化價值和洞察力。在下面的示例中,你可以看到IOS Health應用使用了各種數據表示的組合。 

undefined

原文地址:站酷
作者:彩云Sky

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

藍藍設計www.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

如何在 B 端設計中應用格式塔 7 大原則?來看詳細分析!

鶴鶴

B 端產品主要是 Web 端產品,空間大、操作多,內容相對復雜。需要通過頁面布局或者視覺設計表達出明確的邏輯關系,從設計角度降低用戶的學習成本。而用戶有固定的認知規律。格式塔原理揭示了人類視覺的認知是整體的:我們的視覺系統自動對視覺輸入構建結構,并在神經系統層面上感知形狀、圖形和物體,而不是只看到互不相連的邊、線和區域。

格式塔主要包括 7 個基本原則:

如何在 B 端設計中應用格式塔 7 大原則?來看詳細分析!

今天我們就來總結下,格式塔原理在 B 端產品中是如何應用的?

接近性原則

我們先看 2 張截圖,分別是不同分辨率下的界面效果。

如何在 B 端設計中應用格式塔 7 大原則?來看詳細分析!

可以明顯的感覺到高分辨率下,菜單列間距離較大,菜單的歸屬關系很清晰。而低分辨率下,菜單間的距離變小,特別是后面兩列的菜單會給人混在一起的感覺。這就是格式塔原理中的接近性原則,距離近的關聯親密,距離遠的就各自獨立分組。

當我們想要傳達給用戶層級關系時,就需要善于利用接近性原則。例如表格上方的功能按鈕,通常我們將高頻、核心操作放置在左側,低頻、輔助功能放置在右側。通過增大元素間的距離,達到功能分區的目的。

如何在 B 端設計中應用格式塔 7 大原則?來看詳細分析!

相似性原則

相似性原則是通過顏色、尺寸、圖形等方面的共同屬性,實現信息的分組或者高可讀性。

例如在可視化圖表中,不同范圍值的指標采用不同的背景色。通過背景色的差異,將同一范圍內的數據形成視覺關聯,提高用戶對信息的識別效率。

如何在 B 端設計中應用格式塔 7 大原則?來看詳細分析!

通過圖形尺寸的相似性也可以構建內容分區。例如阿里云、騰訊云控制臺的首頁,都采用了雙列設計,左側主要以高頻的業務功能信息為主,右側是輔助運營信息。兩列尺寸寬度有明顯差異,用戶會將相同寬度的卡片歸為一組。這樣有助于用戶理解兩類卡片的內容差異,并有效地突出業務信息。

如何在 B 端設計中應用格式塔 7 大原則?來看詳細分析!

閉合性原則

IBM、蘋果的 Logo 設計,無論是“用刀砍過”,還是被“偷咬了一口”,用戶仍然可以識別出完整圖形。這就是視覺閉合性原則的一種表現方式。

如何在 B 端設計中應用格式塔 7 大原則?來看詳細分析!

在 UI 設計中,則會通過對齊方式,形成虛擬空間。例如下圖中阿里云通過明顯的背景色、陰影等手法形成有形的內容空間。而微信公眾號則是平鋪背景色,內容區借助標題、卡片對齊形成視覺閉合空間,最終將頁面劃分為左側導航菜單和內容區兩個空間。視覺表現上更輕量化。

如何在 B 端設計中應用格式塔 7 大原則?來看詳細分析!

另外閉合性是需要元素之間相互輔助的,單獨的元素無法構建出閉合空間。以下圖為例,雖然四個小的卡片做了間距分割,但是由于界面整體上是橫向分割的。我們會將 4 個卡片看作是整體元素去理解和認知。

如何在 B 端設計中應用格式塔 7 大原則?來看詳細分析!

連續性原則

用戶更習慣于從左到右的橫掃閱讀,因此連續性主要體現在橫向空間中。

下圖中,雖然左側的標簽文字與右側的內容信息有較為明顯的間距,高度尺寸差距也比較大。但是用戶不會將內容看作是 4 個獨立的個體,而是理解為兩組信息。

如何在 B 端設計中應用格式塔 7 大原則?來看詳細分析!

在某些場景中,如果信息平均分布,不會產生連續性的視覺感知。

例如下圖指標監控中,指標都是采用小卡片,間距、尺寸較為統一。這種情況下用戶就很難對信息分組處理。在我看來這些指標只是一個個的視覺散點,沒有明確的視覺重點。用戶無法感知到內在的邏輯性。用戶想要找到某個指標時,需要逐個檢索,花費的成本更高。

如何在 B 端設計中應用格式塔 7 大原則?來看詳細分析!

簡單對稱原則

通過上述很多圖片,我們可以看出頁面元素基本都是橫平豎直,中規中矩的元素和分割方式。或許有些單調乏味,但是勝在簡單,不會帶來額外的視覺噪點。

特別是 B 端產品,基本看不到異形的存在,甚至全圓角矩形都很少見到。即使有異形,也只是作為視覺表現元素存在于內容中,而不會作為空間的劃分邊界。

如何在 B 端設計中應用格式塔 7 大原則?來看詳細分析!

主體與背景原則

主體與背景原則最典型的應用就是蒙版彈窗。通過拉大主體與背景的差異性,凸顯彈窗信息。

當我們需要著重表現內容時,同樣適用于主體與背景原則。例如登錄界面的設計,會通過差異化的背景、陰影等方式,帶給用戶清晰的視覺層級,適當凸顯輸入框的主體地位。

如何在 B 端設計中應用格式塔 7 大原則?來看詳細分析!

而 B 端內容區是核心空間,基本都是采用純白背景,與頁面背景形成對比,從而占據信息的主體地位。

如何在 B 端設計中應用格式塔 7 大原則?來看詳細分析!

共同命運原則

共同命運原則聽起來有點玄學,指的是相同運動特征的元素會被認為是同一組或者是具有相關性的內容。運動的元素在 B 端產品中應用很少,我沒有找到合適的案例解釋這個原理。

在移動端產品中有些應用案例。比如 iOS 系統中,桌面布局編輯態下抖動的圖標,可以與靜態不可編輯的內容形成隔離效果,視覺引導性更強。同樣今日頭條頻道編輯時,也采用了抖動效果。

如何在 B 端設計中應用格式塔 7 大原則?來看詳細分析!

總結

雖然 B 端產品沒有 C 端色彩豐富,表現力上沒那么炫酷。但是兩者對信息傳達的要求是一樣的,要求和諧、有序、層次分明,輔助傳達內在的業務層信息。靈活地運用格式塔原理將對產品的體驗提升會有很大的幫助。

格式塔原理不僅限于視覺表現,產品經理或交互設計師在原型設計時,也要重視格式塔原理,輔助設計方案表達,提高團隊間的協作效率。

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼ben_lanlan,報下信會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

文章來源:優設  作者:子牧先生
分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

藍藍設計www.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務



按鈕組 Button Groups:大量的操作按鈕如何排布與設計?

鶴鶴

What 是什么

簡介: 按鈕組是把相關的動作組織成一組按鈕的設計模式。按鈕組的內部內容彼此水平或垂直對齊,并采用相似的視覺設計。如果超過三個或四個動作,往往會采取多個分組。

例子: 語雀編輯器的頂部工具欄

undefined


Why 為什么

按鈕組可以讓界面不言自明。在復雜的布局中,被精心安排過的按鈕組會很容易被用戶感知和使用。一方面,它們在界面上往往非常明顯,用戶能夠一眼看到有這些功能可以進行相關操作。


大家所熟知的格式塔原則(Gestalt principles)也在這里起作用。彼此相鄰的按鈕往往暗示著這些按鈕的功能相近,因此會讓用戶感覺到這一組按鈕可以完成類似的功能。相對的,不同的按鈕分組往往暗示著不同的功能類型,因此彼此間應該保持間距,或用不同的形狀,或用分割線進行區分。


When 什么時候使用


如果你需要在界面上展示許多操作按鈕,且需要確保它們隨時在界面上可見。但同時,你又需要用圖形化的方式組織它們,以使它們看起來不會特別散亂。

這些動作中有許多是彼此相似的 —— 它們有相似或互補的效果,比如,它們的功能語義相類似 —— 由此它們可以三五成組地放在一起。

按鈕組可以用在對產品全局有效的操作上(例如「打開」和「選項」操作),或特定的一些通用操作(「保存」、「編輯」和「刪除」),或特定的某些操作(例如布局的「對齊」、「分布」)。不同范圍的操作不應當被到一個組中。


使用條件:

· 存在大量操作按鈕;

· 希望用圖形化的方式組織這些按鈕;

· 操作按鈕間存在功能相關性和差異性;


How 如何使用

這個模式的總結簡單到像是一句廢話:把相關的操作按鈕分成一組。


但如果詳細展開就會有更多的介紹。比如:


· 如果需要包含文本說明,盡量使用兩個字或三個字的動詞短語,不要使用專業術語。

· 不要把不同功能范圍的按鈕放在一個組,應當將它們分成不同的分組。

· 同一組的按鈕應該有同樣的視覺設計:邊框、顏色、高度或寬度、圖標風格、動態效果等。

· 在空間排布上,可以將它們并排起來作為橫排放置,如果空間不太適用的話,也可以考慮一列縱列放置(例如Photoshop的左側工具欄)。

· 如果某一個動作是核心動作,可以將其區別對待。例如網頁表單中的“提交”按鈕。核心動作是希望大部分用戶都需要(或期待)執行的動作。讓這個按鈕擁有更加強烈的圖形或視覺風格來讓它在顯得更為突出。

· 如果按鈕足夠多,而且它們都有小圖標,你也可以把它們放在工具條或者像工具條那樣的狹長條上,放置在頁面的頂部。


通過使用按鈕組可以避免界面上按鈕或鏈接過于擁擠混亂,也可以避免一長串冗長的動作列表看起來毫無關聯或區別。

通過這一模式,你可以創建一個較為清晰的元素層級結構:用戶可以一眼看出哪些動作是彼此相關的,哪些是重要的。


Example 案例

案例一:Sketch 的頂部按鈕工具區

用戶需求:編輯設計文件中的對象


Sketch 也是個很典型的應用了按鈕組的設計工具。Sketch頂部的按鈕不少于15個, 有很多要理解和追查。 但是得益于精心的視覺和語義組織,界面按鈕始終保持一定的可理解性。

undefined


案例二:macOS Finder

用戶需求:按自己需求對文件進行顯示修改和操作


這個案例顯示了來自 macOS 的 Finder 窗口的頂部按鈕組。 秉承其設計傳統,按鈕風格明顯。 導航組是放置在左側中的按鈕組。 布局相關的按鈕組放在了中間,文件操作相關的按鈕組放在了右側。這樣的設計使得界面變得易于理解和使用。

undefined


案例三:WebStorm 頂部操作區

用戶需求:項目執行相關操作


這個案例顯示了 Webstorm 的頂部功能操作區。WebStorm 采用了按鈕組的模式,將項目執行的相關操作和Git相關的操作聚合在一起,中間使用了分割線進行了區分。

undefined


文章來源:站酷   作者:Ant_Design

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

藍藍設計www.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

關于IOC可視化的一些思考

鶴鶴

(一)IOC簡介

①什么是IOC

②IOC設計的發展方向

③IOC設計工具(BI類設計工具)

④IOC的應用場景

以上不展開闡述,不理解的朋友可自行關鍵詞搜索,我們就應用層面發散一下;

數據指標--指揮調度--數字孿生--設備監測--設備控制--事件感知--配置中心

相信設計同學或產品同學,或多或少都有接觸可視化領域。比如B端后臺常使用到一些統計圖表、比如用研分析或者市場分析也常常用到這類圖形來表達。

而涉及B端可視化,有一個不可忽視的詞就是“智慧”

智慧到底是什么,有人會告訴你,以前是數字化時代和智能化時代,現在已經開始進入到智慧化時代。但你要具體問智慧化和數字化有什么區別,大多數人會支支吾吾給你一個抽象的概念。

人尚且不能詮釋智慧,又怎么去創造智慧呢?

所謂的智慧城市、智慧園區、智慧社區、智慧校園、智慧交通、智慧安防,甚至智慧殯葬。

扒開外衣,它真的智慧嗎?

到底什么是智慧?百科告訴你:

“ 智慧是生命所具有的基于生理和心理器官的一種高級創造思維能力,包含對自然與人文的感知記憶、理解、分析、判斷、升華等所有能力。智慧與智力不同,智慧表達智力器官的綜合終極功能,與“形而上之道”有異曲同工之處;智力則謂“形而下之器”,是生命的一部分技能。

在我們的日常生活中,智慧體現為更好地解決問題的能力。






(二)IOC從數字化到智慧化


①從圖表展示到數據穿透


通常,我們設計可視化大屏都容易被局限在平面空間中

“這個屏就這么大,你還想要什么?”





要提升可視化,首先就要打破面板大小的局限性,

理解并以其他形式滿足合理的數據穿透需求


如:


這個餅圖告訴我未處理的還有8個工單,到底是哪8個工單,

誰在處理,處理停留時長多久了?,

你就告訴我沒處理完,能輔助我決策什么?

” 







數據的穿透面板可以有多種形式,以彈窗和面板的切換居多;






②從數據查看到指揮決策


數據穿透后,也需能給到更詳細的信息輔助管理者決策,

但“決策”的動作如何做?

對講機?電話?或又是其他通訊工具?

不可質疑的是,確實很多情況,對講機更有效率

但信息化時代,有時為了痕跡留存,可以犧牲一些效率或嘗試融合;







這就迎來了大屏的功能性操作,工單指派、催辦、關閉、誤報等;


當然,想象空間還有很多,

如:未必客戶的操作臺就如同公安一樣分布著各類事件的值班人員,

未必不會出現臨時替班情況,如何通過大屏指導或指引不熟悉的人員處理事件?

處置預案或者叫處理建議,也許就是另一個亮點。











③從數據可視化到現實虛擬化

數據終究是數據,沒有物理世界的直觀感,

數字孿生即是這個時代最熱也最保溫的話題,比如最近大熱的概念元宇宙;

虛擬世界的映射我們見過太多,但大多是在游戲中,


如果要真正反映真實世界,技術空間依然很深。

打個最淺顯的比方,模型基于X、Y、Z軸坐標,而現實世界基于地理位置(GIS),如何映射?


BIM(城市信息模型) 、GIS(地理信息系統)、IOT(物聯網)





關于孿生,路還很遠,但從幾何模型——數據模型——數據融合——動態孿生到自主孿生,我們已能看見光。

大家可以去瞅瞅51World,一家以克隆地球為愿景的數字孿生機構,雖然不知道他們能走多遠,但一定值得關注和祝福。








④從設備信息展示到設備監測和控制


IOT物聯網?

傳統的可視化我們會羅列設備的信息列表、日志、報警事件,

但大多都是非技術人員無法理解的數據,產生不了價值,更不能輔助決策。

關于設備,我們要往實用層面多加考慮,在真實場景中找到應用價值,

比如監測設備的在離線狀態、故障事件、原因分析、設備開關控制等;


萬物互聯,未必不可能;











⑤從人工發現問題上報到事件感知和事件預測


說到設備的故障事件,我們突然想到,傳統的故障是怎么發現的?

通過物管碼,定期巡檢,上報異常;

現在我們通過設備各項傳感器也能發現,這是設備,那人、車、消防,難道不行嗎?

人可能包括內部工作人員比如脫崗等事件,也包括外來人員的闖入等;

車可能包括超速、逆行、違停、僵尸車輛等;


現在的AI感知攝像,如執法攝像、車輛監測、熱成像攝像等,可以幫助我們感知大多常規事件。







除此之外呢,數據的比對可以分析出各類異常,當然,人工反饋也不可或缺。






⑥配置中心

數據差異多大算異常,什么時候告警,這些隨場景不同都可能截然不同,標準雖然重要,配置也不可沒有;

圖表的展示形式,是折線又或是柱狀,維度是區域又或是樓棟?,圖表的樣式和數據維度配置貌似讓人驚喜;

誰來看都展示一樣的數據?會否出現數據查看的需求不同?演示和使用的需求會否截然相反?


打個不恰當的比方:

使用時,更希望沒有告警;

演示時,更希望讓觀眾看到我們對告警事件的處理效率和大屏的智慧;

權限的配置值得深思;




文章來源:站酷   作者:互耕II乙方

分享此文一切功德,皆悉回向給文章原作者及眾讀者.


免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

藍藍設計www.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務



如何通過數據驅動設計

鶴鶴

一、前言


在日常的工作中,會經常接觸到一些數據方面的內容,同時我也在不斷的加強相關方面的專業知識學習,希望可以借此做一個總結,與大家分享。如果你也在平時的工作中遇到相關的數據問題、不知如何利用數據推動設計、或者對數據抱有一定的興趣,那我們可以一起往下看。

本文主要圍繞以下幾個方面來進行解釋說明:




二、背景


隨著互聯網大環境從增量進入到存量市場,企業發展與產品的迭代越來越離不開數據的指導,數據驅動已然成為當下產品的主趨勢。身為設計師的我們,更應該對數據保持高度敏感,通過一系列的數據分析推動設計迭代,并讓其更合理、更具有可信度。

任何一款產品,設計師都無法根據自己的心情、想法,一拍腦門的迅速產出。好的產品,既要考慮市場價值,也離不開用戶體驗,應該明確目標而進行實現,所以設計過程中需要依靠數據給予我們指導,即利用數據驅動設計。



三、深入了解數據


3.1 數據的作用

數據在產品迭代過程中有著舉足輕重的地位,對于設計師而言也是極其重要。在了解數據之前,簡單的理解一下為什么需要數據,在互聯網產品設計中,數據的作用主要分為以下三點。


3.1.1 提效賦能

工作中或許會常常面臨多種需求并線進行的狀況,合理客觀的數據有助于我們更好的分清任務的優先級,并聚焦于當前最緊急的任務展開進行。合理有序的安排可以推動任務的快速高效完成。



3.1.了解用戶

設計師與真正的用戶之間往往存在一定的差異,我們不能按照設計師固有的思維方式去衡量用戶的想法,更不能想當然的覺得用戶需要什么。

數據可以幫助我們更好的了解用戶,利用數據分析的種種方法,我們可以進行抽絲剝繭,發現更深層次的問題,不斷的去深挖用戶需求,進而更好的滿足用戶,只有這樣我們才能更好的留住用戶,促進產品增收。



3.1.設計支撐

在進行設計輸出的過程中,我們可能常常會遇到以下情況:

我相信各位設計師在日常的對接中,一定是根據需求文檔進行了設計輸出,但是在設計評審階段卻很難去說服各需求方。數據在此情景下就顯得非常重要,它可以幫助我們針對設計方案有一個理性的數據支撐,去衡量我們的設計方案是否合理有效。

其次在項目上線后依據數據反饋,可以驗證此次設計是否達到理想目標,是否還有進一步優化的空間。了解數據可以更好的幫助我們深耕需求、把控方向。



3.2 數據的類型

為了進一步了解數據,現將所有的數據進行整合區分,大致上可以分為兩個類型,分別是定性數據與定量數據兩大類。

定性數據指導設計過程,往往判斷某件事物的意義與價值。定量數據關注數據頻率,在結果上更具有說服力。這兩種數據的類型在數據分析以及設計驅動的過程中都非常重要。時常會通過定性數據來發現、定義問題,最后再由定量數據來驗證結果。


3.2.1 定性數據

定性數據是非統計數據,在樣本選取上,數據量較少,主要收集途徑有以下方法:應用商店評論、客服反饋、音視頻記錄、筆記反饋、訪談調研等。

可以快速了解到用戶的行為和態度,這種數據具有可調查性,是可以進行深入研究的,能進一步推斷出設計的哪些方面存在問題,從而通過設計方法優化產品設計體驗。


3.2.2 定量數據

定量數據是統計性的,可以用來問“多少”的問題,最終生成結論性的數據信息。收集途徑可以有以下方法:測試、產品數據、指標上報、實驗調查等。

定量數據提供了對設計的間接評估,可以快速了解用戶基礎信息數據以及對產品的使用感知,例如完成率、滿意度等等數據指標,它不僅可以幫助我們快速統計信息,還能驗證結果。




3.3 數據的維度

數據不應該是只停留在表面的數字,需要深入的了解數據,善于從這一堆數字背后,發現數據的真實意義。

由此,Google推出HEART模型,作為一套完善的用以評估以及提升用戶體驗的標準。HEART模型包括五個維度,分別為:愉悅度(Happiness)、參與度(Engagement)、接受度(Adoption)、留存度(Retention)、完成度(Task success)。通過這種方式將數據分為五個維度,可以更有效的明白不同類型的數據所體現的真實含義。



3.3.1 愉悅度(Happiness)

什么是愉悅度?關于這個問題,大概一千個人會有一千個回答吧,因此愉悅度更偏向于用戶在產品使用過程中直觀的主觀感受,例如滿意度、產品體驗感受、推薦指數、易用性感知等等體驗指標,通過這一類的數據可以有效的了解用戶對于產品或者某個功能的喜好程度。

可以利用定性研究的方式獲取用戶在體驗和感知上愉悅程度,例如一對一訪談、觀察小組、可行性測試等。也可以通過定量調查中的問卷、數據反饋、AB測試等了解用戶的使用情況以及推薦指數等。



3.3.2 參與度(Engagement)

指用戶在使用產品功能時的參與深度,衡量指標即為有效活躍用戶的數量。用戶參與度并沒有統一的可量化的界定標準,但大致上可以分為以下幾個指標,產品訪問頻次、平均訪問時長、訪問頁面數量、產品使用間隔。

數據的衡量只是最基礎的一步,更重要的是如何提升用戶的參與度,對于新用戶而言,可以通過引導、幫助等建立良好的第一印象;對于老用戶,需要合理的推送相關優惠與活動,也可以利用游戲化運營建立長期關系,這些都是比較有效的提升參與度的方法。



3.3.3 接受度(Adoption)

當一個新的產品與功能出現時,由于陌生感,用戶短時間內很難接受,而接受度就是指用戶在特定時間內真正開始習慣并使用。

為了快速得到用戶的認可,往往產品設計中會通過競品分析的方式確??蚣軆热菖c市場的同類產品保持一致,滿足用戶的使用習慣。而針對大部分的新用戶也會使用新功能引導以及相關通知推送等加快新用戶的接受度。



3.3.4 留存度(Retention)

在產品運營中,留存是最關鍵的數據指標,它也是產品獲利與增長中最主要因素之一,留存直接決定了用戶是否愿意繼續使用,它是最真實的數據表現,而留存通常體現在,多日留存率、回訪率、不同平臺的使用重合率等。

針對這一數據我們需要關注的核心問題就是如何提升用戶留存率,大致的方法可以分為以下兩個維度:

(1) 產品維度

產品功能決定是決定用戶留存的關鍵。在需求設計上,通過挖掘潛在需求,刺激用戶長期使用,并且通過拓展應用場景,不斷提供細分服務,進一步滿足用戶;甚至我們也會發現在大多數產品中,通過建立社區,打造社交圈子,強化用戶的粘性。

(2) 運營維度

產品使用過程中,合理的運營也是提升用戶留存的關鍵之一,常用的方法有定期舉辦活動、例如砍價、助力、簽到、每日任務等;也可以通過消息推送挽留用戶。



3.3.5 完成度(Task success)

完成度主要是指用戶對于關鍵任務的完成率,常常用來衡量交互流程是否合理。主要包括以下維度:首次點擊時間、操作完成時間、完成點擊次數、完成率、失敗率、出錯率等。

A: 任務完成度的衡量指標該怎么計算呢?

(1) 任務完成時間

用戶在整個任務過程中,所花費的時間即為任務完成時間。

(2) 完成率

完成率=完成的操作次數/開始操作的次數


產品設計中,為了提升完成率,需要輔助用戶進行交互并進行引導設計,不僅需要符合不同場景變化以及用戶的心智模型,還要給予用戶體驗流程中的舒適感受,進一步輔助其完成任務。


B: 如何提升任務的完成率呢?

(1) 降低理解成本

利用設計手法,降低任務流程中的理解成本,切入到實際的場景中,幫助用戶快速完成任務。

例如在列表模塊中,默認狀態下的輸入框內,展示灰色的提醒文案,提前告知用戶該區域應該填寫的內容;比如說高德地圖通過AR技術結合導航,快速幫助用戶完成導航任務;再類似于可視化數據看板,幫助用戶快速獲取信息結果。


(2) 精簡任務流程

降低理解成本只能單一的滿足用戶操作前的理解,而操作過程中的步驟長短也起到非常關鍵的作用。優化任務流程,目的就是為了提升完成率。

例如用戶在進行登錄注冊時,可以點擊右上角的文案即可實現登錄注冊狀態的快速切換,減少用戶切換的流程步驟。再比如說表單填寫類的產品,還可以將相同的內容進行整合,減少操作。甚至電商產品中,可以通過找相似減少用戶的篩選成本。



(3) 系統智能預判,提供幫助

結合用戶的場景與行為,進行合理的預判設計,有助于縮短用戶操作路徑、引導用戶轉化。例如下面的案例,在表單信息填寫中,通過智能判斷關聯內容,提供幫助,甚至通過判斷用戶的行為,進行精準內容推送。



3.4 常用的數據

通過以上數據的五個維度,可以發現數據的覆蓋面是十分廣泛的,不同的數據反映不同的內容。在工作中我們也會接觸到復雜且多樣的數據,對于設計師而言,常用的數據大致可以劃分為用戶數據、行為數據、業務數據這三大類別。



3.4.1 用戶數據

從字面上理解用戶數據即為與用戶有關的數據,這種數據常常用來描述用戶人群、用戶基礎屬性等。通過一系列的“用戶數據”進行支撐,可以快速梳理關于產品的基礎用戶群體,構建用戶的畫像。

不同的產品屬性,有不同的用戶人群畫像。比如說美柚這款記錄類APP,主要的用戶人群是年輕的女性,對生活有一定的追求;再比如說英語流利說這款產品,主要的用戶人群是年輕的、有明確學習英語需求的人群。

用戶數據主要包括兩大類別:用戶基本屬性與用戶生命周期數據。


a、用戶基本屬性

用戶基本屬性通俗解釋即為關于用戶自身最基本的屬性,包括性別、地域、年齡、職業、學歷、收入、婚姻狀況等等......通過這一系列的屬性,我們可以對用戶有一個更深刻、更全面的認知。

只有更好的了解用戶,我們才能進行針對化的設計產出、精準投放,從而推動產品更好的發展。這就好比兩個人談戀愛,只有清楚對方的想法、習慣、喜好,才能減少吵架的幾率,實現和諧發展。



b、用戶生命周期數據

生命周期指的是從開始到結束,用戶都會經歷著從接觸到流失的階段,我們通過生命周期結合用戶數據可以簡單分為新增、活躍、留存、流失。


1、新增用戶數

新增用戶從字面上拆解開來即為新、增,廣泛意義上來說,我們可以將一段時間內打開產品的新用戶人數算作新增用戶,但是更嚴謹一點的話,則表示某產品一段時間內新增加的注冊用戶數量。

通常我們將下載且訪問過產品的用戶稱為訪客,這部分人群是潛在的注冊用戶。


2、活躍用戶數

活躍用戶在體驗產品的過程中會花費更多的時間與精力,相比普通用戶而言他們更加認可平臺,對于平臺的發展有著重要的地位。那什么是活躍用戶?如何具體的去定義活躍用戶呢?

通常來說,用戶在規定的時間周期內,有打開過產品,這就算做一個活躍用戶。當然,不同平臺對于活躍用戶的定義存在一定差異。而活躍用戶主要也分為兩類:新用戶與老用戶,而從商業的角度上還可以劃分為低價值用戶與高價值用戶。

活躍用戶數常見的指標有DAU、WAU、MAU。

DAU:Daily Active User,表示日活躍用戶數量,指的是從0:00-24:00一個自然日(統計日)之間,登錄并使用了某一功能的用戶數量。

例:某個產品的日活計算方式為打開該APP即算活躍,2022年1月19日這天打開APP的行為有50次,經排重后發現有30個用戶打開了APP,那么該產品的DAU就是30。

了解完DAU,我相信大家對于WAU(周活躍用戶數量)與MAU(月活躍用戶數量)應該不至于陌生了。WAU與MAU,他們兩者最大的區別就是計算周期的不同,但需要注意的是,月活的計算并不是簡單的日活相加,我們需要進行去重。



3、用戶留存率

在講解用戶留存率之前,我們應該了解用戶留存。何為用戶留存?顧名思義,就是最終留下來的用戶。用戶留存率這一指標可以反饋當前產品的質量如何,這是產品自初期開始就需要持續關注的內容。常用的用戶留存指標有次日留存、3日留存、7日留存、15日留存和30日留存。



4、用戶流失

用戶流失的定義是什么?用戶流失需要結合時間(Time)與動作(Action)這兩個指標進行,即用戶在一段特定時間內未進行關鍵行為的操作。與之常常相關聯的因素大致分為產品生命周期、負面體驗、競品策略等等。

用戶流失率的存在表明了用戶對產品的負面反映,對于產品發展有著非常重要的數據反饋。

當下市場中的獲客成本越來越高,獲取新用戶的成本要比留住現有用戶的成本高出5倍。因此降低用戶流失率,就顯得尤為重要。



3.4.2 行為數據

行為數據常用來描述用戶使用方式,指的是用戶在使用產品過程中所產生的一系列交互相關的數據,通過分析快速了解用戶特征,為流程優化、精細化運營、產品體驗等設計措施提供判斷依據、輔助設計。

行為數據的指標主要包括轉化率、平均停留時長、跳出率、PV、UV等等。

1轉化率

什么是轉化率?轉化率就是下一頁面與當前頁面的訪問占比。它常常被用來衡量產品路徑中的用戶體驗是否合理,從而進一步推動流程優化以及設計迭代。

以下圖為例,有200個人來到了頁面A,其中有100人點擊頁面A的按鈕進入頁面B,那么頁面A按鈕的轉化率則為(100/200)*100%=50%。


2、啟動次數

通常指的是某一特定時間段內用戶啟動應用的次數。與之相關的兩大指標分別為用戶總啟動次數與人均啟動次數,常用來反映用戶粘性與活躍度。


3、使用時長

使用時長是指某一特定時間段內用戶從打開到關閉產品的使用時間。使用時長需關注的指標為用戶總使用時長、人均使用時長、單次使用時長。這些指標常用來衡量用戶粘性與活躍度,常常需要與啟動次數一起結合進行分析。


4、訪問分析

頁面訪問分析包括頁面訪問次數、停留時長、跳出/退出率、用戶訪問頁面數和用戶訪問路徑。


(1) 訪問次數

訪問次數是指訪客完整打開頁面進行訪問的次數,常用來衡量產品的訪問速度。

(2) 停留時長

停留時長表示用戶進入產品中,呆了多長時間后離去。這一指標是考量用戶粘性以及貢獻度的重要指標。

(3) 跳出率/退出率

跳出率,指的是只訪問了入口頁面即退出的次數與入口頁面訪問次數的占比數。

跳出率越低,說明流量越好,用戶對產品的興趣越高。

計算公式為:跳出率=訪問一個頁面后離開的次數/總訪問次數*100%

 

退出率是指從該頁面退出的頁面訪問數與進入該頁面的頁面訪問數之比。

計算公式為:退出率=退出次數/總訪問次數*100%


跳出率為(2/8)*100%=25%

退出率為{(2+2)/(8+2)}*100%=40%

 

注意:跳出率與退出率較高,也不全部都是壞事。我們需要具體問題具體分析。比如說某些下單頁面,點擊提交后會進入第三方支付平臺,該頁面跳出率高則為正常。



(4) 用戶訪問頁面數

用戶訪問頁面數常常離不開兩方面的指標,PV值與UV值。

PV(Page View):指的是在一個特定周期內,頁面訪問量或點擊量,側重瀏覽量。

用戶每訪問一次就算作一個PV。

UV(User View):指的是在一個特定周期內,訪問頁面的人數之和,側重訪客數。

一天內同個用戶多次訪問僅算作一個UV。



(5) 用戶訪問路徑

用戶訪問路徑是統計用戶從進入產品到離開產品整個過程中的路徑與頁面訪問情況,不同的用戶路徑是不同的,我們需要去定位關鍵節點,針對性的產出優化方案。

如下圖所示,用戶在進行針對性的查找歌曲時,通過首頁的搜索入口進入,在搜索引導頁面中輸入歌名,最終出現結果頁。通過用戶的訪問路徑分析,可以為我們進行優化提供合理的切入點。





3.4.3 業務數據


1、ARPU

ARPU是 “The average revenue per user” 的縮寫,是指在某一周期內用戶產生的平均收入,用來衡量單個用戶為企業所帶來的效益。

注意:ARPU值是有時間屬性的,我們在計算的時候需要有清楚的時間定義,不同的定義方法,計算出來的結果是有很大差異的。



2、付費率

不同業務模式之間的付費率計算方式是不同的,在進行分析之前,我們就需要弄清楚分析的維度。

(1) 注冊用戶付費率

注冊用戶付費率=付費人數/注冊人數

(2) 活躍用戶付費率

活躍用戶付費率=付費人數/活躍用戶人數



3、GMV (成交金額

GMV (Gross Merchandise Volume),即成交金額。這個指標常用在電商行業,是用來衡量電商企業綜合實力的核心指標。

GMV=真實成交金額+未付款訂單金額+拒收訂單金額+退貨訂單金額。簡而言之就是GMV為已付款訂單與未付款訂單兩者之和。



4、LTV (用戶終身價值)

LTV(Life Time Value),為用戶生命周期價值。一般常用指標為3日、5日、7日、30日、60日、90日LTV。常用來衡量用戶從開始使用到不再使用產品的整個生命周期內,為企業貢獻了多少收入。

它的計算方式由兩部分組成:LTV=LTxARPU,LT為用戶生命周期,ARPU為每用戶平均收入。




四、數據分析思維

數據分析不僅僅是擺數據,同時深度的結論也非常重要??沼袛祿?,沒有結論,對于決策者而言并沒有什么明確的用處。那么,面對一堆數據,我們該如何分析得出深度的結論,從而驅動決策?


4.1 數據來源

數據的獲取渠道有很多種方式,接下來分享幾個我在工作中經常使用的方法。


4.1.1、數據分析平臺


注意:同一關鍵詞,不同平臺的搜索結果可能存在一定差異




4.1.2、內部咨詢

平時的工作中,我們不能僅僅是沉浸在自己的世界,需要加強與其他同事之間的溝通交流。通過與用戶運營、數據分析師的交流,可以了解到最新的數據情況,時刻保持敏感度。

如果公司沒有專門的數據分析師,也可以從客服人員下手,他們無疑是與客戶打交道最直接的人了,他們對于用戶的痛點會更及時感知??梢酝ㄟ^詢問客服人員,更好的了解用戶的痛點需求,輔助我們設計方案的執行。




4.1.3、用戶反饋

我們可以通過多種方式了解用戶對于產品的反饋,比如說Feedback用戶反饋,Twitter、Facebook等社交媒體,以及Google Play應用商店評論等。



4.1.4、數據埋點

針對想要查看相關數據的模塊內容,提交關鍵數據指標給到數據分析師、開發等,從而進行一個定制化的內容獲取。

注意:說到這里就不得不提到數據埋點,有一個需要我們注意的地方,那就是在進行埋點時,一定要在設計階段就提前告知開發以及數據分析師,做好溝通工作,針對需要的數據進行埋點處理。



4.1.5、需求評審

在需求評審前,設計師可以提前了解相關數據,幫助我們對于設計層面有個更深刻的理解。在評審過程中,通過溝通碰撞了解到更多的數據,也能依據之前項目的數據資料作為參考,輔助本次設計優化。



4.1.6、復盤分享

在一些大的項目上線一段時間后需要進行數據反饋,大家針對結果做一個項目復盤,開展相關會議。在這結果之外,我們還需要關注是否產生了新問題以及是否有新的機會發掘點。在復盤之后,針對知識點進行共享,設計師可以通過這種方式了解更多信息,方便后期迭代。




4.2 甄別數據

數據的呈現往往告訴我們已經發生了什么,但它沒有告訴我們將會發生什么。我們應該利用數據,從歷史中吸取教訓,也可以依據過去的趨勢預測未來,甚至可能是非常準確的預測。我們需要對數據有一個理性的判斷,進行甄別。

4.2.1 虛榮數據

什么是虛榮數據?如果空有一個數據,盡管該數字看起來很美,卻無法依靠該數據去進行設計驅動以及提供具體價值,那么該數據就是一個虛榮數據,毫無意義。

以下幾個指標則是常見的虛榮數據,我們需要引起注意。


1、點擊量

無論什么網站,只要頁面上存在的可點擊區域多,那么該頁面的整體點擊量數字必然都比較高。相比之下,我們更應該關注的是點擊人數,而不是點擊次數。100個用戶每人點擊1次,與1個人點擊100次,后續帶來的結果是必然不同的。


2、下載量 

下載量的多少有時候會影響產品在應用商店中的排名,但是這個數據指標并不能帶來實際價值。反觀下載之后的注冊轉化率、付費轉化率等等才是我們關注的重點。


3、用戶數

用戶數量越大,這個產品聽起來似乎就越成功。但是產品的成功與否,并不僅僅取決于這一個數字,而是與之相關的一系列指標。

比如說A、B兩款產品的用戶量分別為100萬以及50萬,用戶活躍度分別為1%與30%,其他都是沉默用戶,那么就一定能說A產品要比B產品好嗎?

用戶數量再大,沒有體現出對應的價值,那么就是虛擬數據。我們不能被這些虛擬數字所欺騙,還沾沾自喜。


4、停留時長

用戶的停留時間越長就說明這個產品越好嗎?真的是由于產品的用戶體驗做的足夠好而讓用戶產生了沉浸式的體驗從而一直停留嗎?

用戶的停留時長并不是越長越好,這個指標也無法直觀反映用戶對產品的粘性。我們更應該結合完成度、內容跳出率等數據進行綜合判斷。




4.2.2 異常數據

數據分析過程中,也會存在很多異常數據,需要從多個角度看待數據,一般來說,產品的部分數據指標存在固定的波動周期,當某項數據指標突然不符合常規波動變化的時候,我們就需要去進行深入的研究,挖掘異常背后的原因。


1、幸存者偏差

幸存者偏差是數據分析中常見的邏輯錯誤,那么簡單來說是什么意思呢?

通過以上幾個例子,想必大家對于幸存者偏差都有一定的理解了吧。所謂幸存者偏差,即我們在進行統計的時候忽略了樣本的隨機性與全面性,用局部樣本代替總體樣本。歸根到底這就是由于獲取信息知識的不全導致的認知偏差。這啟示我們在查看數據的時候,不能只看顯而易見的信息,同時還要找出沉默信息。否則,一定會存在著巨大偏差。


2、數據樣本不夠

在進行數據提取的過程中,除了需要注意上面所描述的樣本選擇問題上,還需保證足夠多的樣本數量來進行支撐。按照常規定律來說,數據樣本達到一定的數量程度,才能展示出相對真實的規律。

例:比如說我們在產品中新增了一個功能,但是由于預算、人力資源等原因在前期的推廣宣傳階段并沒有多少曝光,只有一部分老用戶知道,這就說明這個功能很失敗,沒有存在的意義嗎?答案未必是這樣。

所以在進行數據提取時,我們就需要盡可能的保證有足夠多的樣本數據,這樣才能保證最終輸出的數據結果是最客觀的。


3、存在臟數據

臟數據,也被稱為壞數據,常常是指不合理、對于業務毫無用處的數據。

臟數據產生的原因有多種,數據統計過程中可能是由于輸入了多余空格、重復插入多余數據等等。在前期數據收集分析階段,例如問卷調查,往往會存在很多無意義的問卷,為了保證問卷的準確性,可以通過設置分支題目、陷阱題目等等方式來進一步篩選問卷,做好對臟數據的防控與清洗。



4.3 分析方法

接下來給大家分享幾個平時工作中常用的數據分析方法,包括以下幾種:漏斗分析法、矩陣分析法、對比分析法。


4.3.1 漏斗分析法

漏斗分析法是數據分析過程中非常重要的一種分析模型,能夠科學的反映用戶行為狀態以及從起點到終點各階段之間的用戶轉化情況。

常用的指標包含轉化率與流失率。通過層層的分析,觀察流程中是否存在提高轉化率的機會點,挖掘設計。(后面會結合實際項目為例進行詳細闡述,這里就不做過多講解)


4.3.2 對比分析法

所謂的對比分析,就是給孤零零的數據一個合理的參考,否則這種數據是沒有意義的。在利用對比分析法進行數據分析時,需要關注兩個方面內容:對比對象與對比維度。

在產品迭代測試的過程中,為了增強說服力,擇決出最佳方案,往往會采用對比分析,也就是常說的A/B Test。A/B Test最核心的思想是要保證單一變量,其他條件保證相同。回到設計本身,一般來說每個方案應該大體上相同,只是某一個地方有所不同,比如某處文案、顏色、圖標等。然后針對不同的用戶展示不同方案,統計并對比不同方案的轉化率、留存率等指標,從而確定最優方案。


4.3.3 矩陣分析法

矩陣分析法常常是通過兩個指標的交叉,利用分析矩陣劃分為四個象限,找出問題的優先級。

例:如下圖所示,為某個運營活動點擊的四象限分布情況。X軸自左向右,Y軸自下而上,分別代表了從低到高。

通過矩陣分析的方式,我們可以快速定位當前最值得的MVP優化方式,指引我們在復雜的數據中正確前行。



五、數據驅動設計

作為一名設計師,在了解了數據基礎的內容后,就需要掌握通過數據驅動設計最關鍵的內容,接下來我將通過用戶、行為、業務三個角度來給大家分享幾個不錯的設計案例。


5.1 用戶增長

通過上面的分析,我們了解到用戶數據涉及到兩個方面,用戶的基礎屬性數據可以很好的輔助設計,通過數據對用戶進行分層,例如性別、年齡、地域,這些都是常見的用戶基礎屬性;

除此之外,與用戶相關并關聯產品的重要數據還包括新增用戶、用戶活躍度、用戶留存率、用戶流失率等數據,我們可以通過這些數據的表現挖掘背后的原因,進而通過設計手法深入優化促進用戶數據增長,形成閉環。簡單分享以下幾個方法。


5.1.1 產品拉新

關于產品拉新,并不只是產品上線后需要考慮的事情,在產品設計的每一環節中,都是需要去進行考慮的。產品拉新可以通過邀請碼、新手福利、邀請好友等幾個方面進行。


1、邀請碼

邀請碼通常是由企業發放,優先發放給種子用戶,然后通過種子用戶的社交圈去進行擴散,進而吸引更多的用戶參與進來。

前段時間爆火的一款國外音頻社交軟件Clubhouse,便是利用了這種方式進行擴散傳播。與Facebook、Instagram、Twitter等社交軟件有所區別,Clubhouse并沒有對全部用戶開放,而是需要得到其他用戶發出的邀請碼驗證后才能進行使用。邀請碼的稀缺性將Clubhouse的熱度炒得越來越高,使得參與其中的用戶能產生一種自我滿足感,同時這種模式大大保證了音頻內容的質量。


2、新手福利

一些產品針對未注冊或者未使用過產品的新用戶,會發放專屬福利,促進用戶轉化。

新手福利通常是以開屏頁、Banner、彈窗、活動頁、新手任務等形式進行領取,隨著市場環境的緊張,獲客成本越來越高,新手福利的成本的也在逐漸增加。


3、邀請好友

針對注冊或使用過產品的用戶而言,通過發掘他們自身的社交圈子,促使老用戶自覺邀請新用戶,提升產品的用戶數量增長。

邀請好友有以下兩個常見方式:

(1) 增加分享入口

老用戶可通過點擊分享圖標的形式直接分享給相應的好友。比如說,網易云音樂這款產品,用戶可以邀請好友一同在線聽歌,或者是單獨分享給特定的人。這種方式主要是利用了人的分享和展示心理。

(2) 福利刺激

平臺發放一定的優惠券、獎勵等給到用戶,新老用戶都可以通過這種方式獲得對應的獎勵。這種方式主要是利用了人的獲利心理。


5.1.2 活躍運營

活躍運營可以提升沉默用戶的活躍度,對于產品的發展有著非常重要的作用,常常通過一系列的方式來進行布局。

1、用戶積分體系

積分體系如果運用的好,那么對于增加用戶粘性以及提升活躍度是非常有幫助的。這個積分體系是否能夠吸引到用戶,就在于積分所兌換的產品是否有足夠價值。

比如說常見的外賣平臺——餓了么的積分體系,其核心就是圍繞下單行為而展開,下單之后返還吃貨豆,吃貨豆可兌換紅包,紅包再次消費抵扣。整個操作流程,圍繞用戶的核心行為構建獎勵并形成閉環。


2、簽到

很多產品都設置了簽到功能,希望借此方式提升用戶粘性。這一功能的常見名稱為“簽到”“打卡”,或者根據運營活動的場景來進行命名,比如說螞蟻莊園、新浪種樹等。

一種良好的簽到模式對于用戶習慣的培養是有著積極的正向作用的,但是關于在產品中是否增加該功能,也是要根據自身的產品特性去進行更細致的考量。

簽到的方式主要有自動簽到與手動簽到這兩種。

(1)自動簽到

登錄自動簽到的方式常見于游戲類應用中,比如說王者榮耀這款產品,用戶打開即以彈窗形式告知用戶,領取相應的獎勵。

(2)手動簽到

用戶點擊簽到入口,即可完成簽到。相比自動簽到而言,這種簽到方式應用范圍更加廣泛。


3、社區

現如今越來越多的產品開始打造自己的社區,比如說淘寶的逛逛,咸魚的會玩等等。為什么社區功能越來越普遍呢?社區的存在,可以讓用戶在產品有一個屬于自己的社交圈子,這樣有助于用戶產生粘性,從而提升產品活躍度。

例:Keep通過打造高品質的UGC內容社區,滿足新老用戶的價值需求。頂部Tab分為關注、精選、圈子三個模塊。關注一欄方便用戶快速查看自己感興趣的人,滿足社交需求。精選一欄承載了KOL與內容生產者的分享內容、用戶社交留存功能。圈子一欄更好的滿足用戶想要一群人打卡的情感訴求。


5.1.3 留存

留存的本質是要滿足用戶的核心需求,只有滿足了這個條件后用戶才會持續使用。它應該貫穿于整個用戶生命周期,而不僅僅是局限于其中某一個節點。好了,廢話不多說,直接上例子。

1、流暢的首次體驗

用戶首次使用該產品時是否順暢,能否在第一時間找到自己所需要的內容,很大程度上會影響用戶后續的留存情況。

比如說現如今很多產品為了降低用戶的登錄注冊成本,通過手機號一鍵注冊即可實現快速登錄。若未注冊過,在登錄時系統會自動判斷并為其創建賬號。這種方式極大的降低了用戶記憶成本,同時還有安全性的保障。


2、降低學習成本

通常來說一款產品的學習成本越高,用戶理解起來就越困難,那么用戶長期留在該平臺的概率就會降低,故而我們應該通過一些設計手法去降低用戶的學習成本。

例如一些金融產品,其晦澀難懂的專業知識對于新手小白來說真的是非常困難,基本的認知都存在困難的前提下,更別說指望用戶轉化了。基于此背景,新手引導提示、新手教學視頻、在線客服服務、模擬交易等等方案,都會極大的降低用戶理解成本,為后續用戶的下單轉化提供有力的幫助。


3、遷移成本

何為用戶遷移成本?用戶選擇新產品的行為需承擔的代價。隨著遷移成本的增加,用戶長期使用該產品的概率也會相應增加。

例如有道云筆記這款產品,用戶在該平臺創作了大量的內容后,就很有可能會長期留在該平臺,因為重新換平臺的成本著實有點高。




5.1.4 挽留機制

挽留機制是留住用戶、促進用戶轉化的最后一道程序。

常見的挽留機制有以下幾種形式:

1、提供解決方案

當淘寶用戶在進行退款時,若原因是地址填寫錯誤,那么頁面會自動出現彈窗提醒用戶修改即可,避免用戶取消訂單,從而降低退款率。


2、利益刺激

當用戶退出購買頁面關鍵節點時,會以彈窗形式進行挽留。

例:知乎會員購買頁面退出時,系統會自動出現二次確認彈窗,將價值點信息以動效形式展示在視覺中心,并對支付按鈕進行突出設計,吸引用戶注意,再次挽留。

例:拼多多的二次挽留同樣以彈窗形式展示,突出利益點,同時有時間維度,使得用戶產生緊迫感,刺激用戶下單。


3、操作警告

操作警告類的文案二次提示,可以讓用戶對當前行為有更清楚的認知,并仔細思考。用戶會考慮到一些時間成本、花費精力等因素,可能會取消放棄的念頭。

例:全民K歌這款應用,用戶想要刪除之前發布過的創作內容,點擊刪除之后,會出現二次警示確認彈窗,對用戶的行為進行一個挽留。就算最終用戶刪除了創造內容,還可以在最新刪除列表中恢復。這樣既可以避免用戶誤操作引起的后果,還能最大程度的保護創作內容的多樣化存在。




5.2 行為優化

行為數據描述用戶使用方式,雖然與用戶相關,但更加關注的是使用的流程、方式與產品體驗,其中重點關注的數據包含點擊率、轉化率、訪問分析等。


5.2.1 行為場景復現

深入分析用戶的訪問數據,模擬行為場景,更好的把握用戶當下的心理,從用戶角度出發去設計。下面,我將以一個工作中的實際項目為例,詳細闡述如何從設計側推動項目迭代。

例如我們接到一個需求,需要進行注冊流程的優化,提升這一模塊的轉化率。很多時候,我們往往會陷于視覺層面進行調整,但這并不能從根本上解決問題。我們需要靜下心來仔細思考,真正找到這個需求背后的目的以及當前存在的問題。

那么我們可以怎樣去進行呢?首先,為了對用戶行為有更直觀的理解與感受,可以利用用戶體驗地圖的形式將用戶行為場景復現,通過對用戶的情緒曲線、想法的剖析,從中找到合適的機會點,為后續設計的迭代優化提供一定思路。

通過對用戶的旅程進行分析,可以發現在不同關鍵階段中所對應的數據指標也不同。因此在設計的過程中可以針對不同的行為場景,制定對應的數據優化目標,從而提升整體的產品價值。



5.2.2 行為路徑優化

用戶的行為是決策的重要因素,了解用戶的行為和意圖后,會發現大部分用戶的行為與設計會存在很大的偏差,所以需要更多關注用戶的行為數據,揣摩用戶行為下的真實心理與訴求,才能做出用戶滿意的產品。

緊接著上面的案例,咱們繼續通過漏斗模型進行深入分析,優化用戶在登錄注冊路徑上的體驗,提升轉化率。

原有的登錄流程轉化率如下圖所示


1、快速定位問題環節

通過數據反饋,發現從注冊頁面到點擊注冊按鈕這頁面之間存在較高的流失率,其次再是安全驗證頁面。我們需要對這一流程中的關鍵節點進行梳理,同時將主要的精力聚焦于該模塊的優化。針對流失率較高的主要頁面進行著重設計。


2、分析問題

通過數據分析可知,用戶很大一部分都在點擊注冊按鈕這一頁面流失掉了,當前頁面的停留時長較長,那么我們是否可以縮短停留時長,幫助用戶快速注冊呢?該怎樣設計才能提高用戶的操作效率呢?


3、方案輸出

通過聚焦問題后,發現最終我們的落腳點應該在如何提升用戶的操作效率,幫助用戶快速完成注冊。

針對此設計目標,運用競品分析、用戶體驗地圖等方式對于該模塊進行了思維拓展。提出了一些可行性方案,比如在輸入郵箱時增加常用高頻郵箱格式后綴,減少用戶手動輸入的步驟;比如增加用戶輸入錯誤之后的快捷刪除圖標,方便用戶一鍵操作.....等等(詳細的可見之前項目復盤)。


4、數據驗證

在設計上線一段時期后,查看數據情況。

經過一段時間的驗證,漏斗模型的數據轉化有了很大提升。再次驗證,此次改版方案較為成功。

以上案例大致展示了工作中如何運用數據驅動設計的常規流程與方法。從整體漏斗分析原因,定位關鍵問題節點,進而推動問題環節的優化,最終解決問題。



5.3 價值體現

數據會給到我們一定的指導作用,我們需要對數據進行深入思考,從設計的層面去賦能業務。從宏觀的角度去看待業務價值的增長點,尋找設計機會。那么我們該如何通過設計手段提升業務價值呢?產品價值的實現離不開用戶,從用戶的角度進行拆解分析,可以更好的洞察到機會點。

例如我們需要提升會員模塊的開卡率,該怎么進行落地執行呢?


5.3.1 目標拆解

我們將用戶的行為路徑劃分為感知——決策——行動——傳播這幾個主要階段,通過體驗地圖,深挖可優化的空間。

通過流程的梳理,將目標進行拆解,我們可以從中找到一些值得優化的地方。



5.3.2 設計方案

有明確的設計目標之后,我們就需要針對每一節點進行針對性的設計。

1、感知階段-用戶觸達

當前會員購買的入口隱藏的過深,很多用戶都對該模塊的存在缺少認知。要想會員卡的購買率有所提升,最基本的舉措就是要加大對其宣傳力度。因此,我們需要增強用戶感知。常見的形式有Push推送、郵件、短信等等,吸引用戶去查看相關的內容,并引導后續轉化。

我們需要提升關于會員內容的用戶感知,就可以嘗試在首頁增加會員入口。宣傳的形式可以采用Banner圖,方便用戶直接點擊就可進入了解詳情。另外,產品頁面還可增加氣泡文案引導,底部懸浮彈窗等等,增強用戶的感知。

有一個需要特別注意的地方,就是在進行宣傳引導時,一定要考慮到產品自身的屬性,進行差異化設計。比如說海外產品的用戶一般都很討厭廣告,那么我們在進行設計的時候就要做到克制。在滿足運營需求的前提下,盡量減少對用戶造成不好的體驗。


2、決策階段-價值觸達

用戶受吸引來查看會員相關內容時,我們需要對會員的價值進行一個高效快捷的輸出傳遞。只有讓用戶在該階段感受到價值大于價格,才會有后續的購買行動。在會員權益模塊,需要根據用戶的狀態進行區分,針對化展示。人群大致劃分為普通用戶、會員與過期會員。

我們可以通過一些設計手法,強化用戶的價值觸達感知。

(1)文案刺激。告訴用戶辦會員卡一年預計能省下多少錢。

(2)增加計算器功能,讓用戶根據自己的習慣輸入預計交易額,更智能的感知優惠。

(3)向用戶發放一定的優惠券,并增加倒計時,出于沉沒成本,用戶轉化的幾率很有可能會增加。

(4)人數比例展示,利用人的從眾心理,促進購買。



3、行動階段-購買轉化

到了行動階段,用戶的整體購買流程是否高效、是否順暢則成了我們需要關注的重點。我們在現階段的設計策略,可通過以下方式進行展開:


(1)避免用戶過多選擇

原有的會員頁面將三種會員模式全都展示出來讓用戶自己選擇,對于很多新手來說這無疑是非常困難的,會員的購買率也比較低。更新后,我們將會員的價值點簡單的羅列出來,讓用戶可以直觀的了解會員卡的優勢,同時會員卡按照時間周期與價格劃分為3個不同的層級,針對平臺主推的年卡,增加標簽,強化感知。


(2)減少頁面跳轉

用戶在進行購買時,無需跳轉頁面,只需在當前頁面操作即可。懸浮收銀臺的形式,可以避免用戶在跳轉頁面之間可能帶來的數據流失,最大化的保障用戶購買行為的完成。


4、分享階段-持續正向裂變

用戶完成分享即可獲得相對的獎勵,被分享的新用戶再進入產品進行體驗,即可獲得新用戶獎勵。在進行分享的操作中,有以下優化方向。

(1) 增加分享引導

可以通過文案引導、運營位的形式進行宣傳,吸引用戶進行分享操作。

(2) 優化分享體驗

增加分享的渠道,引入常用的Twitter、Facebook、Telegram等社交平臺;

增加用戶分享圖的制作,為用戶提供更多的選擇空間。




六、總結

數據驅動是一項長期的工作,需要去不斷的跟蹤、反饋,通過不斷的數據驅動,才能推動設計的更優發展。在日常的工作中,我們需要對數據保持敏感,從這些數據背后找出真正的原因,并進行針對性的優化。設計師了解一定的數據知識,可以更好的輔助我們進行設計產出,使得我們的方案更有說服度。

感謝閱讀,以上就是我要分享的如何利用數據驅動設計的全部內容。

文章來源:站酷   作者:甜西瓜汁
分享此文一切功德,皆悉回向給文章原作者及眾讀者.


免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

藍藍設計www.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務


數據分析的正確打開方式

鶴鶴

作為一枚設計小萌新,對上述場景,是否似曾相識呢?此些尷尬的情況,也映射出了不少問題:數據化設計意識薄弱,數據基礎知識模糊,缺乏系統的體驗評估模型和度量方法等等。


那么,我們該從哪些維度進行數據分析呢?數據的基礎知識又有什么呢?常見的數據分析方法又有哪些?諸位看官抓好扶好,入門版航班即將起飛,讓我們一起走進數據的世界,掌握一定的數據分析能力,告別“我要我覺得”的任性決策。





增量尚不明確,存量博弈的下半場,都以去肥增瘦的方式,宣告著精細化運營的時代到來,似乎也對設計師同學提出更高專業的要求。數據意識作為能力象限中的某個小瓦塊,雖然細微,但也是專業輸出的切入點。


在面對產品功能迭代、用戶行為分析、日常監測、設計決策以及效果評估等等問題時,單純的從視覺維度進行推導,會稍顯單薄。而基于客觀數據的分析,可以更科學準確的輔助我們進行決策。





所謂的“數據指標”,簡單來說就是可將某個事件量化,且可形成數字,來衡量目標。在一定程度上,“數據指標”能揭示出產品用戶的行為和業務水平狀況。


目前市面上的產品種類繁多,大致都圍繞“用戶是誰、做了何事、結果如何”進行歸納整合,分別對應著用戶數據、行為數據、業務數據三類指標。



用戶數據:包含存量、增量、留存及渠道來源四類

1. 存量:反映某一時間段內活躍的用戶數。以日活(DAU)、周活(WAU)、月活(MAU)維度進行統計。其中,Active需以關鍵用戶的自發行為來進行定義,常見的動作有登錄、瀏覽內容等。

2. 增量:一般用新增用戶數來反映,同樣分為日新增(DNU)、周新增(WNU)、月新增(MNU)三類統計維度。其中,增量的定義相對模糊,需提前與渠道確認好新增指標,建議根據內部的賬號體系進行指標的取舍,選擇新增注冊用戶還是新增設備數。

3. 來源:用戶從何而來,包含自然搜索、產品導流、好友邀請等多種渠道。結合不同渠道用戶的數據表現,可以指導后續的推廣方案。

4. 留存:通過留存率來評判產品的健康程度,表示新用戶在一定時間段內,某些行為重復發生的比率。其中,日留存和月留存的評判分析作用又有所不同:

  • 日留存:作為衡量用戶渠道質量的重要依據,如老王的公眾號在站酷、知乎、微信群進行導流宣傳,通過分析不同渠道的用戶留存表現,從而優化受眾用戶的投放來源。

  • 月留存:作為用戶粘性的重要判斷,通過指標來分析產品對用戶是否長期有吸引力。也可用作產品上新后,功能迭代是否符合預期的判斷依據。


行為數據:記錄用戶使用產品的相關行為,可包含行為質量(訪問深度、轉化率、跳出率、用戶停留時長)與數量(次數、頻率、點擊率、訪問時長)兩維度

1. 訪問深度:用戶單次瀏覽頁面的過程中,瀏覽了頁面的數量越多,表示用戶訪問深度越深,產品粘性較好。

2. 轉化率:指在一個統計周期內,完成轉化行為的次數占總訪問次數的比率。轉化率=(轉化次數/點擊量)×100%。如在電商、理財等產品中,轉化率是衡量產品優秀與否的重要指標之一。

3. 跳出率:訪問了單個頁面的用戶占全部訪問用戶的百分比,可用來衡量訪問質量,高跳出率通常表示內容或體驗與用戶目標脫節。

4. 停留時長:用戶游逛的時間長度,需要區分對待內容消費與工具效率場景,高停留時長并非全是正向反饋。

5. 次數:包含頁面訪問次數(PV)和用戶訪問次數(UV),通過頁面或者用戶作為計數單位,但需進行相應數據去重,保證數據的真實性。

6. 點擊率:CTR(Click-Through-Rate)即點擊通過率,某一內容被點擊的次數與被顯示次數之比,CTR是衡量互聯網廣告效果的一項重要指標。影響用戶點擊的因子較多,作為入口級內容,卻具備較大的設計發揮空間,可通過信息的布局與核心利益點的外化,實現行為號召(Call to Action)


業務數據:產品在商業化過程中,對業務結果的貢獻程度,如總成交量、人均消費金額、消費人數、續費率、用戶周期價值等

1. 總成交量:GMV(Gross Merchandise Volume)屬于電商平臺企業成交類指標,主要指訂單的總金額,包含付款與未付款兩部分

2. 人均消費金額:ARPU(Average Revenue Per User)即每用戶平均收入。這個指標計算的是某時間段內平均每個活躍用戶為應用創造的收入。

3. 續費率:指的是在訂閱期結束時,選擇續費的用戶占所有應續費用戶的百分比

4. 付費率:付費用戶占活躍用戶的比例。

5. 用戶周期價值:LTV(life time value)是產品從用戶獲取到流失所得到的全部收益的總和,當LTV大于平均獲客成本和后續的運營成本時,產品獲得凈收益。






對上述數據類別有所了解之后,我們在面對紛紜復雜的應用類型與數據概念時,到底該怎么選取合適的指標進行衡量和分析呢?接下來,讓我們進入下一個知識點-指標建模。我們大致可以按照以下方法進行關鍵指標的選取。

① 明確業務的最終目的;

② 判斷業務模塊所屬類型;

③ 根據模塊類型選擇數據指標;


① 明確業務的最終目的

任何產品都有其商業或生存目的,且通常會使用一些支撐手段的工具、或是支撐手段的手段來達成目的。我們以“設計軟件-Figma”為例,進行業務目的與手段的拆解。

1. 目的:Figma 是一個基于瀏覽器的協作式 UI 設計工具,其最終目的是完成商業變現,讓更多用戶付費購買。

2. 手段:為達成這一目標,而采用基于web的模式這一手段,極大的方便了團隊協作辦公的需求,繼而備受青睞,普及率節節攀升。

3. 支持手段的工具:此外,借助開源的插件及完善的組件功能,為設計創作者提供更便捷的工具支持。



② 判斷業務模塊所屬類型

在從業務的最終目的出發,梳理業務模塊后,可進一步的拆解該業務模塊的具體類型。為方便理解,可以按照產品價值,將功能模塊分為4種類別:工具、內容瀏覽、社區、交易。

1. 針對本身自帶價值屬性的產品,按照幫助用戶節省時間和消磨時間可分為:

工具類:剪映、輕顏相機、飛書文檔及翻譯查詞等
內容瀏覽類:各類圖、文、音視頻體裁的消費內容,如短視頻、喜馬拉雅、知乎等


2. 另一類產品本身不產生價值,通過自身的平臺屬性來連接資源,同樣按照幫助用戶節省時間和消磨時間可分為:

社區類:小紅書、即刻、微博等
交易類:電商板塊、會員付費板塊以及直播打賞充值等


③ 根據模塊類型選擇數據指標

按照時間與價值維度,將產品劃分為4類模塊,每類都有各自需要核心關注的指標要素


下面對4種分類的功能模塊,分別介紹如何選取指標體系

1. 工具類:通過產品達成個人目標,高頻的使用行為,可以培養用戶的固定習慣。因而可主要關注使用量、目標達成率、頻次數據指標。(示例:剪映)


2. 交易類:以詳情頁作為用戶購買動機的誘因,實現付費轉化。倘若能多次反復的購買商品或服務,整體轉化效果更佳。因而,可選取詳情頁轉化率、客單價、復購率作為衡量指標。(示例:百度網盤)


3. 內容瀏覽類:用戶是否已獲得更優質的內容,愿意投入更多的時間瀏覽內容,并能觸發與內容的互動行為。因而可選取瀏覽數、瀏覽廣度、瀏覽時長和互動行為作為衡量指標。(示例:快手)


4. 社區類:社區環境主要受人與內容、以及人與人之間的關系影響。鼓勵用戶發布內容,以創造的內容來吸引其他用戶產生共鳴,從而進行內容創造與互動行為。因而,可選取發布量、互動量、用戶間的關系密度作為衡量指標。(示例:即刻)





在產品迭代發展的過程中,掌握有效的數據分析方法,能讓冰冷客觀的數據鮮活起來,為決策提供判斷依據。接下來,就給大家推薦兩類高頻數據分析方法,請注意查收。

AARRR模型

由Dave McClure 2007提出的客戶生命周期模型,可以幫助大家更好地理解獲客和維護客戶的原理。其核心為AARRR漏斗模型,對應著實現用戶增長的5個指標:

1. 獲取(Acquisition):用戶如何發現(并來到)你的產品?

2. 激活(Activation):用戶的第一次使用體驗如何?

3. 留存(Retention):用戶是否還會回到產品(重復使用)?

4. 收入(Revenue):產品怎樣(通過用戶)賺錢?

5. 傳播(Refer):用戶是否愿意告訴其他用戶?

我們在進行數據分析的時候,應該考慮用戶正處于AARRR模型的哪個部分、關鍵數據指標是什么、對應的分析方法又是什么?


漏斗分析

科學反映用戶行為狀態以及從起點到終點各階段用戶轉化率情況,是一種重要的分析模型。廣泛應用于網站和App用戶行為分析的流量監控、電商行業、零售的購買轉化率、產品營銷和銷售等日常數據運營與數據分析的工作中。

例如:在完成電商購物行為時,共包含瀏覽選擇、查看詳情、添加購物車、生成訂單、支付等環節。通過監控用戶在流程上的行為路徑,漏斗能夠展現各個環節的轉化率,直觀地發現和說明問題所在,更快定位出某個環節的具體問題。






除了需要了解分析方法之外,還需要提防以下數據分析常見謬誤,避免落入陷阱之中,從而做出錯誤的決策。

1. 數據偏?

在分析數據時受個?偏?和動機的影響,即僅選擇?持你聲明的數據,同時丟棄不?持聲明的部分?!皵祿?”將讓數據的客觀性蕩然?存。 避免這種謬誤的?法是在分析數據時,盡可能收集相關數據,并詢問他?意?。


2. 采樣偏差

在做抽樣分析時,選取的樣本不夠隨機或不夠有代表性。例如,互聯網圈的人極少會使用PDD,為何該應用還會有這么好的市值表現?


3. 因果相關謬誤

將兩個同時發生的事件,判斷為因果關系,忽略了其中間變量。例如,隔壁老王生了個孩子,同時種了一棵樹。孩子和樹都隨著時間的推移而長高,在一定時間內,如果使用相關性分析,可以得出這兩個變量具有相關性。然而我們都很清楚,孩子長高和樹長高之間,并不具有因果關系。


4. ?普森悖論

即在某個條件下的兩組數據,分別討論時都會滿足某種性質,可是一旦合并考慮,卻可能導致相反的結論。避免“辛普森悖論”給我們帶來的誤區,就需要斟酌個別分組的權重,以一定的系數去消除以分組資料基數差異所造成的影響。


5. 定義謬誤

在看某些報告或者公開數據時,經常會有人魚目混珠。「網站訪問量過億」,是指的訪問用戶數還是訪問頁面數?


6. 比率謬誤

談論此類型指標時,都需要明確分子和分母是什么。另一方面,在討論變化的百分比時,需注意基數大小。如小王和小劉體重都上漲了10%,但二者的體重基數分別為60kg、90kg。

文章來源:站酷   作者:美工李大強



分享此文一切功德,皆悉回向給文章原作者及眾讀者.


免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

藍藍設計www.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務


如何通過數據驅動設計

鶴鶴

一、前言


在日常的工作中,會經常接觸到一些數據方面的內容,同時我也在不斷的加強相關方面的專業知識學習,希望可以借此做一個總結,與大家分享。如果你也在平時的工作中遇到相關的數據問題、不知如何利用數據推動設計、或者對數據抱有一定的興趣,那我們可以一起往下看。

本文主要圍繞以下幾個方面來進行解釋說明:




二、背景


隨著互聯網大環境從增量進入到存量市場,企業發展與產品的迭代越來越離不開數據的指導,數據驅動已然成為當下產品的主趨勢。身為設計師的我們,更應該對數據保持高度敏感,通過一系列的數據分析推動設計迭代,并讓其更合理、更具有可信度。

任何一款產品,設計師都無法根據自己的心情、想法,一拍腦門的迅速產出。好的產品,既要考慮市場價值,也離不開用戶體驗,應該明確目標而進行實現,所以設計過程中需要依靠數據給予我們指導,即利用數據驅動設計。



三、深入了解數據


3.1 數據的作用

數據在產品迭代過程中有著舉足輕重的地位,對于設計師而言也是極其重要。在了解數據之前,簡單的理解一下為什么需要數據,在互聯網產品設計中,數據的作用主要分為以下三點。


3.1.1 提效賦能

工作中或許會常常面臨多種需求并線進行的狀況,合理客觀的數據有助于我們更好的分清任務的優先級,并聚焦于當前最緊急的任務展開進行。合理有序的安排可以推動任務的快速高效完成。



3.1.了解用戶

設計師與真正的用戶之間往往存在一定的差異,我們不能按照設計師固有的思維方式去衡量用戶的想法,更不能想當然的覺得用戶需要什么。

數據可以幫助我們更好的了解用戶,利用數據分析的種種方法,我們可以進行抽絲剝繭,發現更深層次的問題,不斷的去深挖用戶需求,進而更好的滿足用戶,只有這樣我們才能更好的留住用戶,促進產品增收。



3.1.設計支撐

在進行設計輸出的過程中,我們可能常常會遇到以下情況:

我相信各位設計師在日常的對接中,一定是根據需求文檔進行了設計輸出,但是在設計評審階段卻很難去說服各需求方。數據在此情景下就顯得非常重要,它可以幫助我們針對設計方案有一個理性的數據支撐,去衡量我們的設計方案是否合理有效。

其次在項目上線后依據數據反饋,可以驗證此次設計是否達到理想目標,是否還有進一步優化的空間。了解數據可以更好的幫助我們深耕需求、把控方向。



3.2 數據的類型

為了進一步了解數據,現將所有的數據進行整合區分,大致上可以分為兩個類型,分別是定性數據與定量數據兩大類。

定性數據指導設計過程,往往判斷某件事物的意義與價值。定量數據關注數據頻率,在結果上更具有說服力。這兩種數據的類型在數據分析以及設計驅動的過程中都非常重要。時常會通過定性數據來發現、定義問題,最后再由定量數據來驗證結果。


3.2.1 定性數據

定性數據是非統計數據,在樣本選取上,數據量較少,主要收集途徑有以下方法:應用商店評論、客服反饋、音視頻記錄、筆記反饋、訪談調研等。

可以快速了解到用戶的行為和態度,這種數據具有可調查性,是可以進行深入研究的,能進一步推斷出設計的哪些方面存在問題,從而通過設計方法優化產品設計體驗。


3.2.2 定量數據

定量數據是統計性的,可以用來問“多少”的問題,最終生成結論性的數據信息。收集途徑可以有以下方法:測試、產品數據、指標上報、實驗調查等。

定量數據提供了對設計的間接評估,可以快速了解用戶基礎信息數據以及對產品的使用感知,例如完成率、滿意度等等數據指標,它不僅可以幫助我們快速統計信息,還能驗證結果。




3.3 數據的維度

數據不應該是只停留在表面的數字,需要深入的了解數據,善于從這一堆數字背后,發現數據的真實意義。

由此,Google推出HEART模型,作為一套完善的用以評估以及提升用戶體驗的標準。HEART模型包括五個維度,分別為:愉悅度(Happiness)、參與度(Engagement)、接受度(Adoption)、留存度(Retention)、完成度(Task success)。通過這種方式將數據分為五個維度,可以更有效的明白不同類型的數據所體現的真實含義。



3.3.1 愉悅度(Happiness)

什么是愉悅度?關于這個問題,大概一千個人會有一千個回答吧,因此愉悅度更偏向于用戶在產品使用過程中直觀的主觀感受,例如滿意度、產品體驗感受、推薦指數、易用性感知等等體驗指標,通過這一類的數據可以有效的了解用戶對于產品或者某個功能的喜好程度。

可以利用定性研究的方式獲取用戶在體驗和感知上愉悅程度,例如一對一訪談、觀察小組、可行性測試等。也可以通過定量調查中的問卷、數據反饋、AB測試等了解用戶的使用情況以及推薦指數等。



3.3.2 參與度(Engagement)

指用戶在使用產品功能時的參與深度,衡量指標即為有效活躍用戶的數量。用戶參與度并沒有統一的可量化的界定標準,但大致上可以分為以下幾個指標,產品訪問頻次、平均訪問時長、訪問頁面數量、產品使用間隔。

數據的衡量只是最基礎的一步,更重要的是如何提升用戶的參與度,對于新用戶而言,可以通過引導、幫助等建立良好的第一印象;對于老用戶,需要合理的推送相關優惠與活動,也可以利用游戲化運營建立長期關系,這些都是比較有效的提升參與度的方法。



3.3.3 接受度(Adoption)

當一個新的產品與功能出現時,由于陌生感,用戶短時間內很難接受,而接受度就是指用戶在特定時間內真正開始習慣并使用。

為了快速得到用戶的認可,往往產品設計中會通過競品分析的方式確保框架內容與市場的同類產品保持一致,滿足用戶的使用習慣。而針對大部分的新用戶也會使用新功能引導以及相關通知推送等加快新用戶的接受度。



3.3.4 留存度(Retention)

在產品運營中,留存是最關鍵的數據指標,它也是產品獲利與增長中最主要因素之一,留存直接決定了用戶是否愿意繼續使用,它是最真實的數據表現,而留存通常體現在,多日留存率、回訪率、不同平臺的使用重合率等。

針對這一數據我們需要關注的核心問題就是如何提升用戶留存率,大致的方法可以分為以下兩個維度:

(1) 產品維度

產品功能決定是決定用戶留存的關鍵。在需求設計上,通過挖掘潛在需求,刺激用戶長期使用,并且通過拓展應用場景,不斷提供細分服務,進一步滿足用戶;甚至我們也會發現在大多數產品中,通過建立社區,打造社交圈子,強化用戶的粘性。

(2) 運營維度

產品使用過程中,合理的運營也是提升用戶留存的關鍵之一,常用的方法有定期舉辦活動、例如砍價、助力、簽到、每日任務等;也可以通過消息推送挽留用戶。



3.3.5 完成度(Task success)

完成度主要是指用戶對于關鍵任務的完成率,常常用來衡量交互流程是否合理。主要包括以下維度:首次點擊時間、操作完成時間、完成點擊次數、完成率、失敗率、出錯率等。

A: 任務完成度的衡量指標該怎么計算呢?

(1) 任務完成時間

用戶在整個任務過程中,所花費的時間即為任務完成時間。

(2) 完成率

完成率=完成的操作次數/開始操作的次數


產品設計中,為了提升完成率,需要輔助用戶進行交互并進行引導設計,不僅需要符合不同場景變化以及用戶的心智模型,還要給予用戶體驗流程中的舒適感受,進一步輔助其完成任務。


B: 如何提升任務的完成率呢?

(1) 降低理解成本

利用設計手法,降低任務流程中的理解成本,切入到實際的場景中,幫助用戶快速完成任務。

例如在列表模塊中,默認狀態下的輸入框內,展示灰色的提醒文案,提前告知用戶該區域應該填寫的內容;比如說高德地圖通過AR技術結合導航,快速幫助用戶完成導航任務;再類似于可視化數據看板,幫助用戶快速獲取信息結果。


(2) 精簡任務流程

降低理解成本只能單一的滿足用戶操作前的理解,而操作過程中的步驟長短也起到非常關鍵的作用。優化任務流程,目的就是為了提升完成率。

例如用戶在進行登錄注冊時,可以點擊右上角的文案即可實現登錄注冊狀態的快速切換,減少用戶切換的流程步驟。再比如說表單填寫類的產品,還可以將相同的內容進行整合,減少操作。甚至電商產品中,可以通過找相似減少用戶的篩選成本。



(3) 系統智能預判,提供幫助

結合用戶的場景與行為,進行合理的預判設計,有助于縮短用戶操作路徑、引導用戶轉化。例如下面的案例,在表單信息填寫中,通過智能判斷關聯內容,提供幫助,甚至通過判斷用戶的行為,進行精準內容推送。



3.4 常用的數據

通過以上數據的五個維度,可以發現數據的覆蓋面是十分廣泛的,不同的數據反映不同的內容。在工作中我們也會接觸到復雜且多樣的數據,對于設計師而言,常用的數據大致可以劃分為用戶數據、行為數據、業務數據這三大類別。



3.4.1 用戶數據

從字面上理解用戶數據即為與用戶有關的數據,這種數據常常用來描述用戶人群、用戶基礎屬性等。通過一系列的“用戶數據”進行支撐,可以快速梳理關于產品的基礎用戶群體,構建用戶的畫像。

不同的產品屬性,有不同的用戶人群畫像。比如說美柚這款記錄類APP,主要的用戶人群是年輕的女性,對生活有一定的追求;再比如說英語流利說這款產品,主要的用戶人群是年輕的、有明確學習英語需求的人群。

用戶數據主要包括兩大類別:用戶基本屬性與用戶生命周期數據。


a、用戶基本屬性

用戶基本屬性通俗解釋即為關于用戶自身最基本的屬性,包括性別、地域、年齡、職業、學歷、收入、婚姻狀況等等......通過這一系列的屬性,我們可以對用戶有一個更深刻、更全面的認知。

只有更好的了解用戶,我們才能進行針對化的設計產出、精準投放,從而推動產品更好的發展。這就好比兩個人談戀愛,只有清楚對方的想法、習慣、喜好,才能減少吵架的幾率,實現和諧發展。



b、用戶生命周期數據

生命周期指的是從開始到結束,用戶都會經歷著從接觸到流失的階段,我們通過生命周期結合用戶數據可以簡單分為新增、活躍、留存、流失。


1、新增用戶數

新增用戶從字面上拆解開來即為新、增,廣泛意義上來說,我們可以將一段時間內打開產品的新用戶人數算作新增用戶,但是更嚴謹一點的話,則表示某產品一段時間內新增加的注冊用戶數量。

通常我們將下載且訪問過產品的用戶稱為訪客,這部分人群是潛在的注冊用戶。


2、活躍用戶數

活躍用戶在體驗產品的過程中會花費更多的時間與精力,相比普通用戶而言他們更加認可平臺,對于平臺的發展有著重要的地位。那什么是活躍用戶?如何具體的去定義活躍用戶呢?

通常來說,用戶在規定的時間周期內,有打開過產品,這就算做一個活躍用戶。當然,不同平臺對于活躍用戶的定義存在一定差異。而活躍用戶主要也分為兩類:新用戶與老用戶,而從商業的角度上還可以劃分為低價值用戶與高價值用戶。

活躍用戶數常見的指標有DAU、WAU、MAU。

DAU:Daily Active User,表示日活躍用戶數量,指的是從0:00-24:00一個自然日(統計日)之間,登錄并使用了某一功能的用戶數量。

例:某個產品的日活計算方式為打開該APP即算活躍,2022年1月19日這天打開APP的行為有50次,經排重后發現有30個用戶打開了APP,那么該產品的DAU就是30。

了解完DAU,我相信大家對于WAU(周活躍用戶數量)與MAU(月活躍用戶數量)應該不至于陌生了。WAU與MAU,他們兩者最大的區別就是計算周期的不同,但需要注意的是,月活的計算并不是簡單的日活相加,我們需要進行去重。



3、用戶留存率

在講解用戶留存率之前,我們應該了解用戶留存。何為用戶留存?顧名思義,就是最終留下來的用戶。用戶留存率這一指標可以反饋當前產品的質量如何,這是產品自初期開始就需要持續關注的內容。常用的用戶留存指標有次日留存、3日留存、7日留存、15日留存和30日留存。



4、用戶流失

用戶流失的定義是什么?用戶流失需要結合時間(Time)與動作(Action)這兩個指標進行,即用戶在一段特定時間內未進行關鍵行為的操作。與之常常相關聯的因素大致分為產品生命周期、負面體驗、競品策略等等。

用戶流失率的存在表明了用戶對產品的負面反映,對于產品發展有著非常重要的數據反饋。

當下市場中的獲客成本越來越高,獲取新用戶的成本要比留住現有用戶的成本高出5倍。因此降低用戶流失率,就顯得尤為重要。



3.4.2 行為數據

行為數據常用來描述用戶使用方式,指的是用戶在使用產品過程中所產生的一系列交互相關的數據,通過分析快速了解用戶特征,為流程優化、精細化運營、產品體驗等設計措施提供判斷依據、輔助設計。

行為數據的指標主要包括轉化率、平均停留時長、跳出率、PV、UV等等。

1、轉化率

什么是轉化率?轉化率就是下一頁面與當前頁面的訪問占比。它常常被用來衡量產品路徑中的用戶體驗是否合理,從而進一步推動流程優化以及設計迭代。

以下圖為例,有200個人來到了頁面A,其中有100人點擊頁面A的按鈕進入頁面B,那么頁面A按鈕的轉化率則為(100/200)*100%=50%。


2、啟動次數

通常指的是某一特定時間段內用戶啟動應用的次數。與之相關的兩大指標分別為用戶總啟動次數與人均啟動次數,常用來反映用戶粘性與活躍度。


3、使用時長

使用時長是指某一特定時間段內用戶從打開到關閉產品的使用時間。使用時長需關注的指標為用戶總使用時長、人均使用時長、單次使用時長。這些指標常用來衡量用戶粘性與活躍度,常常需要與啟動次數一起結合進行分析。


4、訪問分析

頁面訪問分析包括頁面訪問次數、停留時長、跳出/退出率、用戶訪問頁面數和用戶訪問路徑。


(1) 訪問次數

訪問次數是指訪客完整打開頁面進行訪問的次數,常用來衡量產品的訪問速度。

(2) 停留時長

停留時長表示用戶進入產品中,呆了多長時間后離去。這一指標是考量用戶粘性以及貢獻度的重要指標。

(3) 跳出率/退出率

跳出率,指的是只訪問了入口頁面即退出的次數與入口頁面訪問次數的占比數。

跳出率越低,說明流量越好,用戶對產品的興趣越高。

計算公式為:跳出率=訪問一個頁面后離開的次數/總訪問次數*100%

 

退出率是指從該頁面退出的頁面訪問數與進入該頁面的頁面訪問數之比。

計算公式為:退出率=退出次數/總訪問次數*100%


跳出率為(2/8)*100%=25%

退出率為{(2+2)/(8+2)}*100%=40%

 

注意:跳出率與退出率較高,也不全部都是壞事。我們需要具體問題具體分析。比如說某些下單頁面,點擊提交后會進入第三方支付平臺,該頁面跳出率高則為正常。



(4) 用戶訪問頁面數

用戶訪問頁面數常常離不開兩方面的指標,PV值與UV值。

PV(Page View):指的是在一個特定周期內,頁面訪問量或點擊量,側重瀏覽量。

用戶每訪問一次就算作一個PV。

UV(User View):指的是在一個特定周期內,訪問頁面的人數之和,側重訪客數。

一天內同個用戶多次訪問僅算作一個UV。



(5) 用戶訪問路徑

用戶訪問路徑是統計用戶從進入產品到離開產品整個過程中的路徑與頁面訪問情況,不同的用戶路徑是不同的,我們需要去定位關鍵節點,針對性的產出優化方案。

如下圖所示,用戶在進行針對性的查找歌曲時,通過首頁的搜索入口進入,在搜索引導頁面中輸入歌名,最終出現結果頁。通過用戶的訪問路徑分析,可以為我們進行優化提供合理的切入點。





3.4.3 業務數據


1、ARPU

ARPU是 “The average revenue per user” 的縮寫,是指在某一周期內用戶產生的平均收入,用來衡量單個用戶為企業所帶來的效益。

注意:ARPU值是有時間屬性的,我們在計算的時候需要有清楚的時間定義,不同的定義方法,計算出來的結果是有很大差異的。



2、付費率

不同業務模式之間的付費率計算方式是不同的,在進行分析之前,我們就需要弄清楚分析的維度。

(1) 注冊用戶付費率

注冊用戶付費率=付費人數/注冊人數

(2) 活躍用戶付費率

活躍用戶付費率=付費人數/活躍用戶人數



3、GMV (成交金額

GMV (Gross Merchandise Volume),即成交金額。這個指標常用在電商行業,是用來衡量電商企業綜合實力的核心指標。

GMV=真實成交金額+未付款訂單金額+拒收訂單金額+退貨訂單金額。簡而言之就是GMV為已付款訂單與未付款訂單兩者之和。



4、LTV (用戶終身價值)

LTV(Life Time Value),為用戶生命周期價值。一般常用指標為3日、5日、7日、30日、60日、90日LTV。常用來衡量用戶從開始使用到不再使用產品的整個生命周期內,為企業貢獻了多少收入。

它的計算方式由兩部分組成:LTV=LTxARPU,LT為用戶生命周期,ARPU為每用戶平均收入。




四、數據分析思維

數據分析不僅僅是擺數據,同時深度的結論也非常重要。空有數據,沒有結論,對于決策者而言并沒有什么明確的用處。那么,面對一堆數據,我們該如何分析得出深度的結論,從而驅動決策?


4.1 數據來源

數據的獲取渠道有很多種方式,接下來分享幾個我在工作中經常使用的方法。


4.1.1、數據分析平臺

注意:同一關鍵詞,不同平臺的搜索結果可能存在一定差異



4.1.2、內部咨詢

平時的工作中,我們不能僅僅是沉浸在自己的世界,需要加強與其他同事之間的溝通交流。通過與用戶運營、數據分析師的交流,可以了解到最新的數據情況,時刻保持敏感度。

如果公司沒有專門的數據分析師,也可以從客服人員下手,他們無疑是與客戶打交道最直接的人了,他們對于用戶的痛點會更及時感知??梢酝ㄟ^詢問客服人員,更好的了解用戶的痛點需求,輔助我們設計方案的執行。




4.1.3、用戶反饋

我們可以通過多種方式了解用戶對于產品的反饋,比如說Feedback用戶反饋,Twitter、Facebook等社交媒體,以及Google Play應用商店評論等。



4.1.4、數據埋點

針對想要查看相關數據的模塊內容,提交關鍵數據指標給到數據分析師、開發等,從而進行一個定制化的內容獲取。

注意:說到這里就不得不提到數據埋點,有一個需要我們注意的地方,那就是在進行埋點時,一定要在設計階段就提前告知開發以及數據分析師,做好溝通工作,針對需要的數據進行埋點處理。



4.1.5、需求評審

在需求評審前,設計師可以提前了解相關數據,幫助我們對于設計層面有個更深刻的理解。在評審過程中,通過溝通碰撞了解到更多的數據,也能依據之前項目的數據資料作為參考,輔助本次設計優化。



4.1.6復盤分享

在一些大的項目上線一段時間后需要進行數據反饋,大家針對結果做一個項目復盤,開展相關會議。在這結果之外,我們還需要關注是否產生了新問題以及是否有新的機會發掘點。在復盤之后,針對知識點進行共享,設計師可以通過這種方式了解更多信息,方便后期迭代。




4.2 甄別數據

數據的呈現往往告訴我們已經發生了什么,但它沒有告訴我們將會發生什么。我們應該利用數據,從歷史中吸取教訓,也可以依據過去的趨勢預測未來,甚至可能是非常準確的預測。我們需要對數據有一個理性的判斷,進行甄別。

4.2.1 虛榮數據

什么是虛榮數據?如果空有一個數據,盡管該數字看起來很美,卻無法依靠該數據去進行設計驅動以及提供具體價值,那么該數據就是一個虛榮數據,毫無意義。

以下幾個指標則是常見的虛榮數據,我們需要引起注意。


1、點擊量

無論什么網站,只要頁面上存在的可點擊區域多,那么該頁面的整體點擊量數字必然都比較高。相比之下,我們更應該關注的是點擊人數,而不是點擊次數。100個用戶每人點擊1次,與1個人點擊100次,后續帶來的結果是必然不同的。


2、下載量 

下載量的多少有時候會影響產品在應用商店中的排名,但是這個數據指標并不能帶來實際價值。反觀下載之后的注冊轉化率、付費轉化率等等才是我們關注的重點。


3、用戶數

用戶數量越大,這個產品聽起來似乎就越成功。但是產品的成功與否,并不僅僅取決于這一個數字,而是與之相關的一系列指標。

比如說A、B兩款產品的用戶量分別為100萬以及50萬,用戶活躍度分別為1%與30%,其他都是沉默用戶,那么就一定能說A產品要比B產品好嗎?

用戶數量再大,沒有體現出對應的價值,那么就是虛擬數據。我們不能被這些虛擬數字所欺騙,還沾沾自喜。


4、停留時長

用戶的停留時間越長就說明這個產品越好嗎?真的是由于產品的用戶體驗做的足夠好而讓用戶產生了沉浸式的體驗從而一直停留嗎?

用戶的停留時長并不是越長越好,這個指標也無法直觀反映用戶對產品的粘性。我們更應該結合完成度、內容跳出率等數據進行綜合判斷。




4.2.2 異常數據

數據分析過程中,也會存在很多異常數據,需要從多個角度看待數據,一般來說,產品的部分數據指標存在固定的波動周期,當某項數據指標突然不符合常規波動變化的時候,我們就需要去進行深入的研究,挖掘異常背后的原因。


1、幸存者偏差

幸存者偏差是數據分析中常見的邏輯錯誤,那么簡單來說是什么意思呢?

通過以上幾個例子,想必大家對于幸存者偏差都有一定的理解了吧。所謂幸存者偏差,即我們在進行統計的時候忽略了樣本的隨機性與全面性,用局部樣本代替總體樣本。歸根到底這就是由于獲取信息知識的不全導致的認知偏差。這啟示我們在查看數據的時候,不能只看顯而易見的信息,同時還要找出沉默信息。否則,一定會存在著巨大偏差。


2、數據樣本不夠

在進行數據提取的過程中,除了需要注意上面所描述的樣本選擇問題上,還需保證足夠多的樣本數量來進行支撐。按照常規定律來說,數據樣本達到一定的數量程度,才能展示出相對真實的規律。

例:比如說我們在產品中新增了一個功能,但是由于預算、人力資源等原因在前期的推廣宣傳階段并沒有多少曝光,只有一部分老用戶知道,這就說明這個功能很失敗,沒有存在的意義嗎?答案未必是這樣。

所以在進行數據提取時,我們就需要盡可能的保證有足夠多的樣本數據,這樣才能保證最終輸出的數據結果是最客觀的。


3、存在臟數據

臟數據,也被稱為壞數據,常常是指不合理、對于業務毫無用處的數據。

臟數據產生的原因有多種,數據統計過程中可能是由于輸入了多余空格、重復插入多余數據等等。在前期數據收集分析階段,例如問卷調查,往往會存在很多無意義的問卷,為了保證問卷的準確性,可以通過設置分支題目、陷阱題目等等方式來進一步篩選問卷,做好對臟數據的防控與清洗。



4.3 分析方法

接下來給大家分享幾個平時工作中常用的數據分析方法,包括以下幾種:漏斗分析法、矩陣分析法、對比分析法。


4.3.1 漏斗分析法

漏斗分析法是數據分析過程中非常重要的一種分析模型,能夠科學的反映用戶行為狀態以及從起點到終點各階段之間的用戶轉化情況。

常用的指標包含轉化率與流失率。通過層層的分析,觀察流程中是否存在提高轉化率的機會點,挖掘設計。(后面會結合實際項目為例進行詳細闡述,這里就不做過多講解)


4.3.2 對比分析法

所謂的對比分析,就是給孤零零的數據一個合理的參考,否則這種數據是沒有意義的。在利用對比分析法進行數據分析時,需要關注兩個方面內容:對比對象與對比維度。

在產品迭代測試的過程中,為了增強說服力,擇決出最佳方案,往往會采用對比分析,也就是常說的A/B Test。A/B Test最核心的思想是要保證單一變量,其他條件保證相同?;氐皆O計本身,一般來說每個方案應該大體上相同,只是某一個地方有所不同,比如某處文案、顏色、圖標等。然后針對不同的用戶展示不同方案,統計并對比不同方案的轉化率、留存率等指標,從而確定最優方案。


4.3.3 矩陣分析法

矩陣分析法常常是通過兩個指標的交叉,利用分析矩陣劃分為四個象限,找出問題的優先級。

例:如下圖所示,為某個運營活動點擊的四象限分布情況。X軸自左向右,Y軸自下而上,分別代表了從低到高。

通過矩陣分析的方式,我們可以快速定位當前最值得的MVP優化方式,指引我們在復雜的數據中正確前行。



五、數據驅動設計

作為一名設計師,在了解了數據基礎的內容后,就需要掌握通過數據驅動設計最關鍵的內容,接下來我將通過用戶、行為、業務三個角度來給大家分享幾個不錯的設計案例。


5.1 用戶增長

通過上面的分析,我們了解到用戶數據涉及到兩個方面,用戶的基礎屬性數據可以很好的輔助設計,通過數據對用戶進行分層,例如性別、年齡、地域,這些都是常見的用戶基礎屬性;

除此之外,與用戶相關并關聯產品的重要數據還包括新增用戶、用戶活躍度、用戶留存率、用戶流失率等數據,我們可以通過這些數據的表現挖掘背后的原因,進而通過設計手法深入優化促進用戶數據增長,形成閉環。簡單分享以下幾個方法。


5.1.1 產品拉新

關于產品拉新,并不只是產品上線后需要考慮的事情,在產品設計的每一環節中,都是需要去進行考慮的。產品拉新可以通過邀請碼、新手福利、邀請好友等幾個方面進行。


1、邀請碼

邀請碼通常是由企業發放,優先發放給種子用戶,然后通過種子用戶的社交圈去進行擴散,進而吸引更多的用戶參與進來。

前段時間爆火的一款國外音頻社交軟件Clubhouse,便是利用了這種方式進行擴散傳播。與Facebook、Instagram、Twitter等社交軟件有所區別,Clubhouse并沒有對全部用戶開放,而是需要得到其他用戶發出的邀請碼驗證后才能進行使用。邀請碼的稀缺性將Clubhouse的熱度炒得越來越高,使得參與其中的用戶能產生一種自我滿足感,同時這種模式大大保證了音頻內容的質量。


2、新手福利

一些產品針對未注冊或者未使用過產品的新用戶,會發放專屬福利,促進用戶轉化。

新手福利通常是以開屏頁、Banner、彈窗、活動頁、新手任務等形式進行領取,隨著市場環境的緊張,獲客成本越來越高,新手福利的成本的也在逐漸增加。


3、邀請好友

針對注冊或使用過產品的用戶而言,通過發掘他們自身的社交圈子,促使老用戶自覺邀請新用戶,提升產品的用戶數量增長。

邀請好友有以下兩個常見方式:

(1) 增加分享入口

老用戶可通過點擊分享圖標的形式直接分享給相應的好友。比如說,網易云音樂這款產品,用戶可以邀請好友一同在線聽歌,或者是單獨分享給特定的人。這種方式主要是利用了人的分享和展示心理。

(2) 福利刺激

平臺發放一定的優惠券、獎勵等給到用戶,新老用戶都可以通過這種方式獲得對應的獎勵。這種方式主要是利用了人的獲利心理。


5.1.2 活躍運營

活躍運營可以提升沉默用戶的活躍度,對于產品的發展有著非常重要的作用,常常通過一系列的方式來進行布局。

1、用戶積分體系

積分體系如果運用的好,那么對于增加用戶粘性以及提升活躍度是非常有幫助的。這個積分體系是否能夠吸引到用戶,就在于積分所兌換的產品是否有足夠價值。

比如說常見的外賣平臺——餓了么的積分體系,其核心就是圍繞下單行為而展開,下單之后返還吃貨豆,吃貨豆可兌換紅包,紅包再次消費抵扣。整個操作流程,圍繞用戶的核心行為構建獎勵并形成閉環。


2、簽到

很多產品都設置了簽到功能,希望借此方式提升用戶粘性。這一功能的常見名稱為“簽到”“打卡”,或者根據運營活動的場景來進行命名,比如說螞蟻莊園、新浪種樹等。

一種良好的簽到模式對于用戶習慣的培養是有著積極的正向作用的,但是關于在產品中是否增加該功能,也是要根據自身的產品特性去進行更細致的考量。

簽到的方式主要有自動簽到與手動簽到這兩種。

(1)自動簽到

登錄自動簽到的方式常見于游戲類應用中,比如說王者榮耀這款產品,用戶打開即以彈窗形式告知用戶,領取相應的獎勵。

(2)手動簽到

用戶點擊簽到入口,即可完成簽到。相比自動簽到而言,這種簽到方式應用范圍更加廣泛。


3、社區

現如今越來越多的產品開始打造自己的社區,比如說淘寶的逛逛,咸魚的會玩等等。為什么社區功能越來越普遍呢?社區的存在,可以讓用戶在產品有一個屬于自己的社交圈子,這樣有助于用戶產生粘性,從而提升產品活躍度。

例:Keep通過打造高品質的UGC內容社區,滿足新老用戶的價值需求。頂部Tab分為關注、精選、圈子三個模塊。關注一欄方便用戶快速查看自己感興趣的人,滿足社交需求。精選一欄承載了KOL與內容生產者的分享內容、用戶社交留存功能。圈子一欄更好的滿足用戶想要一群人打卡的情感訴求。


5.1.3 留存

留存的本質是要滿足用戶的核心需求,只有滿足了這個條件后用戶才會持續使用。它應該貫穿于整個用戶生命周期,而不僅僅是局限于其中某一個節點。好了,廢話不多說,直接上例子。

1、流暢的首次體驗

用戶首次使用該產品時是否順暢,能否在第一時間找到自己所需要的內容,很大程度上會影響用戶后續的留存情況。

比如說現如今很多產品為了降低用戶的登錄注冊成本,通過手機號一鍵注冊即可實現快速登錄。若未注冊過,在登錄時系統會自動判斷并為其創建賬號。這種方式極大的降低了用戶記憶成本,同時還有安全性的保障。


2、降低學習成本

通常來說一款產品的學習成本越高,用戶理解起來就越困難,那么用戶長期留在該平臺的概率就會降低,故而我們應該通過一些設計手法去降低用戶的學習成本。

例如一些金融產品,其晦澀難懂的專業知識對于新手小白來說真的是非常困難,基本的認知都存在困難的前提下,更別說指望用戶轉化了?;诖吮尘?,新手引導提示、新手教學視頻、在線客服服務、模擬交易等等方案,都會極大的降低用戶理解成本,為后續用戶的下單轉化提供有力的幫助。


3、遷移成本

何為用戶遷移成本?用戶選擇新產品的行為需承擔的代價。隨著遷移成本的增加,用戶長期使用該產品的概率也會相應增加。

例如有道云筆記這款產品,用戶在該平臺創作了大量的內容后,就很有可能會長期留在該平臺,因為重新換平臺的成本著實有點高。




5.1.4 挽留機制

挽留機制是留住用戶、促進用戶轉化的最后一道程序。

常見的挽留機制有以下幾種形式:

1、提供解決方案

當淘寶用戶在進行退款時,若原因是地址填寫錯誤,那么頁面會自動出現彈窗提醒用戶修改即可,避免用戶取消訂單,從而降低退款率。


2、利益刺激

當用戶退出購買頁面關鍵節點時,會以彈窗形式進行挽留。

例:知乎會員購買頁面退出時,系統會自動出現二次確認彈窗,將價值點信息以動效形式展示在視覺中心,并對支付按鈕進行突出設計,吸引用戶注意,再次挽留。

例:拼多多的二次挽留同樣以彈窗形式展示,突出利益點,同時有時間維度,使得用戶產生緊迫感,刺激用戶下單。


3、操作警告

操作警告類的文案二次提示,可以讓用戶對當前行為有更清楚的認知,并仔細思考。用戶會考慮到一些時間成本、花費精力等因素,可能會取消放棄的念頭。

例:全民K歌這款應用,用戶想要刪除之前發布過的創作內容,點擊刪除之后,會出現二次警示確認彈窗,對用戶的行為進行一個挽留。就算最終用戶刪除了創造內容,還可以在最新刪除列表中恢復。這樣既可以避免用戶誤操作引起的后果,還能最大程度的保護創作內容的多樣化存在。




5.2 行為優化

行為數據描述用戶使用方式,雖然與用戶相關,但更加關注的是使用的流程、方式與產品體驗,其中重點關注的數據包含點擊率、轉化率、訪問分析等。


5.2.1 行為場景復現

深入分析用戶的訪問數據,模擬行為場景,更好的把握用戶當下的心理,從用戶角度出發去設計。下面,我將以一個工作中的實際項目為例,詳細闡述如何從設計側推動項目迭代。

例如我們接到一個需求,需要進行注冊流程的優化,提升這一模塊的轉化率。很多時候,我們往往會陷于視覺層面進行調整,但這并不能從根本上解決問題。我們需要靜下心來仔細思考,真正找到這個需求背后的目的以及當前存在的問題。

那么我們可以怎樣去進行呢?首先,為了對用戶行為有更直觀的理解與感受,可以利用用戶體驗地圖的形式將用戶行為場景復現,通過對用戶的情緒曲線、想法的剖析,從中找到合適的機會點,為后續設計的迭代優化提供一定思路。

通過對用戶的旅程進行分析,可以發現在不同關鍵階段中所對應的數據指標也不同。因此在設計的過程中可以針對不同的行為場景,制定對應的數據優化目標,從而提升整體的產品價值。



5.2.2 行為路徑優化

用戶的行為是決策的重要因素,了解用戶的行為和意圖后,會發現大部分用戶的行為與設計會存在很大的偏差,所以需要更多關注用戶的行為數據,揣摩用戶行為下的真實心理與訴求,才能做出用戶滿意的產品。

緊接著上面的案例,咱們繼續通過漏斗模型進行深入分析,優化用戶在登錄注冊路徑上的體驗,提升轉化率。

原有的登錄流程轉化率如下圖所示


1、快速定位問題環節

通過數據反饋,發現從注冊頁面到點擊注冊按鈕這頁面之間存在較高的流失率,其次再是安全驗證頁面。我們需要對這一流程中的關鍵節點進行梳理,同時將主要的精力聚焦于該模塊的優化。針對流失率較高的主要頁面進行著重設計。


2、分析問題

通過數據分析可知,用戶很大一部分都在點擊注冊按鈕這一頁面流失掉了,當前頁面的停留時長較長,那么我們是否可以縮短停留時長,幫助用戶快速注冊呢?該怎樣設計才能提高用戶的操作效率呢?


3、方案輸出

通過聚焦問題后,發現最終我們的落腳點應該在如何提升用戶的操作效率,幫助用戶快速完成注冊。

針對此設計目標,運用競品分析、用戶體驗地圖等方式對于該模塊進行了思維拓展。提出了一些可行性方案,比如在輸入郵箱時增加常用高頻郵箱格式后綴,減少用戶手動輸入的步驟;比如增加用戶輸入錯誤之后的快捷刪除圖標,方便用戶一鍵操作.....等等(詳細的可見之前項目復盤)。


4、數據驗證

在設計上線一段時期后,查看數據情況。

經過一段時間的驗證,漏斗模型的數據轉化有了很大提升。再次驗證,此次改版方案較為成功。

以上案例大致展示了工作中如何運用數據驅動設計的常規流程與方法。從整體漏斗分析原因,定位關鍵問題節點,進而推動問題環節的優化,最終解決問題。



5.3 價值體現

數據會給到我們一定的指導作用,我們需要對數據進行深入思考,從設計的層面去賦能業務。從宏觀的角度去看待業務價值的增長點,尋找設計機會。那么我們該如何通過設計手段提升業務價值呢?產品價值的實現離不開用戶,從用戶的角度進行拆解分析,可以更好的洞察到機會點。

例如我們需要提升會員模塊的開卡率,該怎么進行落地執行呢?


5.3.1 目標拆解

我們將用戶的行為路徑劃分為感知——決策——行動——傳播這幾個主要階段,通過體驗地圖,深挖可優化的空間。

通過流程的梳理,將目標進行拆解,我們可以從中找到一些值得優化的地方。



5.3.2 設計方案

有明確的設計目標之后,我們就需要針對每一節點進行針對性的設計。

1、感知階段-用戶觸達

當前會員購買的入口隱藏的過深,很多用戶都對該模塊的存在缺少認知。要想會員卡的購買率有所提升,最基本的舉措就是要加大對其宣傳力度。因此,我們需要增強用戶感知。常見的形式有Push推送、郵件、短信等等,吸引用戶去查看相關的內容,并引導后續轉化。

我們需要提升關于會員內容的用戶感知,就可以嘗試在首頁增加會員入口。宣傳的形式可以采用Banner圖,方便用戶直接點擊就可進入了解詳情。另外,產品頁面還可增加氣泡文案引導,底部懸浮彈窗等等,增強用戶的感知。

有一個需要特別注意的地方,就是在進行宣傳引導時,一定要考慮到產品自身的屬性,進行差異化設計。比如說海外產品的用戶一般都很討厭廣告,那么我們在進行設計的時候就要做到克制。在滿足運營需求的前提下,盡量減少對用戶造成不好的體驗。


2、決策階段-價值觸達

用戶受吸引來查看會員相關內容時,我們需要對會員的價值進行一個高效快捷的輸出傳遞。只有讓用戶在該階段感受到價值大于價格,才會有后續的購買行動。在會員權益模塊,需要根據用戶的狀態進行區分,針對化展示。人群大致劃分為普通用戶、會員與過期會員。

我們可以通過一些設計手法,強化用戶的價值觸達感知。

(1)文案刺激。告訴用戶辦會員卡一年預計能省下多少錢。

(2)增加計算器功能,讓用戶根據自己的習慣輸入預計交易額,更智能的感知優惠。

(3)向用戶發放一定的優惠券,并增加倒計時,出于沉沒成本,用戶轉化的幾率很有可能會增加。

(4)人數比例展示,利用人的從眾心理,促進購買。



3、行動階段-購買轉化

到了行動階段,用戶的整體購買流程是否高效、是否順暢則成了我們需要關注的重點。我們在現階段的設計策略,可通過以下方式進行展開:


(1)避免用戶過多選擇

原有的會員頁面將三種會員模式全都展示出來讓用戶自己選擇,對于很多新手來說這無疑是非常困難的,會員的購買率也比較低。更新后,我們將會員的價值點簡單的羅列出來,讓用戶可以直觀的了解會員卡的優勢,同時會員卡按照時間周期與價格劃分為3個不同的層級,針對平臺主推的年卡,增加標簽,強化感知。


(2)減少頁面跳轉

用戶在進行購買時,無需跳轉頁面,只需在當前頁面操作即可。懸浮收銀臺的形式,可以避免用戶在跳轉頁面之間可能帶來的數據流失,最大化的保障用戶購買行為的完成。


4、分享階段-持續正向裂變

用戶完成分享即可獲得相對的獎勵,被分享的新用戶再進入產品進行體驗,即可獲得新用戶獎勵。在進行分享的操作中,有以下優化方向。

(1) 增加分享引導

可以通過文案引導、運營位的形式進行宣傳,吸引用戶進行分享操作。

(2) 優化分享體驗

增加分享的渠道,引入常用的Twitter、Facebook、Telegram等社交平臺;

增加用戶分享圖的制作,為用戶提供更多的選擇空間。




六、總結

數據驅動是一項長期的工作,需要去不斷的跟蹤、反饋,通過不斷的數據驅動,才能推動設計的更優發展。在日常的工作中,我們需要對數據保持敏感,從這些數據背后找出真正的原因,并進行針對性的優化。設計師了解一定的數據知識,可以更好的輔助我們進行設計產出,使得我們的方案更有說服度。

感謝閱讀,以上就是我要分享的如何利用數據驅動設計的全部內容。


文章來源:站酷  作者:甜西瓜汁



分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

藍藍設計www.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務



產品需求管理與設計

鶴鶴

1. 需求定義

需求是用戶對于自己碰到的困難從而提出的問題,是用戶對于已有產品的反饋和建議,是老板提出的商業訴求,就是運營人員減少工作麻煩的想法。需求和產品是一種問題導向與目標導向的結合,是用戶碰到了什么樣的問題,從行業屬性、用戶群體、業務場景、工作目標、商業利益等方面從而產出的輸出物,也就是所謂的產品。

需要:是解決問題或者滿足欲望,達到最終的目的。

需求:是需要付出一定成本來滿足,主要體現在解決方案中的具體產品和功能。

2. 名詞解釋

產品需求文檔(PRD)是將商業需求文檔(BRD)和市場需求文檔(MRD)用更加專業的語言進行描述。

3. 面向對象

開發、設計師、測試、老板、項目經理、產品經理、運營、市場、銷售、客戶、財務等其他角色。

4. 輸出物

文檔:Word、ppt

交互或者原型稿件:Axure、UI界面

5. 產品需求文檔結構

命名和編號

修訂記錄

背景分析(產品背景、行業背景、國家政策)

需求分析

用戶定位

產品目標

總體架構(技術架構、功能架構)

業務流程

功能設計(功能總表、用戶角色、功能詳情)

產品特色

產品模塊清單

產品適配清單(支持的瀏覽器、數據庫、中間件、操作系統)

6. 需求分析原則及方法

6.1. 產品需求的三個層次

基礎性需求、期望性需求、興奮性需求

6.2. 馬斯洛需求五個層次

生理需求、安全需求、社交需求、尊重需求、自我實現

6.3. 需求管理的四個環節

采集需求、分析需求、篩選需求、處理需求

6.4. 需求分析四象限

重要并緊急、重要不緊急、不重要但緊急、不重要不緊急

7. 需求分析及產出

WWH法:是什么?為什么?怎么做 ?

需求分析貫穿整個產品全生命周期,包括產品概念期、產品設計開發期、上線后-成長期、成熟運營期、產品衰退期。

 

 

7.1. 明確問題

7.1.1. 需求收集渠道

 

明確需求收集渠道,確定用戶群體和需求調研的方法,比如問卷調查、訪談、名義小組會議、頭腦風暴法、觀察法、親和圖、蒙特卡洛技術、魚骨圖、提示清單等方法。

提出需要解決的問題,明確需求帶來的價值。利用目標用戶、場景、問題三個思考維度,去定義真正意義上的產品需求,示例如下:

 

通過用戶針對不同的場景,明確了主要問題需求,怎么思考產品需求怎么體現到產品設計上面,從而體現產品價值,包括產品設計成型后的市場推廣方式至關重要。產品問題產生的產品價值示例如下:

 

7.1.2. 拆解需求

拆解需求指的是把已經明確的問題,從多個維度進行拆解,目的就是為了找到更合適的解決方案。

拆解問題的五個維度分別是積極層面、否定層面、轉移層面、拆解、腦洞。

? 積極層面:通??梢圆鸾獬鲈趺醋鰧τ脩魜碇v可以產生更積極的情感。

? 否定層面:通??梢圆鸾?,即使不做什么,依然可以產生好的結果。

? 轉移層面:轉移指的是不直接單獨解決當前用戶的問題,通過轉移法,用戶轉移、問題轉移等。

? 拆解:把當前問題刨根問底的拆,挖掘更多的可能性、找到問題本質。

? 腦洞:這個更多的靠靈感、經驗等進行頭腦風暴,補充其他維度考慮不到的地方。

7.1.3. 需求管理

7.1.3.1. Kano模型

 

Kano模型是對用戶需求分類和優先排序的工具,以分析用戶需求對用戶滿意的影響為基礎,體現了產品性能和用戶滿意之間的非線性關系。

Kano模型把需求分為五類:基本型需求、期望型需求、 興奮型需求、無差異性需求、反向型需求。怎么通過模型知道用戶的需求類型,示例如下:

 

7.1.3.2. 時間管理四象限法

時間管理四象限法分別按照緊急程度和重要程度分為重要且緊急、緊急不重要、重要但不緊急、不緊急不重要。具體示例如下:

本方法的優勢可以評估產品開發的時間優先級,對于一些重要且緊急的功能開發能夠做到心中有數。

7.1.3.3. ICE排序法

ICE排序法是一種比較嚴謹科學的分析需求的方法,通過幾個幾個維度給需求進行相應的打分,以總分的高低去排序。

I(Impact):影響范圍。

C(confidence):對上線效果的自信程度評估。

E(ease):開發難易程度(工作量+技術難易程度)評估。

7.1.4. 需求輸出

7.1.4.1. 輸出內容

思維導圖、業務流程圖、原型圖、需求說明文檔、功能說明文檔等

7.1.4.2. 輸出角色

業務人員、技術經理、后端技術人員、前端技術人員、UI、UE人員

7.1.4.3. 溝通樣例

(一)業務人員

面對業務人員,主要是講產品功能實現和重點業務流程,主要依靠思維導圖或者原型圖去講解產品可帶來的價值和解決了什么樣的問題。

(二)后端開發人員

面對后端開發人員需要給技術經理協調和溝通,確定的項有數據庫怎么寫,字段(數據結構)怎么定義,最后生成什么樣的表,當用戶進行相關業務操作時(增刪改查),怎么去設計接口,接口設計對應數據庫,先調用什么樣的接口,傳輸什么樣的參數,返回什么樣的結果。進行前端解析,后臺數據圖形化,最后呈現給業務用戶。

(三)UI、UE人員

面試UI、UE人員從行業特征、用戶群體特征、用戶習慣等方面來確定產品視覺和交互形式。

(四)前端開發人員

通過評審后的UI設計稿交付給前端人員,進行前端頁面的開發。

(五)測試人員

面對測試人員,跟進產品測試情況,提供產品需求文檔和原型圖及UI設計圖,編寫測試用例,把控測試時間,協調相關資源,保證產品順利產出。

8. 產品迭代規劃與需求跟進

8.1. 產品全生命周期規劃

根據產品規劃的全生命周期,確實不同階段需求的落地情況,根據用戶對于需求的滿足情況。

8.2. 業務流程分析

根據已開發上線的所涉及的業務流程,先分析完整性,基于本流程從專業角度提出改進方案,不斷優化該流程,確定流程的可用性。特別是一些核心業務流程,要做到簡潔高效,提高效率。

8.3. 新需求管理

通過產品的不斷使用,收集和接收不同的新需求,并定期開展新需求評審,逐步完善到產品里面,以最小調整為基線確定新需求的開發計劃,保證產品總規劃的穩步實施。

8.4. 里程碑管理

把控整體產品里程碑管理,確保產品迭代重大節點變化能夠有理有據,為產品的營銷工作,提供支持??偨Y產品優勢和產品亮點,對產品的銷售情況負責。

原文地址:站酷
作者:Lyion

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

藍藍設計www.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

日歷

鏈接

個人資料

藍藍設計的小編 http://www.skdbbs.com

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
国产精品十八以下禁看| 青青草成人在线| 日韩欧美精品中文字幕| 国产精品99免视看9| 久久久国产精品免费| 欧美美最猛性xxxxxx| 日韩精品在线免费观看视频| 午夜精品久久17c| 国产成人精品久久亚洲高清不卡| 欧美丝袜美女中出在线| 欧美日韩国产成人| 7777kkkk成人观看| 77777亚洲午夜久久多人| 亚洲性视频网站| 欧美自拍视频在线观看| 亚洲精品国产综合久久| 欧美精品福利在线| 久久久久久久影视| 日韩美女视频中文字幕| 亚洲欧美日韩中文视频| 国产精品美女无圣光视频| 国产日韩精品一区二区| www.欧美精品一二三区| 黑人极品videos精品欧美裸| 日本韩国欧美精品大片卡二| 亚洲欧美在线第一页| 亚洲福利在线观看| 国产剧情久久久久久| 欧美激情亚洲激情| 精品国产一区二区三区四区在线观看| 久久亚洲电影天堂| www.日韩视频| 欧美大胆a视频| 成人黄色短视频在线观看| 久久亚洲国产成人| 国产精品久久久亚洲| 国产精品盗摄久久久| 亚洲视频第一页| 久久精品国产欧美亚洲人人爽| 日本久久久a级免费| 亚洲国语精品自产拍在线观看| 国产成人精品av| 亚洲国产毛片完整版| 欧美精品电影在线| 91av视频导航| 亚洲乱码一区二区| 色婷婷综合成人| 日韩最新免费不卡| 91久久精品日日躁夜夜躁国产| 亚洲a区在线视频| 97视频在线免费观看| 亚洲精品91美女久久久久久久| 国产91在线播放| 国产成人亚洲综合91精品| 亚洲白拍色综合图区| 日韩av中文在线| 久久中文久久字幕| 亚洲白虎美女被爆操| 欧美xxxx14xxxxx性爽| 国产一区红桃视频| 国产精品免费观看在线| 国产成人一区三区| 日本欧美国产在线| 日本高清+成人网在线观看| 亚洲成色777777女色窝| 日韩欧美在线字幕| 91亚洲精品久久久久久久久久久久| 亚洲国产精品人久久电影| 欧亚精品中文字幕| 亚洲成人a级网| 午夜精品一区二区三区在线视| 亚洲成人激情小说| 日韩在线免费高清视频| 久久久久免费精品国产| 91夜夜未满十八勿入爽爽影院| 亚洲在线视频福利| 国产精品中文字幕在线| 精品亚洲国产成av人片传媒| 亚洲一区av在线播放| 98午夜经典影视| 国产91成人在在线播放| 日韩hd视频在线观看| 国产美女搞久久| 欧美大秀在线观看| 国产精品福利片| 欧美成人精品一区二区三区| 91久久精品国产91性色| 国产精品第七十二页| 成人激情av在线| 欧美性视频精品| 亚洲深夜福利网站| 久久久爽爽爽美女图片| 欧美—级a级欧美特级ar全黄| 日本精品久久久| 另类专区欧美制服同性| 国产欧美精品一区二区| 国产69精品久久久久9999| 中文字幕在线观看日韩| 91精品国产综合久久香蕉最新版| 久精品免费视频| 伊人伊人伊人久久| 精品一区二区三区四区| 精品成人久久av| 久久久成人的性感天堂| 久久久久久久电影一区| 欧美成人高清视频| 亚洲视频一区二区| 在线亚洲午夜片av大片| 97精品一区二区视频在线观看| 精品一区二区电影| 久久久精品在线| 久久精品国产一区二区三区| 97国产真实伦对白精彩视频8| 欧美成人精品h版在线观看| 亚洲女同性videos| 欧美高清在线观看| 亚洲图片欧洲图片av| 欧美日韩成人黄色| 欧美日韩视频免费播放| 亚洲视频电影图片偷拍一区| 日韩av在线网| 不卡中文字幕av| 欧美成人免费va影院高清| 在线观看日韩视频| 国产日韩欧美在线看| 91在线|亚洲| 国产精品视频免费观看www| 91在线观看免费观看| 成人av在线网址| 久久久久久中文字幕| 欧美性受xxx| 日韩欧美精品网站| 欧美日韩中文字幕日韩欧美| 久青草国产97香蕉在线视频| 久久99精品久久久久久琪琪| 日韩在线观看网站| 国产成人午夜视频网址| 日韩欧美在线播放| 欧美性xxxx18| 成人久久久久久久| 欧美夫妻性生活xx| 亚洲视频日韩精品| 国产精品白丝jk喷水视频一区| 亚洲天天在线日亚洲洲精| 一二美女精品欧洲| 亚洲精品国产精品乱码不99按摩| 国产99久久精品一区二区永久免费| 色七七影院综合| 亚洲国产精品系列| 日韩男女性生活视频| 国产精品视频白浆免费视频| 亚洲偷熟乱区亚洲香蕉av| 色婷婷综合久久久久| 91手机视频在线观看| 国产免费一区二区三区在线能观看| 在线观看久久久久久| 国产免费一区二区三区香蕉精| 精品亚洲一区二区三区| 麻豆乱码国产一区二区三区| 国产精品嫩草影院久久久| 91av在线看| 成人美女免费网站视频| 久久精品视频va| 日韩美女免费观看|