五十路熟妇高熟无码视频,无码簧片,亚洲大尺度无码无码专线,亚洲欧美日韩国产自偷,jizz无码在线观看视频,av色综合,99精品国产成人一区二区,亚洲粉嫩av一区二区黑人

首頁

B 端設(shè)計(jì)師必懂的開發(fā)知識:核心價(jià)值與學(xué)習(xí)方向

濤濤 前端及開發(fā)文章及欣賞

深耕 B 端產(chǎn)品 UI/UX 設(shè)計(jì)領(lǐng)域,聚焦企業(yè)級產(chǎn)品的體驗(yàn)落地與效率優(yōu)化。在長期的 B 端設(shè)計(jì)實(shí)戰(zhàn)中,我們發(fā)現(xiàn)一個(gè)核心共識:懂開發(fā)知識的 B 端設(shè)計(jì)師,才能真正輸出可落地、高適配、強(qiáng)協(xié)同的設(shè)計(jì)方案。B 端設(shè)計(jì)的核心是解決企業(yè)業(yè)務(wù)效率問題,而設(shè)計(jì)方案的最終落地離不開技術(shù)實(shí)現(xiàn),脫離開發(fā)邏輯的設(shè)計(jì),終究只是無法落地的 “飛機(jī)稿”。

UI 組件設(shè)計(jì)實(shí)戰(zhàn):文本框與表單的核心設(shè)計(jì)準(zhǔn)則

濤濤 B端ui設(shè)計(jì)文章及欣賞

專注于用戶體驗(yàn)設(shè)計(jì)與產(chǎn)品視覺體系搭建,深耕 UI/UX 設(shè)計(jì)領(lǐng)域多年,以「理性設(shè)計(jì),感性體驗(yàn)」為核心理念,為各行業(yè)客戶打造高效、易用、貼合品牌氣質(zhì)的數(shù)字產(chǎn)品設(shè)計(jì)方案。在長期的設(shè)計(jì)實(shí)踐中,我們發(fā)現(xiàn)表單作為產(chǎn)品與用戶信息交互的核心載體,其設(shè)計(jì)的合理性直接影響用戶體驗(yàn)與操作效率,而文本框作為表單的基礎(chǔ)組件,更是決定表單設(shè)計(jì)成敗的關(guān)鍵。本文將結(jié)合蘭亭妙微的設(shè)計(jì)實(shí)戰(zhàn)經(jīng)驗(yàn),拆解文本框與表單的設(shè)計(jì)邏輯,分享經(jīng)實(shí)踐驗(yàn)證的核心設(shè)計(jì)準(zhǔn)則。

健康&教育類App UI設(shè)計(jì)賞析|北京蘭亭妙微UI設(shè)計(jì)服務(wù)

藍(lán)藍(lán)設(shè)計(jì)的小編 移動端UI設(shè)計(jì)文章及欣賞

作為深耕UI設(shè)計(jì)領(lǐng)域的專業(yè)團(tuán)隊(duì),北京蘭亭妙微UI設(shè)計(jì)團(tuán)隊(duì)始終堅(jiān)持以全球優(yōu)質(zhì)設(shè)計(jì)作品為學(xué)習(xí)標(biāo)桿,在各類UI項(xiàng)目實(shí)踐中不斷沉淀經(jīng)驗(yàn)、打磨功底,從不同品類的數(shù)字產(chǎn)品設(shè)計(jì)中汲取靈感,優(yōu)化設(shè)計(jì)思路與落地能力。本次針對熱門的健康管理、教育學(xué)習(xí)兩類App UI設(shè)計(jì)展開專業(yè)賞析,梳理核心設(shè)計(jì)亮點(diǎn)與實(shí)用思路,同步分享團(tuán)隊(duì)學(xué)習(xí)心得,與業(yè)內(nèi)同行、合作伙伴交流共進(jìn),北京蘭亭妙微,與你一起共成長。
一、健康管理類App UI:理性數(shù)據(jù)與感性關(guān)懷的平衡設(shè)計(jì)

這款健康管理類App UI,精準(zhǔn)抓住用戶對健康數(shù)據(jù)可視化、操作便捷性與情感溫度感的核心需求,整體設(shè)計(jì)兼顧實(shí)用性與視覺舒適度,跳出同類產(chǎn)品冰冷刻板的設(shè)計(jì)誤區(qū),整體調(diào)性溫和專業(yè),適配全年齡段用戶的使用審美與操作習(xí)慣。

視覺層面選用暖調(diào)活力色系作為主色,搭配低飽和度淺灰與白色作為基底,弱化視覺壓迫感,打造柔和舒適的視覺氛圍。布局上采用清晰的卡片式模塊化設(shè)計(jì),將步數(shù)、體重、身體指標(biāo)、運(yùn)動計(jì)劃、營養(yǎng)攝入等核心功能分區(qū)歸類,信息層級分明,用戶無需花費(fèi)過多時(shí)間梳理,就能快速抓取關(guān)鍵健康數(shù)據(jù),徹底避免信息雜亂、視覺過載的問題。

數(shù)據(jù)呈現(xiàn)上摒棄復(fù)雜生硬的圖表,改用柔和折線圖、環(huán)形進(jìn)度條搭配簡約文字標(biāo)注,兼顧數(shù)據(jù)專業(yè)性與視覺美觀度;核心操作按鈕做突出視覺處理,位置貼合移動端單手操作邏輯,輔助功能入口做輕量化隱藏,兼顧核心功能易用性與界面簡潔度,每一處細(xì)節(jié)都貼合用戶日常使用健康類App的真實(shí)場景。

二、教育學(xué)習(xí)類App UI:知識傳遞與趣味體驗(yàn)的雙向融合

教育類App的核心使命是高效傳遞知識,同時(shí)降低用戶學(xué)習(xí)的心理門檻,緩解學(xué)習(xí)枯燥感,這款教育學(xué)習(xí)類App UI完美平衡了專業(yè)性與趣味性,整體風(fēng)格清新明快,視覺統(tǒng)一性極強(qiáng),適配學(xué)生、職場進(jìn)修等不同群體的學(xué)習(xí)需求。

