今天以不同HR SaaS產(chǎn)品的設(shè)計(jì)案例為錨，主要分享了結(jié)構(gòu)層的菜單路徑場(chǎng)景化以及實(shí)體關(guān)系解耦化，希望對(duì)你對(duì)啟發(fā)，后續(xù)繼續(xù)分享控制層與表現(xiàn)層內(nèi)容，敬請(qǐng)期待。

你有這樣的困擾嗎？

作為一名B端（尤其是SaaS）產(chǎn)品經(jīng)理，期望每天80%以上精力，投入到產(chǎn)品經(jīng)理最有價(jià)值的事情（即成為業(yè)務(wù)專家，洞察產(chǎn)品機(jī)會(huì)，輸出創(chuàng)造客戶的解決方案），可現(xiàn)實(shí)是每天80%的精力，你都疲于應(yīng)付客戶、實(shí)施、客戶成功、客服部門(mén)的各類咨詢問(wèn)題。

每天特別忙碌，每天好像都在加班，實(shí)際產(chǎn)出有限，最終年中匯報(bào)，年底述職時(shí)，亮點(diǎn)成果是：過(guò)去一年答疑時(shí)長(zhǎng)超500小時(shí)+，解決客戶/客服/客成/實(shí)施的疑問(wèn)1000次+，解決問(wèn)題200個(gè)+？

如果領(lǐng)導(dǎo)高情商，則可能說(shuō)：小邢啊，你這還挺有數(shù)據(jù)化思維的；

如果低情商（實(shí)話實(shí)說(shuō)）則可能說(shuō)：小邢啊，你做的是“產(chǎn)品咨詢師”，不是產(chǎn)品經(jīng)理啊。

怎么辦？

一切需要回到問(wèn)題的原點(diǎn)，如果SaaS產(chǎn)品設(shè)計(jì)，只需要遵循一條設(shè)計(jì)原則的話，那推薦你：KISS原則。

KISS原則(俗稱“懶人原則”），它是英文Keep it Simple and Stupid的縮寫(xiě)，直譯過(guò)來(lái)就是：保持簡(jiǎn)單和愚蠢。

它與奧卡姆剃刀定律有異曲同工之妙，即能用最少、最簡(jiǎn)單的理論解釋最復(fù)雜的事情，就別故作高深；能用愚蠢解釋的就別以為別人一定有不良動(dòng)機(jī)。

馬化騰也說(shuō)：好的產(chǎn)品經(jīng)理都具備“一秒變傻瓜”的能力，同時(shí)，下一秒再變回產(chǎn)品經(jīng)理。

KISS原則是指用最簡(jiǎn)單、直接、傻瓜式的設(shè)計(jì)，讓用戶使用產(chǎn)品時(shí)，可以不用學(xué)習(xí)、不用思考、不用記憶，傻瓜式操作即可解決它的問(wèn)題。

如果可以做到（或者做到80%），那至少也可以降低80%的用戶疑問(wèn)，有效提升用戶體驗(yàn)的同時(shí)，極大降低產(chǎn)品的運(yùn)營(yíng)服務(wù)成本。

你可能會(huì)想：理論、道理誰(shuí)都明白，核心是怎么做。

產(chǎn)品設(shè)計(jì)可遵循“三層八化”。即：

• 從結(jié)構(gòu)層，遵循菜單路徑場(chǎng)景化、實(shí)體關(guān)系解耦化；
• 從控制層，遵循功能要素抽象化、產(chǎn)品規(guī)則透明化、產(chǎn)品能力配置化；
• 從表現(xiàn)層，遵循交互設(shè)計(jì)一體化、頁(yè)面結(jié)構(gòu)模塊化、設(shè)計(jì)表達(dá)對(duì)象化。

注意：限于內(nèi)容較長(zhǎng)，篇幅有限，我會(huì)分成三篇進(jìn)行分享（即今天分享上篇結(jié)構(gòu)層，后續(xù)依次分享中篇控制層以及下篇表現(xiàn)層）。

一、結(jié)構(gòu)層：菜單路徑場(chǎng)景化

一款產(chǎn)品的菜單設(shè)計(jì)，就像一個(gè)城市的路徑規(guī)劃，直來(lái)直往，層次清晰，功能場(chǎng)景明確，即使城市再大，也不容易讓你迷路。

比如我第一次去牡丹江，坐火車(chē)到站，它整個(gè)城市的核心道非常清晰，就像N個(gè)十字架組合而成的道路，仿佛就像一個(gè)一個(gè)的田字格。火車(chē)站出門(mén)直走就可直達(dá)其江邊，看一看八女投江。

層次清晰、簡(jiǎn)單直接不多說(shuō)，一般特別容易被我們忽略的就是場(chǎng)景化。

什么是場(chǎng)景？場(chǎng)景=人+時(shí)間+空間+情緒觸發(fā)。

1.1 案例

比如作為一名企業(yè)的考勤HR，新員工入職時(shí)，為保證員工假期福利正常，期望可以自動(dòng)匹配規(guī)則，實(shí)現(xiàn)員工假期的自動(dòng)化發(fā)放，但不放心系統(tǒng)規(guī)則，故期望可以快速確認(rèn)其假期余額。

又或者某員工從實(shí)習(xí)轉(zhuǎn)正式后，通過(guò)OA根HR反饋說(shuō)：“年假余額怎么只有1天，而不是3天？”，此時(shí)，你期望快速定位其問(wèn)題，并可盡快解決，避免引起員工的不滿。

這都是場(chǎng)景。

那針對(duì)以上場(chǎng)景，我們來(lái)看三個(gè)不同的菜單設(shè)計(jì)，看看哪個(gè)更符合場(chǎng)景化的設(shè)計(jì)。

方案一：采用一級(jí)導(dǎo)航+二級(jí)頁(yè)面的方式。即一級(jí)菜單（假期管理），點(diǎn)擊跳轉(zhuǎn)進(jìn)入二級(jí)頁(yè)面（完成假期規(guī)則設(shè)置、管理員工假期余額等）。

方案二：采用分別一級(jí)菜單跟二級(jí)菜單的方式，規(guī)則與管理分離。即一級(jí)菜單（設(shè)置）-二級(jí)菜單（基礎(chǔ)設(shè)置）-三級(jí)頁(yè)簽（申請(qǐng)?jiān)O(shè)置）進(jìn)行設(shè)置假期規(guī)則；一級(jí)菜單（報(bào)表）-二級(jí)菜單（年度報(bào)表）管理假期余額。

