日本十八禁免费看污网站_久久久综合九色合综_新无码h肉动漫在线观看_国产极品粉嫩在线播放 久久久久久人妻无码_又嫩又硬又黄又爽的视频_亚洲AV无码久久_糖心VLOG精品一区二区

首頁

學會這個核心工具,你的可視化設計一定差不了!

藍藍設計的小編

數(shù)據(jù)圖表是一種非常重要的可視化工具,它能夠幫助用戶更直觀地理解和分析數(shù)據(jù)。借助于圖形化的手段,清晰、快捷有效的傳達與溝通信息。從用戶的角度,數(shù)據(jù)可視化可以讓用戶快速抓住要點信息,讓關鍵的數(shù)據(jù)點從人類的眼睛快速通往心靈深處。
 
??
PART 1 ——————
數(shù)據(jù)圖表的概述
數(shù)據(jù)圖表是將復雜的數(shù)據(jù)集轉換為圖形或圖像的過程,旨在通過視覺化的方式簡化信息的理解和分析。它不僅是一種技術手段,更是一種溝通工具,能夠幫助人們更有效地解釋數(shù)據(jù)、發(fā)現(xiàn)模式、做出決策并傳達見解。
數(shù)據(jù)圖表:多領域信息可視化的核心工具
 
 
「核心價值」
·  簡化復雜信息:數(shù)據(jù)圖表通過圖形化的手段簡化了大量數(shù)字或文本信息,使讀者能夠迅速抓住關鍵點。
·  促進理解與學習:利用人類大腦對圖形和色彩的敏感性,數(shù)據(jù)圖表加速了信息處理過程,支持教育和培訓。
·  輔助決策制定:數(shù)據(jù)圖表為管理層或其他決策者提供了有價值的商業(yè)智能,支持快速決策。
·  提升溝通效果:促進了跨部門協(xié)作和公眾傳播的效果。
 
「核心要素」
·  數(shù)據(jù):來源可以是數(shù)據(jù)庫、API或文件,類型包括定量和定性數(shù)據(jù)。
·  圖表類型:根據(jù)數(shù)據(jù)特性和分析目的選擇最恰當?shù)膱D表類型。
·  設計原則:確保圖表清晰易讀、準確無誤、風格一致且具備視覺吸引力。
 
「核心目標」
·  簡化復雜信息:使大量數(shù)字或文本信息變得直觀易懂。
·  促進理解與學習:加速信息處理過程,支持教育和培訓。
·  輔助決策制定:提供有價值的商業(yè)智能,支持快速決策。
·  提升溝通效果:增強跨部門協(xié)作和公眾傳播的效果。
·  探索數(shù)據(jù)關系:發(fā)現(xiàn)隱藏模式,驗證假設。
·  監(jiān)測與跟蹤進展:實時監(jiān)控關鍵指標,規(guī)劃項目管理。
 
??
PART 2
——————
應用標準指南
數(shù)據(jù)圖表:多領域信息可視化的核心工具
 
 
設計有效的數(shù)據(jù)圖表不僅需要選擇合適的圖表類型,還需要遵循一系列設計要點以確保圖表既美觀又實用。以下是應用數(shù)據(jù)圖表時需要注意的標準指南:
 
1. 明確目標與受眾
·  理解需求:明確你希望通過圖表傳達的信息是什么。
·  考慮受眾:了解你的目標受眾是誰,他們的知識水平和興趣點在哪里。
2. 簡潔性與清晰度
·  去除冗余:避免不必要的裝飾元素,保持圖表簡單明了。
·  突出重點:通過顏色、字體大小等方式強調(diào)最重要的信息。
·  易于解讀:確保圖表中的每個元素都有其明確的意義,并且容易被理解。
3. 數(shù)據(jù)準確性
·  精確無誤:保證所使用的數(shù)據(jù)是最新且經(jīng)過驗證的。
·  透明度:注明數(shù)據(jù)來源,增加可信度;如果適用,提供數(shù)據(jù)獲取方法或計算公式。
4. 合理使用顏色
·  色彩心理學:根據(jù)情感聯(lián)想選用顏色,例如綠色通常關聯(lián)增長,紅色常用來警示。
·  對比度:使用足夠的顏色對比來區(qū)分不同的數(shù)據(jù)系列或類別,同時考慮到色盲用戶的需要。
·  一致性:在多個圖表中保持顏色方案的一致性,以便于比較。
5. 標簽與注釋
·  完整標簽:為所有軸、圖例和其他重要元素添加清晰的標簽。
·  必要注釋:對于特別重要的數(shù)據(jù)點或異常情況進行說明,幫助用戶更好地理解圖表內(nèi)容。
6. 圖表標題與描述
·  簡潔標題:用簡短而準確的語言概括圖表的主要信息。
·  輔助文本:如有必要,可以添加副標題或簡短描述來補充背景信息或解釋圖表含義。
7. 交互性(如適用)
·  工具提示:當用戶將鼠標懸停在某個數(shù)據(jù)點上時,顯示詳細信息。
·  動態(tài)更新:對于實時數(shù)據(jù),設計允許自動刷新的圖表。
·  篩選與排序:提供選項讓用戶根據(jù)自己的興趣過濾或重新排列數(shù)據(jù)。
8. 響應式設計
·  適應多平臺:確保圖表能夠在不同設備(桌面電腦、平板電腦、智能手機)上良好顯示。
·  可縮放:允許用戶放大特定區(qū)域或滾動查看超出初始視圖的數(shù)據(jù)。
9. 避免誤導性表示
·  比例尺的選擇:合理設置Y軸起始值和增量,避免夸大或縮小差異。
·  避免三維效果:除非絕對必要,否則不要使用三維效果,因為它們可能會扭曲感知比例。
10. 故事講述
·  邏輯連貫:構建一個從開始到結束逐步理解數(shù)據(jù)背后意義的故事線。
·  引導視線:通過布局和視覺層次引導觀眾關注最重要或最有趣的部分。
11. 測試與反饋
·  用戶測試:邀請真實用戶測試圖表,收集反饋以改進設計。
·  持續(xù)優(yōu)化:基于用戶反饋和技術進步不斷調(diào)整和完善圖表設計。
 
遵循上述標準可以幫助創(chuàng)建出既美觀又功能強大的數(shù)據(jù)圖表,從而更有效地支持決策過程并促進信息交流。
 
??
PART 3
——————
圖表構成元素
想準確的將圖表與所要表現(xiàn)的數(shù)據(jù)進行對應,需要了解圖表本身所包含的基本元素。
數(shù)據(jù)圖表:多領域信息可視化的核心工具
 
 
在這些元素中正常情況下一定在圖表中的有:標題、時間范圍、圖形主體,經(jīng)常出現(xiàn)的有:坐標系、圖例、提示信息,有時候會有的有:切換選項和值域。
 
· 標題
(Title)
簡明扼要地說明圖表的內(nèi)容和目的。
標題應位于圖表上方居中位置,使用清晰易讀的字體和大小。
 
