• 
    
    <ruby id="2qhst"></ruby>
    <sub id="2qhst"></sub>
    <menuitem id="2qhst"></menuitem>
      亚洲精品久久久久久久蜜桃臀,亚洲欧美国产免费综合视频,91情侣视频,日韩精品内射视频免费观看

      首頁(yè)

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

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

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

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

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

      表單是用戶與產(chǎn)品進(jìn)行數(shù)據(jù)交換的核心界面,是實(shí)現(xiàn)用戶注冊(cè)、登錄、信息提交、交易支付等關(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)許多看似簡(jiǎn)單的表單背后,隱藏著大量容易被忽視的設(shè)計(jì)細(xì)節(jié)與用戶心理規(guī)律。本文將從用戶體驗(yàn)與設(shè)計(jì)心理學(xué)的角度,揭示 Web 表單設(shè)計(jì)中那些你可能不知道的 “冷知識(shí)”,幫助設(shè)計(jì)師打造更高效、更友好的表單界面。

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

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

      構(gòu)圖是 UI 設(shè)計(jì)的核心骨架,在有限的界面畫面中,將視覺元素、功能模塊、文字信息進(jìn)行科學(xué)布局與有序安排,讓每一個(gè)設(shè)計(jì)元素都處于最佳視覺位置,既能精準(zhǔn)傳遞產(chǎn)品主題與信息層級(jí),又能營(yíng)造舒適的視覺體驗(yàn),最終實(shí)現(xiàn)設(shè)計(jì)美感與用戶體驗(yàn)的雙重統(tǒng)一。蘭亭妙微設(shè)計(jì)深耕 UI 設(shè)計(jì)領(lǐng)域多年,服務(wù)過多個(gè)行業(yè)頭部產(chǎn)品,在千萬級(jí)、億量級(jí)產(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ì)(下)

      清陽(yáng) 設(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. 提高效率:簡(jiǎn)化操作、減少重復(fù)輸入,節(jié)省時(shí)間
      4. 提升完成率:降低填寫門檻,減少用戶中途放棄
      5. 降本增效:減少數(shù)據(jù)糾錯(cuò)與溝通成本,賦能業(yè)務(wù)
       

       

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

       

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

      image.png

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

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

      image.png

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

      3. 長(zhǎng)表單:分步 / 分頁(yè),緩解填寫壓力

      image.png

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

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

      image.png

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

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

      image.png

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

      6. 智能輔助:讓表單 “會(huì)思考”

      image.png

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

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

      image.png

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

      8. 字段簡(jiǎn)潔:用最少文字講清含義

      image.png

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

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

      image.png

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

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

      image.png

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

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

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

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

       

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

      image.png

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

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

      image.png

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

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

      image.png

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

       

      三、總結(jié)

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

      蘭亭妙微(藍(lán)藍(lán)設(shè)計(jì))www.rhtd16ji.cn 是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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

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

      清陽(yáng) 用戶研究

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

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

      答:我們所處的行業(yè)下,各類產(chǎn)品變得成熟精細(xì),大家開始拼細(xì)節(jié)卷服務(wù),市場(chǎng)競(jìng)爭(zhēng)激烈。對(duì)于產(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)競(jìng)品照抄了,恰好用戶行為分析就是用戶洞察中具有代表性的一項(xiàng);

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

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

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

       

       

      二、用戶行為分析能干啥

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

      說人話就是:

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

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

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

      被動(dòng)采集的行為數(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)行比對(duì)追溯分析;

      image.png

      具備一定的 AI 不可代替性

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

      image.png

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

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

      image.png

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

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

      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è)輕松的事情,所以最好是針對(duì)性構(gòu)建+多迭代,不要上來就想著做全盤搭建,表面的工作或問題往往可能只是浮冰,逐步的深入后問題會(huì)越來越多,個(gè)人深有體會(huì)!

      image.png

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

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

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

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

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

      image.png

      2. 帶你認(rèn)識(shí)不一樣的埋點(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)行界面交互,有交互就有行為動(dòng)作發(fā)生,而數(shù)據(jù)埋點(diǎn)就是將用戶在界面交互時(shí)產(chǎn)生的各種類型的監(jiān)控日志上報(bào)到產(chǎn)品后臺(tái)去,這樣業(yè)務(wù)團(tuán)隊(duì)就可以知道到用戶在不同頁(yè)面或業(yè)務(wù)場(chǎng)景下操作了什么,去往過哪些頁(yè)面,當(dāng)結(jié)合業(yè)務(wù)后臺(tái)的訂單等數(shù)據(jù)時(shí),就可以還原出更加清晰的用戶行為全貌。

      通常這些埋點(diǎn)會(huì)分為“頁(yè)面訪問(PV、UV)、區(qū)塊曝光(區(qū)域、時(shí)長(zhǎng))、按鈕操作(動(dòng)作、狀態(tài))”三大類型,并攜帶交互元素和操作者的各類特征信息參數(shù),便于我們知曉更多的場(chǎng)景細(xì)節(jié)與用戶情況,例如知曉這個(gè)「免費(fèi)試用」按鈕是對(duì)應(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í)候派上用場(chǎng)

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

      image.png

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

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

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

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

      image.png

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

      image.png

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

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

      image.png

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

      ① 為什么要治理?

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

      簡(jiǎn)單講就是元數(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ù)又多又雜,你會(huì)發(fā)覺這一步要你老命,例如埋點(diǎn)就需要逐個(gè)查詢?cè)悸顸c(diǎn)的位置、觸發(fā)條件、埋點(diǎn)用途、埋點(diǎn)含義甚至與關(guān)聯(lián)業(yè)務(wù)數(shù)據(jù)的關(guān)系校對(duì)等。

      不過還好,一般來講這些工作都是數(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ù)趨勢(shì)等手段找出異常讓 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)建的過程中,除非是有特定場(chǎng)景特定訴求,通常個(gè)人認(rèn)為都是先出指標(biāo)、再完善行為鏈路、再逐步豐滿用戶畫像的一個(gè)過程,原因如下;

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

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

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

      image.png

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

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

      常見指標(biāo):

      image.png

      3. 行為鏈路分析

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

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

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

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

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

      image.png

      小話題延展

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

      背景與問題:

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

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

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

      流程過程:

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

      image.png

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

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

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

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

      image.png

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

      這些指標(biāo)會(huì)通過用戶行為、設(shè)備信息、個(gè)人資料的完善來逐步獲取,主要可以了解到用戶的地域分布、年齡與性別分布、設(shè)備與活躍度情況,相應(yīng)的數(shù)據(jù)在業(yè)務(wù)后臺(tái)基本上都能夠獲取到,只需要將某個(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ù)畫像會(huì)完善更多的用戶特征信息,便于業(yè)務(wù)團(tuán)隊(duì)找到用戶群體的特征,做進(jìn)一步的精細(xì)化運(yùn)營(yíng)或內(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)采購(gòu)、參與活動(dòng)的等等,以提供差異化的服務(wù)做精準(zhǔn)營(yíng)銷、識(shí)別用戶群體特征做業(yè)務(wù)策略決策、或是優(yōu)化產(chǎn)品體驗(yàn)相關(guān),不過當(dāng)你的用戶規(guī)模尚小,運(yùn)營(yíng)模式簡(jiǎn)單,你也不用迫切去進(jìn)行用戶分層相關(guān),因?yàn)槭找娌淮蟆?/p>

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

      image.png

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

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

      當(dāng)你準(zhǔn)備構(gòu)建或整理用戶行為分析前,記得目標(biāo)或問題先行,針對(duì)性采集數(shù)據(jù)或建設(shè)指標(biāo),在你有了相對(duì)準(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)表搭建平臺(tái)支不支持、Excel 支不支持、時(shí)間精力夠不夠研發(fā)給你整,都是問題~

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

      最后

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

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

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

      蘭亭妙微(藍(lán)藍(lán)設(shè)計(jì))www.rhtd16ji.cn 是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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ì)管理與成長(zhǎng)

      蘭亭妙微設(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ì)師與初級(jí)設(shè)計(jì)師的差距,也正體現(xiàn)在對(duì)這些細(xì)節(jié)的把控與打磨上。

      UI 設(shè)計(jì)中的構(gòu)圖與排版 —— 蘭亭妙微設(shè)計(jì)實(shí)戰(zhàn)方法論

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

      蘭亭妙微設(shè)計(jì)自 2009 年成立以來,深耕 UI/UX 設(shè)計(jì)領(lǐng)域十余年,為金融、醫(yī)療、智能制造等 7 大行業(yè) 500 + 企業(yè)打造全鏈路數(shù)字化設(shè)計(jì)解決方案,在中車數(shù)據(jù)可視化大屏、施耐德后臺(tái)系統(tǒng)交互設(shè)計(jì)等經(jīng)典案例中,始終將構(gòu)圖與排版作為 UI 設(shè)計(jì)的核心底層邏輯。我們認(rèn)為,根據(jù)產(chǎn)品主題與業(yè)務(wù)內(nèi)容的需求,將文字、圖片、色彩等視覺要素進(jìn)行有組織、有目的的組合設(shè)計(jì),不僅是塑造界面美感的關(guān)鍵,更直接決定了用戶的操作體驗(yàn)與信息獲取效率,是連接產(chǎn)品功能與用戶感知的重要橋梁。

      蘭亭妙微:2022 林肯 Zephyr HMI 設(shè)計(jì)解析

      藍(lán)藍(lán)設(shè)計(jì)的小編 系統(tǒng)UI設(shè)計(jì)文章及欣賞

      作為深耕車載 HMI 設(shè)計(jì)領(lǐng)域的團(tuán)隊(duì),北京蘭亭妙微 UI 設(shè)計(jì)團(tuán)隊(duì)始終以行業(yè)優(yōu)秀作品為標(biāo)桿,持續(xù)學(xué)習(xí)探索車載交互設(shè)計(jì)的前沿思路。本次福特內(nèi)部設(shè)計(jì)團(tuán)隊(duì)操刀的 2022 林肯 Zephyr HMI 設(shè)計(jì),憑借品牌基因與前沿設(shè)計(jì)的深度融合,成為車載 HMI 領(lǐng)域的優(yōu)秀參考范本,我們也從其中汲取諸多設(shè)計(jì)靈感,現(xiàn)將核心設(shè)計(jì)思路與學(xué)習(xí)感悟解析如下,與行業(yè)同仁交流探討,北京蘭亭妙微,與你一起共成長(zhǎng)

      設(shè)計(jì)核心定位

       
      該設(shè)計(jì)錨定林肯美式豪華的品牌基底,結(jié)合新生代高端用戶對(duì)智能座艙的使用需求,以「科技賦能優(yōu)雅,體驗(yàn)回歸人本」為設(shè)計(jì)主線,打破傳統(tǒng)豪華車機(jī)的刻板設(shè)計(jì)邏輯,讓智能科技成為豪華體驗(yàn)的延伸,而非簡(jiǎn)單的功能疊加。這一設(shè)計(jì)邏輯也為北京蘭亭妙微在車載 HMI 設(shè)計(jì)中平衡品牌調(diào)性與用戶需求,提供了重要的思路參考。

      視覺體系設(shè)計(jì)

       
      1. 星云、星座為核心視覺靈感(nebula/constellation 為設(shè)計(jì)核心標(biāo)簽),打造沉浸式視覺氛圍,深色調(diào)基底搭配細(xì)膩的動(dòng)態(tài)光影效果,契合林肯「靜謐之旅」理念,也讓科技感與高級(jí)感相融,與豪華車型內(nèi)飾風(fēng)格高度統(tǒng)一;
      2. 采用極簡(jiǎn)現(xiàn)代的界面布局,弱化冗余視覺元素,以清晰的信息層級(jí)、簡(jiǎn)潔的視覺符號(hào)構(gòu)建界面,實(shí)現(xiàn)「視覺減負(fù)」,讓駕駛過程中信息獲取更高效,這與我們?cè)?HMI 設(shè)計(jì)中堅(jiān)持的「高效視覺表達(dá)」原則高度契合。

      交互功能設(shè)計(jì)

       
      1. 適配多聯(lián)屏硬件布局,打造分屏協(xié)同、全屏切換的操作邏輯,支持主駕控車、副駕娛樂 / 導(dǎo)航的獨(dú)立操作與信息一鍵流轉(zhuǎn),最大化發(fā)揮多屏硬件優(yōu)勢(shì),這為我們?cè)诙嗥淋囕d交互場(chǎng)景的設(shè)計(jì)中,提供了實(shí)操性極強(qiáng)的參考方向;
      2. 遵循車載交互的安全性與便捷性原則,簡(jiǎn)化操作路徑,摒棄復(fù)雜文字菜單,采用卡片式交互布局,支持常用功能自定義與快捷手勢(shì)操作,減少駕駛中的操作干擾,這也是北京蘭亭妙微在 HMI 設(shè)計(jì)中始終堅(jiān)守的核心原則;
      3. 打造場(chǎng)景化交互模式,結(jié)合通勤、休閑、運(yùn)動(dòng)等不同駕乘場(chǎng)景設(shè)計(jì)對(duì)應(yīng)界面主題與功能組合,讓交互更具針對(duì)性,為我們的場(chǎng)景化車載 HMI 設(shè)計(jì)帶來新的靈感啟發(fā)。

      品牌基因融合

       
      設(shè)計(jì)將林肯經(jīng)典的「地平線設(shè)計(jì)」語言融入 HMI 視覺體系,通過橫向視覺線條拉伸座艙視覺開闊感,與車輛內(nèi)飾設(shè)計(jì)語言呼應(yīng),強(qiáng)化品牌識(shí)別性;同時(shí)弱化物理按鍵視覺占比,以智慧觸板實(shí)現(xiàn)「數(shù)字化操作」,僅在操作時(shí)觸發(fā)視覺反饋,讓豪華體驗(yàn)滲透到每一個(gè)交互細(xì)節(jié)。這一將品牌基因深度融入交互設(shè)計(jì)的思路,也為我們?cè)?HMI 設(shè)計(jì)中打造專屬品牌辨識(shí)度提供了重要借鑒。

      設(shè)計(jì)落地工具

       
      本次設(shè)計(jì)綜合運(yùn)用 Photoshop、Illustrator 完成視覺界面與圖形符號(hào)設(shè)計(jì),通過 Cinema 4D 實(shí)現(xiàn)座艙與界面的建模渲染,借助 After Effects 完成動(dòng)態(tài)交互效果制作,以 Sketch 進(jìn)行交互原型搭建,多工具協(xié)同實(shí)現(xiàn)設(shè)計(jì)理念的精準(zhǔn)落地。北京蘭亭妙微在 HMI 設(shè)計(jì)工作中,也注重多設(shè)計(jì)工具的協(xié)同運(yùn)用,保障設(shè)計(jì)效果從概念到落地的完整性與專業(yè)性。

      蘭亭妙微學(xué)習(xí)感悟

       
      深耕車載 HMI 設(shè)計(jì)領(lǐng)域,北京蘭亭妙微始終保持學(xué)習(xí)與探索的初心,從行業(yè)優(yōu)秀作品中汲取設(shè)計(jì)養(yǎng)分,同時(shí)也在實(shí)際項(xiàng)目中不斷打磨自身的設(shè)計(jì)能力,將前沿設(shè)計(jì)思路與實(shí)際項(xiàng)目需求相結(jié)合,打造兼具實(shí)用性、創(chuàng)新性與品牌適配性的車載 HMI 設(shè)計(jì)方案。
       
      優(yōu)秀的設(shè)計(jì)作品始終是行業(yè)前行的動(dòng)力,未來北京蘭亭妙微也將繼續(xù)以優(yōu)秀標(biāo)桿為指引,深耕車載 UIUX 設(shè)計(jì),持續(xù)探索創(chuàng)新,與行業(yè)伙伴攜手共進(jìn),北京蘭亭妙微,與你一起共成長(zhǎng)!
       

       

      蘭亭妙微(藍(lán)藍(lán)設(shè)計(jì))www.rhtd16ji.cn 是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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。

      設(shè)計(jì)知識(shí)點(diǎn) - 盒子模型 | 蘭亭妙微設(shè)計(jì)

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

      在 UI 與網(wǎng)頁(yè)設(shè)計(jì)的布局體系中,盒子模型是最基礎(chǔ)且核心的底層思維模型,也是 CSS 開發(fā)中高頻使用的界面構(gòu)建邏輯。蘭亭妙微設(shè)計(jì)認(rèn)為,掌握盒子模型的設(shè)計(jì)原理,能有效打通設(shè)計(jì)師與開發(fā)的溝通壁壘,讓設(shè)計(jì)落地的效率與精準(zhǔn)度大幅提升,無論是大到整頁(yè)的布局規(guī)劃,還是小到按鈕、控件的細(xì)節(jié)設(shè)計(jì),都能依托這一模型實(shí)現(xiàn)標(biāo)準(zhǔn)化、規(guī)范化的設(shè)計(jì)與開發(fā)。

      UI 底部 Tab 欄設(shè)計(jì)總結(jié) - 蘭亭妙微設(shè)計(jì)

      濤濤 移動(dòng)端UI設(shè)計(jì)文章及欣賞

      在移動(dòng)端 UI 設(shè)計(jì)中,底部 Tab 欄是用戶操作的核心導(dǎo)航組件,直接影響產(chǎn)品的操作體驗(yàn)與視覺質(zhì)感。蘭亭妙微設(shè)計(jì)結(jié)合多年移動(dòng)端設(shè)計(jì)實(shí)戰(zhàn)經(jīng)驗(yàn),從布局、背景、標(biāo)簽展現(xiàn)、圖標(biāo)樣式四大核心維度,總結(jié)底部 Tab 欄的經(jīng)典設(shè)計(jì)思路與實(shí)操技巧,為產(chǎn)品設(shè)計(jì)提供專業(yè)參考。

      日歷

      鏈接

      個(gè)人資料

      存檔

      主站蜘蛛池模板: 尤物网址在线观看| 久久久久久久综合日本| 99免费视频| 777一区二区三区| 久久夜色精品国产欧美乱| 亚洲的天堂在线中文字幕| 在线看av一区二区三区| 午夜亚洲精品不卡在线观看| 日本乱一区二区三区在线| 岛国精品| 老头老太性行交视频| 南丰县| 中文字幕国产日韩精品| 91高清在线观看| 一区二区久久不射av| 老熟妇乱子伦牲交视频| 国产成人精品久久| 久草福利资源站| 国产一卡2卡三卡4卡 精| 天祝| 国产L精品国产亚洲区在线观看| 熟女荡漾在线| 日韩亚洲欧美在线| 日韩AV导航| 日韩精品国产自在欧美| 免费看少妇作爱视频| 国产精品自在线拍国产手机版| 97人人模人人爽视频一区二区| 欧美激情乱伦| 亚洲乱亚洲乱妇无码| 欧洲-级毛片内射| 久久婷婷久久一区二区三区| 亚洲熟妇激情视频99| 国产精品人成在线观看| 99热久re这里只有精品小草 | 久久精品国产精品亚洲色婷婷 | 在国产线视频A在线视频| 国产尤物av一区二区三区| 最新国产精品好看的精品| 免费人成在线观看VR网站| 色天天天综合网色天天|