編輯導(dǎo)語：在中介管理系統(tǒng)中，首頁設(shè)計是系統(tǒng)設(shè)計中很重要的一部分。首頁它不僅僅代表著門面，一個好的首頁設(shè)計還可以方便員工快捷的處理信息，提高工作效率。接下來，就讓我們一起看看本文作者推薦的一些首頁設(shè)計。

對于任何一個SaaS系統(tǒng)來說，首頁都是極為重要的。首頁既是一個系統(tǒng)的門面，又是絕佳的信息展示臺。

公司公告、待辦審批、系統(tǒng)消息、工單任務(wù)這些需要緊急處理的消息展示在首頁，用戶一登錄就可以及時處理；業(yè)務(wù)統(tǒng)計類數(shù)據(jù)展示在首頁，管理人員一登錄系統(tǒng)就可以大致了解昨日或近期的業(yè)務(wù)情況。

中介作為一個偏銷售性質(zhì)的行業(yè)，使用的中介管理系統(tǒng)則更需要展示業(yè)務(wù)數(shù)據(jù)、即時任務(wù)，接下來講一講中介管理系統(tǒng)的首頁設(shè)計。

一、角色權(quán)限數(shù)據(jù)分級

實(shí)際業(yè)務(wù)中的中大型公司，人數(shù)多、組織結(jié)構(gòu)層級分明。相對應(yīng)的，系統(tǒng)也需要根據(jù)不同的角色配置不同的權(quán)限——目的既是為了讓員工在系統(tǒng)中“各司其職”，也是出于數(shù)據(jù)保密考慮。

首頁也是一樣，大到讓不同員工看到不同的模塊，小到讓不同的員工看到不同范圍的數(shù)據(jù)，數(shù)據(jù)的差異化展示也體現(xiàn)了這個系統(tǒng)的完整性。

中介系統(tǒng)中常用的業(yè)務(wù)角色有系統(tǒng)管理員、區(qū)域經(jīng)理、門店店長、小組長、普通員工、財務(wù)專員等。

當(dāng)然沒有必要一開始就確定哪個角色可以查看哪些內(nèi)容，可以先大概規(guī)劃一下，等具體涉及到哪個內(nèi)容模塊時再根據(jù)實(shí)際情況確定權(quán)限范圍。

系統(tǒng)管理員當(dāng)然是要能夠看到整個公司的所有數(shù)據(jù)；區(qū)域經(jīng)理/門店店長/小組長/普通員工的數(shù)據(jù)范圍只局限于本區(qū)域/本門店/本小組/本人；公司的較為機(jī)密的財務(wù)數(shù)據(jù)應(yīng)該僅限于系統(tǒng)管理員和財務(wù)專員查看。

二、內(nèi)容模塊

首頁的內(nèi)容展示可以根據(jù)公司需要、業(yè)務(wù)特性來展示，每個系統(tǒng)都會有自己的風(fēng)格和內(nèi)容，這里以我自己的想法為例。

中介管理系統(tǒng)的首先需要以下模塊內(nèi)容：個人中心、公示內(nèi)容、目標(biāo)進(jìn)度、業(yè)務(wù)數(shù)據(jù)、成交戰(zhàn)報、排行榜、感謝墻、任務(wù)操作入口。

在這樣一個首頁中，員工既能第一時間查看公司的業(yè)務(wù)情況，也能快速響應(yīng)任務(wù)，提高工作效率。

1. 快捷操作入口

在首頁中，可以放一些快捷操作的入口。這樣，用戶一進(jìn)入系統(tǒng)就可以處理相關(guān)事項(xiàng)，能夠快速響應(yīng)任務(wù)。

首頁的快捷操作一般有寫日報、郵箱、待辦事項(xiàng)、消息，這些入口放在了首頁頂部右上角：

一來是不占用太多空間；

二來是個人信息在右邊，這些快捷操作容易被看到，同時和個人信息關(guān)聯(lián)在一起，位置感強(qiáng)；

三是右邊操作符合大部分用戶的操作習(xí)慣。

如果系統(tǒng)提供了自定義首頁的功能，也可以將首頁設(shè)置放在快捷操作入口中。

當(dāng)然，首頁畢竟涉及到公司全局信息的展示，不是任何人都能設(shè)置的，一般這種權(quán)限只會開放給系統(tǒng)管理員。管理員可以設(shè)置展示哪些模塊，展示數(shù)據(jù)條數(shù)等，這會是首頁展示更靈活，更符合差異化需求。

2. 個人中心

