做爰三级在线播放_又大又粗又猛又舒服又爽_暖暖www免费高清视频最新期_午夜精品aaa国产福利

首頁

數(shù)據(jù)驅(qū)動價值-你需要掌握的數(shù)據(jù)分析技巧

ui設(shè)計分享達(dá)人

在這個信息爆炸的時代,數(shù)據(jù)已經(jīng)成為了一種新的能源。數(shù)據(jù)分析能力的高低,直接影響到我們在職場中的競爭力。數(shù)據(jù)作為一個定量的維度,可以支持設(shè)計方案的推導(dǎo)和決策,以及對方案效果的驗證。想要證明你的設(shè)計,數(shù)據(jù)是最直觀的展現(xiàn),掌握一些數(shù)據(jù)分析方法,能有效量化你出色的設(shè)計。接下來讓我們對數(shù)據(jù)分析的整體框架、數(shù)據(jù)如何處理加工做一探究竟吧。

互聯(lián)網(wǎng)產(chǎn)品設(shè)計的6個創(chuàng)新方法

ui設(shè)計分享達(dá)人

設(shè)計是為了解決問題,然而并不是所有問題都存在現(xiàn)有的解決方案。這時,創(chuàng)新的出現(xiàn)能夠打破僵局,賦予設(shè)計新的生命力,用更加獨特的思維方式來解決問題。不過,創(chuàng)新又經(jīng)常虛無縹緲,盡管苦思冥想也難等到靈光乍現(xiàn)。
 

深入探究B端產(chǎn)品設(shè)計的核心

ui設(shè)計分享達(dá)人

一、B端用戶需求的深入理解和分析
在當(dāng)今高度信息化的商業(yè)環(huán)境中,B端產(chǎn)品已成為企業(yè)高效運營和持續(xù)發(fā)展的關(guān)鍵支撐。
這些產(chǎn)品不僅提供工具和服務(wù),更是企業(yè)優(yōu)化流程、提升工作效率和競爭力的有力武器。然而,要打造一款成功的B端產(chǎn)品,關(guān)鍵在于對
B端用戶需求的深入理解與分析。
B端用戶,
如企業(yè)決策者、團隊管理者和專業(yè)人員以及普通員工,他們在日常工作中處理復(fù)雜的業(yè)務(wù)流程,對數(shù)據(jù)分析、系統(tǒng)整合、安全性等方面有著極高的要求。
這些用戶的獨特需求不僅體現(xiàn)在產(chǎn)品的基本功能上,更涉及到產(chǎn)品的易用性、可擴展性以及服務(wù)支持等多個層面。

漫談UI設(shè)計中的圖標(biāo)設(shè)計

資深UI設(shè)計者

在UI設(shè)計中,圖標(biāo)的使用可以說是占了大壁江山,相信大家都知道圖標(biāo)的重要性,一個優(yōu)秀的圖標(biāo)比語言更吸引眼球更可視化,甚至跨越了語言的障礙,傳遞信息也非常的高效。

關(guān)于 UI 中的投影,我從原理給你講起

資深UI設(shè)計者

在如今的界面設(shè)計中,投影使用的范圍和頻次越來越高。無論線上項目或是追波上飛機稿,都可以看見各種各樣的投影樣式。

UI場景中的極光風(fēng)設(shè)計趨勢

資深UI設(shè)計者

作為設(shè)計師都會時刻關(guān)注設(shè)計趨勢,以 UI 設(shè)計來說每年都會出現(xiàn)很多相關(guān)的趨勢總結(jié),基本是結(jié)合預(yù)測和實際相結(jié)合的。趨勢可以讓我們把控設(shè)計的方向,帶給用戶更好的感官體驗。

AIGC在UI設(shè)計中的探索

資深UI設(shè)計者

看完這篇文章,你將學(xué)到:AI繪畫如何在工作中運用的方法,在流程中設(shè)計師該注意什么,設(shè)計案例以及學(xué)習(xí)思路。

【萬字干貨】B端進階|表格數(shù)據(jù)過濾分析

前端達(dá)人

一、為什么需要數(shù)據(jù)過濾
在B端(Business to Business,即企業(yè)對企業(yè))應(yīng)用中,表格數(shù)據(jù)過濾功能是一項非常重要的功能。它能夠幫助企業(yè)用戶更方便地管理和查詢表格數(shù)據(jù),提高工作效率和數(shù)據(jù)準(zhǔn)確性。因此一個體驗感良好的數(shù)據(jù)篩選功能有助于用戶的任務(wù)處理效率。幫助系統(tǒng)更加友好、易用,從而增加用戶的滿意度和使用頻率。
在確定過濾類型之前,首先,需要確定哪些字段需要進行篩選。這需要根據(jù)業(yè)務(wù)需求和用戶習(xí)慣來確定。例如,在銷售系統(tǒng)中,可能需要對產(chǎn)品名稱、銷售日期、銷售數(shù)量等字段進行過濾;在人力資源系統(tǒng)中,可能需要對員工姓名、部門、職位等字段進行過濾。
 
二、數(shù)據(jù)過濾的類型
根據(jù)確定的過濾條件,需要設(shè)計合適的過濾方式。常見的過濾方式包括:1)搜索;2)頁簽導(dǎo)航;3)條件篩選。不同類型的過濾方式對應(yīng)不同的用戶目標(biāo)及數(shù)據(jù)特點
【萬字干貨】B端進階|表格數(shù)據(jù)過濾分析
 
 
 
三、搜索
搜索是一種通過輸入關(guān)鍵詞或短語在大量數(shù)據(jù)中尋找相關(guān)信息的過程。在互聯(lián)網(wǎng)時代,搜索已成為獲取信息的主要途徑之一。通過搜索引擎,用戶可以快速地找到自己需要的內(nèi)容。
3.1 搜索類型
3.1.1 單條件模糊搜索
介紹:用戶在搜索框中輸入一個關(guān)鍵詞,然后搜索引擎返回與該關(guān)鍵詞相關(guān)的結(jié)果。
【萬字干貨】B端進階|表格數(shù)據(jù)過濾分析
 
 
 
  •  
    優(yōu)點
    :簡單易用,用戶只需要輸入一個關(guān)鍵詞即可快速找到相關(guān)信息;
  •  
    缺點
    :搜索方式可能不夠精確,因為用戶可能沒有提供足夠的上下文信息,導(dǎo)致搜索引擎返回的結(jié)果與用戶的期望不符
 
3.1.2 多條件模糊搜索
介紹:指用戶在搜索框中輸入或選擇多個關(guān)鍵詞,然后搜索引擎返回與這些關(guān)鍵詞都相關(guān)的結(jié)果。可選擇是后臺配置查詢條件還是用戶配置。
【萬字干貨】B端進階|表格數(shù)據(jù)過濾分析
 
 
 
  •  
    優(yōu)點
    :更加精確,因為用戶提供了更多的上下文信息,可以幫助搜索引擎更好地理解用戶的意圖;
  •  
    缺點
    :需要用戶輸入更多的關(guān)鍵詞,增加了用戶的輸入成本。
 
3.1.3 搜索條件切換
介紹:指用戶在搜索框中輸入一個關(guān)鍵詞后,可以手動切換到另一個關(guān)鍵詞進行搜索。
【萬字干貨】B端進階|表格數(shù)據(jù)過濾分析
 
 
 
  •  
    優(yōu)點
    :靈活性和自由度更高,用戶可以根據(jù)自己的需要隨時切換關(guān)鍵詞進行搜索;
  •  
    缺點
    :需要用戶手動操作,增加了用戶的操作成本。
 
3.2 觸發(fā)方式
3.2.1 實時觸發(fā)
介紹:實時觸發(fā)是指當(dāng)用戶在搜索框中輸入關(guān)鍵字時,搜索功能會立即進行匹配并返回相關(guān)結(jié)果。這種觸發(fā)方式可以為用戶提供實時的搜索體驗,方便用戶快速找到所需信息。通常需要后端服務(wù)器的支持。
【萬字干貨】B端進階|表格數(shù)據(jù)過濾分析
 
 
 
  •  
    優(yōu)點
    :當(dāng)用戶在搜索框中輸入文字時,搜索功能會立即提供搜索結(jié)果。這種方式可以提供快速反饋,讓用戶更快地找到所需信息。此外,實時觸發(fā)搜索還可以幫助用戶逐步縮小搜索范圍,提高搜索效率。
  •  
    缺點
    :可能會對服務(wù)器造成較大的負(fù)擔(dān),因為每次用戶輸入都會觸發(fā)一次搜索請求。其次,實時觸發(fā)搜索可能會干擾用戶的輸入過程,因為用戶需要不斷地觀察搜索結(jié)果并根據(jù)結(jié)果進行調(diào)整。
 