色彩體系以柔和暖橙搭配干凈白色為主,局部點(diǎn)綴低飽和亮色區(qū)分學(xué)科與功能模塊,視覺上清新治愈,有效緩解長時(shí)間使用的視覺疲勞。界面布局遵循移動端通用交互習(xí)慣,底部固定核心導(dǎo)航欄,首頁核心功能入口直觀展示,提問、搜題、文庫、個(gè)人中心等高頻功能一鍵可達(dá),操作路徑極簡,新手也能快速上手。

設(shè)計(jì)中融入輕量化3D插畫與趣味視覺元素,替代純文字排版,讓界面更具生動感,同時(shí)不干擾核心學(xué)習(xí)功能的使用;針對付費(fèi)升級、免費(fèi)試用等功能入口,做差異化視覺設(shè)計(jì),突出核心轉(zhuǎn)化點(diǎn)的同時(shí),不破壞整體界面的和諧感,品牌視覺語言貫穿全程,強(qiáng)化用戶記憶點(diǎn),實(shí)現(xiàn)體驗(yàn)感與商業(yè)性的平衡。

三、蘭亭妙微團(tuán)隊(duì)設(shè)計(jì)感悟與深耕方向

優(yōu)質(zhì)的UI設(shè)計(jì)從來不是單純的視覺美化,而是深度結(jié)合用戶需求、產(chǎn)品定位與使用場景,實(shí)現(xiàn)美觀度、實(shí)用性與易用性的統(tǒng)一。不管是健康管理類產(chǎn)品注重的情感關(guān)懷與數(shù)據(jù)效率,還是教育類產(chǎn)品看重的知識傳遞與趣味體驗(yàn),都為我們的日常UI設(shè)計(jì)工作提供了極具價(jià)值的參考思路。

北京蘭亭妙微UI設(shè)計(jì)團(tuán)隊(duì)長期專注各類UI設(shè)計(jì)項(xiàng)目,始終保持空杯學(xué)習(xí)的心態(tài),持續(xù)關(guān)注全球優(yōu)質(zhì)設(shè)計(jì)案例,不斷更新設(shè)計(jì)理念,打磨視覺表達(dá)與交互邏輯能力,把每一份學(xué)習(xí)收獲融入實(shí)際項(xiàng)目中,用心為客戶打造貼合產(chǎn)品定位、適配用戶需求的高品質(zhì)UI設(shè)計(jì)方案。

未來我們依舊會堅(jiān)守設(shè)計(jì)初心,穩(wěn)步深耕UI設(shè)計(jì)領(lǐng)域,持續(xù)提升專業(yè)實(shí)力,與更多行業(yè)伙伴攜手進(jìn)步,北京蘭亭妙微,與你一起共成長。

蘭亭妙微設(shè)計(jì):UI 設(shè)計(jì)沒思路?核心方法論教你找準(zhǔn)方向

濤濤 設(shè)計(jì)管理與成長

在蘭亭妙微設(shè)計(jì)深耕 UI 設(shè)計(jì)領(lǐng)域的多年里,我們接觸過無數(shù)設(shè)計(jì)師 —— 初入行業(yè)的新人常對著需求一籌莫展,從業(yè)數(shù)年的設(shè)計(jì)師也會陷入 “憑感覺設(shè)計(jì)” 的瓶頸,改稿無數(shù)卻始終抓不住核心。很多人把設(shè)計(jì)沒思路歸結(jié)為 “靈感匱乏”“參考看得少”,但蘭亭妙微始終認(rèn)為,UI 設(shè)計(jì)從不是靠靈感的藝術(shù),而是有章可循的解決問題的科學(xué)。

蘭亭妙微設(shè)計(jì):UI/UX 設(shè)計(jì)作品集中的推理分析創(chuàng)作心法

濤濤 設(shè)計(jì)思維

在蘭亭妙微設(shè)計(jì)多年的設(shè)計(jì)服務(wù)與人才培養(yǎng)實(shí)踐中,我們見過無數(shù)設(shè)計(jì)師的作品集 —— 有的靠視覺驚艷出圈,有的憑邏輯深度打動甲方,也有的因盲目堆砌內(nèi)容淪為 “流水賬”。作為深耕 UI/UX 設(shè)計(jì)領(lǐng)域的專業(yè)團(tuán)隊(duì),我們始終認(rèn)為,作品集的核心從來不是 “要不要寫推理分析”,而是 “如何讓分析成為設(shè)計(jì)能力的背書”。

Web 表單設(shè)計(jì)的冷知識

濤濤 B端ui設(shè)計(jì)文章及欣賞

表單是用戶與產(chǎn)品進(jìn)行數(shù)據(jù)交換的核心界面,是實(shí)現(xiàn)用戶注冊、登錄、信息提交、交易支付等關(guān)鍵行為的必經(jīng)之路。一個(gè)優(yōu)秀的表單設(shè)計(jì),不僅能提升用戶體驗(yàn),更能直接影響產(chǎn)品的轉(zhuǎn)化率與用戶留存。蘭亭妙微設(shè)計(jì)在為眾多 B 端、C 端產(chǎn)品提供 UI 設(shè)計(jì)服務(wù)的過程中,發(fā)現(xiàn)許多看似簡單的表單背后,隱藏著大量容易被忽視的設(shè)計(jì)細(xì)節(jié)與用戶心理規(guī)律。本文將從用戶體驗(yàn)與設(shè)計(jì)心理學(xué)的角度,揭示 Web 表單設(shè)計(jì)中那些你可能不知道的 “冷知識”,幫助設(shè)計(jì)師打造更高效、更友好的表單界面。

構(gòu)圖在 UI 設(shè)計(jì)中的應(yīng)用

濤濤 設(shè)計(jì)管理與成長

