明確定義看板的用戶群體和用途
首先，看板的設(shè)計目的還是為用戶而生，所以定義用戶群體和他們核心所需非常重要。大多數(shù)看板都以看為主，輔以功能控制，大體可分為監(jiān)控類和數(shù)據(jù)分析類。

定義大的交互板式和內(nèi)容表現(xiàn)的優(yōu)先級
了解了看板類型，我們可以看看這類設(shè)計的的交互結(jié)構(gòu)。通常Web端和移動端都有看板的存在，Web端的看板比較常用左右結(jié)構(gòu)，側(cè)邊欄承擔(dān)了菜單的功能。

為了給圖表更多展示空間，側(cè)邊菜單收起的樣式也很常見。
需要注意的是，設(shè)計時我們要考慮不同屏幕的自適應(yīng)性，理想的話可以做到根據(jù)用戶的屏幕自適應(yīng)排版。在業(yè)務(wù)大屏項目中，曾要同時為ipad、大屏和pc上顯示看板內(nèi)容，此時的方案不僅要滿足多種平臺的樣式，而且要能求同存異。因為大屏的部分可能會對外部客人展示，所以在功能上補充了單圖全屏和隱私功能，當(dāng)點擊隱私功能按鈕，大屏畫面會切換成屏保，避免客人看到過多敏感數(shù)據(jù)。

按照邏輯分組數(shù)據(jù)并以此建立網(wǎng)格，當(dāng)框架定好以后，我們可以開始關(guān)注展示內(nèi)容，與業(yè)務(wù)&產(chǎn)品進行討論。通常我和業(yè)務(wù)會將同類數(shù)據(jù)的內(nèi)容盡量放在一起，比如典型的PV&UV、當(dāng)日下單量&下單金額、歷史數(shù)據(jù)等等…按照優(yōu)先級一一排列后，我們將所有的內(nèi)容扔進了畫布中，再拼圖一般開始自由組合。

選擇正確的數(shù)據(jù)圖形化表現(xiàn)方式
選擇圖表的大原則是使復(fù)雜的信息易于理解，界面簡單明了，最大限度的減少用戶的認(rèn)知負擔(dān)。餅圖、折線圖和柱狀圖等都是常見又直觀的表現(xiàn)形式。

有些圖比如雷達圖、風(fēng)玫瑰和環(huán)形分布圖雖然看似酷炫，但是其實閱讀性性不高，要根據(jù)展示內(nèi)容有所取舍。柱狀圖、折線圖和k線圖都帶有多項維度比較的性質(zhì)。而針對時間變化的數(shù)據(jù)內(nèi)容，我們可以選擇固態(tài)或者動態(tài)展現(xiàn)。很多開源軟件也會自帶一些小小的動畫效果和交互表現(xiàn)，靈活運用會讓你的畫面更有趣和更好用。

色彩的選擇和特殊情況的補充
圖表顏色和整體配色息息相關(guān)，看板常規(guī)會使用深色或淺色背景。當(dāng)選擇深色背景后，高飽和度的顏色用在圖表上更加出彩。P站和dribble上已有很多佳作可以參考。很多圖表在細節(jié)上可以依靠漸變讓畫面更豐富，文字的陰影細節(jié)也會讓整體的視覺質(zhì)感更好。

而因為圖表眾多，重要的數(shù)據(jù)展示字體要分開設(shè)計，并且可以搭配亮色圖標(biāo)畫龍點睛。看板會被用戶頻繁使用，一些常用圖標(biāo)的運用會縮短用戶的理解時間，讓用戶效率更高。

給予用戶使用的靈活性和自定義的功能
當(dāng)我們搞定了核心需求內(nèi)容&交互邏輯，定下了核心頁面的視覺基調(diào)和關(guān)鍵頁，可以稍稍松口氣，除了補充賬戶登錄，如果開發(fā)人力盈余，我們還可以看看有什么錦上添花的內(nèi)容可做。

一般使用看板的人基本屬于專家性用戶，所以對自定義的需求會比普通C端用戶強烈許多，在項目資源允許的情況下，為用戶提供自定義功能就是個很好的交互方案。

比如設(shè)置中允許用戶調(diào)整圖表顯示的順序，圖表可以選擇增加或隱藏基準(zhǔn)線做對比等等。
看板屬于前端系統(tǒng)，從技術(shù)角度考慮自定義功能的話，可以單獨開發(fā)一個后臺管理頁面。用戶可以借此在后臺管理頁面中單獨進行個性化設(shè)置，比如頁面布局，開關(guān)，排版等；同時和權(quán)限系統(tǒng)進行有機結(jié)合，添加適當(dāng)安全審計和訪問控制功能。

上線后的的迭代
從技術(shù)角度來看，上線后為確保系統(tǒng)穩(wěn)定性，我們需要給看板設(shè)計一個統(tǒng)一的兜底方案，避免前端產(chǎn)生空白頁或數(shù)據(jù)異常的效果。通常來說，看板的數(shù)據(jù)源肯定不止一個，會有多個不同的數(shù)據(jù)源。當(dāng)前端用戶刷新請求時，看板的后端服務(wù)會從各數(shù)據(jù)源獲取數(shù)據(jù)，進行適當(dāng)處理后最終返回給前端以供展示。

此時，為避免一個或多個數(shù)據(jù)源不可用或請求超時的情況，可以引入緩存機制，即把之前成功的請求結(jié)果在緩存中記錄一份，作為兜底數(shù)據(jù)。當(dāng)發(fā)生數(shù)據(jù)源異常時，可從緩存中讀取數(shù)據(jù)，雖然犧牲時效性，但可以提升用戶體驗。

當(dāng)項目迭代多個版本時，會需要整體布局，細化分出三級菜單，或者增加搜索功能。