聊聊SaaS產(chǎn)品首頁(yè)工作臺(tái)的設(shè)計(jì)原理

0 評(píng)論 9778 瀏覽 64 收藏 18 分鐘

在用戶使用SaaS產(chǎn)品的過程中,首頁(yè)工作臺(tái)是用戶可能第一時(shí)間見到的頁(yè)面,這一頁(yè)面的存在對(duì)于引導(dǎo)用戶使用產(chǎn)品有著很大作用,所以在產(chǎn)品設(shè)計(jì)上,我們也需額外注意SaaS產(chǎn)品的首頁(yè)工作臺(tái)設(shè)計(jì)。那么SaaS產(chǎn)品首頁(yè)工作臺(tái)設(shè)計(jì)需要遵循哪些設(shè)計(jì)原理呢?一起來看看作者的解讀吧。

一、前言

SaaS產(chǎn)品的首頁(yè)是用戶登錄后即會(huì)看到的頁(yè)面,對(duì)用戶具有非常大的引導(dǎo)作用,就像進(jìn)入淘寶首頁(yè)會(huì)有不同的板塊入口引導(dǎo)用戶購(gòu)買商品一樣,SaaS產(chǎn)品的首頁(yè)也可以引導(dǎo)用戶快速使用產(chǎn)品,因此,很多SaaS產(chǎn)品會(huì)在首頁(yè)設(shè)計(jì)一個(gè)工作臺(tái)方便用戶使用。工作臺(tái)只是對(duì)其他已有功能進(jìn)行的快捷入口、數(shù)據(jù)、消息展示,沒有工作臺(tái)功能也都能正常使用,不過,這會(huì)帶來一些問題。

缺少工作臺(tái)帶來的問題

1)工作入口難找,操作效率低

大多數(shù)SaaS產(chǎn)品的業(yè)務(wù)比較復(fù)雜,會(huì)有很多功能,需要分?jǐn)?shù)個(gè)甚至數(shù)十個(gè)頁(yè)面承載,每個(gè)頁(yè)面內(nèi)包含多個(gè)功能。

對(duì)于新用戶來說,登錄后因?yàn)椴恢喇a(chǎn)品核心功能分布在哪些位置,第一眼又看不到所需的功能入口,所以不免會(huì)感到困惑,不知道應(yīng)該去哪些頁(yè)面去操作。

需要用戶自己或找他人協(xié)助去尋找所需功能,會(huì)耗費(fèi)較多時(shí)間,影響效率,容易給用戶帶來“不好用”的印象。

2)待辦事項(xiàng)易遺漏

HR登錄后如果要查看之前的各類待辦事項(xiàng),則需要進(jìn)入到各個(gè)頁(yè)面分別查看,一旦某個(gè)頁(yè)面忘記查看,就會(huì)導(dǎo)致這類待辦事項(xiàng)出現(xiàn)延誤,所以需要工作臺(tái)來顯示重要待辦事項(xiàng)的總覽情況。

所以,市面上很多SaaS產(chǎn)品都會(huì)有首頁(yè)工作臺(tái)的功能。

在早期的產(chǎn)品中,工作臺(tái)設(shè)計(jì)得比較簡(jiǎn)單,例如招聘類SaaS產(chǎn)品,早期的工作臺(tái)主要是展示最新的待辦事項(xiàng)、通知提醒、快捷入口。

而現(xiàn)在的主流工作臺(tái)除了展示這些,還會(huì)有數(shù)據(jù)統(tǒng)計(jì)、最近訪問等模塊。

拋開視覺設(shè)計(jì)上更美觀這方面,從模塊布局上來看,與傳統(tǒng)風(fēng)格不同的是,新的設(shè)計(jì)還會(huì)重點(diǎn)顯示數(shù)據(jù)、日程、訪問習(xí)慣,對(duì)待辦類的事項(xiàng)進(jìn)行了強(qiáng)化,與傳統(tǒng)的信息布局方式截然不同。

那么這樣設(shè)計(jì)的目的會(huì)是什么呢,是能夠給產(chǎn)品帶來什么正面作用嗎?