個人中心是首頁乃至系統(tǒng)的重要部分。

在用戶習(xí)慣中，個人中心是能夠查看個人的信息和進(jìn)行個人相關(guān)的快捷操作，例如修改密碼、修改電話號碼等。所以在設(shè)計時，個人中心的展示內(nèi)容包括個人信息、考勤信息、考勤快捷操作。

在首頁中展示個人信息，能給剛進(jìn)入系統(tǒng)的用戶一個位置感和歸屬感，用戶考勤信息的展示和操作能夠讓用戶快速查看考勤信息并在上下班時快速操作。

點(diǎn)擊個人中心，進(jìn)入更多頁面，可以查看用戶詳細(xì)信息，也可以進(jìn)行修改密碼、設(shè)置等操作。

此外，銷售性質(zhì)類的工作，還會展示個人的名片，便于完善名片和對外分享。如果系統(tǒng)中有一些等級的體系，還可以展示個人的等級標(biāo)簽，讓個人信息更完善。

3. 公示內(nèi)容

公示內(nèi)容其實(shí)就是像一個實(shí)時的公告板，展示公司的公司公告、規(guī)章制度、重要新聞。

系統(tǒng)管理員可以向全公司傳達(dá)一些重要事項(xiàng)，例如：公司員工大會、培訓(xùn)通知；也可以上傳一些公司的規(guī)章制度，考勤制度、分成制度、帶看流程等；同時也可以展示一些行業(yè)新聞，幫助員工了解行業(yè)動態(tài)。

所以說，如果公示內(nèi)容板塊內(nèi)容建設(shè)的好，這不僅是一個通知的作用，還能達(dá)到公司文化建設(shè)的效果。

4. 月度目標(biāo)

中介行業(yè)是一個偏業(yè)務(wù)性、結(jié)果導(dǎo)向的行業(yè)。

業(yè)務(wù)管理也是中介老板的一個心頭難事，而系統(tǒng)的優(yōu)勢則是能夠自動記錄業(yè)務(wù)痕跡、統(tǒng)計業(yè)務(wù)數(shù)據(jù)，所以要把系統(tǒng)的業(yè)務(wù)統(tǒng)計功能做好。

這里選取了8個指標(biāo)：房客源新增、新增實(shí)勘/帶看、房客源跟進(jìn)、房源鑰匙/照片，這些指標(biāo)是中介業(yè)務(wù)中常見且通用的指標(biāo)，而且都是系統(tǒng)操作，便于統(tǒng)計，公司也可以根據(jù)實(shí)際業(yè)務(wù)來制定需要統(tǒng)計的指標(biāo)。

首頁的月度目標(biāo)只是一個簡單的展示，其背后是目標(biāo)管理和業(yè)務(wù)統(tǒng)計兩大模塊。

各級管理人員將管理范圍內(nèi)的員工的月度目標(biāo)設(shè)定好，系統(tǒng)記錄員工的業(yè)務(wù)完成情況，然后在首頁展示目標(biāo)完成情況。

經(jīng)紀(jì)人登入系統(tǒng)后，查看自己的月度目標(biāo)完成情況，可以根據(jù)此來調(diào)整之后的工作節(jié)奏。而如果不想月度目標(biāo)的方案止步于此，還可以將這個功能延伸到統(tǒng)計模塊，統(tǒng)計月度目標(biāo)完成率，也可以作為業(yè)績的一個重要支撐。

5. 業(yè)務(wù)數(shù)據(jù)展示

月度目標(biāo)算是一個半統(tǒng)計半管理性的模塊，而業(yè)務(wù)數(shù)據(jù)的展示則是純業(yè)務(wù)統(tǒng)計的模塊。

先說業(yè)務(wù)數(shù)據(jù)的展示內(nèi)容，統(tǒng)計指標(biāo)依然是常見的那幾個：房客新增、跟進(jìn)、帶看、實(shí)勘、鑰匙。選取的指標(biāo)都是統(tǒng)計口徑比較清晰、屬于中介日常業(yè)務(wù)工作。

再說業(yè)務(wù)數(shù)據(jù)的展示形式：一般來說，首頁統(tǒng)計數(shù)據(jù)的展示應(yīng)當(dāng)清晰明了、注重可視化。如果數(shù)據(jù)較少，可以用表格清晰地展示，表格也可?。坏绻麛?shù)據(jù)量大、統(tǒng)計時間跨度大，那最后選擇可視化樣式。