· 坐標系(Coordinate System)
定義圖表的X軸和Y軸,以及數(shù)據(jù)點的位置。
坐標軸應清晰地標記,包括刻度線和刻度值。確??潭乳g隔合適,易于閱讀。
 
· 時間范圍(Time Range)
告知用戶圖表數(shù)據(jù)覆蓋的時間段。
如果圖表顯示的是時間序列數(shù)據(jù),時間范圍可以放在標題下方或者圖表底部的X軸標簽旁邊。
 
· 圖形主體(Graph Body)
定義圖表的X軸和Y軸,以及數(shù)據(jù)點的位置。
坐標軸應清晰地標記,包括刻度線和刻度值。確??潭乳g隔合適,易于閱讀。
 
· 圖例(Legend)
解釋圖表中不同顏色或圖案代表的數(shù)據(jù)系列。
圖例應放置在圖表的邊角位置,不妨礙圖表的主體內(nèi)容。圖例中的顏色或圖案應與圖表中的一致。
 
· 提示信息(Tooltip)
允許用戶選擇不同的數(shù)據(jù)系列或時間范圍。
切換選項可以是按鈕或下拉菜單的形式。應放置在圖表的一側或頂部,不影響圖表主體的可視性。
 
· 切換選項(Toggle Options)
允許用戶選擇不同的數(shù)據(jù)系列或時間范圍。
切換選項可以是按鈕或下拉菜單的形式。應放置在圖表的一側或頂部,不影響圖表主體的可視性。
 
· 值域(Value Range)
允許用戶調(diào)整坐標軸的范圍,以聚焦于特定的數(shù)據(jù)區(qū)間。
值域調(diào)整通常出現(xiàn)在坐標軸附近的小控件中,例如滑塊或輸入框。
 
??
PART 4
——————
常見的數(shù)據(jù)圖表類型
數(shù)據(jù)圖表:多領域信息可視化的核心工具
 
 
在C端(消費者端)應用中,數(shù)據(jù)圖表是一種非常重要的可視化工具,它能夠幫助用戶更直觀地理解和分析數(shù)據(jù)。
數(shù)據(jù)圖表:多領域信息可視化的核心工具
 
 
數(shù)據(jù)圖表:多領域信息可視化的核心工具
 
 
數(shù)據(jù)圖表:多領域信息可視化的核心工具
 
 
數(shù)據(jù)圖表:多領域信息可視化的核心工具
 
 
數(shù)據(jù)圖表:多領域信息可視化的核心工具
 
 
數(shù)據(jù)圖表:多領域信息可視化的核心工具
 
 
數(shù)據(jù)圖表:多領域信息可視化的核心工具
 
 
數(shù)據(jù)圖表:多領域信息可視化的核心工具
 
 
數(shù)據(jù)圖表:多領域信息可視化的核心工具
 
 
數(shù)據(jù)圖表:多領域信息可視化的核心工具
 
 
數(shù)據(jù)圖表:多領域信息可視化的核心工具
 
 
數(shù)據(jù)圖表:多領域信息可視化的核心工具
 
 
數(shù)據(jù)圖表:多領域信息可視化的核心工具
 
 
數(shù)據(jù)圖表:多領域信息可視化的核心工具
 
 
數(shù)據(jù)圖表:多領域信息可視化的核心工具
 
 
數(shù)據(jù)圖表:多領域信息可視化的核心工具
 
 
 
??
PART 5
——————
選擇合適圖表的關鍵因素
數(shù)據(jù)圖表:多領域信息可視化的核心工具
 
 
挑選最佳圖表類型是一個綜合考量數(shù)據(jù)集特點、應用場景需求以及目標受眾理解能力的過程,是確保數(shù)據(jù)有效傳達的關鍵。以下是選擇圖表類型時應考慮的幾個重要要點:
 
1. 數(shù)據(jù)性質(zhì)
·  定量 vs 定性:確定你的數(shù)據(jù)是數(shù)值型(如銷售額、溫度)還是分類型(如性別、地區(qū))。數(shù)值型數(shù)據(jù)通常適合柱狀圖、折線圖等;分類型數(shù)據(jù)可能更適合餅圖或條形圖。
·  時間序列 vs 非時間序列:如果數(shù)據(jù)隨時間變化,如股票價格或天氣預報,則折線圖和面積圖可能是最佳選擇。如果是靜態(tài)數(shù)據(jù),如人口統(tǒng)計信息,則可以考慮柱狀圖或餅圖。
 
2. 比較需求
·  類別對比:如果你需要比較不同類別的數(shù)量或比例,柱狀圖、條形圖和餅圖是很好的選擇。
·  趨勢分析:對于展示隨時間或其他連續(xù)變量的變化趨勢,折線圖和面積圖更為合適。
·  相關性探索:當你要研究兩個變量之間的關系時,散點圖可以幫助你發(fā)現(xiàn)潛在的相關性或模式。
 
3. 數(shù)據(jù)量與復雜度
·  少量數(shù)據(jù):對于簡單且數(shù)據(jù)點較少的情況,餅圖、條形圖等可以直接清晰地傳達信息。
·  大量數(shù)據(jù):面對大量數(shù)據(jù)或高維數(shù)據(jù)集時,熱力圖、氣泡圖、樹狀圖等能夠更有效地處理復雜信息,并幫助識別模式。
 
4. 用戶目標與受眾理解能力
·  決策支持:如果目的是輔助快速決策,那么應該選擇易于解讀、直觀明了的圖表類型,如子彈圖、漏斗圖等。
·  教育或解釋:針對教育目的或需要詳細解釋的數(shù)據(jù),可以選擇更具互動性的圖表,如帶有工具提示或動態(tài)更新功能的圖表。
 
5. 圖表的功能性
·  強調(diào)差異:如果你想突出顯示異常值或顯著差異,可以選擇箱線圖、瀑布圖等。
·  構成分析:為了展示各部分占整體的比例關系,餅圖和堆疊柱狀圖非常有用。
·  分布展示:直方圖和密度圖能很好地展示數(shù)據(jù)的分布情況,包括集中趨勢和離散程度。
 
6. 可視化效果與美觀性
·  視覺吸引力:某些圖表不僅傳遞信息,還能增強視覺美感,如玫瑰圖、雷達圖等,適用于報告封面或演示文稿中。
·  空間效率:在有限的空間內(nèi)傳達更多信息,子彈圖、儀表盤等緊湊設計的圖表是不錯的選擇。
 
7. 行業(yè)慣例與標準
·  領域特定:不同的行業(yè)可能有其偏好使用的圖表類型,例如金融領域常用蠟燭圖,地理信息系統(tǒng)常用地圖可視化。
·  遵循規(guī)范:遵守所在領域的圖形表示規(guī)范,確保圖表的專業(yè)性和可接受性。
 
通過綜合考慮上述要點,你可以為特定的數(shù)據(jù)集和應用場景挑選出最合適的圖表類型,從而最大化數(shù)據(jù)的價值并促進有效的溝通。選擇圖表時,務必結合實際需求和用戶背景,確保最終呈現(xiàn)的信息既準確又易于理解。
 