3.2.2 手動觸發(fā)
介紹:指用戶需要手動觸發(fā)搜索功能,通常是通過點擊搜索按鈕或按下回車鍵來執(zhí)行搜索操作。這種觸發(fā)方式可以避免用戶在輸入過程中頻繁觸發(fā)搜索,提高用戶體驗
【萬字干貨】B端進階|表格數(shù)據(jù)過濾分析
 
 
 
  •  
    優(yōu)點
    :用戶需要點擊一個搜索按鈕或使用特定的快捷鍵才能觸發(fā)搜索功能。這種方式可以減少對服務(wù)器的負(fù)擔(dān),并且不會干擾用戶的輸入過程。
  •  
    缺點
    :可能會讓用戶感到不便,因為他們需要手動觸發(fā)搜索功能。此外,如果用戶忘記觸發(fā)搜索功能,他們可能會浪費時間在輸入過程中。
 
3.3 理解用戶的搜索意圖
提高用戶的搜索效率和滿意度。通過提供相關(guān)的關(guān)鍵詞建議和展示之前的搜索歷史,搜索引擎可以幫助用戶更快地找到所需信息,并減少用戶的搜索時間和成本。此外,這些功能還可以增加用戶的忠誠度和滿意度,因為它們能夠提供更加個性化和智能化的搜索體驗。
3.3.1 關(guān)鍵字聯(lián)想
介紹:用戶在輸入一個關(guān)鍵詞時,搜索引擎能夠自動推薦與該關(guān)鍵詞相關(guān)的其他關(guān)鍵詞,以幫助用戶更快地找到所需信息。
【萬字干貨】B端進階|表格數(shù)據(jù)過濾分析
 
 
 
3.3.2 搜索歷史
介紹:記錄了用戶之前搜索過的關(guān)鍵詞和搜索結(jié)果,以便用戶在以后的搜索中更快地找到之前查找過的信息。
【萬字干貨】B端進階|表格數(shù)據(jù)過濾分析
 
 
 
四、導(dǎo)航
使用場景:標(biāo)簽切換一般用于和時間、狀態(tài)的流轉(zhuǎn)有關(guān),且沒有交集的數(shù)據(jù)內(nèi)容;主要樣式有基礎(chǔ)、卡片、膠囊等。
 
4.1 頁簽導(dǎo)航(tabs)
通過點擊不同的標(biāo)簽頁來切換不同頁面或視圖的功能。在許多應(yīng)用程序中,頁簽導(dǎo)航可以幫助用戶快速地找到自己需要的功能或頁面。例如,在瀏覽器中,頁簽導(dǎo)航可以幫助用戶同時打開多個網(wǎng)頁,并在不同的標(biāo)簽頁之間進行切換。
【萬字干貨】B端進階|表格數(shù)據(jù)過濾分析
 
 
 
優(yōu)點:
  •  
    直觀易用:頁簽導(dǎo)航簡單明了,用戶可以快速理解并使用
  •  
    節(jié)省空間:頁簽導(dǎo)航可以在有限的屏幕空間內(nèi)展示多個頁面或部分內(nèi)容,提高了頁面的利用率。
便于瀏覽:用戶可以通過頁簽快速切換到不同的頁面或內(nèi)容,提高了瀏覽效率。
 
缺點:
  •  
    導(dǎo)航深度限制:頁簽導(dǎo)航通常只適用于一級或兩級導(dǎo)航,對于多級導(dǎo)航可能會顯得過于復(fù)雜。
  •  
    內(nèi)容展示限制:由于頁簽的空間有限,可能無法展示所有需要的內(nèi)容,需要用戶點擊后才能查看全部內(nèi)容。
 
4.2 卡片導(dǎo)航
【萬字干貨】B端進階|表格數(shù)據(jù)過濾分析
 
 
 
優(yōu)點:
  •  
    內(nèi)容豐富:卡片導(dǎo)航可以展示更多的內(nèi)容和信息,用戶可以通過卡片了解更多詳情
  •  
    直觀性強:卡片導(dǎo)航以視覺化的方式展示內(nèi)容,更加直觀和易于理解
  •  
    交互性強:用戶可以通過滑動或點擊卡片進行操作,增強了交互性和體驗感
缺點:
  •  
    占用空間大:卡片導(dǎo)航需要占用更多的屏幕空間,可能會影響頁面的整體布局和美觀度;
  •  
    操作復(fù)雜度較高:對于一些用戶來說,卡片導(dǎo)航的操作可能會比較復(fù)雜,需要一定的學(xué)習(xí)成本
 
五、條件篩選
篩選是一種對搜索結(jié)果進行過濾和排序的過程,以便用戶能夠更快地找到自己需要的信息。篩選可以根據(jù)不同的標(biāo)準(zhǔn)進行,例如相關(guān)性、時間、重要性等。在許多應(yīng)用程序中,篩選功能可以幫助用戶縮小搜索范圍,提高搜索效率。
5.1 頁面布局
5.1.1 上下布局
特點:篩選條件和表格數(shù)據(jù)分別位于頁面上方和下方,用戶可以逐行查看數(shù)據(jù),同時看到篩選條件。
使用建議:適用于篩選條件較少,且數(shù)據(jù)量較大的情況。用戶可以快速瀏覽數(shù)據(jù),同時方便對篩選條件進行修改。
【萬字干貨】B端進階|表格數(shù)據(jù)過濾分析
 
 
 
5.1.2 左右布局
特點:篩選條件和表格數(shù)據(jù)分別位于頁面左側(cè)和右側(cè),用戶可以同時看到篩選條件和數(shù)據(jù)。
使用建議:適用于篩選條件較多,且數(shù)據(jù)量較小的情況。用戶可以在篩選條件和數(shù)據(jù)之間進行快速切換,提高操作效率。
【萬字干貨】B端進階|表格數(shù)據(jù)過濾分析
 
 
 
5.1.3 浮層(彈窗/抽屜)
特點:僅展示篩選圖標(biāo)按鈕,以浮層形式呈現(xiàn)。可以在當(dāng)前頁面的上方或側(cè)邊以浮動的形式展示,不會占用太多頁面空間。
使用建議:當(dāng)頁面的空間利用率要求比較高,非高頻操作場景時可使用浮層的模式,節(jié)省頁面空間。
【萬字干貨】B端進階|表格數(shù)據(jù)過濾分析
 
 
5.2 篩選類型
B端表格的篩選類型主要有平鋪式、收折式和下拉式三種:
5.2.1 平鋪式
介紹:平鋪式是將所有篩選項羅列出來平鋪在頁面上,可以兼容多種數(shù)據(jù)格式,如數(shù)字、文本、標(biāo)簽、枚舉值、布爾值等,包含但不限于日期選擇期、標(biāo)簽切換、單選框、復(fù)選框等多種控件。
【萬字干貨】B端進階|表格數(shù)據(jù)過濾分析
 
 
 
優(yōu)點
  •  
    直觀明了:平鋪式篩選將所有選項平鋪展示,方便用戶快速找到所需選項;
  •  
    易于操作:平鋪式篩選通常采用簡單的點擊或拖拽操作,方便用戶進行篩選。
缺點
  •  
    占用空間較大:平鋪式篩選需要展示所有選項,因此可能會占用較多的頁面空間;
不適合大量選項:如果選項數(shù)量過多,平鋪式篩選可能會顯得擁擠,影響用戶體驗。
使用建議
  •  
    適用于選項數(shù)量適中的情況:平鋪式篩選適合選項數(shù)量適中,且用戶需要直觀看到所有選項的情況;
  •  
    可以結(jié)合其他篩選方式:如果選項數(shù)量過多,可以考慮結(jié)合其他篩選方式,如收折式篩選或表單式篩選。
 
5.2.2 收折式
介紹:收折式篩選通常以收折的狀態(tài)展示篩選條件,只有在用戶觸發(fā)搜索后才會完全展開。一般篩選條件少于6個,可以通過1行或者2行展示篩選項的結(jié)果。
【萬字干貨】B端進階|表格數(shù)據(jù)過濾分析
 
 
 
優(yōu)點
  •  
    節(jié)省空間:收折式篩選可以將不常用的選項折疊起來,節(jié)省頁面空間;
  •  
    易于查找:收折式篩選通常會提供搜索或篩選條件,方便用戶快速找到所需選項。
缺點
  •  
    操作相對復(fù)雜:收折式篩選需要用戶展開或折疊選項,操作相對復(fù)雜一些;
  •  
    不適合所有場景:如果用戶需要直觀看到所有選項,或者需要快速篩選大量選項,收折式篩選可能不太適合。
使用建議
  •  
    適用于選項數(shù)量較多的情況:收折式篩選適合選項數(shù)量較多,且用戶需要節(jié)省頁面空間的情況;
  •  
    可以結(jié)合其他篩選方式:如果用戶需要直觀看到所有選項,或者需要快速篩選大量選項,可以考慮結(jié)合其他篩選方式,如平鋪式篩選或表單式篩選。
 
5.2.3 表單式
介紹:表單式是在系統(tǒng)中頁面中的篩選區(qū)設(shè)置下拉篩選條件,用戶通過下拉選擇篩選條件中的值對數(shù)據(jù)進行篩選操作。當(dāng)然篩選區(qū)中可能除了下拉選擇之外還有輸入篩選,下拉篩選和數(shù)據(jù)篩選共同組成篩選區(qū)。
【萬字干貨】B端進階|表格數(shù)據(jù)過濾分析
 
 
 