構(gòu)圖是 UI 設(shè)計(jì)的核心骨架,在有限的界面畫面中,將視覺元素、功能模塊、文字信息進(jìn)行科學(xué)布局與有序安排,讓每一個(gè)設(shè)計(jì)元素都處于最佳視覺位置,既能精準(zhǔn)傳遞產(chǎn)品主題與信息層級,又能營造舒適的視覺體驗(yàn),最終實(shí)現(xiàn)設(shè)計(jì)美感與用戶體驗(yàn)的雙重統(tǒng)一。蘭亭妙微設(shè)計(jì)深耕 UI 設(shè)計(jì)領(lǐng)域多年,服務(wù)過多個(gè)行業(yè)頭部產(chǎn)品,在千萬級、億量級產(chǎn)品界面設(shè)計(jì)中積累了豐富的構(gòu)圖實(shí)戰(zhàn)經(jīng)驗(yàn),本次將從底層設(shè)計(jì)邏輯與認(rèn)知心理學(xué)角度,拆解構(gòu)圖在 UI 設(shè)計(jì)中的實(shí)際應(yīng)用方法,與行業(yè)同仁共同探討學(xué)習(xí)。

B端數(shù)據(jù)可視化設(shè)計(jì),14個(gè)章節(jié)帶你掌握表單設(shè)計(jì)(下)

清陽 設(shè)計(jì)思維

表單是 B 端產(chǎn)品核心信息載體,優(yōu)秀的表單設(shè)計(jì)能直接提升填寫效率、降低錯(cuò)誤率、減少業(yè)務(wù)成本,是 B 端體驗(yàn)與數(shù)據(jù)流轉(zhuǎn)的關(guān)鍵環(huán)節(jié)。蘭亭妙微ui設(shè)計(jì)公司在上篇基礎(chǔ)上,用 14 個(gè)可落地章節(jié),幫你掌握高易用性表單設(shè)計(jì)。

一、先明確:好表單的 5 個(gè)核心價(jià)值

 
  1. 提升體驗(yàn):降低填寫困惑,讓操作更輕松順暢
  2. 降低錯(cuò)率:清晰指引 + 實(shí)時(shí)校驗(yàn),保障數(shù)據(jù)準(zhǔn)確
  3. 提高效率:簡化操作、減少重復(fù)輸入,節(jié)省時(shí)間
  4. 提升完成率:降低填寫門檻,減少用戶中途放棄
  5. 降本增效:減少數(shù)據(jù)糾錯(cuò)與溝通成本,賦能業(yè)務(wù)
 

 

二、14 個(gè)表單設(shè)計(jì)核心方法(可直接落地)

 

1. 信息降噪:只留關(guān)鍵,簡化內(nèi)容

image.png

  • 極簡處理:必填項(xiàng)占絕大多數(shù)時(shí),隱藏選填提示符,減少視覺干擾
  • 折疊非必填:用「展示更多」收起次要字段,只保留核心必填項(xiàng)
  • 選填項(xiàng)保留意義:給愿意補(bǔ)充信息的用戶選擇權(quán),降低填寫壓力,靈活收集額外數(shù)據(jù)
 

2. 標(biāo)簽與指引:清晰易懂,不產(chǎn)生歧義

image.png

  • 標(biāo)簽簡短直白,不使用專業(yè)黑話
  • 填寫規(guī)則前置提示,比如格式、長度、范圍
  • 復(fù)雜字段加小問號提示,hover 顯示說明,不占主視覺
 

3. 長表單:分步 / 分頁,緩解填寫壓力

image.png

適合注冊、認(rèn)證、發(fā)布等流程型長表單:
 
  • 分步填寫:按業(yè)務(wù)邏輯拆步驟,配清晰步驟導(dǎo)航
  • 分頁填寫:左側(cè)固定導(dǎo)航,用戶可快速跳轉(zhuǎn)模塊
  • 小缺陷:用戶無法一次性看到全部字段,需做好進(jìn)度提示
 

4. 動態(tài)驗(yàn)證:實(shí)時(shí)反饋,即時(shí)糾錯(cuò)

image.png

  • 輸入失焦后立即校驗(yàn),不等到提交才報(bào)錯(cuò)
  • 錯(cuò)誤提示就近展示,明確錯(cuò)誤原因 + 修改建議
  • 避免提交后批量修改,大幅降低用戶挫敗感
 

5. 默認(rèn)值 + 自動填充:減少手動輸入

image.png

  • 高頻選項(xiàng)設(shè)默認(rèn)值,比如常用城市、狀態(tài)
  • 復(fù)用歷史數(shù)據(jù),自動填入重復(fù)信息
  • 關(guān)聯(lián)字段自動聯(lián)動,比如地址→郵編、身份證→生日
 

6. 智能輔助:讓表單 “會思考”

image.png

  1. 上下文自動填充:手機(jī)號→姓名、身份證→生日 / 性別
  2. 條件邏輯顯隱:選 “是” 展開對應(yīng)字段,選 “否” 直接隱藏
  3. OCR 智能識別:身份證、發(fā)票、營業(yè)執(zhí)照上傳后自動提取信息填入
 

7. 響應(yīng)式適配:多端一致,不崩不亂

image.png

B 端表單必做適配,避免前端自由適配導(dǎo)致體驗(yàn)差:
 
  • 固定適配:字段寬度固定,兼容客戶最低屏幕分辨率
  • 間距適配:左右邊距固定,組件自適應(yīng)寬度(適合彈窗 / 抽屜,不建議長表單)
  • 移動端:單獨(dú)設(shè)計(jì),用系統(tǒng)原生輸入組件,不直接套用 PC 端
 

8. 字段簡潔:用最少文字講清含義

image.png

  • 標(biāo)簽短、準(zhǔn)、無歧義,不堆砌長文案
  • 合并冗余字段,不拆分語義完整的信息
 

9. 長數(shù)字不拆分:一個(gè)輸入框搞定

image.png

手機(jī)號、身份證、銀行卡、訂單號等禁止拆成多框
 
  • 減少點(diǎn)擊切換,支持一鍵復(fù)制粘貼
  • 避免分段輸入帶來的操作繁瑣與誤操作
 

10. 防錯(cuò)糾錯(cuò):從源頭減少錯(cuò)誤