??
PART 6
——————
使用場景
數(shù)據(jù)圖表:多領域信息可視化的核心工具
 
 
「健康類應用」
健康類App通過使用多樣化的數(shù)據(jù)圖表,不僅讓用戶對自己的健康狀況有了更直觀的理解,同時也激勵用戶采取積極的生活方式改變,從而改善健康狀況。
數(shù)據(jù)圖表:多領域信息可視化的核心工具
 
 
——圖表運用特點——
1. 清晰易讀
·  直觀布局:圖表的顏色和布局讓用戶能夠迅速獲取關鍵信息,如每日步數(shù)、卡路里消耗等。
·  視覺層次分明:使用不同的顏色、字體大小和對比度來區(qū)分關鍵信息和次要信息,最重要的數(shù)據(jù)一目了然。
·  一致性:整個應用程序中圖表風格的一致性,包括顏色編碼、圖標和布局,以增強用戶對不同頁面間數(shù)據(jù)的理解。
 
2. 互動性
·  深度探索:用戶通過點擊、滑動或其他交互操作深入查看更詳細的數(shù)據(jù),如具體日期的鍛煉記錄或飲食攝入情況。
·  多維度篩選:靈活的篩選選項,讓用戶可以根據(jù)時間范圍(日、周、月)、運動類型等進行篩選,滿足個性化的查詢需求。
·  導出功能:為用戶提供將圖表導出為圖片或CSV格式的功能,便于打印或分享給教練或朋友。
 
3. 個性化
·  用戶定制:根據(jù)用戶的個人健康目標或偏好調(diào)整圖表內(nèi)容,例如突出顯示關鍵指標的變化趨勢或特定訓練方案的效果。
·  目標跟蹤:類似于健康管理目標設定,允許用戶設定并跟蹤自己的健身目標,如減重、增肌等。
·  建議與反饋:集成系統(tǒng)推薦的圖表視圖或設置,方便用戶快速評估進展,并為用戶提供有針對性的反饋和建議。
 
4. 實時更新
·  即時反饋:圖表能夠迅速反映最新的健身數(shù)據(jù),如實時監(jiān)測的心率或運動進度,這對于及時調(diào)整訓練計劃尤為重要。
·  同步與整合:與其他健身設備或平臺無縫對接,自動同步來自各種來源的數(shù)據(jù),如智能手環(huán)、跑步機等,確保數(shù)據(jù)的完整性和準確性。
·  通知與提醒:當某些關鍵指標達到預設目標或需要特別關注時,及時向用戶發(fā)送通知或提醒,鼓勵持續(xù)參與。
 
5. 教育與支持
·  學習資源:提供額外的學習資源鏈接或內(nèi)置教程,幫助用戶更好地理解他們的健身數(shù)據(jù)和圖表背后的意義。
·  社區(qū)交流:創(chuàng)建一個安全的社區(qū)平臺,讓用戶之間可以交流經(jīng)驗和支持,增加互動性和動力。
 
綜上所述,健身類APP圖表運用的設計特點不僅強調(diào)了清晰易讀、互動性強、個性化定制和實時更新,還特別注重用戶體驗和社區(qū)互動。這些特性共同作用,可以幫助用戶更有效地管理和理解健身數(shù)據(jù),從而促進更好的健康管理和運動效果。
 
「醫(yī)療輔助應用」
醫(yī)療輔助應用的數(shù)據(jù)圖表設計特點可以從健身類APP的設計特點中汲取靈感,但同時也需要考慮到醫(yī)療行業(yè)的特殊需求和嚴格標準。
數(shù)據(jù)圖表:多領域信息可視化的核心工具
 
 
——圖表運用特點——
1. 清晰易讀
·  專業(yè)術語解釋:確保圖表本身清晰易讀的同時,提供必要的術語解釋或簡短說明,幫助非專業(yè)人士理解復雜的醫(yī)學概念。
·  視覺層次分明:使用不同的顏色、字體大小和對比度來區(qū)分關鍵信息和次要信息,確保最重要的數(shù)據(jù)一目了然。
·  一致性:保持整個應用程序中圖表風格的一致性,包括顏色編碼、圖標和布局,以增強用戶對不同頁面間數(shù)據(jù)的理解。
 
2. 互動性
·  深度探索:用戶通過點擊、滑動或其他交互操作深入查看更詳細的數(shù)據(jù),如具體日期的測量結果或特定治療階段的效果。
·  多維度篩選:靈活的篩選選項,讓用戶可以根據(jù)時間范圍(日、周、月)、病患群體、疾病類型等進行篩選,滿足個性化的查詢需求。
·  導出功能:為用戶提供將圖表導出為PDF、CSV等格式的功能,便于打印或分享給其他醫(yī)療專業(yè)人員。
 
3. 個性化
·  患者定制:根據(jù)患者的健康狀況、治療計劃或個人偏好調(diào)整圖表內(nèi)容,例如突出顯示關鍵指標的變化趨勢或特定治療方案的效果。
·  醫(yī)生建議:集成醫(yī)生推薦的圖表視圖或設置,方便醫(yī)生快速評估病情進展,并為患者提供有針對性的反饋。
·  健康目標跟蹤:類似于健身APP中的目標設定,允許患者設定并跟蹤自己的康復或健康管理目標,如血壓控制、體重管理等。
 
4. 實時更新
·  即時反饋:圖表能夠迅速反映最新的健康數(shù)據(jù),如實時監(jiān)測的生命體征或?qū)嶒炇覚z測結果,這對于緊急情況下的決策尤為重要。
·  同步與整合:與其他醫(yī)療設備或系統(tǒng)無縫對接,自動同步來自各種來源的數(shù)據(jù),如可穿戴設備、醫(yī)院信息系統(tǒng)等,確保數(shù)據(jù)的完整性和準確性。
·  通知與預警:當某些關鍵指標超出正常范圍時,及時向患者和相關醫(yī)護人員發(fā)送通知或警告,以便采取必要的干預措施。
 
5. 隱私與安全
·  數(shù)據(jù)加密:所有傳輸和存儲的數(shù)據(jù)都應經(jīng)過嚴格的加密處理,確?;颊咝畔⒌陌踩?/span>
·  訪問權限控制:實施細粒度的權限管理,確保只有授權人員可以查看敏感數(shù)據(jù)。
·  合規(guī)性:遵守相關的法律法規(guī)和行業(yè)標準,如HIPAA(美國健康保險流通與責任法案)或其他國家/地區(qū)的療數(shù)據(jù)保護法規(guī)。
 
6. 教育與支持
·  學習資源:提供額外的學習資源鏈接或內(nèi)置教程,幫助用戶更好地理解他們的健康數(shù)據(jù)和圖表背后的意義。
·  社區(qū)交流:創(chuàng)建一個安全的社區(qū)平臺,讓患者之間或患者與醫(yī)生之間可以交流經(jīng)驗和支持。
 