優(yōu)點
  •  
    直觀明了:表格形式的篩選方式可以讓用戶直觀地看到各個字段和對應(yīng)的數(shù)據(jù),方便用戶進行對比和篩選;
  •  
    操作簡單:用戶可以通過簡單的點擊、輸入等方式進行篩選,操作簡便,提高了篩選效率;
  •  
    靈活性高:表格形式的篩選方式可以支持多種篩選條件和篩選方式,用戶可以根據(jù)自己的需求進行篩選,靈活性較高。
缺點
  •  
    界面擁擠:如果表格中的字段較多,會導(dǎo)致界面擁擠,影響用戶的使用體驗;
  •  
    數(shù)據(jù)量大時篩選性能不佳:對于大量數(shù)據(jù),表格形式的篩選方式可能需要較長時間才能得出結(jié)果,影響篩選效率;
  •  
    不易展示復(fù)雜數(shù)據(jù)關(guān)系:表格形式的篩選方式更適合展示簡單的數(shù)據(jù)關(guān)系,對于復(fù)雜的數(shù)據(jù)關(guān)系可能難以直觀地展示。
使用建議
  •  
    根據(jù)實際需求選擇篩選方式:在選擇篩選方式時,需要根據(jù)實際需求和數(shù)據(jù)量的大小來選擇適合的篩選方式。對于簡單的篩選需求,可以使用表格形式的篩選方式;對于復(fù)雜的篩選需求,可能需要考慮使用其他篩選方式,如條件語句等;
  •  
    優(yōu)化表格布局:為了提高用戶的使用體驗,可以對表格的布局進行優(yōu)化,如對字段進行排序、隱藏不必要的字段等;
  •  
    限制篩選條件數(shù)量:為了提高篩選效率,可以限制用戶可以設(shè)置的篩選條件數(shù)量,避免過多的篩選條件導(dǎo)致篩選性能下降。
 
5.2.4 浮層彈出式
介紹:頁面中僅展示篩選按鈕,點擊后以氣泡或抽屜的方式去承載篩選內(nèi)容。
【萬字干貨】B端進階|表格數(shù)據(jù)過濾分析
 
 
【萬字干貨】B端進階|表格數(shù)據(jù)過濾分析
 
 
 
優(yōu)點
  •  
    用戶友好:浮層式的篩選條件提供了一種直觀的方式來展示篩選選項,用戶可以輕松地查看和選擇,無需在頁面之間切換或變動頁面布局;
  •  
    節(jié)省空間:通過將篩選條件放在浮層中,主頁面可以保持簡潔,不受到過多的干擾元素影響,同時也可以避免篩選條件過多導(dǎo)致的頁面擁擠;
  •  
    靈活性高:浮層式的篩選條件可以方便地調(diào)整和修改,以適應(yīng)不同的篩選需求和業(yè)務(wù)變化。
缺點
  •  
    可能會引起混淆:如果用戶不熟悉這種交互方式,可能會對浮層式篩選條件感到困惑,需要額外的引導(dǎo)和說明;
  •  
    可能會影響用戶體驗:浮層式的篩選條件需要用戶手動關(guān)閉或選擇選項,如果操作不夠便捷或流暢,可能會影響用戶體驗;
  •  
    可能會影響頁面性能:如果篩選條件過多或數(shù)據(jù)量較大,浮層式的篩選條件可能會導(dǎo)致頁面加載速度變慢,影響用戶體驗。
使用建議
  •  
    提供清晰的引導(dǎo):在應(yīng)用中使用浮層式的篩選條件時,需要提供清晰的引導(dǎo)和說明,幫助用戶更好地理解和使用;
  •  
    優(yōu)化關(guān)閉和選擇操作:為了提高用戶體驗,需要優(yōu)化篩選條件的關(guān)閉和選擇操作,使其更加便捷和流暢;
  •  
    考慮數(shù)據(jù)量和性能:在應(yīng)用中使用浮層式的篩選條件時,需要考慮數(shù)據(jù)量和頁面性能等因素,采取相應(yīng)的優(yōu)化措施。
 
5.2.5 表頭篩選
介紹:位于表格表頭區(qū)域,每一列表頭可做單列篩選,也可多列同時篩選。
【萬字干貨】B端進階|表格數(shù)據(jù)過濾分析
 
 
 
優(yōu)點
  •  
    直觀明了:表頭篩選將篩選條件直接展示在表格的表頭位置,方便用戶直觀看到所有可用的篩選條件;
  •  
    提高效率:表頭篩選可以減少用戶的操作步驟和時間成本,提高篩選效率。
缺點
  •  
    適用范圍有限:表頭篩選通常適用于簡單的單字段篩選或單列篩選,對于多字段或多列的復(fù)雜篩選需求可能不太適用;
  •  
    可能影響表格美觀度:在表格中添加多個表頭可能會影響表格的美觀度,需要權(quán)衡設(shè)計和用戶體驗之間的平衡。
使用建議
  •  
    適用于簡單篩選需求的情況:表頭篩選適合簡單的單字段或單列的篩選需求,如根據(jù)姓名、性別等進行篩選;
  •  
    可以結(jié)合其他篩選方式:如果用戶需要復(fù)雜的篩選需求,可以考慮結(jié)合其他篩選方式,如平鋪式、收折式或表單式等。
 
5.2.6 已選條件
介紹:將已經(jīng)錄入的條件展示在查詢條件的下方,可快速刪除
【萬字干貨】B端進階|表格數(shù)據(jù)過濾分析
 
 
 
優(yōu)點
  •  
    用戶體驗:顯示已選條件可以幫助用戶更好地理解篩選結(jié)果,提高用戶體驗。用戶可以直觀地看到哪些條件已被選中,從而更好地理解數(shù)據(jù)的篩選結(jié)果;
  •  
    可視化效果:在篩選區(qū)顯示已選條件,可以增強表格的可讀性和可視化效果。篩選條件的顯示可以提供一種直觀的方式,幫助用戶更好地理解數(shù)據(jù)和篩選結(jié)果;
  •  
    篩選靈活性:如果篩選區(qū)顯示已選條件,用戶可以根據(jù)需要輕松地修改或刪除已選條件,提高篩選的靈活性;
  •  
    篩選邏輯清晰度:通過顯示已選條件,用戶可以更好地理解篩選的邏輯。這有助于用戶更好地理解數(shù)據(jù)之間的關(guān)系和關(guān)聯(lián),提高數(shù)據(jù)分析的準(zhǔn)確性;
  •  
    篩選操作效率:對于大量數(shù)據(jù)的篩選,顯示已選條件可以幫助用戶更快地定位和調(diào)整篩選條件,提高篩選操作效率。
 
六、優(yōu)化過濾性能
表格過濾是用戶在處理大量數(shù)據(jù)時常用的功能之一。如果過濾性能不佳,用戶需要等待很長時間才能看到結(jié)果,這將嚴(yán)重影響用戶體驗。優(yōu)化表格過濾性能可以減少用戶等待時間,提高用戶體驗。
6.1 索引優(yōu)化
通過創(chuàng)建索引來提高查詢過濾的效率。通過創(chuàng)建模版的方式更快地定位到特定的數(shù)據(jù)行,通過創(chuàng)建合適的索引,可以顯著減少查詢過濾所需的時間,提高查詢性能。
6.1.1 查詢條件模版
將常用的查詢方案保存為模版,通過快速切換模版的方式批量替換查詢條件,達(dá)到快速查詢的效果,方便用戶快速篩選出所需的數(shù)據(jù)。
【萬字干貨】B端進階|表格數(shù)據(jù)過濾分析
 
 
 
6.1.1 查詢值模版
將常用的查詢方案連同值一起設(shè)置為模版,在下次切換查詢方案時,自動根據(jù)預(yù)置的值進行自動查詢,查詢結(jié)果保存至瀏覽器,方便下次調(diào)用。
【萬字干貨】B端進階|表格數(shù)據(jù)過濾分析
 
 
6.2 緩存機制
介紹:(瀏覽器前端)將已經(jīng)過濾過的數(shù)據(jù)緩存起來,避免重復(fù)查詢。
 
6.3 分頁加載
介紹:采用分頁加載的方式,減少一次性加載的數(shù)據(jù)量,提高加載速度。
【萬字干貨】B端進階|表格數(shù)據(jù)過濾分析
 
 
 