image.png

  • 格式限制:數(shù)字框僅輸數(shù)字,限制長度(手機(jī)號 11 位、身份證 18 位)
  • 專用輸入:車牌號用專屬鍵盤,屏蔽 I/O 等易混淆字符
  • 范圍置灰:時(shí)間選擇器禁用無效日期,堵死錯(cuò)誤操作路徑
 

11. 就地編輯:在哪看就在哪改image.png

 
遵循交互之父阿蘭?庫珀原則:需要在哪里輸出,就在哪里輸入
 
  • 列表少量編輯:直接在行內(nèi)修改,不跳轉(zhuǎn)、不彈窗
  • 保持注意力連貫,提升操作效率
 

12. 三重保存:杜絕數(shù)據(jù)丟失

 

表單保存是 B 端底線,分三類實(shí)現(xiàn):

image.png

  1. 延遲草稿:間隙 / 定時(shí)自動保存,無打擾后臺運(yùn)行
  2. 隨機(jī)草稿:高頻自動保存,保留歷史版本,支持回退
  3. 條件草稿:觸發(fā)式保存,異常關(guān)閉可恢復(fù)
  4. 提示保存:未保存跳轉(zhuǎn) / 離開時(shí),彈窗確認(rèn),防止誤操作
 

13. 所見即所得:實(shí)時(shí)預(yù)覽最終效果

image.png

  • 表單編輯區(qū) + 預(yù)覽區(qū)聯(lián)動,即時(shí)看到展示效果
  • CMS、物料配置、富文本等場景必加預(yù)覽
  • 支持多端(PC / 移動端 / 小程序)效果切換查看
 

14. 重視用戶反饋:讓業(yè)務(wù)專家?guī)湍銉?yōu)化

image.png

  • B 端用戶是一線業(yè)務(wù)專家,最懂真實(shí)痛點(diǎn)
  • 做用戶測試、收集操作反饋,持續(xù)迭代
  • 案例:貸款審核從 “逐個(gè)審” 優(yōu)化為 “批量審”,效率大幅提升
 

 

三、總結(jié)

 
表單是 B 端數(shù)據(jù)流轉(zhuǎn)核心樞紐,14 個(gè)設(shè)計(jì)要點(diǎn)圍繞簡潔、清晰、高效、防錯(cuò)、容錯(cuò)展開,從視覺降噪到智能輔助,從實(shí)時(shí)校驗(yàn)到多重保存,完整構(gòu)建以用戶為中心的表單體系。掌握這套方法,你的表單設(shè)計(jì)將從 “能用” 升級為 “好用”,真正為業(yè)務(wù)提效賦能。

蘭亭妙微(藍(lán)藍(lán)設(shè)計(jì))m.wtxcl.cn 是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)B端界面設(shè)計(jì)桌面端界面設(shè)計(jì)APP界面設(shè)計(jì)圖標(biāo)定制用戶體驗(yàn)設(shè)計(jì)交互設(shè)計(jì)UI咨詢高端網(wǎng)站設(shè)計(jì)平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

 

image.png

長文干貨!如何從零開始構(gòu)建「用戶行為分析」?

清陽 用戶研究

一、用戶行為分析:如何開始搭建

體驗(yàn)或交互設(shè)計(jì)師知曉用戶行為分析有什么用?

答:我們所處的行業(yè)下,各類產(chǎn)品變得成熟精細(xì),大家開始拼細(xì)節(jié)卷服務(wù),市場競爭激烈。對于產(chǎn)品的各種優(yōu)化改版也就開始變得謹(jǐn)慎,往往需要經(jīng)過用戶研究或是數(shù)據(jù)分析等工作來驗(yàn)證或決策,不再是由設(shè)計(jì)師或產(chǎn)品經(jīng)理憑借過往經(jīng)驗(yàn)辦事或?qū)?biāo)競品照抄了,恰好用戶行為分析就是用戶洞察中具有代表性的一項(xiàng);

體驗(yàn)或交互設(shè)計(jì)師為什么要掌握這些呢?

答:回歸到用戶體驗(yàn)相關(guān)設(shè)計(jì),本身就是一項(xiàng)細(xì)致活兒,處處需要用戶研究或數(shù)據(jù)洞察來輔助設(shè)計(jì)工作,了解其相關(guān)甚至熟悉搭建分析,從職能發(fā)展趨勢來看,可能是遲早的事;

所以即使你目前用不上用戶行為分析相關(guān),也不要急著關(guān)掉文章,先簡單了解一下吧,說不定你會有興趣呢,說不定不久后剛好用上呢?

 

 

二、用戶行為分析能干啥

用戶行為分析是數(shù)據(jù)分析的一個(gè)重要領(lǐng)域,特別是在數(shù)字化服務(wù)行業(yè)中,主要目的是通過深入研究用戶群體的流量動向以及操作行為特征等,來了解用戶與產(chǎn)品間的關(guān)系、效果、趨勢,以幫助我們優(yōu)化產(chǎn)品設(shè)計(jì)、提升用戶體驗(yàn)并驅(qū)動業(yè)務(wù)決策。

說人話就是:

監(jiān)測用戶在產(chǎn)品上做出了哪些行為、是否符合預(yù)期、有什么特征、問題在哪里,然后看看產(chǎn)品上需要做些什么調(diào)整或迎合用戶的特征偏好來決策啥的。

三、用戶行為分析有啥優(yōu)勢

具備一定的客觀性與真實(shí)性

被動采集的行為數(shù)據(jù)有時(shí)候比用戶口述反饋的信息要更真實(shí)有效,一方面更加直接,另一方面也少了些用戶心理設(shè)防(霍桑效應(yīng));

image.png

具備一定的代表性與準(zhǔn)確性

由于是群體性的大數(shù)據(jù),所以更有代表性,并且是即時(shí)的數(shù)據(jù)記錄,不容易記混記錯(cuò),準(zhǔn)確性也更好;

image.png

具備可持續(xù)性與可追溯性

通過數(shù)字化技術(shù)實(shí)現(xiàn),可以伴隨產(chǎn)品發(fā)展持續(xù)的采集數(shù)據(jù),可以較為方便的調(diào)取過往數(shù)據(jù)進(jìn)行比對追溯分析;