二、SaaS產(chǎn)品工作臺(tái)設(shè)計(jì)帶來的影響

一般來說,客戶群體越大的產(chǎn)品,其工作臺(tái)的設(shè)計(jì)會(huì)經(jīng)過深思熟慮,確定了會(huì)給產(chǎn)品帶來正向作用才會(huì)呈現(xiàn)給用戶。

以北森的HR領(lǐng)域SaaS產(chǎn)品為例,北森招股書顯示,截至2020年、2021年、2022年3月31日止三個(gè)年度,分別實(shí)現(xiàn)收入約人民幣4.59億元、5.56億元、6.80億元,2021及2022財(cái)年的同比增速達(dá)21.3%、22.2%。

年收入增長(zhǎng)率20%以上,說明產(chǎn)品獲得了越來越多新客戶的付費(fèi),或者是老客戶的增購(gòu),側(cè)面反映了產(chǎn)品受客戶的歡迎程度,使得付費(fèi)不斷增多。

一款需要客戶付費(fèi)使用的產(chǎn)品,理論上,其首頁(yè)會(huì)慎重設(shè)計(jì),因?yàn)槊總€(gè)客戶打開軟件就會(huì)看到,如果隨意設(shè)計(jì),將不重要的信息或入口展示在首頁(yè)工作臺(tái),重要的又未展示,客戶使用不便時(shí)很可能產(chǎn)生反饋意見,甚至是投訴,進(jìn)而降低付費(fèi)意愿。

如今北森的首頁(yè)工作臺(tái)設(shè)計(jì),是在客戶的使用和反饋中不斷迭代的結(jié)果,因此,可以推測(cè)出,這種設(shè)計(jì)可以給其產(chǎn)品會(huì)帶來正面影響,能夠提高客戶的使用效率。

相比傳統(tǒng)的工作臺(tái)設(shè)計(jì),北森的招聘工作臺(tái)不僅僅只是給出快捷入口和待辦提醒,而是HR一進(jìn)來就能概覽各項(xiàng)主要工作的進(jìn)展情況,給HR的使用感受是“我不用到處查找,一打開就能快速開展我的工作”。

例如,當(dāng)HR需要新招人時(shí),會(huì)先在招聘網(wǎng)站發(fā)布招聘信息,接下來就是等待求職者投遞簡(jiǎn)歷,第二天早上HR一登錄首頁(yè),就能看到有多少待初篩即投遞的簡(jiǎn)歷,只需要點(diǎn)擊一下數(shù)字,就能查看已投遞的簡(jiǎn)歷列表。

不需要再像以前的設(shè)計(jì)方式,登錄進(jìn)來時(shí)看不到待處理的簡(jiǎn)歷數(shù)量,不知道有沒有新的簡(jiǎn)歷需要處理,HR的事情繁瑣,可能去操作其他事項(xiàng)去了而忘記了查詢待處理的簡(jiǎn)歷,從而降低了招聘工作的效率。

過去傳統(tǒng)的方式HR登錄后,需要分別點(diǎn)擊到各個(gè)頁(yè)面去檢查是否有待處理的事項(xiàng),如果偶爾忘記檢查了,可能會(huì)遺漏待處理的事項(xiàng),這會(huì)耽誤HR工作任務(wù)的正常開展。

而新的工作臺(tái)中的【待處理】模塊能夠讓HR快速知道當(dāng)前待處理的事項(xiàng),【招聘日程】能快速知道未來待辦的事項(xiàng),【搜索網(wǎng)站簡(jiǎn)歷】能快速查找簡(jiǎn)歷,【最近訪問職位】能快速接著處理上次登錄招聘的職位,【快捷入口】能快速訪問主要的頁(yè)面,【我發(fā)的篩選】能快速查看已篩選出的簡(jiǎn)歷的最新狀態(tài),大幅提升了HR的工作效率。

那么,為什么說這種設(shè)計(jì)方式能提高客戶的工作效率呢?

三、SaaS產(chǎn)品工作臺(tái)設(shè)計(jì)原理