方案三：采用一級(jí)菜單+二級(jí)菜單方式，假期規(guī)則與假期余額完全一體。即一級(jí)菜單（假期管理）-二級(jí)菜單（假期類型、假期余額），無(wú)需跳轉(zhuǎn)頁(yè)面即可完成假期規(guī)則設(shè)置與管理員工假期余額。

對(duì)比三個(gè)方案，你覺(jué)得哪個(gè)是更貼合場(chǎng)景化菜單路徑設(shè)計(jì)？

顯然是方案三。

1.2 解析

無(wú)論是哪種方案，對(duì)應(yīng)產(chǎn)品經(jīng)理在做菜單設(shè)計(jì)時(shí)，相信一定都是遵循對(duì)應(yīng)產(chǎn)品邏輯，而不是毫無(wú)邏輯的設(shè)計(jì)。

比如當(dāng)系統(tǒng)功能越來(lái)越復(fù)雜（如一級(jí)菜單多，二級(jí)假期類功能擴(kuò)展）時(shí)，方案一整體更便于擴(kuò)展；

比如方案二的內(nèi)在邏輯是從功能進(jìn)行歸類，假期規(guī)則與其他規(guī)則一體，假期余額與其他報(bào)表數(shù)據(jù)一體。

但，對(duì)于用戶而言，不會(huì)考慮這么多，只會(huì)覺(jué)得方案三體驗(yàn)更好，因?yàn)楦?jiǎn)單、直接，更貼合TA的使用場(chǎng)景。

這就是KISS原則在產(chǎn)品菜單路徑設(shè)計(jì)上的應(yīng)用。

1.3 經(jīng)驗(yàn)

如何才能做出貼合KISS原則的菜單路徑設(shè)計(jì)呢？

第一步，借助用戶旅程圖工具，梳理業(yè)務(wù)核心場(chǎng)景。

梳理關(guān)鍵用戶（如HR）的旅程圖后，可發(fā)現(xiàn)其核心場(chǎng)景就是：