image.png

具備一定的 AI 不可代替性

用戶行為的背后依舊是人文心理等方面的內(nèi)容分析或業(yè)務(wù)場景化決策,往往離不開人工的加持介入;

image.png

四、實(shí)施構(gòu)建的流程

以下是對用戶行為分析的工作流圖解,由于不同企業(yè)的訴求有差異,以下工作流僅代表大部分用作交流;

image.png

五、關(guān)鍵節(jié)點(diǎn)拆解說明

此次主要聊聊基礎(chǔ)的上手運(yùn)用與注意事項(xiàng),不涉及過深或難以理解的部分,如果說用戶行為分析可以到達(dá)高等數(shù)學(xué)的程度,那么此次就講講加減乘除好了,師父領(lǐng)進(jìn)門,修行靠個(gè)人,各位看客請上座!

image.png

1. 目標(biāo)需求拆解

① 什么時(shí)候開始?

首先你的產(chǎn)品得有流量,然后得有一個(gè)關(guān)乎到用戶行為的目標(biāo),例如想看看用戶流量分布、了解功能使用頻率、任務(wù)執(zhí)行的漏斗關(guān)系、用戶行為偏好、用戶數(shù)據(jù)畫像構(gòu)建等,這個(gè)時(shí)候就可以考慮開始了,不然就可能南轅北轍費(fèi)力不討好。

image.png

② 界定一個(gè)范圍?

首先構(gòu)建一套完善的用戶行為分析系統(tǒng)并持續(xù)的維護(hù)與應(yīng)用并不是一個(gè)輕松的事情,所以最好是針對性構(gòu)建+多迭代,不要上來就想著做全盤搭建,表面的工作或問題往往可能只是浮冰,逐步的深入后問題會越來越多,個(gè)人深有體會!

image.png

③ 由上而下,找準(zhǔn)路線?

通過業(yè)務(wù)目標(biāo)向下拆解,一般上層目標(biāo)無非是商業(yè)轉(zhuǎn)化、用戶活躍留存、任務(wù)通過率這些,向下拆解則是通過業(yè)務(wù)目標(biāo)去鎖定核心的業(yè)務(wù)場景或任務(wù)線路,這些核心的頁面、場景或是任務(wù)線路,就是你前期可以界定的一個(gè)范圍,后續(xù)的重點(diǎn)工作則是將核心功能的入口或路徑窮舉出來,避免數(shù)據(jù)對不上或找不到異常源頭的情況。

在我的認(rèn)知里,用戶行為分析建設(shè)不是一錘子買賣,步伐走小一點(diǎn),基礎(chǔ)搭好一些,以后的迭代建設(shè)或維護(hù)也會輕松許多;

概括一下就是,不要追求全面,靠攏業(yè)務(wù)價(jià)值,關(guān)聯(lián)上指標(biāo)或者核心業(yè)務(wù)場景即可。

之前網(wǎng)上看到有大佬給了一個(gè)建設(shè)思路,這里搬來大家參考一下;

image.png

2. 帶你認(rèn)識不一樣的埋點(diǎn)

數(shù)據(jù)埋點(diǎn)技術(shù)已經(jīng)很成熟了,甚至有很多第三方的埋點(diǎn)+分析的服務(wù),以及采集用戶行為數(shù)據(jù)的不僅僅只有埋點(diǎn)技術(shù)方案,哪怕你做一個(gè)錄屏技術(shù)都可以,只不過從數(shù)字化產(chǎn)品視角出發(fā),埋點(diǎn)技術(shù)更有性價(jià)比,以及符合用戶隱私權(quán)益,所以這里專門講一下“埋點(diǎn)”這個(gè)老技術(shù),熟悉的大佬們可以跳過埋點(diǎn)這部分。

① 埋點(diǎn)是什么

數(shù)字化應(yīng)用大多有個(gè)特征,就是需要用戶進(jìn)行界面交互,有交互就有行為動作發(fā)生,而數(shù)據(jù)埋點(diǎn)就是將用戶在界面交互時(shí)產(chǎn)生的各種類型的監(jiān)控日志上報(bào)到產(chǎn)品后臺去,這樣業(yè)務(wù)團(tuán)隊(duì)就可以知道到用戶在不同頁面或業(yè)務(wù)場景下操作了什么,去往過哪些頁面,當(dāng)結(jié)合業(yè)務(wù)后臺的訂單等數(shù)據(jù)時(shí),就可以還原出更加清晰的用戶行為全貌。

通常這些埋點(diǎn)會分為“頁面訪問(PV、UV)、區(qū)塊曝光(區(qū)域、時(shí)長)、按鈕操作(動作、狀態(tài))”三大類型,并攜帶交互元素和操作者的各類特征信息參數(shù),便于我們知曉更多的場景細(xì)節(jié)與用戶情況,例如知曉這個(gè)「免費(fèi)試用」按鈕是對應(yīng)了那個(gè)產(chǎn)品?點(diǎn)擊的用戶是否已開通這個(gè)產(chǎn)品?這個(gè)用戶是否為付費(fèi)用戶?是否個(gè)人還是商家類型?用戶從哪個(gè)渠道進(jìn)來的等,而且這些植入在產(chǎn)品代碼中的埋點(diǎn)可以不間斷持續(xù)的采集和配套產(chǎn)品迭代進(jìn)行維護(hù),可以幫助業(yè)務(wù)團(tuán)隊(duì)獲取大量有效數(shù)據(jù)用作業(yè)務(wù)分析決策。

image.png

② 什么時(shí)候派上用場

這些數(shù)據(jù)埋點(diǎn)主要是為業(yè)務(wù)目標(biāo)的洞察分析服務(wù),也就是說業(yè)務(wù)目標(biāo)中需要采集用戶行為數(shù)據(jù)時(shí),埋點(diǎn)就要派上用場了,相比傳統(tǒng)的業(yè)務(wù)日志,埋點(diǎn)可以收集到更加全面的界面交互的行為數(shù)據(jù),能夠簡易的還原出一套線上用戶的使用情景,而不僅限于一些業(yè)務(wù)后臺就能統(tǒng)計(jì)出的轉(zhuǎn)化率或基礎(chǔ)數(shù)據(jù)等;