例如：在業(yè)務(wù)數(shù)據(jù)展示中，統(tǒng)計指標(biāo)之間不需要對比，只是單純展示數(shù)據(jù)，選擇了柱狀圖展示，而且柱狀圖還能展示今天和昨天的業(yè)務(wù)數(shù)據(jù)對比。

而在業(yè)務(wù)趨勢展示中，數(shù)據(jù)跨度大（近一周、近一月、近半年、近一年），需要展示門店之間的對比，則選擇折線圖進(jìn)行展示。

橫向可以看某個指標(biāo)在時間跨度中的趨勢，縱向可以看某個指標(biāo)在不同門店之間的對比。

首頁的統(tǒng)計可以與統(tǒng)計模塊進(jìn)行跳轉(zhuǎn)。在大致查看業(yè)務(wù)數(shù)據(jù)后，可以跳轉(zhuǎn)到統(tǒng)計頁面查看詳細(xì)的數(shù)據(jù)

6. 排行榜

展示了統(tǒng)計數(shù)據(jù)，接下來就是展示排行幫。

排行榜既是讓管理層了解優(yōu)秀門店或員工，也是讓員工進(jìn)行自我激勵。根據(jù)業(yè)務(wù)的分成機(jī)制，一般會有業(yè)績排行榜和簽單排行榜。

在排行榜中，還可以通過篩選門店/個人、時間，來查看不同時間范圍的數(shù)據(jù)排行榜。排行榜的設(shè)置可以是系統(tǒng)內(nèi)置，也可以提供自定義方式。

系統(tǒng)管理員可以根據(jù)公司的實(shí)際情況選擇排行榜的類型展示、展示數(shù)據(jù)條數(shù)。例如：有的公司老板不想讓員工了解到公司的業(yè)績情況和簽單情況，所以就不展示排行榜模塊。

7. 成交戰(zhàn)報

成交戰(zhàn)報是一個鼓舞員工、增強(qiáng)員工信心的模塊。當(dāng)系統(tǒng)內(nèi)有員工成交房源后，輪播展示成交戰(zhàn)報。

這既是對成交員工的一種表揚(yáng)，也是對其他員工的一個鼓舞。戰(zhàn)報可以展示成交員工、成交房源小區(qū)名稱、業(yè)績等。有的系統(tǒng)還會在成交時彈出成交喜報，大紅喜字、大紅背景，喜氣洋洋。

某地產(chǎn)公司成交喜報

8. 感謝墻

感謝墻并不是一個系統(tǒng)中必須的模塊，這是一個偏情感化的一個功能，算是“表白墻”的一個職場演化。

如果員工在工作上接受了同事的幫忙，例如幫忙解待客戶、帶看、介紹客戶等，都可以在感謝墻中感謝同事。

這既給員工提供了一個感謝同事的平臺，在某種程度上也呼應(yīng)了互幫互助的企業(yè)價值觀和傳統(tǒng)美德。點(diǎn)贊墻或者留言墻也同理

三、總結(jié)

總的來說，首頁是系統(tǒng)的“門面”，是集信息展示、快捷操作于一體的模塊。因此，首頁比其他模塊更特別的一點(diǎn)，是它需要更注意布局、UI、數(shù)據(jù)展示等方面的設(shè)計。

此外，首頁和系統(tǒng)各部分的功能并不是割裂的。相反，首頁的信息展示都是系統(tǒng)中各部分模塊重要內(nèi)容的展示。因此，首頁內(nèi)容與系統(tǒng)模塊的跳轉(zhuǎn)也非常重要。

這不僅能夠方便經(jīng)紀(jì)人查看更具體的數(shù)據(jù)，同時能夠加強(qiáng)首頁與系統(tǒng)各模塊的聯(lián)系。

首頁設(shè)計并不難，目前市場上各個行業(yè)、各個端的首頁設(shè)計案例非常多。我們可以學(xué)習(xí)那些優(yōu)秀的首頁設(shè)計案例，再根據(jù)行業(yè)、公司實(shí)際情況，進(jìn)行首頁內(nèi)容設(shè)計。

#專欄作家#

異彩，微信公眾號：一只蝸牛慢慢跑，人人都是產(chǎn)品經(jīng)理專欄作家。從事房產(chǎn)管理系統(tǒng)的產(chǎn)品工作，關(guān)注To C產(chǎn)品的交互設(shè)計、運(yùn)營、結(jié)構(gòu)設(shè)計和商業(yè)模式。在成為一名優(yōu)秀的產(chǎn)品人的路上努力前行。

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

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