七、總結(jié)
【萬字干貨】B端進階|表格數(shù)據(jù)過濾分析
 
 
在本文中,我們探討了B端表格數(shù)據(jù)過濾功能的類型和實現(xiàn)。通過了解用戶需求和使用場景,我們提出了表格數(shù)據(jù)過濾方案。以上方案需要結(jié)合實際場景合理配置和選擇。同時,我們還介紹了表格數(shù)據(jù)過濾的實際案例,以及一些性能優(yōu)化技巧。通過實際應(yīng)用案例的展示,證明了以上方案的有效性和實用性。
在未來的工作中,我們可以進一步探索表格數(shù)據(jù)過濾功能的擴展和優(yōu)化。例如,可以增加對異步數(shù)據(jù)的支持,提高表格數(shù)據(jù)的實時性;還可以引入機器學(xué)習(xí)算法,實現(xiàn)智能過濾和推薦功能。此外,我們還可以考慮與其他系統(tǒng)的集成和交互,以實現(xiàn)更廣泛的應(yīng)用。
總之,B端表格數(shù)據(jù)過濾功能是提高數(shù)據(jù)處理效率和準(zhǔn)確性的重要工具。通過不斷優(yōu)化和完善該功能,我們可以更好地滿足用戶需求,提升用戶體驗,為B端業(yè)務(wù)的發(fā)展提供有力支持。
 


作者:姚_Yale
鏈接:https://www.zcool.com.cn/article/ZMTYwNTc0OA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

解鎖HMI設(shè)計規(guī)范

前端達(dá)人

1. 前言
車載HMI設(shè)計近年來成為一個熱門領(lǐng)域。許多朋友對HMI設(shè)計感興趣,卻苦于不知如何入手,不了解HMI設(shè)計的基本原則和規(guī)范。有人誤以為HMI設(shè)計僅是設(shè)計類似iPad的界面,認(rèn)為可以直接應(yīng)用移動端或Web端的規(guī)范,這是不正確的。HMI設(shè)計擁有其獨特的設(shè)計規(guī)范。本文旨在介紹HMI端的設(shè)計系統(tǒng)和原則。當(dāng)然,這些規(guī)范主要用于參考,特殊情況下可以適當(dāng)打破這些規(guī)則。
 
2. HMI設(shè)計原則
2.1. 交互原則
在當(dāng)前的駕駛環(huán)境中,自動駕駛尚不能完全取代人工駕駛,駕駛者在行車過程中仍需保持對路況的高度注意,因此確保駕駛安全是設(shè)計的首要前提。本文將主要介紹視覺部分的設(shè)計考量,關(guān)于車載交互的詳細(xì)討論將在后續(xù)文章中更新。
解鎖HMI設(shè)計規(guī)范
 
 
 
2.2. 視覺原則
在以駕駛安全為前提的設(shè)計中,需要確保內(nèi)容的易讀性,目標(biāo)的易用性,以及界面元素的一致性,從而滿足用戶在全場景下的體驗需求。
解鎖HMI設(shè)計規(guī)范
 
 
 
3. HMI設(shè)計系統(tǒng)
3.1. 為什么要搭建設(shè)計系統(tǒng)
一致性
:設(shè)計系統(tǒng)提供了一套統(tǒng)一的視覺和功能組件,確保不同的產(chǎn)品、頁面和功能在視覺表現(xiàn)和用戶體驗上具有高度一致性。這不僅減少了用戶的學(xué)習(xí)成本,也加強了品牌的整體形象和專業(yè)性。
提高效率
:設(shè)計系統(tǒng)中的可重用組件和明確的設(shè)計指南可以大大減少設(shè)計和開發(fā)的工作量。設(shè)計師和開發(fā)者可以快速采用預(yù)定義的元素來構(gòu)建新功能或改進現(xiàn)有功能,無需從零開始。這有助于縮短項目時間線,實現(xiàn)產(chǎn)品的快速迭代。
易于維護
:當(dāng)所有設(shè)計元素和代碼都遵循一個統(tǒng)一的系統(tǒng)時,維護和更新變得更加簡單和高效。例如,如果需要更新品牌顏色或修改按鈕樣式,只需在設(shè)計系統(tǒng)中進行更改,相關(guān)變更即可自動應(yīng)用到所有使用這些元素的地方。
提高跨團隊協(xié)作
:設(shè)計系統(tǒng)作為一個共享的資源庫,可以幫助不同的團隊成員(如設(shè)計師、開發(fā)者、產(chǎn)品經(jīng)理等)更好地協(xié)同工作。一個擁有詳細(xì)文檔和標(biāo)準(zhǔn)的系統(tǒng)確保每個團隊成員都能理解和正確使用組件,減少溝通成本和誤解。
適應(yīng)性和可擴展性
:良好的設(shè)計系統(tǒng)具備高度的適應(yīng)性和可擴展性,能夠隨著公司和產(chǎn)品的發(fā)展而成長。隨著新需求的出現(xiàn),設(shè)計系統(tǒng)可以持續(xù)更新和擴展,新的設(shè)計元素和組件可以被添加進來,而不會破壞現(xiàn)有的系統(tǒng)結(jié)構(gòu)。
提升用戶體驗
:統(tǒng)一和標(biāo)準(zhǔn)化的用戶界面組件不僅可以加速開發(fā)流程,還可以直接提升最終用戶的體驗。一致的界面和預(yù)測性的交互可以幫助用戶更快地適應(yīng)軟件,提高用戶滿意度。
3.2. 原子設(shè)計
談到設(shè)計系統(tǒng),我們不得不提原子設(shè)計。原子設(shè)計是由Brad Frost于2013年提出的一種設(shè)計系統(tǒng)方法論,它將界面設(shè)計分解為更小的組件,目的是提高工作效率和保持設(shè)計一致性。原子設(shè)計包括五個層次:原子、分子、組織、模板和頁面。
解鎖HMI設(shè)計規(guī)范
 
 
 
原子
:設(shè)計中最小的可復(fù)用單元,包括顏色、字體、圖標(biāo)等基礎(chǔ)元素。
解鎖HMI設(shè)計規(guī)范
 
 
 
分子
:由原子組合形成的更復(fù)雜元素,例如按鈕、輸入框等具有特定功能的組件。
解鎖HMI設(shè)計規(guī)范
 
 
 
組織
:由分子和原子構(gòu)成的模塊,承載更復(fù)雜的功能和信息結(jié)構(gòu)。
解鎖HMI設(shè)計規(guī)范
 
 
 
模板
:將原子和分子組合成的布局框架,定義頁面結(jié)構(gòu)和內(nèi)容區(qū)域的排版。
解鎖HMI設(shè)計規(guī)范
 
 
 
頁面
:結(jié)合模板和具體內(nèi)容,形成最終的界面設(shè)計。
解鎖HMI設(shè)計規(guī)范
 
 
 
接下來步入正題,本文將詳細(xì)講述HMI的視覺樣式指南,內(nèi)容包括顏色、布局、排版和圖標(biāo)。
解鎖HMI設(shè)計規(guī)范
 
 
 
4. 顏色
4.1. 顏色對比度
由于駕駛環(huán)境復(fù)雜多變,如地下車庫、隧道、陰雨天、陽光刺眼的晴天、白天及夜晚,設(shè)計時需考慮不同光照條件下的可讀性。文本與背景色的對比度應(yīng)滿足特定標(biāo)準(zhǔn),建議對比度大于7:1,至少應(yīng)為4.5:1。這些數(shù)字區(qū)間的依據(jù)是什么呢?參考WCAG(網(wǎng)絡(luò)內(nèi)容無障礙指南),這些標(biāo)準(zhǔn)旨在為視障人士提供更好的體驗,同時也便于普通人使用。汽車作為面向大眾的產(chǎn)品,應(yīng)考慮視障用戶的需求。在不佳的使用場景下(如強烈陽光或昏暗環(huán)境中),我們也可能經(jīng)歷暫時性的視覺障礙,難以清晰感知內(nèi)容。
根據(jù)WCAG,對比度應(yīng)符合AA級與AAA級的標(biāo)準(zhǔn)。AA級要求小文本與背景的對比度至少為4.5:1,大文本與背景的對比度至少為3:1。AAA級則要求小文本與背景的對比度至少為7:1,大文本與背景的對比度至少為4.5:1。
解鎖HMI設(shè)計規(guī)范
 
 
 
根據(jù)WCAG,小文本指的是字號在19px以下的粗體文本,或者字號在24px以下的常規(guī)體文本。大文本則是指字號至少為19px且為粗體的文本,或者字號為24px以上的常規(guī)體文本。在HMI設(shè)計中,最小文本字號定為20px,字重為常規(guī)。因此,文本與背景的對比度不應(yīng)低于4.5:1。同時,對比度也不宜過高,因為過高的對比度可能導(dǎo)致閱讀疲勞,降低閱讀效率。在深色背景下,文本與圖形的對比度建議不要超過18:1。您可以通過以下鏈接訪問一個網(wǎng)站,以計算文本與背景的對比度:https://www.siegemedia.com/contrast-ratio#%23272e3b-on-%231868de
解鎖HMI設(shè)計規(guī)范
 
 
 