image.png

并且埋點(diǎn)數(shù)據(jù)可以與業(yè)務(wù)數(shù)據(jù)分開存儲運(yùn)維,這意味著埋點(diǎn)數(shù)據(jù)可以更迅速的根據(jù)設(shè)定的指標(biāo)公式統(tǒng)計(jì)出期望的數(shù)據(jù)或視圖,并且不會干擾業(yè)務(wù)訪問的性能質(zhì)量,因此產(chǎn)品迭代后的新老數(shù)據(jù)對比、營銷活動的效果評估、用戶行為的特征偏好識別等,數(shù)據(jù)埋點(diǎn)都以可以派上用場的。

③ 怎么提埋點(diǎn)需求?

首先埋點(diǎn)需求沒有固定的文檔格式,其次不同埋點(diǎn)服務(wù)平臺的要求也有差異,就移動端來講,很多服務(wù)商已經(jīng)支持可視化埋點(diǎn)、全埋點(diǎn)、無埋點(diǎn)服務(wù),可以實(shí)現(xiàn)自動識別交互元素并進(jìn)行埋點(diǎn)操作,大大減少了開發(fā)工作量,那么再聊回埋點(diǎn)需求怎么提。

核心結(jié)論就是由上而下,通過業(yè)務(wù)目標(biāo)或核心指標(biāo)進(jìn)行拆解,然后關(guān)聯(lián)到核心的任務(wù)流程上,對于一個(gè)頁面或一套流程沒有必要進(jìn)行全篇埋點(diǎn),技巧我概括為以下幾點(diǎn);

image.png

埋點(diǎn)需求的主要內(nèi)容基本包含以下,根據(jù)業(yè)務(wù)或埋點(diǎn)平臺的差異,可以自行調(diào)整;

image.png

④ 業(yè)務(wù)擴(kuò)參怎么一回事兒

擴(kuò)參即擴(kuò)展參數(shù),指在當(dāng)前用戶界面中可以請求到的業(yè)務(wù)數(shù)據(jù),并將這些業(yè)務(wù)數(shù)據(jù)綁定到埋點(diǎn)日志中一并上報(bào)給埋點(diǎn)數(shù)據(jù)后臺,通常為一些用戶屬性參數(shù)、業(yè)務(wù)屬性參數(shù)、設(shè)備屬性參數(shù)、網(wǎng)絡(luò)環(huán)境參數(shù),這樣我們就可以通過這些額外的參數(shù)進(jìn)行數(shù)據(jù)分析或是過濾,舉個(gè)典型案例;

image.png

3. 數(shù)據(jù)治理是做什么

① 為什么要治理?

簡單說就是提升數(shù)據(jù)質(zhì)量與準(zhǔn)確性,在龐大的一套數(shù)據(jù)中,我們需要弄清楚數(shù)據(jù)之間的映射關(guān)系,即不同的數(shù)據(jù)參數(shù)代表了什么元素什么動作什么含義,數(shù)據(jù)是否有缺漏或冗余、報(bào)錯(cuò)漏報(bào)亂報(bào)、是否有無效的臟數(shù)據(jù)(例如內(nèi)部的測試數(shù)據(jù)或腳本爬蟲等帶來的數(shù)據(jù)),如果我們不去將這些數(shù)據(jù)進(jìn)行治理,則統(tǒng)計(jì)出的數(shù)據(jù)指標(biāo)特征或趨勢都將不可靠,無法被商業(yè)應(yīng)用。

簡單講就是元數(shù)據(jù)沒治理準(zhǔn)確,得到的數(shù)據(jù)指標(biāo)也就失去了實(shí)用價(jià)值。

image.png

② 怎么去治理?

本質(zhì)是查缺補(bǔ)漏將無效的數(shù)據(jù)過濾掉或糾錯(cuò),再把數(shù)據(jù)涵義映射成具體的指標(biāo)或描述,用作進(jìn)一步的指標(biāo)計(jì)算與分析,如果數(shù)據(jù)又多又雜,你會發(fā)覺這一步要你老命,例如埋點(diǎn)就需要逐個(gè)查詢原始埋點(diǎn)的位置、觸發(fā)條件、埋點(diǎn)用途、埋點(diǎn)含義甚至與關(guān)聯(lián)業(yè)務(wù)數(shù)據(jù)的關(guān)系校對等。

不過還好,一般來講這些工作都是數(shù)據(jù)建模(BI)相關(guān)人員去負(fù)責(zé)的,作為應(yīng)用層的我們,更多的是能夠根據(jù)業(yè)務(wù)目標(biāo)提出埋點(diǎn)需求、提出指標(biāo)與數(shù)據(jù)報(bào)表需求,以及通過數(shù)據(jù)核算或查看數(shù)據(jù)趨勢等手段找出異常讓 BI 修復(fù),所以這里就不展開埋點(diǎn)數(shù)據(jù)治理的方法了。

③ 數(shù)據(jù)維護(hù)不易

就埋點(diǎn)監(jiān)控用戶行為的方式來講,除了平時(shí)的治理與報(bào)表問題修復(fù),每次迭代改版還要做好相關(guān)埋點(diǎn)信息的管理與維護(hù)更新,保證不出錯(cuò),不影響關(guān)聯(lián)指標(biāo),甚至是線上用戶偏好的推薦算法等應(yīng)用,特別是數(shù)據(jù)規(guī)模越來越大后,又密切關(guān)聯(lián)著業(yè)務(wù)決策時(shí),數(shù)據(jù)更不容出錯(cuò),且要求準(zhǔn)確。

六、三大分析內(nèi)容產(chǎn)出

1. 內(nèi)容產(chǎn)出的先后