綜上所述,醫(yī)療輔助Web應用的數(shù)據(jù)圖表不僅要具備清晰易讀、互動性強、個性化定制和實時更新的特點,還需要特別關注隱私保護和安全性,以及提供足夠的教育和支持資源。這些特性共同作用,可以幫助醫(yī)療專業(yè)人員和患者更有效地管理和理解健康數(shù)據(jù),從而促進更好的醫(yī)療服務和健康管理。
 
「金融類應用」
金融類應用的數(shù)據(jù)圖表設計需要特別關注清晰性、互動性、個性化和實時更新,同時還要考慮到金融行業(yè)的特殊需求如安全性、合規(guī)性和專業(yè)性。
數(shù)據(jù)圖表:多領域信息可視化的核心工具
 
 
——圖表運用特點——
1. 清晰易讀
·  直觀布局:圖表的顏色和布局讓用戶能夠迅速獲取關鍵信息,如股票價格走勢、投資組合表現(xiàn)等。
·  視覺層次分明:不同的顏色、字體大小和對比度來區(qū)分關鍵信息和次要信息,確保最重要的數(shù)據(jù)一目了然。
·  一致性:整個應用程序中圖表風格的一致性,包括顏色編碼、圖標和布局,以增強用戶對不同頁面間數(shù)據(jù)的理解。
·  術語解釋:提供必要的術語解釋或簡短說明,幫助非專業(yè)人士理解復雜的金融概念。
 
2. 互動性
· 深度探索:用戶通過點擊、滑動或其他交互操作深入查看更詳細的數(shù)據(jù),如具體日期的交易記錄或市場波動情況。
·  多維度篩選:靈活的篩選選項,讓用戶可以根據(jù)時間范圍(日、周、月、年)、資產(chǎn)類型(股票、債券、基金等)進行篩選,滿足個性化的查詢需求。
·  導出功能:為用戶提供將圖表導出為圖片、PDF或CSV格式的功能,便于打印或分享給財務顧問或同事。
·  情景模擬:提供情景分析工具,用戶可以調(diào)整變量(如利率、通脹率)來預測不同市場條件下的投資表現(xiàn)。
 
3. 個性化
·  用戶定制:根據(jù)用戶的個人投資目標或偏好調(diào)整圖表內(nèi)容,例如突出顯示關鍵指標的變化趨勢或特定投資策略的效果。
·  風險偏好匹配:基于用戶的風向承受能力,推薦適合的投資組合配置,并展示相應的風險與回報圖表。
·  建議與反饋:集成系統(tǒng)推薦的圖表視圖或設置,方便用戶快速評估投資進展,并為用戶提供有針對性的投資建議和反饋。
 
4. 實時更新
· 即時反饋:確保圖表能夠迅速反映最新的金融市場數(shù)據(jù),如實時股價、匯率變動等,這對于及時調(diào)整投資策略尤為重要。
·  同步與整合:與其他金融平臺或服務無縫對接,自動同步來自各種來源的數(shù)據(jù),如銀行賬戶、證券賬戶等,確保數(shù)據(jù)的完整性和準確性。
·  通知與提醒:當某些關鍵指標達到預設閾值或需要特別關注時,及時向用戶發(fā)送通知或提醒,幫助用戶抓住投資機會或規(guī)避風險。
 
5. 安全與合規(guī)
·  數(shù)據(jù)加密:所有傳輸和存儲的數(shù)據(jù)都應經(jīng)過嚴格的加密處理,確保用戶隱私和資金安全。
·  訪問權限控制:實施細粒度的權限管理,確保只有授權人員可以查看敏感數(shù)據(jù)。
·  合規(guī)性:遵守相關的法律法規(guī)和行業(yè)標準,如GDPR(歐盟通用數(shù)據(jù)保護條例)、SOX(薩班斯-奧克斯利法案)等,確保數(shù)據(jù)處理符合法律要求。
 
6. 教育與支持
·  學習資源:提供額外的學習資源鏈接或內(nèi)置教程,幫助用戶更好地理解他們的金融數(shù)據(jù)和圖表背后的意義。
·  社區(qū)交流:創(chuàng)建一個專業(yè)的社區(qū)平臺,讓用戶之間或用戶與金融專家之間可以交流經(jīng)驗和支持。
·  客戶支持:提供在線客服或熱線電話,確保用戶在遇到問題時能夠得到及時的幫助。
 
綜上所述,金融類應用的數(shù)據(jù)圖表設計不僅要具備清晰易讀、互動性強、個性化定制和實時更新的特點,還需要特別關注安全性和合規(guī)性,以及提供足夠的教育和支持資源。這些特性共同作用,可以幫助用戶更有效地管理和理解金融數(shù)據(jù),從而做出更加明智的投資決策。
 
「信息記錄類應用」
另一類比較常用圖表的 App 是信息記錄類 App,這些 App 通常會統(tǒng)計用戶主動輸入信息的頻次或頻率,依此生成一段時間周期內(nèi)的統(tǒng)計圖表。
數(shù)據(jù)圖表:多領域信息可視化的核心工具
 
 
——圖表運用特點——
1. 清晰易讀
·  直觀布局:圖表的顏色和布局讓用戶能夠迅速獲取關鍵信息,如每日情緒波動、月度費用支出等。
·  視覺層次分明:不同的顏色、字體大小和對比度來區(qū)分關鍵信息和次要信息,確保最重要的數(shù)據(jù)一目了然。
·  一致性:保持整個應用程序中圖表風格的一致性,包括顏色編碼、圖標和布局,以增強用戶對不同頁面間數(shù)據(jù)的理解。
·  術語解釋:對于不太常見的記錄類別或指標,提供必要的解釋或簡短說明,幫助用戶理解圖表內(nèi)容。
 
2. 互動性
·  深度探索:允許用戶通過點擊、滑動或其他交互操作深入查看更詳細的數(shù)據(jù),如具體日期的記錄詳情或特定事件的影響。
·  多維度篩選:提供靈活的篩選選項,讓用戶可以根據(jù)時間范圍(日、周、月、年)、記錄類型(如費用分類、情緒標簽)進行篩選,滿足個性化的查詢需求。
·  導出功能:為用戶提供將圖表導出為圖片、PDF或CSV格式的功能,便于打印或分享給朋友或顧問。
·  情景模擬:在適用的情況下,提供情景分析工具,用戶可以調(diào)整變量(如預算分配)來預測不同情況下的結果。
 
3. 個性化
·  用戶定制:用戶的個人目標或偏好調(diào)整圖表內(nèi)容,例如突出顯示關鍵指標的變化趨勢或特定習慣養(yǎng)成的效果。
·  目標跟蹤:類似于健身APP中的目標設定,允許用戶設定并跟蹤自己的記錄目標,如每月節(jié)省金額、每周閱讀書籍數(shù)量等。
·  建議與反饋:集成系統(tǒng)推薦的圖表視圖或設置,方便用戶快速評估進展,并為用戶提供有針對性的反饋和建議。
 