4.2. 顏色分類
HMI設(shè)計主流趨勢是采用深色背景,這在夜間或光線較暗的環(huán)境中可以減少屏幕亮度對視野的沖擊,并有效減少陽光及其他光源的反射。在深色背景上,鮮艷的色彩(如紅色、藍(lán)色等)更加突出,便于駕駛員快速識別重要信息。在使用深色背景時,應(yīng)避免大面積使用純白色,以免過度吸引用戶注意力。
然而,隨著屏幕硬件技術(shù)的進步,越來越多的車機系統(tǒng)開始采用淺色背景。這樣做不僅能在保持高對比度的同時有效控制反射和眩光,還確保了淺色背景在各種光線條件下的良好可讀性。由于手機和平板設(shè)備普遍采用淺色背景,用戶已習(xí)慣此類界面,這一習(xí)慣也推動了車機頁面設(shè)計向淺色背景的轉(zhuǎn)變。
解鎖HMI設(shè)計規(guī)范
 
 
 
在界面設(shè)計中,中性色主要用于文字、背景、邊框和分割線,通過中性色的明度差異來營造空間的縱深感。在視覺感知中,明度較高的顏色在Z軸上的位置看起來更高,這有助于區(qū)分不同層次。在深色背景下,應(yīng)通過調(diào)整白色的透明度而非使用灰色來進行對比和層次區(qū)分。功能色代表特定的信息狀態(tài),需符合用戶對色彩的基本認(rèn)知,例如:成功用綠色表示、失敗用紅色表示、提醒用黃色表示、鏈接用藍(lán)色表示。同時,還需要設(shè)定合理的對比度和飽和度,以確保在駕駛環(huán)境下能有效識別這些顏色。
解鎖HMI設(shè)計規(guī)范
 
 
 
車機配色應(yīng)避免大量使用鮮艷的色彩,以免過度吸引用戶的注意力。根據(jù)Munsell Color原理,顏色的飽和度和明度兩個數(shù)值越大,顏色越鮮艷。在車機配色中,我們需要遵循以下兩個規(guī)則:
1.越接近右上角的顏色越鮮艷,應(yīng)避免使用這類顏色;
2.選色時應(yīng)關(guān)注飽和度和明度,這兩個數(shù)值之和應(yīng)盡量小于180(S飽和度 + B明度 ≤ 180)。同時,品牌色的合理應(yīng)用能有效傳達(dá)品牌調(diào)性,但不建議大量使用紅色系作為品牌的功能色。
 
4.3. 大廠顏色規(guī)范
解鎖HMI設(shè)計規(guī)范
 
 
解鎖HMI設(shè)計規(guī)范
 
 
 
5. 布局
5.1. 屏幕種類與屏幕分辨率
車機的屏幕尺寸與分辨率種類繁多,且車機涵蓋多種屏幕類型,如儀表屏、中控屏、副駕娛樂屏、后排娛樂屏等。接下來介紹幾款熱門車型的屏幕參數(shù)。
小米SU7
儀表屏:7.1英寸
中控屏:16.1英寸、3072x1920
解鎖HMI設(shè)計規(guī)范
 
 
 
特斯拉 Model Y
中控屏:15英寸、1920x1080
解鎖HMI設(shè)計規(guī)范
 
 
 
問界M7
儀表屏:10.25英寸、1920x720
中控屏:15.6英寸、1920x1080
解鎖HMI設(shè)計規(guī)范
 
 
 
蔚來ES6
儀表屏:10.2英寸、1920x532
中控屏:12.8英寸、1728x1888
解鎖HMI設(shè)計規(guī)范
 
 
 
小鵬G9
儀表屏:10.25英寸、1920x720
中控屏:14.96英寸、2400x1200
副駕娛樂屏:14.96英寸、2400x1200
解鎖HMI設(shè)計規(guī)范
 
 
 
理想L7
儀表屏:4.82英寸、800x166
中控屏:15.7英寸、2880x1620
副駕娛樂屏:15.7英寸、2880x1620
解鎖HMI設(shè)計規(guī)范
 
 
 
通過對主要汽車廠商車型的屏幕分辨率進行收集與分析,發(fā)現(xiàn)當(dāng)前市面上主流的屏幕分辨率比例主要為16:9和8:3,這兩種比例合計覆蓋了72.39%的車型。因此,建議將這兩種比例作為屏幕適配的基準(zhǔn)。
解鎖HMI設(shè)計規(guī)范
 
 
 
5.2. 柵格系統(tǒng)
布局區(qū)域大于或等于1600dp時,建議使用12柵格系統(tǒng)。布局區(qū)域在720dp到1600dp之間時,建議使用8柵格。而當(dāng)布局區(qū)域小于720dp時,則建議使用4柵格。
解鎖HMI設(shè)計規(guī)范
 
 
 
5.3. 間距規(guī)范
間距可以賦予頁面信息更有節(jié)奏的感覺,從而提升內(nèi)容的可讀性和閱讀效率。通過采用不同的間距,可以有效區(qū)分頁面的組織和內(nèi)容。
在設(shè)計師層面:制定間距規(guī)范可以有效減少決策和思考的時間,提高工作效率。
在開發(fā)層面:開發(fā)者不一定能夠準(zhǔn)確辨識1dp的差異,但能夠明顯區(qū)分出8dp的差距。基礎(chǔ)間距以8dp及其倍數(shù)為增量(例如8dp、16dp、24dp、32dp、48dp等),這樣開發(fā)者無需每次都精確測量,同時也能減少誤差,提高設(shè)計稿的還原度。
在用戶層面:具有一致節(jié)奏和韻律的頁面更加美觀。依據(jù)親密性原則合理調(diào)整間距,可以使用戶更加輕松地感知和區(qū)分信息,從而提升用戶體驗。
 
谷歌Android Auto的布局間距采用8dp作為主要增量,而一些較小的組件則采用4dp作為增量。間距規(guī)范共設(shè)定了九種數(shù)值,分別為P0至P8。
解鎖HMI設(shè)計規(guī)范
 
 
 
小tips:為了更好地對齊并留出足夠的間距,較小的組件可以使用4dp和12dp的間距,但需謹(jǐn)慎使用。對于信息較少的頁面(如缺省頁、登錄頁等),使用96dp的間距可能無法很好地滿足留白需求,此時可以考慮使用120dp、160dp或200dp等其他間距數(shù)值。細(xì)心的朋友可能會注意到,在以8dp為基準(zhǔn)單位定義間距時,40dp和56dp這兩個數(shù)值并未包括在內(nèi),盡管它們都是8的倍數(shù)。例如,16dp是8dp的2倍,間距變化較為明顯。然而,將56dp與64dp進行比較時,64dp僅比56dp大1.4倍,兩者間的差異相對較小。設(shè)計師在定義間距規(guī)范時需要遵循倍數(shù)規(guī)則,同時也應(yīng)考慮頁面的美觀和用戶體驗,避免過于呆板地遵守規(guī)則。
定義間距沒有絕對的標(biāo)準(zhǔn),主要取決于最小單位,如4dp、5dp、6dp、8dp等,具體選擇哪個取決于產(chǎn)品的定位和內(nèi)容的形式。重要的是,所有間距需要基于最小單位并以倍數(shù)的形式規(guī)律排列,以保證元素間有良好的節(jié)奏感。
 
6. 排版
文字是界面設(shè)計中非常重要的信息元素,其字體選擇、字階、字重、顏色及行高都是影響視覺可讀性和閱讀效率的關(guān)鍵因素。對于字體的選擇,建議在中文排版中使用思源黑體,而英文則使用Roboto。在中英文混排的情況下,應(yīng)統(tǒng)一使用系統(tǒng)中文字體;在純英文排版時,則統(tǒng)一使用系統(tǒng)的英文專用字體。
6.1. 字階
字階在界面設(shè)計中用于區(qū)分內(nèi)容的主次關(guān)系,合理的字階應(yīng)用決定了內(nèi)容的節(jié)奏和秩序。為了構(gòu)建穩(wěn)定且具有良好可讀性的字階設(shè)計,根據(jù)IDX & 同濟(2020)百度Apollo中控視覺基礎(chǔ)研究項目、谷歌Android Auto和華為車機UI設(shè)計規(guī)范的研究成果,我們可以發(fā)現(xiàn)字號通常以4的倍數(shù)遞增,且最小字號不應(yīng)小于20(標(biāo)簽類輔助文案應(yīng)謹(jǐn)慎使用),正文字號最小為24。文本的主副層級應(yīng)通過4至8的字號差距來區(qū)分。對于需要用戶閱讀和處理的重要信息,每個段落的文字?jǐn)?shù)量不應(yīng)超過20字,以確保用戶可以在2秒內(nèi)閱讀完畢(700字/1分鐘)
解鎖HMI設(shè)計規(guī)范
 
 
解鎖HMI設(shè)計規(guī)范
 
 
 
6.2. 字重
對于需要用戶關(guān)注的文本信息,可以通過調(diào)整字重來突出內(nèi)容。建議使用Regular或Medium字重,這樣的字重使文本看起來更清晰和舒適。相比之下,更粗的字體不易辨認(rèn),可能會影響閱讀速度,導(dǎo)致駕駛員分心,同時也可能引起視覺疲勞。
解鎖HMI設(shè)計規(guī)范
 
 
 