還是以招聘SaaS產(chǎn)品舉例分析其設(shè)計(jì)原理,HR招聘工作流程主要是接收用人部門的招聘需求、發(fā)布職位、收集和篩選簡(jiǎn)歷、面試、談offer,其中簡(jiǎn)歷和面試階段會(huì)占用主要的工作時(shí)間。

在新版的工作臺(tái)模塊中,【待處理】、【招聘日程】、【搜索網(wǎng)站簡(jiǎn)歷】、【最近訪問職位】、【快捷入口】、【我發(fā)的篩選】均是簡(jiǎn)歷和面試階段的相關(guān)工作,說明其工作臺(tái)是按照用戶工作內(nèi)容的重要性來設(shè)計(jì)模塊。

其中前兩個(gè)是占用空間最大的模塊,【待處理】模塊是對(duì)應(yīng)HR工作中的從篩選簡(jiǎn)歷到面試需要處理的事項(xiàng)數(shù)量,【招聘日程】模塊是對(duì)應(yīng)HR工作中面試的時(shí)間安排,這些都是招聘工作最主要的內(nèi)容,契合了HR的核心需求。

從表現(xiàn)形式上來看,【待處理】是用數(shù)據(jù)看板的形式展示,【招聘日程】是用日程表的形式展示,為什么會(huì)用這樣的設(shè)計(jì)方式?

是因?yàn)榉狭艘韵略O(shè)計(jì)原理:

1. 工作臺(tái)中數(shù)據(jù)看板的設(shè)計(jì)原理

數(shù)據(jù)看板指的是將產(chǎn)品使用過程中產(chǎn)生的某些數(shù)據(jù),合理布局后集中到同一個(gè)模塊進(jìn)行展示的一種設(shè)計(jì)方式。

有兩項(xiàng)與此功能相關(guān)的心理學(xué)研究:

1)1988年,澳大利亞新南威爾士大學(xué)認(rèn)知心理學(xué)家約翰·斯威勒 (John Sweller) 提出“認(rèn)知負(fù)荷理論”,指出工作記憶也可稱為短時(shí)記憶,它的容量有限,當(dāng)要求處理信息時(shí),工作記憶一次只能處理兩到三條信息。

2)心理學(xué)家赫洛克曾經(jīng)通過實(shí)驗(yàn)發(fā)現(xiàn)工作中無論反饋結(jié)果的好壞,對(duì)工作都有促進(jìn)作用,人們稱之為“赫洛克效應(yīng)”。

數(shù)據(jù)看板就是運(yùn)用了以上心理學(xué)原理,通過向用戶反饋關(guān)鍵幾項(xiàng)業(yè)務(wù)數(shù)據(jù),讓用戶能夠感知到有哪些事項(xiàng)要處理、更積極、快速地處理工作任務(wù)。

比如,在招聘環(huán)節(jié),會(huì)有新投遞的網(wǎng)招簡(jiǎn)歷、內(nèi)推簡(jiǎn)歷、獵頭簡(jiǎn)歷,以及待面試簡(jiǎn)歷、待入職的簡(jiǎn)歷,這些都是關(guān)鍵的信息,如果沒有了數(shù)據(jù)看板顯示數(shù)量,則用戶登錄后,沒辦法一眼看到目前各類簡(jiǎn)歷有多少需要處理,需要逐個(gè)點(diǎn)擊到各個(gè)頁(yè)面查看是否有、有多少需要處理的簡(jiǎn)歷,降低了工作效率。

有了數(shù)據(jù)看板后,因?yàn)橹惶釤捔藥醉?xiàng)關(guān)鍵數(shù)據(jù)用于展示,界面簡(jiǎn)潔清晰,根據(jù)認(rèn)知負(fù)荷理論,減少了用戶的信息負(fù)擔(dān),使得用戶登錄后能一眼就能關(guān)注到關(guān)鍵業(yè)務(wù)數(shù)據(jù)。

用戶關(guān)注數(shù)據(jù)后,即獲得了數(shù)據(jù)反饋,根據(jù)赫洛克效應(yīng),進(jìn)而又能促進(jìn)用戶去處理這些工作事項(xiàng)。