4. 實時更新
·  即時反饋:圖表能夠迅速反映最新的記錄數(shù)據(jù),如實時更新的情緒評分或新添加的費用條目,這對于及時調(diào)整計劃尤為重要。
·  同步與整合:與其他相關平臺或服務無縫對接,自動同步來自各種來源的數(shù)據(jù),如銀行賬戶、健康監(jiān)測設備等,確保數(shù)據(jù)的完整性和準確性。
·  通知與提醒:當某些關鍵指標達到預設閾值或需要特別關注時,及時向用戶發(fā)送通知或提醒,幫助用戶保持記錄習慣或抓住改進機會。
 
5. 隱私與安全
·  數(shù)據(jù)加密:所有傳輸和存儲的數(shù)據(jù)都應經(jīng)過嚴格的加密處理,確保用戶的個人信息和敏感數(shù)據(jù)的安全。
·  訪問權限控制:實施細粒度的權限管理,確保只有授權人員可以查看敏感數(shù)據(jù)。
·  合規(guī)性:遵守相關的法律法規(guī)和行業(yè)標準,如GDPR(歐盟通用數(shù)據(jù)保護條例),確保數(shù)據(jù)處理符合法律要求。
 
6. 教育與支持
· 學習資源:提供額外的學習資源鏈接或內(nèi)置教程,幫助用戶更好地理解他們的記錄數(shù)據(jù)和圖表背后的意義。
·  社區(qū)交流:創(chuàng)建一個安全的社區(qū)平臺,讓用戶之間可以交流經(jīng)驗和支持,增加互動性和動力。
·  客戶支持:提供在線客服或熱線電話,確保用戶在遇到問題時能夠得到及時的幫助。
 
7. 歷史回顧與趨勢分析
·  長期趨勢:提供長周期的趨勢分析圖表,幫助用戶回顧過去一段時間內(nèi)的變化和發(fā)展,如年度費用總結、多年情緒變化等。
·  模式識別:通過可視化手段幫助用戶發(fā)現(xiàn)隱藏的模式或規(guī)律,如消費習慣、情緒波動周期等。
·  里程碑標記:在圖表中標記重要的里程碑或轉折點,如重大事件發(fā)生的時間、重要決策做出的時刻等,增強回憶和反思的價值。
 
綜上所述,信息記錄類應用的數(shù)據(jù)圖表設計不僅要具備清晰易讀、互動性強、個性化定制和實時更新的特點,還需要特別關注隱私與安全性,以及提供足夠的教育和支持資源。這些特性共同作用,可以幫助用戶更有效地管理和理解記錄的信息,從而促進更好的自我管理和行為改變。
 
??
PART 7
——————
結語
數(shù)據(jù)圖表:多領域信息可視化的核心工具


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

蘭亭妙微(www.soiayq.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢高端網(wǎng)站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

UI設計公司分享:大數(shù)據(jù)可視化設計技巧的前沿趨勢

藍藍設計的小編

UI 大數(shù)據(jù)可視化設計技巧正朝著智能化、沉浸式、動態(tài)交互、數(shù)據(jù)融合以及情感化個性化的方向迅猛發(fā)展。這些前沿趨勢將深刻改變我們對數(shù)據(jù)可視化的認知和應用方式,為各個領域帶來更加高效、直觀和富有創(chuàng)意的數(shù)據(jù)呈現(xiàn)與分析解決方案。無論是在商業(yè)決策、科學研究、教育教學還是日常生活中,大數(shù)據(jù)可視化都將發(fā)揮越來越重要的作用,成為我們理解世界、探索未知的有力工具。作為 UI 設計師,我們應密切關注這些趨勢的發(fā)展,不斷學習和掌握新的設計技巧與技術,以適應時代的需求,創(chuàng)造出更加卓越的數(shù)據(jù)可視化作品,為用戶開啟數(shù)據(jù)驅(qū)動的精彩旅程。

從用戶體驗角度出發(fā),原來可視化設計如此簡單

藍藍設計的小編

在大數(shù)據(jù)可視化設計中,以用戶為中心的視覺敘事策略能夠?qū)?shù)據(jù)轉化為有價值、有情感、有互動性的信息呈現(xiàn),幫助用戶更好地理解數(shù)據(jù)、發(fā)現(xiàn)數(shù)據(jù)中的規(guī)律和價值,從而為決策提供有力支持。通過深入了解用戶需求、構建清晰的敘事框架、運用可視化元素打造敘事場景以及提供豐富的交互功能,UI 設計師能夠創(chuàng)造出具有強大吸引力和實用性的大數(shù)據(jù)可視化作品,讓數(shù)據(jù)在用戶面前生動地講述自己的故事,引領用戶在數(shù)據(jù)的海洋中暢游,探索無盡的知識與智慧寶藏。

UI設計思維分享:UI 大數(shù)據(jù)可視化關鍵技巧

藍藍設計的小編

布局、色彩與圖標在 UI 大數(shù)據(jù)可視化中并非孤立存在,而是相互協(xié)同、相輔相成的關系。通過合理的布局搭建信息框架,運用恰當?shù)纳寿x予數(shù)據(jù)情感與意義,借助簡潔直觀的圖標進行數(shù)據(jù)的符號化表達,設計師能夠創(chuàng)造出具有強大視覺沖擊力和高效信息傳達能力的大數(shù)據(jù)可視化作品,幫助用戶在海量數(shù)據(jù)中快速洞察關鍵信息,做出明智的決策。這便是布局、色彩與圖標協(xié)同的視覺煉金術的魅力所在,它為 UI 大數(shù)據(jù)可視化設計開啟了一扇通往無限可能的大門,讓數(shù)據(jù)不再是冰冷的數(shù)字,而是充滿生命力的視覺故事。

專業(yè)UI設計公司分享:設計的真需求

藍藍設計的小編

設計師的成長離不開對自身需求的深刻反思。只有坦誠面對自身的局限,專注于長期的積累與價值創(chuàng)造,我們才能在職業(yè)道路上走得更遠,在設計中找到真正的意義與從容。這不僅是《真需求》理念的實踐,更是設計師的生活態(tài)度。設計的未來,除了技術創(chuàng)新和形式變化,更在于設計師如何通過真需求的思考,讓設計為社會和個人創(chuàng)造更加美好的可能性

如何在APP界面設計中平衡創(chuàng)新與用戶習慣?

藍藍設計的小編

設計簡潔的界面可以減少用戶的認知負擔,同時也為創(chuàng)新留下空間。去除不必要的元素和復雜的設計,讓用戶能夠快速理解界面的功能和操作流程。例如,在工具類 APP 中,將核心功能以簡潔明了的圖標形式呈現(xiàn)在首頁,避免過多的文字說明和廣告干擾。在創(chuàng)新方面,可以在簡潔的基礎上,通過動畫效果或微交互來增添趣味性和功能性,如在用戶點擊圖標時,以簡潔的動畫展示工具的啟動過程。

用戶體驗設計公司:如何重塑傳統(tǒng)企業(yè)的數(shù)字化服務流程

藍藍設計的小編