6.3. 行高
行高是指上邊框、下邊框加上字號高度的總和,可以想象成一個包裹在字體外面的透明盒子。行高主要針對多行文本;對于單行文本,使用默認(rèn)的Auto行高即可。在設(shè)計頁面時,由于文字會有不同的字號構(gòu)成,便于閱讀的考慮通常會設(shè)定適當(dāng)?shù)男懈摺2煌男懈邔ξ淖值囊鬃x性影響較大。
文本的行高一般設(shè)置為字號的120%-150%,然而由于字階規(guī)范中包含多個字號,不易確定具體每個字號應(yīng)使用120%還是150%的行高。行高的具體比例與字號密切相關(guān):字號越小,建議的行高比例越大;反之,字號越大,折行的概率通常越小。
根據(jù)Ant Design的經(jīng)驗,行高可以設(shè)置為字號加8。雖然這種動態(tài)變化的字號與固定加8的方法看起來可能顯得死板,實際上它非常有效。例如,20px的字號加8等于28px行高,這是字號的1.4倍;56px字號加8則為64px行高,約是字號的1.14倍,符合‘字號越小,行高越大’的原則。這樣的規(guī)范使得設(shè)計師和開發(fā)者可以更方便地調(diào)整行高。
解鎖HMI設(shè)計規(guī)范
 
 
6.4. 字色
為保證普通文本在黑白背景下的清晰可讀,根據(jù)WCAG的AA級與AAA級標(biāo)準(zhǔn),文本與背景的對比度應(yīng)設(shè)定在4.5:1至7:1之間。
在深色背景上,建議通過調(diào)整純白色文本的透明度來創(chuàng)建一致且強烈的視覺層次結(jié)構(gòu),而不是使用純灰色。根據(jù)IDX & 同濟 (2020) 百度Apollo中控視覺基礎(chǔ)研究項目、谷歌Android Auto和華為車機UI設(shè)計規(guī)范,建議設(shè)置一級文本的透明度為100%-90%,二級文本的透明度為70%-60%,三級文本的透明度為40%-30%。
 

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

關(guān)鍵詞:UI咨詢UI設(shè)計服務(wù)公司軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司UI交互設(shè)計公司數(shù)據(jù)可視化設(shè)計公司用戶體驗公司高端網(wǎng)站設(shè)計公司

銀行金融軟件UI界面設(shè)計能源及監(jiān)控軟件UI界面設(shè)計氣象行業(yè)UI界面設(shè)計軌道交通界面設(shè)計地理信息系統(tǒng)GIS UI界面設(shè)計航天軍工軟件UI界面設(shè)計醫(yī)療行業(yè)軟件UI界面設(shè)計教育行業(yè)軟件UI界面設(shè)計企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)軟件wpf開發(fā)軟件vue開發(fā)



作者:設(shè)計師Ksss
鏈接:https://www.zcool.com.cn/article/ZMTYxOTQ5Mg==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

設(shè)計師必備思維模型

前端達(dá)人

設(shè)計師應(yīng)該具備的思維模型
數(shù)據(jù)思維
設(shè)計思維
用戶思維
產(chǎn)品思維
如何提升思維
設(shè)計師在職業(yè)發(fā)展中應(yīng)具備多種思維模型,包括數(shù)據(jù)思維、設(shè)計思維、用戶思維,商業(yè)思維和產(chǎn)品思維。這些思維模型有助于提升設(shè)計師的專業(yè)能力和解決復(fù)雜問題的能力。
設(shè)計師必備思維模型
 
 
 
數(shù)據(jù)思維:在當(dāng)前競爭激烈的市場環(huán)境下,數(shù)據(jù)思維對于設(shè)計師尤為重要。它可以幫助設(shè)計師在眾多同行中脫穎而出。數(shù)據(jù)思維不僅是為了獲取數(shù)據(jù),更重要的是利用數(shù)據(jù)來驗證商業(yè)價值,指導(dǎo)設(shè)計策略,從而賦能商業(yè)價值。
 
設(shè)計思維:設(shè)計思維模型對于設(shè)計師至關(guān)重要,它包括了解基礎(chǔ)設(shè)計規(guī)范、常用設(shè)計原則、設(shè)計的實用性以及對落地負(fù)責(zé)的態(tài)度。設(shè)計思維還包括對主流設(shè)計趨勢和手法的把握。
 
用戶思維:用戶思維要求設(shè)計師從用戶的環(huán)境和場景出發(fā),進行深入的用戶洞察。用戶洞察可以通過三部曲來進行:理解用戶需求、分析用戶行為、預(yù)測用戶趨勢。
 
商業(yè)思維:商業(yè)思維模型對設(shè)計師而言同樣不可或缺。它要求設(shè)計師不僅熟知商業(yè)基礎(chǔ)知識,還要掌握常用的商業(yè)策略與原則。設(shè)計師需深入理解商業(yè)目標(biāo)的實用性,并對商業(yè)成果的落地負(fù)責(zé)。
 
產(chǎn)品思維:產(chǎn)品思維涉及到對商業(yè)設(shè)計的理解,包括如何做出符合市場需求的商業(yè)設(shè)計。設(shè)計師需要了解什么是好的商業(yè)設(shè)計,并掌握商業(yè)設(shè)計的步驟。
 
設(shè)計師需要掌握的思維模型-數(shù)據(jù)思維
為了提升數(shù)據(jù)思維能力,設(shè)計師可以采用推理設(shè)計模型和溯因模型(5W模型)。這些模型有助于提高設(shè)計思維的縝密度和深度。
 
北極星指標(biāo)是公司在當(dāng)前階段最重要的唯一指標(biāo),它有助于公司聚焦于最重要的問題,提升團隊凝聚力,并鼓勵實驗文化。北極星指標(biāo)的設(shè)定需要考慮公司的長期價值和不同發(fā)展階段的重點。
設(shè)計師必備思維模型
 
 
設(shè)計師常用的數(shù)據(jù)指標(biāo)模型包括HEART指標(biāo)、GSM指標(biāo)、海盜指標(biāo)(AARRR模型)和NPS指標(biāo)。這些指標(biāo)模型有各自的優(yōu)缺點,但北極星指標(biāo)因其重要性而被特別推薦。設(shè)計師在實際工作中,可以將北極星指標(biāo)根據(jù)不同場景進行分解,以設(shè)定具體工作目標(biāo)。
 
數(shù)據(jù)分析方法多樣,包括使用第三方工具、數(shù)據(jù)埋點、問卷調(diào)研、內(nèi)部行為分析工具和百度指數(shù)等。數(shù)據(jù)埋點需要明確要追蹤的事件,并與數(shù)據(jù)分析師或前端工程師合作。問卷調(diào)研可以幫助收集用戶的詳細(xì)信息,而百度指數(shù)可以提供競品的用戶畫像。
產(chǎn)品設(shè)計驅(qū)動的增長可以通過四步閉環(huán)方法實現(xiàn):確定指標(biāo)、提出假設(shè)、進行分解和實驗。這有助于設(shè)計師系統(tǒng)地優(yōu)化產(chǎn)品,實現(xiàn)數(shù)據(jù)的持續(xù)提升。
設(shè)計師必備思維模型
 
 
通過上述方法,設(shè)計師可以更好地理解用戶、市場和業(yè)務(wù),從而提升設(shè)計質(zhì)量,實現(xiàn)個人和產(chǎn)品的共同成長。
 
提高設(shè)計思維的縝密度和深度,設(shè)計師可以采用推理設(shè)計模型和溯因模型(5W模型)。
推理設(shè)計模型:
- 目的:推理設(shè)計模型的核心是滿足人的需求,通過推理過程產(chǎn)生多種解決方案。
- 組成部分:
- 形態(tài):產(chǎn)品的基本外觀或互聯(lián)網(wǎng)產(chǎn)品的品牌調(diào)性。
- 屬性:決定產(chǎn)品形態(tài)的特定屬性或種類。
- 功能:產(chǎn)品表達(dá)的目的與用途,受人的意向、喜好、目標(biāo)等因素影響。
- 需求:產(chǎn)品滿足的用戶需求。
- 價值:產(chǎn)品創(chuàng)造的價值。
- 聯(lián)系:產(chǎn)品使用受特定環(huán)境影響,屬性客觀而功能主觀,需求和價值基于功能滿足。
- 注意點:設(shè)計需要直覺和創(chuàng)造力,同時考慮設(shè)計場景。
設(shè)計師必備思維模型
 
 
溯因模型(5W模型):
- 定義:溯因推理是一種根據(jù)現(xiàn)象特征推測其原因的信息加工方式。
- 例子:通過連續(xù)提問“為什么”來找到問題的根本原因,如豐田汽車公司的5WHY法。
- 作用:從結(jié)果出發(fā),通過層層提問找到并解決根本問題。
設(shè)計師必備思維模型
 
 
 
設(shè)計師需要掌握的思維模型-設(shè)計思維
 
設(shè)計領(lǐng)域中,經(jīng)驗豐富的設(shè)計師會逐漸意識到,優(yōu)秀的設(shè)計既需要藝術(shù)的直覺和創(chuàng)造性,也需要科學(xué)的嚴(yán)謹(jǐn)和系統(tǒng)性。這種理念可以被重新表述為:
 