• 出勤規(guī)則管理：根據(jù)企業(yè)制定的考勤規(guī)則（如打卡、計(jì)薪、加班、外勤、補(bǔ)貼、扣款等），對(duì)應(yīng)完成配置與維護(hù)；
• 假期管理：根據(jù)企業(yè)制定設(shè)置規(guī)則，管理員工請(qǐng)假記錄以及余額；
• 考勤異常管理：查看與管理員工的異常申訴；
• 考勤數(shù)據(jù)管理：查看員工的日?qǐng)?bào)、月報(bào)數(shù)據(jù)，并進(jìn)行確認(rèn)、封存等操作；
• 考勤數(shù)據(jù)確認(rèn)：管理員工月度數(shù)據(jù)的反確認(rèn)，確?？记跀?shù)據(jù)是雙方均認(rèn)同無(wú)異議；

第二，抽象業(yè)務(wù)場(chǎng)景，遵循MECE原則，輸出產(chǎn)品架構(gòu)圖。結(jié)合用戶核心場(chǎng)景，將其對(duì)應(yīng)場(chǎng)景進(jìn)行抽象與拆分，再結(jié)合事務(wù)（用工作臺(tái)去承載）與數(shù)據(jù)（用報(bào)表、儀表盤(pán)去承載）兩個(gè)層面即可輸出完整的產(chǎn)品架構(gòu)圖，其可間接等同于產(chǎn)品的菜單路徑設(shè)計(jì)（即每個(gè)塊就是一個(gè)一級(jí)菜單，對(duì)應(yīng)內(nèi)容可做二級(jí)菜單）與演化功能（即給每個(gè)塊標(biāo)識(shí)優(yōu)先級(jí)和分期即可）一體化的一張圖。

注意：設(shè)計(jì)時(shí)遵循【以終為始，全面設(shè)計(jì)；以始為終，最小閉環(huán)】原則（詳情可見(jiàn)：如何1周內(nèi)輸出產(chǎn)品規(guī)劃？）。

二、結(jié)構(gòu)層：實(shí)體關(guān)系解耦化

如果把一座城市當(dāng)做一款產(chǎn)品看，菜單路徑場(chǎng)景化設(shè)計(jì)，解決的是城市路徑、交通的問(wèn)題，保證路徑簡(jiǎn)單、清晰，便于人們可快捷到底目的地；

實(shí)體關(guān)系解耦化，解決的是應(yīng)該有哪些建筑群、哪些社區(qū)，以及他們有什么樣的內(nèi)在關(guān)系，保證當(dāng)前居民居住幸福度的同時(shí)，更需要考慮系統(tǒng)的健壯性與擴(kuò)展性。

什么是實(shí)體？

一個(gè)系統(tǒng)中，具備自身獨(dú)特價(jià)值，卻又相互依賴才能產(chǎn)生整體功能價(jià)值的個(gè)體。比如部門(mén)、員工、商品、訂單等都是實(shí)體；而員工的入職規(guī)則、員工的出勤規(guī)則也可以是實(shí)體。

什么是實(shí)體關(guān)系？

實(shí)體之間的的內(nèi)在關(guān)聯(lián)，保證相互之間的依賴、聯(lián)動(dòng)更簡(jiǎn)單、高效，以此可共同作用服務(wù)于整體系統(tǒng)。

一般主要有三種實(shí)體關(guān)系：1對(duì)1、1對(duì)多、多對(duì)多。

比如一個(gè)部門(mén)有多位員工，一個(gè)員工卻只能歸屬于一個(gè)部門(mén)，那它們就是1對(duì)多的關(guān)系；

同時(shí)，一個(gè)系統(tǒng)到底需要哪些獨(dú)立的實(shí)體，以及實(shí)體間的關(guān)系如何定義（也就是我們所說(shuō)的解耦，還是耦合），將會(huì)影響系統(tǒng)的健壯性與擴(kuò)展性。同時(shí)，一定會(huì)影響用戶體驗(yàn)設(shè)計(jì)。

2.1 案例

作為一名考勤HR，期望通過(guò)HR SaaS產(chǎn)品實(shí)現(xiàn)考勤規(guī)則的規(guī)范化與數(shù)據(jù)化，則需設(shè)置員工的打卡、排班、加班、補(bǔ)貼、扣款、外出/出差等規(guī)則。

