數(shù)據(jù)的展現(xiàn)可以有多種多樣的形式扎瓶。在不考慮交互的情況下颗祝，數(shù)據(jù)頁(yè)面浊闪，可以用三種形式來(lái)展現(xiàn)：數(shù)據(jù)塊、表格和圖形螺戳。作為學(xué)習(xí)筆記的第一彈，今天跟大家分享下數(shù)據(jù)塊設(shè)計(jì)的一些想法猛铅。
數(shù)據(jù)塊堕伪，簡(jiǎn)單來(lái)講就是直接展示某一指標(biāo)的數(shù)據(jù)值，也可以稱(chēng)之為數(shù)據(jù)板，示例如下圖霍比。
數(shù)據(jù)塊這種形式涯捻，可以幫助人聚焦注意力障癌，適合用來(lái)展示KPI指標(biāo)康辑。除了展示單一數(shù)據(jù)，我們還可以增加一些點(diǎn)綴，來(lái)提供更多信息胖齐，同時(shí)減少人識(shí)別數(shù)據(jù)和心算的時(shí)間成本添坊。下面為大家分享4種方法：
點(diǎn)綴1. 添加對(duì)比值雨女。如下圖馏臭，除數(shù)值外，這個(gè)數(shù)據(jù)塊還包含了環(huán)比、同比值规婆，并用顏色進(jìn)行了標(biāo)注耘戚，可以幫助人來(lái)判斷好壞，減少心算環(huán)同比的時(shí)間。類(lèi)似的，還可以展示平均值舅列、中位數(shù)弥奸、所在群組排名等簡(jiǎn)潔的數(shù)據(jù)作為對(duì)比。
點(diǎn)綴2. 使用形象化的圖片。如下圖挥萌，除數(shù)值外，這個(gè)數(shù)據(jù)塊使用了形象化的美元圖片枉侧，來(lái)表示此指標(biāo)跟營(yíng)收或金額相關(guān)引瀑。這樣可以幫助人快速識(shí)別指標(biāo)的類(lèi)型或業(yè)務(wù)含義。除形象化圖片外榨馁，一切利于人眼快速識(shí)別的方式憨栽，都可以應(yīng)用，比如字體翼虫、字號(hào)屑柔、加粗、背景顏色珍剑、尺寸等逐工。
點(diǎn)綴3. 使用簡(jiǎn)化圖形表示單一數(shù)值弃衍。如下圖吃型，除數(shù)值外喇勋，這個(gè)數(shù)據(jù)塊增加了進(jìn)度條的簡(jiǎn)化圖形，用以展示目標(biāo)的完成情況别凤。
點(diǎn)綴4. 使用迷你圖饰序。如下圖，除數(shù)值外规哪，這個(gè)數(shù)據(jù)塊增加了柱形迷你圖求豫，用于展示此指標(biāo)近期的變化趨勢(shì)。
總體來(lái)講由缆，數(shù)據(jù)塊簡(jiǎn)潔直觀注祖，是重點(diǎn)指標(biāo)展現(xiàn)形式的首選。只要有利于快速識(shí)別均唉、獲取想要的信息是晨，減少心算時(shí)間成本，把各種點(diǎn)綴組合起來(lái)也沒(méi)有問(wèn)題舔箭。