隨著設(shè)計實踐的深入,設(shè)計師們會發(fā)現(xiàn),設(shè)計工作不僅僅依賴于創(chuàng)意和審美(即“藝術(shù)”的一面),同樣需要依賴于理性的分析和科學(xué)的方法(即“科學(xué)”的一面)。藝術(shù)性讓設(shè)計作品具有吸引力和表現(xiàn)力,而科學(xué)性則確保設(shè)計解決方案的實用性、邏輯性和可行性。設(shè)計師在追求視覺美感的同時,也必須關(guān)注設(shè)計如何滿足用戶需求和商業(yè)目標(biāo),實現(xiàn)三者之間的和諧平衡。
 
因此,設(shè)計師不僅要專注于設(shè)計的藝術(shù)性,即那些涉及創(chuàng)意、美學(xué)和情感表達(dá)的方面,同樣要關(guān)注設(shè)計的科學(xué)性,這包括采用系統(tǒng)化的問題解決方法、基于用戶研究和數(shù)據(jù)分析的決策過程,以及對設(shè)計在整個產(chǎn)品開發(fā)和市場策略中角色的深入理解。簡而言之,設(shè)計師的工作是將藝術(shù)的靈感與科學(xué)的分析相結(jié)合,創(chuàng)造出既美觀又實用的設(shè)計作品。
 
設(shè)計思維,作為設(shè)計師專業(yè)成長的基石,融合了審美、創(chuàng)造力、用戶需求理解、設(shè)計實現(xiàn)以及對新趨勢的敏銳洞察。這一思維模式不僅要求設(shè)計師掌握基礎(chǔ)的設(shè)計技能,更要求他們具備全局性的視野和解決問題的能力。
一、理解設(shè)計規(guī)范是設(shè)計思維的首要任務(wù)。設(shè)計師需要深入了解不同平臺的設(shè)計規(guī)范和原則,如蘋果的界面設(shè)計準(zhǔn)則、谷歌的Material Design理念等。這些規(guī)范為設(shè)計師提供了清晰的設(shè)計方向,確保設(shè)計作品的一致性和專業(yè)性。通過遵循這些規(guī)范,設(shè)計師能夠減少設(shè)計中的不確定性和誤解,提高設(shè)計的效率和質(zhì)量。
設(shè)計師必備思維模型
 
 
二、應(yīng)用設(shè)計原則是設(shè)計思維的關(guān)鍵環(huán)節(jié)。設(shè)計原則如格式塔原理等,為設(shè)計師提供了有效的視覺排版方法。設(shè)計師需要運用這些原則,通過合理的布局、色彩搭配和字體選擇,使設(shè)計作品更加美觀、易讀和易于理解。同時,設(shè)計師還需要關(guān)注設(shè)計的實用性和用戶體驗,確保設(shè)計作品能夠滿足用戶的需求和期望。
設(shè)計師必備思維模型
 
 
三、重視實用性是設(shè)計思維的核心要求。設(shè)計不應(yīng)僅僅追求美觀,更應(yīng)服務(wù)于用戶的實際需求。設(shè)計師需要深入了解用戶的需求和痛點,通過設(shè)計來解決他們的問題。例如,設(shè)計師可以通過優(yōu)化操作流程、提高界面交互的便捷性等方式,提升用戶的使用體驗。實用性是設(shè)計作品能否得到用戶認(rèn)可的關(guān)鍵,因此設(shè)計師需要時刻關(guān)注用戶的需求反饋,不斷優(yōu)化設(shè)計作品。
設(shè)計師必備思維模型
 
 
四,對設(shè)計落地負(fù)責(zé)是設(shè)計思維的重要體現(xiàn)。設(shè)計師不僅要關(guān)注設(shè)計的創(chuàng)意和美感,更要關(guān)注設(shè)計從概念到實現(xiàn)的全過程。設(shè)計師需要與開發(fā)團隊緊密合作,確保設(shè)計的可行性和可實現(xiàn)性。同時,設(shè)計師還需要關(guān)注設(shè)計的細(xì)節(jié)和規(guī)范,確保設(shè)計作品在實際應(yīng)用中能夠達(dá)到預(yù)期的效果。這種對設(shè)計落地的責(zé)任感有助于提升設(shè)計師的綜合素質(zhì)和團隊協(xié)作能力。
設(shè)計師必備思維模型
 
 
五,把握設(shè)計趨勢是設(shè)計思維的重要組成部分。隨著科技的進步和審美觀念的變化,設(shè)計手法和風(fēng)格也在不斷演變。設(shè)計師需要時刻關(guān)注新的設(shè)計趨勢和風(fēng)格,如手繪風(fēng)格、分形藝術(shù)、柔光風(fēng)格和紋理風(fēng)格等。將這些新元素融入設(shè)計中,可以使作品更具時代感和創(chuàng)新性。同時,設(shè)計師還需要保持對新技術(shù)的敏感度和探索精神,不斷嘗試新的設(shè)計方法和工具,提升設(shè)計的效率和品質(zhì)。
設(shè)計師必備思維模型
 
 
六、認(rèn)識設(shè)計的全局性是設(shè)計思維的升華。設(shè)計不僅僅是界面或外觀的呈現(xiàn),更是產(chǎn)品體驗的一部分。設(shè)計師需要理解產(chǎn)品設(shè)計背后的整體邏輯,包括框架層、結(jié)構(gòu)層、戰(zhàn)略層等。通過深入理解產(chǎn)品的整體架構(gòu)和用戶需求,設(shè)計師可以創(chuàng)造出更符合產(chǎn)品戰(zhàn)略的設(shè)計作品,提升產(chǎn)品的整體競爭力。同時,設(shè)計師還需要關(guān)注行業(yè)動態(tài)和市場變化,了解行業(yè)趨勢和用戶需求的變化趨勢,為未來的設(shè)計創(chuàng)新提供有力支持。
設(shè)計師必備思維模型
 
 
設(shè)計師需要掌握的思維模型-用戶思維
用戶思維是設(shè)計師在設(shè)計過程中必須具備的一種核心思維模式,它要求設(shè)計師從用戶的角度出發(fā),深入理解和滿足用戶的需求。用戶思維不僅是一種理念,更是一種實踐方法,它涉及到對用戶環(huán)境的深入洞察、對用戶行為的細(xì)致觀察、以及對用戶心理的同理心理解。
 
用戶環(huán)境的理解是用戶思維的起點。設(shè)計師的工作環(huán)境往往與用戶實際使用環(huán)境存在差異,這種差異可能體現(xiàn)在設(shè)備的多樣性、操作系統(tǒng)的不同、屏幕尺寸和分辨率的差異,以及用戶所處的物理環(huán)境(如室內(nèi)、室外、網(wǎng)絡(luò)條件等)。設(shè)計師需要超越自己的工作環(huán)境,真正站在用戶的立場上,考慮他們在使用產(chǎn)品時可能遇到的各種情況。
 
換位思考是用戶思維的重要實踐方式。設(shè)計師需要將自己置于用戶的情境中,用普通用戶的視角去審視產(chǎn)品,理解用戶的情緒和需求。這種換位思考的能力可以通過多種方式培養(yǎng),如使用用戶使用的設(shè)備、參與用戶的日常活動、傾聽用戶的聲音等。
設(shè)計師必備思維模型
 
 
場景思維是用戶思維的另一個關(guān)鍵組成部分。設(shè)計師
需要理解用戶在不同場景下的行為和心理狀態(tài),如購買行為中的“認(rèn)知、搜索、判斷、下單、查看”等環(huán)節(jié)。通過深入分析用戶在各個環(huán)節(jié)的需求和問題,設(shè)計師可以找到設(shè)計撬動點,優(yōu)化用戶體驗。
 
時間維度的考慮也是場景思維中的重要方面。設(shè)計師需要關(guān)注用戶在完成任務(wù)的整個過程中的行為變化,從用戶接觸產(chǎn)品的第一時間開始,一直到用戶完成目標(biāo)后的反饋和分享。這種全程的視角有助于設(shè)計師發(fā)現(xiàn)并解決用戶在整個使用過程中可能遇到的問題。
設(shè)計師必備思維模型
 
 
在實際操作中,設(shè)計師可以通過以下方式提升用戶思維:
 
1. 使用不同設(shè)備:設(shè)計師應(yīng)同時使用蘋果和安卓設(shè)備,體驗不同系統(tǒng)的設(shè)計差異,發(fā)現(xiàn)設(shè)計中的問題。
2. 深入用戶場景:通過實地調(diào)研、用戶訪談等方式,深入了解用戶在實際使用中的行為和需求。
3. 傾聽用戶聲音:定期收集和分析用戶的反饋,理解用戶的真實想法和需求。
4. 全程跟蹤用戶行為:從用戶接觸產(chǎn)品的第一時間起,全程跟蹤和分析用戶的行為路徑,發(fā)現(xiàn)設(shè)計中的斷點和痛點。
設(shè)計師必備思維模型
 
 
用戶思維是設(shè)計師在設(shè)計過程中必須具備的一種核心思維模式,它要求設(shè)計師從用戶的角度出發(fā),深入理解和滿足用戶的需求。用戶思維不僅是一種理念,更是一種實踐方法,它涉及到對用戶環(huán)境的深入洞察、對用戶行為的細(xì)致觀察、以及對用戶心理的同理心理解。
 