沒有數(shù)據(jù)看板確實(shí)也可以逐個(gè)頁(yè)面去查看業(yè)務(wù)進(jìn)展,但這樣處理的效率很低。

因?yàn)檫@些待辦事項(xiàng),通常分布在2到3個(gè)甚至更多不同的頁(yè)面,如果平均每個(gè)頁(yè)面需要10秒查看,那么逐頁(yè)查看一次的耗時(shí)就是n*10秒,業(yè)務(wù)越高頻越耗時(shí)。

例如,沒有數(shù)據(jù)看板的情況下,新投遞的網(wǎng)招簡(jiǎn)歷、內(nèi)推簡(jiǎn)歷、獵頭簡(jiǎn)歷、待面試簡(jiǎn)歷、待入職的簡(jiǎn)歷這5個(gè)頁(yè)面,需要點(diǎn)開每個(gè)頁(yè)面,操作篩選時(shí)間范圍為當(dāng)天的未處理數(shù)據(jù),如果每個(gè)頁(yè)面操作耗時(shí)10秒,一次共耗時(shí)50秒,每天查看2次就是每天100秒,一個(gè)工作月約36分鐘。

如果是新員工剛接手工作,頁(yè)面分布在不同位置,因?yàn)椴皇煜ろ?yè)面的位置,查看數(shù)據(jù)的耗時(shí)會(huì)更長(zhǎng),這里是以功能較為單一的產(chǎn)品舉例,當(dāng)產(chǎn)品的復(fù)雜度越高時(shí),耗時(shí)越長(zhǎng)。

再比如在查看并處理新投遞的網(wǎng)招簡(jiǎn)歷時(shí),突然來了一個(gè)員工咨詢問題、臨時(shí)會(huì)議之類的其他的事項(xiàng),打斷了當(dāng)前工作,那么剩下的數(shù)據(jù)就沒有查看,等臨時(shí)事項(xiàng)處理完了,可能已經(jīng)忘記查看今天是否還有待處理數(shù)據(jù),造成待處理事項(xiàng)的延遲。

而有數(shù)據(jù)看板的情況下,不需要逐頁(yè)查看,登錄后第一眼就可看到有沒有需要處理的事項(xiàng),用于查看操作的時(shí)間幾乎是0秒,也不會(huì)出現(xiàn)忘記查看是否有待處理事項(xiàng)的情況。

基于以上原因,使得數(shù)據(jù)看板能提高關(guān)鍵業(yè)務(wù)的工作效率。

2. 工作臺(tái)中日程表的設(shè)計(jì)原理

德國(guó)心理學(xué)家艾賓浩斯(Hermann Ebbinghaus)對(duì)遺忘現(xiàn)象做了系統(tǒng)的研究,發(fā)現(xiàn)人們?cè)趯W(xué)習(xí)新知識(shí)1小時(shí)后會(huì)遺忘55.8%,1天后會(huì)遺忘66.3%。

因?yàn)樾庐a(chǎn)生的事項(xiàng)與知識(shí)一樣,都是新的信息,需要記憶,所以我們可以把新產(chǎn)生的事項(xiàng)也看成一種需要記憶的知識(shí)。

招聘是HR的重要工作內(nèi)容,一旦忘記做某件事項(xiàng)了,會(huì)影響招聘工作的進(jìn)度。

記憶的自然遺忘、臨時(shí)事務(wù)都可能造成HR忘記約定的事項(xiàng)。假設(shè)每場(chǎng)面試都是提前 2 天確定的,根據(jù)艾賓浩斯遺忘曲線,每場(chǎng)面試2天后自然遺忘的概率就是 72.2%,10場(chǎng)面試就會(huì)有7場(chǎng)面試被錯(cuò)過,可能造成候選人流失,延長(zhǎng)了招聘周期,長(zhǎng)此以往,增加了招聘成本。