如果給你提供四個(gè)方案，你會(huì)覺(jué)得哪個(gè)方案體驗(yàn)更好呢？它包含兩層意思：一層是可設(shè)置滿足你業(yè)務(wù)規(guī)則的系統(tǒng)規(guī)則；第二層是讓你可簡(jiǎn)單、快捷設(shè)置規(guī)則。

方案一：以考勤組實(shí)體為核心，輔以加班、補(bǔ)貼、扣款、外勤、補(bǔ)卡規(guī)則等5個(gè)實(shí)體，考勤組與5個(gè)規(guī)則的關(guān)系是多對(duì)1（即一個(gè)規(guī)則可用于多個(gè)考勤組，但一個(gè)考勤組只能有1個(gè)類型的規(guī)則）。同時(shí)，只有核心實(shí)體考勤組有【適用范圍】，其他實(shí)體只是規(guī)則，復(fù)用適用人員范圍；

方案1：實(shí)體關(guān)系圖

方案1：產(chǎn)品示意圖

方案二：沒(méi)有核心實(shí)體，考勤組、加班、補(bǔ)貼、扣款、外勤、打卡等，均是單獨(dú)的實(shí)體，相互之間完全沒(méi)關(guān)系。同時(shí)，每個(gè)規(guī)則均有自己的【適用范圍】；

方案2：實(shí)體關(guān)系圖

方案2：產(chǎn)品示意圖

方案三：以考勤組實(shí)體為核心，沒(méi)有獨(dú)立的打卡、外勤、補(bǔ)卡規(guī)則三個(gè)實(shí)體，直接當(dāng)做考勤組的附屬屬性處理。但加班規(guī)則的實(shí)體，是單獨(dú)實(shí)體，與核心實(shí)體考勤組無(wú)任何關(guān)聯(lián)。

方案3：實(shí)體關(guān)系圖

方案3：產(chǎn)品示意圖

方案四：也是以考勤組實(shí)體為核心，沒(méi)有獨(dú)立的打卡、外勤規(guī)則實(shí)體，直接當(dāng)做考勤組的附屬屬性處理。但加班、補(bǔ)卡、外出/出差規(guī)則均是單獨(dú)實(shí)體，且通過(guò)適用范圍與考勤組完成相互關(guān)聯(lián)（本質(zhì)多對(duì)1的關(guān)系）。

方案4：實(shí)體關(guān)系圖

方案4：產(chǎn)品示意圖

2.2 解析

綜合解耦度、可擴(kuò)展性、用戶體驗(yàn)三個(gè)維度進(jìn)行分析，可得出下圖的結(jié)論：

為什么是這么一個(gè)評(píng)分？

我們假設(shè)下面幾個(gè)場(chǎng)景：

企業(yè)甲屬于中大型企業(yè)，有A、B、C三個(gè)子公司，各自下設(shè)N個(gè)不同的部門(mén)，不同部門(mén)的出勤班次、打卡方式、加班規(guī)則、外出規(guī)則不同，但對(duì)應(yīng)的補(bǔ)貼、扣款、補(bǔ)卡、出差則適用于全公司。

企業(yè)乙屬于中小型企業(yè)，核心分兩類考勤規(guī)則：一類偏銷(xiāo)售，外出、出差、補(bǔ)貼等是重點(diǎn)規(guī)則，打卡、出勤規(guī)則比較簡(jiǎn)單；一類偏支持，坐班辦公是常態(tài)，偶爾加班，基本不外出。

結(jié)合以上二個(gè)簡(jiǎn)單案例（以及將來(lái)適配更多不同行業(yè)、不同規(guī)模、不同階段的企業(yè)的考勤規(guī)則），我們可以得出以下分析結(jié)論：

從解耦程度看：方案二>方案一 = 方案四>方案三。

方案二的每個(gè)實(shí)體都是獨(dú)立，且互相完全不關(guān)聯(lián)，所以解耦程度最高；

方案一跟四，解耦程度幾乎一致，把核心實(shí)體與關(guān)聯(lián)實(shí)體，基本都拆解為了獨(dú)立實(shí)體。同時(shí)，又保持了實(shí)體之間的關(guān)聯(lián)關(guān)系。