用戶體驗設計公司憑借其專業(yè)的洞察力、創(chuàng)新的設計理念、精湛的技術整合能力和持續(xù)優(yōu)化的方法論,為傳統(tǒng)企業(yè)的數(shù)字化服務流程重塑注入強大動力。在這個數(shù)字化轉型的關鍵時期,傳統(tǒng)企業(yè)與用戶體驗設計公司的緊密合作將開啟全新的發(fā)展篇章,共同迎接數(shù)字化未來的無限可能。

超全!APP 圖標設計指南:從創(chuàng)意構思到視覺呈現(xiàn)的完美轉化

藍藍設計的小編

APP 圖標設計從創(chuàng)意構思到視覺呈現(xiàn)是一個系統(tǒng)而細致的過程,需要設計師充分理解應用的內(nèi)涵與目標受眾,挖掘獨特的創(chuàng)意元素,并運用精湛的設計技巧將其轉化為具有強大視覺吸引力和品牌傳達力的圖標作品。只有這樣,才能在競爭激烈的移動應用市場中,讓我們的 APP 圖標成為吸引用戶的第一道亮麗風景線,為應用的成功推廣和用戶留存奠定堅實的基礎。

UI 設計公司教你快速入門 HMI 設計

藍藍設計的小編

快速入門 HMI 設計需要從多個方面入手,全面理解其概念與范疇,深入研究用戶與場景,精心打造信息架構與交互流程,注重視覺設計與品牌一致性,并通過原型制作與用戶測試不斷優(yōu)化完善。希望以上分享能夠為 UI 設計師們開啟 HMI 設計的大門,助力大家在這個充滿挑戰(zhàn)與機遇的領域中創(chuàng)造出優(yōu)秀的設計作品,為用戶帶來更加卓越的人機交互體驗。

UI設計公司分享:交互設計基礎深度解析

藍藍設計的小編

當我們談論交互設計(Interaction Design)時,可能有人會疑惑:在體驗設計(User Experience Design 簡稱UX Design)為主流的今天,為什么還要關注交互設計?
 
其實,交互有廣義和狹義之分,
廣義的交互不僅僅是指互聯(lián)網(wǎng)企業(yè)中的交互設計崗位,也包含從人機交互、人因工程等發(fā)展而來的大交互學科
(各大院校的交互設計專業(yè))。而用戶體驗設計和UI設計只是互聯(lián)網(wǎng)發(fā)展中形成的職業(yè)類別:
萬字長文:交互設計基礎深度解析(一)
 
 
所以說,無論是體驗設計、UI設計甚至是服務設計,它們都建立在交互設計的基礎之上。交互設計具備的學術背景和理論深度,是連接理論與實踐的橋梁,它幫助我們從執(zhí)行任務的“匠人”,變成能夠深入理解背后的邏輯和目的的“設計師”。
 
很多同學雖然非常熟悉信息架構、任務流程和頁面搭建等工作,但他們?nèi)匀桓械嚼Щ?,無法將這些內(nèi)容串聯(lián)起來,也不清楚底層邏輯,就是因為他們?nèi)狈换ピO計學科背景的深入理解。只有掌握了交互設計的學科知識,設計師才能在職業(yè)道路上走得更遠,更好地理解和應用設計原則。
 
今天我們就以“學科+職業(yè)”的方式,真正系統(tǒng)地介紹一下廣義交互設計的基礎知識。主要包括以下幾部分:
 
第一章  交互設計概述
什么是交互設計,為什么會有交互設計;
第二章  交互設計依托的學科理論基礎
這門學科的背景是什么,理論依據(jù)在哪里;
第三章  交互設計的基本流程與方法
介紹最通用的交互設計過程與方法;
第四章  交互設計基本原則
介紹設計中必須遵循的幾大原則;
第五章  交互設計常用的方法論
成套的裝備,可直接使用的成體系方法。
 
第一章 交互設計概述
1.1 什么是交互?
“交互”這個詞是從Interaction意譯的,詞義為“相互作用”,從中文來說,即交流、互動。在人與人之間,相互的打招呼、交流,就算是最簡單的交互。那么人和機器之間的交流互動是什么樣的呢?舉個例子,如果你想給朋友發(fā)一條信息,交互過程可能是:
 
打開微信 → 打開對話框 → 輸入文字 → 點擊發(fā)送
 
在這個過程中,每一步的操作,手機都有所反饋,比如點擊微信icon,就會進入主界面,點擊“發(fā)送”,信息就會發(fā)到對方微信,一系列的操作和反饋就構成了交互。
 
所以簡而言之,當人和一件事物(無論是人,機器,系統(tǒng)、環(huán)境等等)發(fā)生
雙向的信息交流和互動
,就是一種交互行為。這種交流和互動必須是雙向的,如果只有一方的信息輸出,而沒有第二方的參與,就只是信息展示而不是交流互動。來而不往非交互。比如我們平時看到的平面廣告,只是信息呈現(xiàn),沒有交互性,而下面的廣告設計,就具備了交互的屬性:
有人抽煙就“咳嗽”的廣告牌
有人抽煙就“咳嗽”的廣告牌
 
上圖是一個戒煙產(chǎn)品廣告,一般狀態(tài)下,畫面中的男士神態(tài)正常,當有人在附近吸煙時,畫面中的男士就開始咳嗽。這個廣告牌會根據(jù)外界的變化而呈現(xiàn)不同的反饋。
 
1.2 什么是交互設計?
既然“交互”是交流、互動,那么“交互設計”簡單來說,就是設計如何交流如何互動,讓交流和互動更加自然更加順暢。
 
交互設計有廣義和狹義之分。從廣義上說,人與外物的所有交互都是交互設計的范疇,比如一個人要開門,是用門把手還是直接推,需要鑰匙還是指紋,這屬于廣義的交互設計。而狹義的交互設計,就是特指人與互聯(lián)網(wǎng)產(chǎn)品或智能產(chǎn)品的交互,在這里主要討論后者。所以我們之后所說的“產(chǎn)品”主要就是指運行在各種聯(lián)網(wǎng)終端(手機、電腦、Pad、電視等)上的網(wǎng)站、應用等產(chǎn)品,或者是可聯(lián)網(wǎng)并具有交互性的智能設備,如智能汽車,智能機器人,智能音響等。
 
另外從職位角度來看,交互設計專門指在互聯(lián)網(wǎng)產(chǎn)品設計過程中確定了產(chǎn)品功能之后、視覺設計之前這一段,主要包括功能架構的搭建、用戶流程的設計和界面元素的排布等方面,眾多的交互設計培訓班就是在做這部分的培訓。比如一個APP的登錄注冊,打開登錄頁是開始,登錄成功是結束,這個過程如何進行,期間遇到各種問題如何解決,就是職業(yè)交互設計的范疇。
萬字長文:交互設計基礎深度解析(一)
 
 
而從學科角度來看,交互設計是
定義、設計人與人造系統(tǒng)如何關聯(lián)的設計領域
。學術角度,對于交互會有更多偏研究的內(nèi)容,而不僅僅像職業(yè)交互設計師一樣去解決用戶需求,還要考慮很多基礎性的問題,比如人與環(huán)境的關系、人與人造物的關系等。
 