另外,HR招聘崗每天的工作還有搜集篩選簡(jiǎn)歷、與其他候選人溝通、新員工引導(dǎo)、資料整理等等,面試安排只是其中一小部分工作內(nèi)容,大部分時(shí)間在忙其他非面試的事項(xiàng),根據(jù)前文的“認(rèn)知負(fù)荷理論”,人在同一時(shí)間處理的信息量有限,大腦被正在忙的事務(wù)所占用,因此當(dāng)天極有可能因?yàn)樵诿ζ渌聞?wù)而忘記面試時(shí)間。

而日程表具有事項(xiàng)記錄和可視化的特性,HR每天打開工作臺(tái)一眼就能看到未來幾天的待辦事項(xiàng),于是可以提前3天開始著手做準(zhǔn)備工作,面試需要提醒相關(guān)面試官,生日需要準(zhǔn)備生日禮品等。

因此,日程表能對(duì)HR的工作起到很好的提醒作用,減少出現(xiàn)事項(xiàng)延誤的情況。

這里分析了招聘類產(chǎn)品工作臺(tái)2個(gè)功能的設(shè)計(jì)原理,同理,其他產(chǎn)品也可以在設(shè)計(jì)工作臺(tái)時(shí)運(yùn)用一些設(shè)計(jì)原理,結(jié)合業(yè)務(wù)特征和使用場(chǎng)景,讓工作臺(tái)發(fā)揮更大的作用。

四、SaaS工作臺(tái)的實(shí)用價(jià)值

如前文所述,缺少了工作臺(tái)就容易遇到入口難找、事項(xiàng)易遺漏導(dǎo)致延時(shí)處理的問題,當(dāng)產(chǎn)品功能和頁(yè)面(含子頁(yè)面)越多時(shí),越容易出現(xiàn)這些問題,因此工作臺(tái)存在的必要性與產(chǎn)品的復(fù)雜度呈正比,頁(yè)面越多時(shí)越需要工作臺(tái),如果產(chǎn)品總共僅兩三個(gè)頁(yè)面,必要性就不大。

過去國(guó)內(nèi)很多企業(yè)不夠重視信息化,能用人做的就沒必要花高價(jià)買套軟件,而現(xiàn)在人力成本已經(jīng)變得越來越高昂,過去10年間,城鎮(zhèn)私營(yíng)單位人員工資成本大約翻了一倍,人力成本的攀升,使企業(yè)不得不更加重視信息化。

數(shù)據(jù)來源:國(guó)家統(tǒng)計(jì)局

用系統(tǒng)替代人工線下作業(yè),節(jié)省人力成本將成為企業(yè)越來越迫切的需求,可以預(yù)見未來線下業(yè)務(wù)將會(huì)更為徹底地搬到線上,結(jié)果是企業(yè)軟件的功能和頁(yè)面越做越多。

比如HR軟件,10年前只需要人員信息線上存檔、線上算薪、線上交社保等信息管理和簡(jiǎn)單的工具。而現(xiàn)在從招聘到離職,員工的在職周期的全數(shù)據(jù)、業(yè)務(wù)流程都需要在線上管理,使得HR軟件變得極為復(fù)雜。

產(chǎn)品越來越復(fù)雜后,用戶查找各個(gè)功能入口、待處理事項(xiàng)的耗時(shí)就越長(zhǎng),而有了工作臺(tái),用戶登錄后一眼即可總覽關(guān)鍵事項(xiàng)的情況和導(dǎo)航,因此,工作臺(tái)在實(shí)際工作中的核心價(jià)值是提高重要工作的效率。

五、結(jié)語

SaaS首頁(yè)工作臺(tái)是用戶一進(jìn)入產(chǎn)品就會(huì)看到的界面,會(huì)對(duì)用戶會(huì)產(chǎn)生較大的影響,如果設(shè)計(jì)不合理發(fā)揮不了足夠的價(jià)值,產(chǎn)品復(fù)雜度高時(shí),合理的設(shè)計(jì)將對(duì)用戶有很好的引導(dǎo)作用,提高用戶的使用體驗(yàn)和工作效率,值得產(chǎn)品經(jīng)理投入較多時(shí)間去設(shè)計(jì)。

作者:子文,公眾號(hào):SaaS產(chǎn)品聞

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

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

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!