在用戶行為分析內(nèi)容構(gòu)建的過程中,除非是有特定場景特定訴求,通常個(gè)人認(rèn)為都是先出指標(biāo)、再完善行為鏈路、再逐步豐滿用戶畫像的一個(gè)過程,原因如下;

  1. 通常先接到的都是一些核心指標(biāo),例如轉(zhuǎn)化率、留存率、活躍度等,同時(shí)這些指標(biāo)也是上層最先關(guān)注到的;
  2. 接著就是完善不同場景或任務(wù)路徑相關(guān),幫助洞察微觀視角下的體驗(yàn)障礙或用戶偏好等,產(chǎn)出流量統(tǒng)計(jì)、流程漏斗等,起到業(yè)務(wù)體驗(yàn)的洞察改善決策作用;
  3. 用戶畫像的數(shù)據(jù)本身就沒那么好收集,并且是一個(gè)逐步完善和被業(yè)務(wù)決策應(yīng)用的過程,所以一開始不會直接奔著用戶畫像構(gòu)建開始;

2. 基礎(chǔ)指標(biāo)構(gòu)建

所謂指標(biāo)可以理解成是產(chǎn)品某項(xiàng)業(yè)務(wù)的成績,例如我是賣包子的,那么我的指標(biāo)大概率就是每天賣出去多少包子、利潤有多少、哪款包子銷量高,根據(jù)這些信息我就可以知道我平時(shí)應(yīng)該準(zhǔn)備多少包子、哪些品類的包子需要多做一些、我靠賣包子能賺多少錢。

image.png

① 指標(biāo)構(gòu)建的原理

實(shí)際上指標(biāo)的構(gòu)建邏輯可以很簡單,例如 A 占 B 的百分比、ABC 的總和、連續(xù)多天 A 占 B 的變化等,很多加減乘除的算法就能搞定,主要是能拿到真實(shí)數(shù)據(jù),不然我懷疑你在做爛賬......

常見指標(biāo):

image.png

3. 行為鏈路分析

用戶行為路徑是一種數(shù)字化的旅行地圖,相比較傳統(tǒng)服務(wù)的旅行地圖,場景會更純粹、意圖更準(zhǔn)確、數(shù)據(jù)采集更便捷,主要作用有以下幾點(diǎn);

  1. 分析用戶在產(chǎn)品中的活動范圍或頁面路徑的關(guān)系,可以幫助了解用戶活躍分布,流量走向等情況;
  2. 識別在任務(wù)或流程漏斗中的卡點(diǎn)或跳失情況,幫助優(yōu)化流程體驗(yàn)或提升轉(zhuǎn)化率等指標(biāo);
  3. 通過用戶的互動方式或路徑特征來進(jìn)行用戶分類或偏好分析預(yù)測等,用于內(nèi)容推薦算法或精準(zhǔn)營銷;

這些行為我們可以大致分為瀏覽、消費(fèi)、互動三大類,根據(jù)不同的業(yè)務(wù)類型,可以選擇性采集和分析相關(guān)數(shù)據(jù),例如電商產(chǎn)品就比較關(guān)注用戶的瀏覽與消費(fèi)行為,常見的有商品瀏覽、添加購物車到下單;

而社交應(yīng)用就更關(guān)注用戶的互動行為,如不同類型的內(nèi)容訪問、評論點(diǎn)贊、關(guān)注收藏分享等;

這些數(shù)據(jù)最終可能由可視化的數(shù)據(jù)報(bào)表呈現(xiàn)出來,以便于業(yè)務(wù)團(tuán)隊(duì)快捷的找到數(shù)據(jù)問題或特征,如常見的漏斗圖、桑基圖、雷達(dá)圖、樹狀圖、散點(diǎn)圖、決策樹等;

image.png

小話題延展

最近在 UXRen 的一場分享會中,聽羅浩講了體驗(yàn)營銷的話題,雖然是關(guān)于用戶研究在職能崗位上挖掘新的商業(yè)能力的內(nèi)容,但是其中有一段是關(guān)于如何在旅行地圖中挖掘新的營銷觸點(diǎn),有一些體會,這里結(jié)合用戶行為鏈路分析簡單聊一下;

背景與問題:

產(chǎn)品功能與業(yè)務(wù)增多,引流渠道多樣化,不同渠道流量的撬動關(guān)鍵是什么,核心場景具備哪些能力,哪些渠道的流量能吃掉,這些流量所處的觸點(diǎn)或場景能支持什么,用戶意圖是什么,產(chǎn)品能力能滿足什么,產(chǎn)品發(fā)展可以支持哪些?如何分流或匹配各類流量的意圖,并提供路徑分發(fā),這些用戶流量數(shù)據(jù)有何趨勢或特征,是否能與場景或觸點(diǎn)進(jìn)行根因分析,是否沉淀行為或偏好模型?

行為路徑的重點(diǎn):

在于觀察不同觸點(diǎn)下的客戶意圖,展開業(yè)務(wù)所能觸及的部分或新的機(jī)會,并匹配合適的關(guān)鍵路徑,以提升轉(zhuǎn)化或用戶粘性等,然后做數(shù)據(jù)回歸分析,抓取有效的用戶特征信息,并應(yīng)用到產(chǎn)品的內(nèi)容推薦或外部引流投放信息優(yōu)化上。

流程過程:

觸點(diǎn)展開與機(jī)會洞察,觸點(diǎn)場景——意圖識別——結(jié)果匹配(關(guān)鍵路徑)——(根因回歸)畫像更新——算法推薦——廣告優(yōu)化

image.png

這一套下來,是不是感覺有點(diǎn)兒似成相識?后來一想這不就是一套用戶增長的設(shè)計(jì)思路嘛。

4. 用戶數(shù)據(jù)畫像

主要是幫助了解和理解用戶,使得我們可以劃分用戶群體和識別偏好特征,最終以提供精準(zhǔn)營銷或是洞察用戶訴求來迭代改善產(chǎn)品。

其中偏好特征我們還可以根據(jù)業(yè)務(wù)屬性細(xì)分為興趣偏好、行為偏好、消費(fèi)偏好等,并為不同偏好特征的群體提供個(gè)性化的內(nèi)容服務(wù),例如常見的內(nèi)容標(biāo)簽標(biāo)記,通過識別用戶常看內(nèi)容的標(biāo)簽,來推薦類似的標(biāo)簽的內(nèi)容或是有潛在興趣的標(biāo)簽內(nèi)容來抓住用戶的興趣。