1.3 交互設計的發(fā)展歷程和價值
交互設計是由IDEO的一位創(chuàng)始人比爾·摩格理吉(Bill Moggridge)在1984年一次設計會議上提出的。后來它逐漸綜合了人機交互,人因工程,認知心理學等領域的知識,形成了專門用于解決產(chǎn)品在使用和體驗方面問題的學科領域。
 
那么到底為什么會出現(xiàn)交互設計這個領域呢?
 
以前的產(chǎn)品,其實并不需要交互設計,比如較早的洗衣機(下圖左),只需要一個開關就足夠了,但是后來,有了雙桶、半自動、全自動洗衣機,操作越來越復雜,這時就需要交互設計師去研究用戶的使用流程與操作方式,
讓用戶能夠與復雜功能和平相處
萬字長文:交互設計基礎深度解析(一)
 
 
這是實體產(chǎn)品的例子,計算機方面,比如以前的DOS系統(tǒng)(下圖左),一個命令對應一種結果,只需要記住就行,也不需要交互設計,后來有了
圖形界面(下圖右),有了鼠標,操作就變得復雜,就需要交互設計師和界面設計師來定義軟件系統(tǒng)。
萬字長文:交互設計基礎深度解析(一)
 
 
所以說,
交互設計是順應時代需求而產(chǎn)生的
,當工程師無暇處理人與機器的交流互動問題時,交互設計師便應運而生了。
交互設計的發(fā)展歷程
交互設計的發(fā)展歷程
 
在短短30多年的發(fā)展中,交互設計已經(jīng)涉及方方面面,從最初的網(wǎng)頁設計,app設計,到智能設備、自然界面設計,甚至是服務體驗,都可以通過交互設計的方法找到解決方案。當前交互設計的研究重點已經(jīng)放在了多模態(tài)(多通道)、多媒體交互,虛擬交互以及人機協(xié)同等方面。
萬字長文:交互設計基礎深度解析(一)
 
 
第二章 交互設計學科理論基礎
新學科基本不會憑空誕生,一般都是從已有學科發(fā)展過渡而來,
往往是當已有學科無法解決新出現(xiàn)的問題時,就會在他們的基礎上誕生新的學科
。而交互設計就是在工業(yè)設計、人機交互等學科的基礎上,借鑒人因工程,認知心理學等領域研究結果,逐漸融合而成的一門交叉學科。下面這幅圖基本展示了交互設計的學科結構,但并不全面:
萬字長文:交互設計基礎深度解析(一)
 
 
這里由于篇幅原因,只簡單介紹與交互相關性較大的幾個領域:工業(yè)設計、人因工程、人機交互與認知心理學。
 
2.1 工業(yè)設計
對于工業(yè)設計(Industrial Design)大家應該相對比較熟悉,很多大學都開設了工業(yè)設計專業(yè)。它與交互相關性很高,所以大量的工設畢業(yè)的學生都從事了交互設計職位(主要是薪資差別太大哈哈)。
 
從設計對象上來看,交互設計的對象比較偏網(wǎng)站、APP之類的虛擬產(chǎn)品,而工業(yè)設計主要針對實體產(chǎn)品,比如電腦、吸塵器、交通工具之類的,所以會更多的考慮產(chǎn)品的外觀、材質(zhì)、內(nèi)部結構設計等。當然對于電視、音響等操作較為復雜的產(chǎn)品,工業(yè)設計師也會考慮很多人與產(chǎn)品交互的問題,比如電視遙控器的設計就是一個經(jīng)典題目。不過交互設計的對象會更加的集約化、系統(tǒng)化和精細化,所以對于設計分析和方案實現(xiàn)方面,有了更高的要求。
工業(yè)設計與交互設計的融合
工業(yè)設計與交互設計的融合
 
另外,工業(yè)設計與交互設計在很多方面都是相通的。特別是當前市面上很多智能設備,都需要工業(yè)設計師和交互設計師緊密配合才能做出即好用又好看的產(chǎn)品。在漫長的工業(yè)設計發(fā)展史中,涌現(xiàn)的很多設計思考和方法,都可以為交互設計帶來養(yǎng)分,比如一直以來都在討論的“形式與功能”的問題,是形式追隨功能還是功能追隨形式或是功能形式各自獨立,其實跟交互與UI的關系很像,歷史總是在不斷的重復。
 
2.2 人因工程
人因工程(Ergonomics)又稱為人機工程、人體工學等,主要是探討和應用人類行為、能力本能極限和其它的特性等相關信息來設計器具、機器、設備、系統(tǒng)、任務、工作及其相關所屬的周遭環(huán)境,以增加生產(chǎn)力、安全性、舒適感和效率,進而提升人類的生活品質(zhì)。
人因工程對交互設計較大的貢獻主要有兩個方面:
一是人體測量。
首先是下圖所示的各種人體尺寸、活動范圍的測量,這些在實體產(chǎn)品中運用很廣泛。除了這些測量以外,還有對于記憶極限、注意力極限等的測量,對于交互中的可用性易用性提高都有很高的參考價值。
人因工程中的人體測量
人因工程中的人體測量
 
二是以人為中心的設計觀念。
現(xiàn)在各個設計領域都在提倡以人為中心,其實這個理念最早是由人因工程提出的,這種理念使設計師開始關注人的操作過程、人的感受,使得各種產(chǎn)品都有了巨大的進步。
 
2.3 人機交互
很多人把交互設計和人機交互混為一談,其實這是不同的兩個領域。
 
簡單說來,
人機交互主要是為交互設計提供技術支持
,比如多點觸控、手勢交互等,都是人機交互的學科范疇。它研究人與機器之間進行信息傳遞的理論、技術和設備,既包括技術研究(包括算法、硬件技術等),也包括心理學研究;而
交互設計相對來說,是屬于設計中的一個領域,是一種實踐方法,
通常為了解決特定使用場景下特定人群的使用過程中,人與機器(或軟件、網(wǎng)站)如何更方便簡單地「對話」的問題。
 
當然兩者也有比較大的交匯,比如人機交互研究中發(fā)現(xiàn)的一般規(guī)律可以指導交互設計或提供參照,人機交互研究中還包括對交互設計方法論的研究,而交互設計實踐中遇到的挑戰(zhàn)和難題也能夠促發(fā)新的人機交互研究。
 
2.4 認知心理學
在介紹交互設計的定義時,我們提到它是“定義、設計人與人造系統(tǒng)如何關聯(lián)的設計領域”,如何關聯(lián)當然很重要,但在讓他們更好的關聯(lián)之前,我們需要深入的了解自身。而在交互設計領域,我們不可能專門研究人,所以就可以直接運用相關的研究結果了。在大量的研究人的領域中,認知心理學是跟我們的設計息息相關的學科,因為人與人造系統(tǒng)要很好的關聯(lián),必須綜合運用人的感知系統(tǒng)。下面從幾個最基礎的方面進行簡單的介紹:
 