用戶環(huán)境的理解是用戶思維的起點。設(shè)計師的工作環(huán)境往往與用戶實際使用環(huán)境存在差異,這種差異可能體現(xiàn)在設(shè)備的多樣性、操作系統(tǒng)的不同、屏幕尺寸和分辨率的差異,以及用戶所處的物理環(huán)境(如室內(nèi)、室外、網(wǎng)絡(luò)條件等)。設(shè)計師需要超越自己的工作環(huán)境,真正站在用戶的立場上,考慮他們在使用產(chǎn)品時可能遇到的各種情況。
 
換位思考是用戶思維的重要實踐方式。設(shè)計師需要將自己置于用戶的情境中,用普通用戶的視角去審視產(chǎn)品,理解用戶情緒和需求。例如,支付寶提倡管理層傾聽用戶聲音,以真正解決用戶問題。
 
場景思維是用戶思維的另一個關(guān)鍵組成部分。設(shè)計師需理解用戶從哪里來,要到哪里去,關(guān)注用戶在每個環(huán)節(jié)的體驗。場景思維帶有時間維度,包括用戶在購買前、購買中和購買后的行為和心理變化。
 
設(shè)計師必備思維模型
 
 
設(shè)計師需要掌握的思維模型-商業(yè)思維
商業(yè)思維是設(shè)計師在互聯(lián)網(wǎng)公司工作時必須具備的另一種核心思維模式。設(shè)計師不僅是藝術(shù)家,更是商業(yè)目標(biāo)的實現(xiàn)者。商業(yè)思維要求設(shè)計師在設(shè)計產(chǎn)品時,不僅要考慮用戶需求,還要考慮如何通過設(shè)計實現(xiàn)商業(yè)價值的增長。
 
好的商業(yè)設(shè)計通常具備以下特點:
 
1. 獲得設(shè)計大獎:如無印良品海報、德國紅點設(shè)計大獎、Apple Watch等。
2. 符合好的設(shè)計原則:遵循Dieter Rams的“好設(shè)計的10個原則”。
3. 好用且銷量高:如蘋果系列產(chǎn)品和戴森產(chǎn)品,既獲得設(shè)計獎項,也有良好的市場反饋。
設(shè)計師必備思維模型
 
 
進行商業(yè)設(shè)計的三個步驟:
 
1. 了解商業(yè)目標(biāo):與產(chǎn)品經(jīng)理或運營溝通,明確產(chǎn)品的商業(yè)目標(biāo)。
2. 以商業(yè)目標(biāo)為前提做設(shè)計:根據(jù)商業(yè)目標(biāo)進行設(shè)計思考,找到設(shè)計與商業(yè)之間的平衡點。
3. 設(shè)計判斷和驗證:通過數(shù)據(jù)、需求方和用戶反饋驗證設(shè)計的有效性。
 
設(shè)計師應(yīng)掌握商業(yè)思維,通過系統(tǒng)化的方法和清晰的設(shè)計思路,提升個人影響力,驅(qū)動產(chǎn)品創(chuàng)新,實現(xiàn)商業(yè)價值的增長。
設(shè)計師必備思維模型
 
 
設(shè)計師需要掌握的思維模型-產(chǎn)品思維
設(shè)計師在現(xiàn)代商業(yè)環(huán)境中,不僅要具備良好的審美和創(chuàng)意能力,還必須擁有產(chǎn)品思維。產(chǎn)品思維是指設(shè)計師能夠從產(chǎn)品的角度出發(fā),理解用戶需求、市場趨勢和商業(yè)目標(biāo),從而創(chuàng)造出既符合用戶期望又具有商業(yè)價值的設(shè)計作品。
一、用戶洞察:設(shè)計師的首要任務(wù)
產(chǎn)品思維的第一步是深入理解用戶。設(shè)計師需要通過用戶畫像、用戶訪談、問卷調(diào)查等方法,收集用戶的詳細(xì)信息,包括他們的行為習(xí)慣、偏好、痛點和需求。例如,通過用戶畫像,設(shè)計師可以構(gòu)建起用戶的立體形象,從而在設(shè)計中有更強的代入感和同理心。
設(shè)計師必備思維模型
 
 
 
二、市場趨勢:把握行業(yè)發(fā)展脈絡(luò)
了解市場趨勢對于設(shè)計師同樣重要。設(shè)計師應(yīng)關(guān)注行業(yè)報告、競品分析和市場動態(tài),以便把握設(shè)計方向和創(chuàng)新點。例如,通過分析競品,設(shè)計師可以發(fā)現(xiàn)行業(yè)內(nèi)的通用設(shè)計模式和潛在的創(chuàng)新機會。
三、商業(yè)目標(biāo):設(shè)計服務(wù)于商業(yè)
設(shè)計師需要明確設(shè)計作品的商業(yè)目標(biāo)。這包括提高用戶轉(zhuǎn)化率、增加用戶粘性、提升品牌形象等。設(shè)計師應(yīng)與產(chǎn)品經(jīng)理和市場團隊緊密合作,確保設(shè)計方案能夠支持并推動商業(yè)目標(biāo)的實現(xiàn)。
設(shè)計師必備思維模型
 
 
 
四、用戶體驗地圖:梳理用戶旅程
用戶體驗地圖是設(shè)計師梳理用戶旅程和發(fā)現(xiàn)設(shè)計機會的有力工具。通過繪制用戶與產(chǎn)品交互的全過程,設(shè)計師可以識別出用戶在不同階段的感受、想法和痛點,從而找到改進產(chǎn)品體驗的機會。
五、設(shè)計發(fā)力點:從用戶和市場洞察中提煉
基于用戶洞察和市場趨勢,設(shè)計師應(yīng)提煉出設(shè)計發(fā)力點。這些發(fā)力點應(yīng)聚焦于解決用戶的核心問題和滿足商業(yè)目標(biāo)。例如,針對理財平臺的新手用戶,設(shè)計師可能會提出簡化操作流程、提供教育性內(nèi)容等發(fā)力點。
設(shè)計師必備思維模型
 
 
 
六、創(chuàng)新與迭代:不斷優(yōu)化產(chǎn)品體驗
設(shè)計師應(yīng)不斷探索創(chuàng)新的設(shè)計方案,并基于用戶反饋和數(shù)據(jù)分析進行迭代優(yōu)化。這要求設(shè)計師具備快速原型制作和測試的能力,以及靈活調(diào)整設(shè)計方案以適應(yīng)市場變化的敏捷性。
七、跨部門合作:形成合力
設(shè)計師需要與產(chǎn)品、市場、技術(shù)等不同團隊成員合作,共同推動產(chǎn)品設(shè)計和開發(fā)。這種跨部門合作能夠幫助設(shè)計師獲得更全面的視角,同時也能提升設(shè)計方案的實施效率。
設(shè)計師必備思維模型
 
 
八、持續(xù)學(xué)習(xí):提升專業(yè)能力
產(chǎn)品思維要求設(shè)計師不斷學(xué)習(xí)新知識、新技能,以適應(yīng)不斷變化的市場需求。這包括學(xué)習(xí)最新的設(shè)計工具、理解新興技術(shù)如人工智能對設(shè)計的影響,以及掌握數(shù)據(jù)分析等技能。
總結(jié)而言,產(chǎn)品思維使設(shè)計師能夠超越單純的視覺表現(xiàn),將用戶需求、商業(yè)目標(biāo)和市場趨勢融入設(shè)計過程中,創(chuàng)造出具有競爭力的產(chǎn)品。通過用戶洞察、市場分析、跨部門合作和持續(xù)學(xué)習(xí),設(shè)計師可以提升自身的產(chǎn)品思維能力,成為真正對產(chǎn)品有影響力的設(shè)計專家。
 

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

關(guān)鍵詞:UI咨詢UI設(shè)計服務(wù)公司軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司UI交互設(shè)計公司數(shù)據(jù)可視化設(shè)計公司用戶體驗公司高端網(wǎng)站設(shè)計公司

銀行金融軟件UI界面設(shè)計能源及監(jiān)控軟件UI界面設(shè)計氣象行業(yè)UI界面設(shè)計軌道交通界面設(shè)計地理信息系統(tǒng)GIS UI界面設(shè)計航天軍工軟件UI界面設(shè)計醫(yī)療行業(yè)軟件UI界面設(shè)計教育行業(yè)軟件UI界面設(shè)計企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)軟件wpf開發(fā)軟件vue開發(fā)



作者:啊糖糖att
鏈接:https://www.zcool.com.cn/article/ZMTYxODcyNA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

日歷

鏈接

個人資料

存檔