image.png

常見畫像指標(biāo)構(gòu)建

這些指標(biāo)會通過用戶行為、設(shè)備信息、個(gè)人資料的完善來逐步獲取,主要可以了解到用戶的地域分布、年齡與性別分布、設(shè)備與活躍度情況,相應(yīng)的數(shù)據(jù)在業(yè)務(wù)后臺基本上都能夠獲取到,只需要將某個(gè)時(shí)間分區(qū)的數(shù)據(jù)拉出來,經(jīng)過 Excel 之類的軟件把數(shù)據(jù)加工一下,就能夠獲取到相關(guān)數(shù)據(jù)視圖。

如果將多個(gè)數(shù)據(jù)指標(biāo)結(jié)合起來分析,便可以獲取一些復(fù)合型數(shù)據(jù)指標(biāo),例如哪些年齡段的用戶群體消費(fèi)能力更強(qiáng)、活躍度更高、不同教育背景的興趣愛好是否有一定的關(guān)聯(lián)性等等;

image.png

進(jìn)階畫像指標(biāo)構(gòu)建

進(jìn)階的數(shù)據(jù)畫像會完善更多的用戶特征信息,便于業(yè)務(wù)團(tuán)隊(duì)找到用戶群體的特征,做進(jìn)一步的精細(xì)化運(yùn)營或內(nèi)容推薦,常見的畫像指標(biāo)如下;

image.png

此外就是在收集用戶數(shù)據(jù)的過程中,保證用戶隱私安全、合法性和安全性。

用戶分層模型應(yīng)用

當(dāng)我們采集到一定的用戶數(shù)據(jù)后,就可以在數(shù)據(jù)畫像的構(gòu)建階段進(jìn)一步完成用戶分層工作,這一步是為了將用戶分類,因?yàn)椴煌脩羧旱哪康氖怯胁町惖模玳e逛、精準(zhǔn)采購、參與活動的等等,以提供差異化的服務(wù)做精準(zhǔn)營銷、識別用戶群體特征做業(yè)務(wù)策略決策、或是優(yōu)化產(chǎn)品體驗(yàn)相關(guān),不過當(dāng)你的用戶規(guī)模尚小,運(yùn)營模式簡單,你也不用迫切去進(jìn)行用戶分層相關(guān),因?yàn)槭找娌淮蟆?/p>

那么通常都有哪些用戶分層模型呢?其實(shí)你并不陌生,一些給你列舉了一些;

image.png

七、分析結(jié)論到應(yīng)用

相信你也發(fā)現(xiàn)了,用戶行為分析的構(gòu)建與產(chǎn)出并不只是行為鏈路的數(shù)據(jù),同時(shí)會包攬很多其他的有價(jià)值的指標(biāo)與數(shù)據(jù),所以不要被用戶行為四個(gè)字迷惑,或許你此刻正需要構(gòu)建相關(guān)數(shù)據(jù)。

當(dāng)你準(zhǔn)備構(gòu)建或整理用戶行為分析前,記得目標(biāo)或問題先行,針對性采集數(shù)據(jù)或建設(shè)指標(biāo),在你有了相對準(zhǔn)確或清晰易懂的數(shù)據(jù)后,那些數(shù)據(jù)報(bào)表或圖表根本難不倒你,說白了無非是將純純的一堆數(shù)據(jù)換了形式展示,如果你數(shù)據(jù)可視化的形式與應(yīng)用不夠了解,你可以看看 AntV 官網(wǎng)的介紹說明了解一下,其實(shí)你也不用每個(gè)都研究個(gè)遍,實(shí)用的就那么幾個(gè),酷炫是要代價(jià)的,報(bào)表搭建平臺支不支持、Excel 支不支持、時(shí)間精力夠不夠研發(fā)給你整,都是問題~

AntV 官網(wǎng) :https://ant-design-charts.antgroup.com/examples

最后

你可能疑問沒有完整的教程手把手教你啊,其實(shí)不然,構(gòu)建的前提、流程、要點(diǎn)、建設(shè)方向均在此篇中交代過,當(dāng)你按照這套流程框架去做,基本上不會有啥大問題,一般來講這些內(nèi)容也夠用,至于選用哪些數(shù)據(jù)埋點(diǎn)平臺、數(shù)據(jù)分析平臺、報(bào)表搭建平臺、視自家公司情況而定吧。

也不要擔(dān)心在數(shù)據(jù)報(bào)表搭建或分析的過程中,你搞不定,是不是你執(zhí)行先不說,多問問百度或平臺客服總能解決,如果就是覺得很難上手,那么大概率是工具你不熟,或者工具不好用

轉(zhuǎn)載:優(yōu)設(shè)

蘭亭妙微(藍(lán)藍(lán)設(shè)計(jì))m.wtxcl.cn 是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)B端界面設(shè)計(jì)桌面端界面設(shè)計(jì)APP界面設(shè)計(jì)圖標(biāo)定制用戶體驗(yàn)設(shè)計(jì)交互設(shè)計(jì)UI咨詢高端網(wǎng)站設(shè)計(jì)平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

 

image.png

UI 設(shè)計(jì)細(xì)節(jié)進(jìn)階 —— 蘭亭妙微設(shè)計(jì)的 24 個(gè)實(shí)用質(zhì)感提升技巧

濤濤 設(shè)計(jì)管理與成長

蘭亭妙微設(shè)計(jì)深耕 UI/UX 設(shè)計(jì)領(lǐng)域十余年,始終認(rèn)為優(yōu)秀的設(shè)計(jì)藏于細(xì)節(jié)。很多時(shí)候界面設(shè)計(jì)完成后總覺質(zhì)感不足、差些火候,并非整體布局出了問題,而是忽略了那些能提升視覺體驗(yàn)的細(xì)微設(shè)計(jì)點(diǎn)。資深設(shè)計(jì)師與初級設(shè)計(jì)師的差距,也正體現(xiàn)在對這些細(xì)節(jié)的把控與打磨上。

日歷

鏈接

個(gè)人資料

存檔