2.2.1 感知融合
感知融合是指人對外界的感知與反饋是系統(tǒng)性的過程,這個系統(tǒng)由視覺、聽覺、觸覺、前廳感覺(運動和重力覺)、整體位置及軀體感覺等等一起組成,它們在反饋機制的作用下互相制約,互相協(xié)調(diào),從而使人可以在日常生活中能夠感知事物和適應環(huán)境變化。所以
在設計過程中,對于視覺、聽覺、觸覺等感知系統(tǒng)進行綜合考慮,不能孤立的看待
。
人的信息處理工作系統(tǒng)(感知融合)
人的信息處理工作系統(tǒng)(感知融合)
 
 
2.2.2 視覺
人類接收信息80%是通過視覺,而交互設計產(chǎn)品,整個交互過程基本都要緊密依賴于人的視覺系統(tǒng),所以了解視覺系統(tǒng)就非常有必要了。視覺系統(tǒng)具有主動性、動態(tài)建構等特點。視覺認知分為色彩認知、運動認知、形狀認知、控件認知等方面。這些認知特點與界面設計都有很大的相關性,比如其中的形狀認知包括相似性、接近性、連續(xù)性、簡潔性和完整性等特點。而且很多設計原則都是從人類視覺特點中來的,在這里不做展開,以后有機會專門做介紹。
 
舉個簡單的例子:
某平臺購物車改版前后對比
某平臺購物車改版前后對比
 
上圖左邊是某購物平臺的舊版購物車,右邊是新版,他們?yōu)槭裁匆鲞@樣的改進呢?我們可以看到左圖中元素與元素之間間距都差不多,我們無法較快的區(qū)分信息的歸屬,比如滿贈的商品是屬于上面的商品還是下面的;而右圖中間距進行了調(diào)整,可以一眼就能分辨出贈品是屬于上面的產(chǎn)品。
 
可能有的同學這時會說:“這不是很基礎的UI原則嘛,跟人的視覺有啥關系?”,其實主要就是因為人的視覺有之前提到的接近性的特點,所以才會有這樣的原則。什么是接近性呢?請看下面這張圖:
視覺接近性原則
視覺接近性原則
 
左邊的九個菱形,橫向間距小,豎向間距大,所以人眼會認為每一排是一個整體;右邊圖里,橫向間距大,豎向間距小,所以人眼會認為每一列是一個整體。這就是人眼睛看事物做判斷的特點,各種設計都需要遵循這些特點。所以去學習那些別人總結出來的設計原則,不如直達根本,了解認知學理論,你也可以創(chuàng)造出自己的設計原則!
 
2.2.3 注意
除了視覺之外,認知學里還有一塊非常重要,就是注意。有句話說,
現(xiàn)代互聯(lián)網(wǎng)之戰(zhàn)基本上就是注意力之戰(zhàn)
,那打好這場仗,必然得了解人的注意是怎么回事。
 
簡單說來,人的注意有三個特點:
一是選擇性:
注意是主動選擇的過程,也就是說,人要是把注意力集中在某個地方,需要主動做出選擇,不像聽覺和嗅覺,可以被動接受。所以,在設計過程中,需要通過一些方法,讓重點內(nèi)容成為被注意對象。比如在新消息到達時,通過彈窗、小紅點等形式提示用戶,就是典型的影響用戶注意選擇的方法。
二是集中性:
正在集中精力所在的最多只能有一個實體,無論它是一個對象、一個特征、一個記憶還是一個概念。因為這個特點,在設計中就應該避免過多干擾注意的內(nèi)容,盡量讓用戶集中注意在重點內(nèi)容、重點任務上。
三是注意分配:
雖然集中精力所在只能有一個,但整體的注意資源還是可以得到有限度的分配。但也取決于并行活動的性質(zhì)、復雜程度以及熟練程度。比如左手畫圓右手畫方,是很難做到的,但是同時走路并看手機,就沒有問題,主要就是因為走路這個動作我們非常熟練,只需要分配很少的注意力資源。所以在設計過程中,需要關注用戶同時進行的任務,是不是會對注意造成壓力,合理進行注意管理。
萬字長文:交互設計基礎深度解析(一)
 
 
上圖是Evernote從2008年到2020年的UI設計變化史,這里我們可以很明顯的看出一個趨勢,就是簡單化和扁平化,那為什么會有這種趨勢呢,只是因為人們的審美發(fā)生了變化嗎,肯定不是這么簡單。
 
早年間,蘋果手機將屏幕分辨率一下子提升了不少,這讓眾多手癢的設計師們終于有了發(fā)揮余地(以前那種可以看到一個個像素的屏幕實在沒啥可做的),所以他們對于圖標和界面無所不用其極,描繪的美輪美奐。當然,一開始之所以這樣,另外一個原因也是為了沿用現(xiàn)實中的心智模式,讓用戶可以在屏幕上迅速理解,但是這兩者之間的成分,我覺得還是前者更多。然后到了一定的階段,人們發(fā)現(xiàn)這些精美的圖標和控件很大程度上吸引了用戶的注意力,真正重要的東西反而不容易看到,當然也是物極必反吧,終于在iOS7當中,蘋果徹底做了大革新,全部扁平化,提出內(nèi)容至上的原則,其實就是對于注意力資源的重新考慮。
 
 
2.2.4 記憶
在人的認知系統(tǒng)中,記憶也是一個神奇的東西。
 
人的記憶分為短期記憶和長期記憶。短期記憶也稱工作記憶,是為了完成任務而臨時儲存的信息。工作記憶的容量有限,大約是7±2,即我們能夠同時記住的互不相關的東西的數(shù)量在5~9之間。此外,工作記憶還非常不穩(wěn)定,如果我們將注意轉移到新事物上,之前工作記憶中的內(nèi)容就可能遺失。所以在設計中,需要考慮用戶的記憶壓力,盡量避免過多過長的記憶。
 
 
2.2.5 習慣
《上癮》中關于習慣是這么說的:“所謂習慣,就是’在情境暗示下產(chǎn)生的無意識行為’,使我們幾乎不假思索就做出的舉動。如今,我們習以為常的那些產(chǎn)品和服務正在改變我們的一舉一動,而這,真是產(chǎn)品設計者的初衷。”
 
產(chǎn)品設計者的初衷一定是要改變用戶的習慣嗎?到底應該引導用戶習慣還是順從用戶習慣呢?其實都不一定,要視情況而定。比如手機設計從物理鍵盤到觸摸屏,大勢所趨,需要引導習慣;而觸摸屏上鍵盤的字母排布,就需要順從用戶習慣了。
萬字長文:交互設計基礎深度解析(一)
 
 
 
 
小結:
第一部分和第二部分介紹了什么是交互設計,以及這門學科出現(xiàn)的原因和發(fā)展歷程,然后介紹了它的一些學科理論基礎,因為篇幅原因,這里只是點到為止。要是想深入了解,還是需要自己深入到相關學科中,不但可以拓寬視野,也能夠?qū)换ビ懈由钊氲睦斫狻?/span>


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

蘭亭妙微(www.soiayq.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設計、B端界面設計桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計交互設計、UI咨詢高端網(wǎng)站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan。

日歷

鏈接

個人資料

藍藍設計的小編 http://www.soiayq.cn

存檔