方案三，解耦程度相對(duì)一般，主要因其關(guān)聯(lián)的補(bǔ)卡、外勤、補(bǔ)貼、扣款等實(shí)體，均未獨(dú)立，只是單純把加班規(guī)則進(jìn)行了獨(dú)立解耦。

從可擴(kuò)展性看：方案一 = 方案四>方案二 = 方案三。

方案一跟四，核心實(shí)體與關(guān)聯(lián)實(shí)體均已足夠獨(dú)立且解耦，基本的骨架與結(jié)構(gòu)已構(gòu)建完成。后續(xù)擴(kuò)展時(shí)，只要圍繞每個(gè)實(shí)體各自進(jìn)行擴(kuò)展，相互之間無(wú)任何影響，所以擴(kuò)展性更強(qiáng)。

方案二跟三，則或多或少都有些擴(kuò)展的局限性。

比如方案二中所有實(shí)體均有自己的適用范圍，但凡擴(kuò)展一個(gè)適用范圍的條件，就得全部動(dòng)一遍，以及后續(xù)如果想將所有實(shí)體進(jìn)行融合、關(guān)聯(lián)，基本就需要重構(gòu)。

方案三則如果想重點(diǎn)做補(bǔ)卡、外勤等，想將其獨(dú)立成一個(gè)實(shí)體時(shí)，將其對(duì)應(yīng)屬性從考勤組進(jìn)行抽離，也將是一個(gè)不小的工作量。

從用戶體驗(yàn)看：方案四>方案一>方案三 = 方案二。

方案四用戶體驗(yàn)最佳，既可通過(guò)一個(gè)核心實(shí)體（考勤組）將所有的關(guān)聯(lián)實(shí)體（即加班、補(bǔ)貼、扣款規(guī)則等），統(tǒng)一串聯(lián)起來(lái)，減少用戶的認(rèn)知負(fù)擔(dān)。同時(shí)，反向也可支持單個(gè)關(guān)聯(lián)實(shí)體進(jìn)行反向關(guān)聯(lián)核心實(shí)體，兼顧了兩個(gè)不同核心場(chǎng)景。

方案一的用戶體驗(yàn)其次，完全以核心實(shí)體（考勤組）為中心進(jìn)行串聯(lián)起整個(gè)考勤規(guī)則的核心場(chǎng)景，但僅支持單向關(guān)聯(lián)，與方案四相比就差點(diǎn)意思。

方案三跟方案二用戶體驗(yàn)相差不大，主要都是缺了一個(gè)主線，每個(gè)實(shí)體各自為戰(zhàn)，對(duì)于用戶使用而言，就需要單獨(dú)去設(shè)置以及查看，完全看不出來(lái)他們之間的關(guān)聯(lián)關(guān)系。

所以綜合而言，方案四 > 方案一 > 方案二 = 方案三。

2.3 經(jīng)驗(yàn)分享

哪個(gè)階段進(jìn)行實(shí)體關(guān)系解耦化設(shè)計(jì)更佳？用戶需求場(chǎng)景定義清楚，產(chǎn)品機(jī)會(huì)確認(rèn)并立項(xiàng)通過(guò)后，但產(chǎn)品功能啟動(dòng)之前，或者就是系統(tǒng)重構(gòu)時(shí)。

實(shí)體關(guān)系解耦設(shè)計(jì)與菜單路徑場(chǎng)景化設(shè)計(jì)是什么關(guān)系？是否有先后順序？它們是相輔相成，互相依賴的關(guān)系?？上冗M(jìn)行菜單路徑場(chǎng)景化設(shè)計(jì)，再進(jìn)行實(shí)體關(guān)系解耦設(shè)計(jì)，但它們是一個(gè)完整、動(dòng)態(tài)校驗(yàn)的過(guò)程。

比如梳理完用戶體驗(yàn)旅程圖后，可輸出產(chǎn)品架構(gòu)圖（場(chǎng)景化菜單路徑），同時(shí)就啟動(dòng)實(shí)體關(guān)系的設(shè)計(jì)，這個(gè)過(guò)程中，一定是需要代入用戶場(chǎng)景視角去看這二者的合理性，以及動(dòng)態(tài)進(jìn)行調(diào)整。

