編輯導(dǎo)讀：大多數(shù)人對數(shù)據(jù)產(chǎn)品的印象停留在功能，先能用、解決問題再說，好用、易用是更高層級的需求。但是，產(chǎn)品PRD的美感上升了，產(chǎn)品上線效果也會更好一些，畢竟數(shù)據(jù)產(chǎn)品的美觀度不會超過產(chǎn)品經(jīng)理的美感。本文作者提出了數(shù)據(jù)產(chǎn)品PRD設(shè)計經(jīng)典四原則，與你分享。

企業(yè)內(nèi)部的數(shù)據(jù)產(chǎn)品主要服務(wù)于內(nèi)部的產(chǎn)品、運營同學(xué)，對內(nèi)的B端的產(chǎn)品原則一般是功能先行，先能用、解決問題再說，好用、易用是更高層級的需求。因此，多數(shù)數(shù)據(jù)產(chǎn)品是不配備UI、UE等設(shè)計師資源的，作為追求極致、追求美感的數(shù)據(jù)產(chǎn)品經(jīng)理人，掌握一些基本的設(shè)計原則，產(chǎn)品PRD的美感上升了，產(chǎn)品上線效果也會更好一些。畢竟數(shù)據(jù)產(chǎn)品的美觀度不會超過產(chǎn)品經(jīng)理的美感。

直接說提升個人的審美能力太過于抽象，難以執(zhí)行落地，掌握一些設(shè)計理論則可以實際產(chǎn)品設(shè)計過程中，提供具體的方法指引。設(shè)計理論中，最經(jīng)典的莫過于親密性原則、對齊原則、重復(fù)性原則、對比原則，雖然老但歷久彌新。

一、親密性原則

親密性：將相關(guān)的內(nèi)容或元素組織在一起，讓用戶可以更加直觀地發(fā)現(xiàn)元素之間的關(guān)系。

左邊的圖片中，這兩個人走在大街上，我們是沒法直接判斷兩人之間的關(guān)系的，可能就是擦肩而過、匆匆相逢的陌生人。但是右側(cè)圖片將兩者的距離拉近了，我們就有更高的自信做出判斷：這兩個人可能是母子或者其他親屬關(guān)系。

例如在做數(shù)據(jù)可視化報表頁面設(shè)計時，指標卡片作為每一個相對獨立的區(qū)域，將一個指標的數(shù)值、同比、環(huán)比、均值、趨勢縮略圖等信息聚合到同一個卡片區(qū)域內(nèi)，訪問這個頁面的用戶就可以在這一個區(qū)域內(nèi)，獲取指標的相關(guān)信息，相反，如果所有指標全部全部在同一空間內(nèi)，閱讀者就需要自己做視覺上的拆分。

二、對齊原則

對齊：任何元素都不能在頁面上隨意擺放。每個元素應(yīng)當(dāng)與頁面上的另外一個元素存在某種視覺聯(lián)系，寫PPT時要關(guān)注文字對齊、圖片對齊等，對齊可以讓頁面的秩序感更強，而不是雜亂無章。

這個名片中，左側(cè)的版本姓名、地址、電話、職位等信息被安放在名片的各個位置，閱讀者看到這些內(nèi)容的時候，要去自己理解、轉(zhuǎn)化，而右側(cè)的版本通過對齊的方式，頁面更加簡潔、信息的次序感也更明顯。

數(shù)據(jù)產(chǎn)品會有非常多的條件篩選或者表格的字段內(nèi)容，以表格為例，不同的對齊方式效果也有較大差異。例如名稱類的文字描述，字段長度會各不相同，居中對齊或右對齊看起來會雜亂，而左對齊則更整潔。對于指標數(shù)值類，用右對齊的方式則可以更加清楚的對比數(shù)值直接的差異，比如是三位還是兩位數(shù)值一目了然。

三、重復(fù)性原則

重復(fù)原則：頁面顏色、字體、圖形、形狀、材質(zhì)、空間關(guān)系等重復(fù)出現(xiàn)，從而增強條理性，加強統(tǒng)一性，使頁面更富有層次感、邏輯性，有規(guī)律的重復(fù)可以產(chǎn)生節(jié)奏感和韻律美，加深印象。

上圖中，一級標題采用相同的字體和顏色，每個段落采用一致的項目符號，閱讀者看到后會更加直觀的了解哪些是段落標題，哪些是具體的內(nèi)容項目。數(shù)據(jù)產(chǎn)品設(shè)計過程，要重點關(guān)注一致性原則，比如相同的組件的文案描述，比如對于操作彈窗，前面頁面叫確定，后面頁面叫保存，新的概念引出增加額外的理解成本。

四、對比原則

對比：頁面上的不同元素之間通過對比來突出差異，吸引用戶。對比不僅可以用來吸引眼球，還可以用來組織信息、清晰層級、在頁面上指引讀者，并且制造焦點

上圖左側(cè)所有文字顏色、大小都非常相近，很難區(qū)分出標題、段落及正文之間的關(guān)系，而右側(cè)方案中，文字大標題通過字體顏色以及背景、段落采用加黑加粗的方式，突出不同內(nèi)容之間的差異，可以起到更加直觀、清晰的層級關(guān)系。

數(shù)據(jù)產(chǎn)品設(shè)計中，針對用戶交互說明的異常提醒、必填字段與非必填字段的差異，不同操作按鈕之間的對比等等，都可以利用對比原則來進行凸顯差異。例如，取消和確定是兩種不同的操作，采用相同或相近的顏色時，用戶需要反應(yīng)時間，而采用明顯的對比色，則可以非?？焖俚拇_定兩者之間的差異。

五、總結(jié)

這四個原則看似非常簡單，甚至有些同學(xué)會感覺“這些道理我也都懂呀”。但如果能夠融會貫通，在數(shù)據(jù)產(chǎn)品設(shè)計中時刻遵守這些原則，量變引起質(zhì)變，從而帶來產(chǎn)品PRD設(shè)計美感的整體提升，不僅如此，工作總結(jié)匯報、項目復(fù)盤PPT也可以應(yīng)用起來。

#專欄作家#

數(shù)據(jù)干飯人，微信號公眾號：數(shù)據(jù)干飯人，人人都是產(chǎn)品經(jīng)理專欄作家。專注數(shù)據(jù)中臺產(chǎn)品領(lǐng)域，覆蓋開發(fā)套件,數(shù)據(jù)資產(chǎn)與數(shù)據(jù)治理，BI與數(shù)據(jù)可視化，精準營銷平臺等數(shù)據(jù)產(chǎn)品。擅長大數(shù)據(jù)解決方案規(guī)劃與產(chǎn)品方案設(shè)計。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議