使用什么工具合適？看你個(gè)人習(xí)慣，工具不重要，主要是這種設(shè)計(jì)思路。我自己一般就直接用Axure畫(huà)，也并沒(méi)有完全遵循E-R圖的規(guī)則。

如何確認(rèn)哪些是實(shí)體，哪些不是實(shí)體？

我一般遵循兩個(gè)原則：

原則1：實(shí)體一般都是名詞，而不是動(dòng)詞、形容詞，且它們大多數(shù)都是現(xiàn)實(shí)業(yè)務(wù)/生活中已存在的概念。

比如部門(mén)、員工、教室、教師、訂單、記錄、視頻等都是實(shí)體，但銷(xiāo)售部門(mén)、優(yōu)秀員工、大教室、待支付訂單、短視頻/長(zhǎng)視頻等，就不是實(shí)體。

原則2：實(shí)體一定要既可以獨(dú)立，也可互相之間聯(lián)合使用，最終都對(duì)用戶可以產(chǎn)生獨(dú)特價(jià)值。

比如加班場(chǎng)景可以延伸出：加班規(guī)則（可獨(dú)立使用，也可與其他實(shí)體進(jìn)行關(guān)聯(lián)使用，最終幫助用戶完成加班規(guī)則的產(chǎn)品化），以及加班記錄（可獨(dú)立使用，幫助用戶記錄加班行為）兩個(gè)實(shí)體。

那實(shí)體是越多越好嗎？顯然不是，實(shí)體過(guò)多后，維護(hù)成本就會(huì)上升，使用效率會(huì)下降，用戶認(rèn)知成本會(huì)增加。它與管理人員的范圍邏輯一致，如果管理半徑過(guò)大，效果一定不好。

那又如何確認(rèn)，到底該不該新增某個(gè)實(shí)體，還是將其當(dāng)做某個(gè)實(shí)體的屬性即可？

原則1：它自身獨(dú)立的屬性值（包含可預(yù)見(jiàn)的將來(lái)會(huì)擴(kuò)展的屬性）>=7個(gè)時(shí)，則可考慮將其當(dāng)做實(shí)體，否則就盡量把它當(dāng)做某個(gè)實(shí)體的屬性。

比如方案三沒(méi)把外勤、補(bǔ)卡當(dāng)做獨(dú)立實(shí)體，而是當(dāng)做考勤組的屬性，就是因?yàn)槠淇紤]它們二者的獨(dú)立屬性值的數(shù)量，并不足以將其獨(dú)立。反之，加班規(guī)則做了獨(dú)立的實(shí)體。

原則2：它屬于用戶核心場(chǎng)景的關(guān)鍵節(jié)點(diǎn)，則可考慮將其當(dāng)做獨(dú)立實(shí)體。

比如考勤組、加班規(guī)則、打卡規(guī)則、補(bǔ)貼規(guī)則、扣款規(guī)則等，都屬于一個(gè)考勤HR想實(shí)現(xiàn)規(guī)則產(chǎn)品化配置場(chǎng)景中，不可或缺的關(guān)鍵節(jié)點(diǎn)，自然就可考慮將其獨(dú)立為一個(gè)一個(gè)的實(shí)體。

反之，補(bǔ)卡規(guī)則就不一定非要獨(dú)立成實(shí)體，因它本身屬性值較少，且也不屬于關(guān)鍵節(jié)點(diǎn)，完全可當(dāng)做打卡規(guī)則的屬性值處理即可。

總結(jié)一下

KISS設(shè)計(jì)原則是SaaS產(chǎn)品設(shè)計(jì)最重要的原則，它的核心價(jià)值是讓設(shè)計(jì)簡(jiǎn)潔，讓操作傻瓜式，以此提升用戶體驗(yàn)的同時(shí)，減少客訴問(wèn)題，提升產(chǎn)研效率。

它核心包含”三層八化“。即：

• 從結(jié)構(gòu)層，遵循菜單路徑場(chǎng)景化、實(shí)體關(guān)系解耦化；
• 從控制層，遵循功能要素抽象化、產(chǎn)品規(guī)則透明化、產(chǎn)品能力配置化；
• 從表現(xiàn)層，遵循交互設(shè)計(jì)一體化、頁(yè)面結(jié)構(gòu)模塊化、設(shè)計(jì)表達(dá)對(duì)象化。