簡(jiǎn)約至上,如何做好SaaS產(chǎn)品的簡(jiǎn)約設(shè)計(jì)?
簡(jiǎn)約,是大眾審美的主要取向之一。簡(jiǎn)約,不只是單純的數(shù)量上的少,而是將元素?cái)?shù)量簡(jiǎn)化至最重要、最不可或缺的程度。這樣打造出來(lái)的簡(jiǎn)約設(shè)計(jì)能最大程度優(yōu)化用戶的體驗(yàn)感受。
在很多產(chǎn)品設(shè)計(jì)準(zhǔn)則和交互設(shè)計(jì)準(zhǔn)則中,都提到過(guò)“簡(jiǎn)約設(shè)計(jì)”原則。
貫徹“簡(jiǎn)約設(shè)計(jì)”最徹底的,當(dāng)然是喬布斯。蘋(píng)果產(chǎn)品引領(lǐng)的簡(jiǎn)約設(shè)計(jì)風(fēng)格,不僅成為硬件產(chǎn)品的設(shè)計(jì)風(fēng)格,連軟件產(chǎn)品也開(kāi)始遵從簡(jiǎn)約設(shè)計(jì)風(fēng)潮。
在此前提下,越來(lái)越多的產(chǎn)品設(shè)計(jì)者在產(chǎn)品設(shè)計(jì)的過(guò)程中,也不斷追求簡(jiǎn)約設(shè)計(jì),力求創(chuàng)造出簡(jiǎn)單的用戶體驗(yàn)?!昂?jiǎn)單”的層面有很多種:功能簡(jiǎn)單、流程簡(jiǎn)單、頁(yè)面簡(jiǎn)單,這些都屬于產(chǎn)品簡(jiǎn)約設(shè)計(jì)。
SaaS產(chǎn)品由于功能多、業(yè)務(wù)重的特性,導(dǎo)致此類(lèi)產(chǎn)品不管是從功能上還是頁(yè)面上,都和簡(jiǎn)約設(shè)計(jì)無(wú)緣。但其實(shí)《簡(jiǎn)約設(shè)計(jì)》中的一些方法和建議,也能運(yùn)用在SaaS產(chǎn)品設(shè)計(jì)中。
一、明確認(rèn)識(shí)
《簡(jiǎn)約設(shè)計(jì)》的“明確認(rèn)識(shí)”主要討論的是對(duì)用戶和簡(jiǎn)單體驗(yàn)的認(rèn)識(shí)。
1. 關(guān)于用戶
在設(shè)計(jì)功能前,需要產(chǎn)品經(jīng)理認(rèn)真考慮:怎樣的設(shè)計(jì)是對(duì)用戶來(lái)說(shuō)最簡(jiǎn)單的。在思考這個(gè)問(wèn)題時(shí),要設(shè)身處地地考慮用戶的使用場(chǎng)景和操作流程,深入透徹地考慮到每一個(gè)細(xì)節(jié)。
所以在設(shè)計(jì)SaaS產(chǎn)品時(shí),需要先找到產(chǎn)品的用戶,理解他們工作的場(chǎng)景,理解他們的偏好和行為。更適合的方法,就是讓產(chǎn)品設(shè)計(jì)者去到用戶身邊,親身去體驗(yàn)用戶的工作,在體驗(yàn)中和用戶進(jìn)行一對(duì)一的溝通和調(diào)研。產(chǎn)品設(shè)計(jì)人員要先理解用戶,才能思考合適的設(shè)計(jì)。
例如很多做房產(chǎn)管理系統(tǒng)的產(chǎn)品經(jīng)理,在從事產(chǎn)品工作前,都曾做過(guò)一段時(shí)間的中介或者管家,在“實(shí)習(xí)”過(guò)程中甚至?xí)灰笠欢ㄒ_(kāi)單。做過(guò)用戶的產(chǎn)品經(jīng)理會(huì)對(duì)業(yè)務(wù)更熟悉,對(duì)使用系統(tǒng)的用戶更了解。所以在做產(chǎn)品工作時(shí),同理心會(huì)更強(qiáng),設(shè)計(jì)出的產(chǎn)品也更符合用戶的需求。
關(guān)于用戶,書(shū)中將用戶分為三類(lèi):專(zhuān)家型用戶、隨意型用戶、主流用戶。
(1)專(zhuān)家型用戶是指對(duì)產(chǎn)品有嚴(yán)格要求的人。他們熱衷探索產(chǎn)品,提出各種優(yōu)化建議。如果他們?cè)敢?,他們可以轉(zhuǎn)變?yōu)檫@類(lèi)產(chǎn)品的產(chǎn)品經(jīng)理。例如某款游戲的狂熱愛(ài)好者最終選擇成為這款游戲的策劃者,這其實(shí)就是專(zhuān)家用戶向產(chǎn)品經(jīng)理的轉(zhuǎn)變。
(2)隨意型用戶是指使用過(guò)產(chǎn)品及其競(jìng)品,對(duì)產(chǎn)品有所了解,但不會(huì)對(duì)產(chǎn)品傾注太多時(shí)間和精力;只希望產(chǎn)品更好用,功能更強(qiáng)大,體驗(yàn)更好。
(3)而主流用戶并不了解產(chǎn)品,他們只知道這個(gè)產(chǎn)品大概是干什么的。他們不愿意去探索這個(gè)產(chǎn)品的功能,也沒(méi)有接觸過(guò)其他的競(jìng)品,對(duì)產(chǎn)品沒(méi)有太高的要求,只是簡(jiǎn)單覺(jué)得這個(gè)東西能用就行。大多數(shù)產(chǎn)品的用戶是屬于主流用戶。
從人數(shù)占比上來(lái)說(shuō),專(zhuān)家用戶和隨意型用戶只是少數(shù)派,主流用戶才是大多數(shù)派。要想吸引大眾,必須關(guān)注主流。而且隨著使用時(shí)間變長(zhǎng),用戶的標(biāo)簽并不會(huì)隨之變化。這也就意味著,主流用戶并不會(huì)因?yàn)橐粋€(gè)產(chǎn)品用了很多年而變成專(zhuān)家用戶。
以房產(chǎn)SaaS產(chǎn)品為例,除了產(chǎn)品經(jīng)理,專(zhuān)家用戶還有可能會(huì)是極少數(shù)的行業(yè)長(zhǎng)期創(chuàng)業(yè)者,例如各個(gè)公司的老板。他們了解業(yè)務(wù),也了解產(chǎn)品,會(huì)根據(jù)公司具體情況要求產(chǎn)品定制。而且他們會(huì)經(jīng)常根據(jù)使用情況提出問(wèn)題和建議。
而各個(gè)部門(mén)的主管則是隨意型用戶,他們?cè)诠ぷ髦薪佑|過(guò)同類(lèi)型的競(jìng)品,大致了解競(jìng)品的功能和優(yōu)缺點(diǎn)。在提建議時(shí),會(huì)依照競(jìng)品的功能提出改進(jìn)意見(jiàn)。
而大多數(shù)的業(yè)務(wù)人員,即中介和管家,是主流用戶。他們不關(guān)心競(jìng)品和產(chǎn)品,只是想著這個(gè)系統(tǒng)能錄房客源,能錄帶看就行。
所以很多SaaS產(chǎn)品在設(shè)計(jì)時(shí),會(huì)根據(jù)不同的用戶群體設(shè)計(jì)不同的版本。而用戶可以根據(jù)自己的實(shí)際需求,去選擇不同的產(chǎn)品方案。除此之外,靈活的產(chǎn)品版本和報(bào)價(jià)也是一個(gè)優(yōu)秀SaaS產(chǎn)品的重要組成部分。
八百客CRM
印象筆記
2. 關(guān)于簡(jiǎn)單
“人們喜歡簡(jiǎn)單、值得信賴、適應(yīng)性強(qiáng)的產(chǎn)品。”這三個(gè)特質(zhì)恰恰是SaaS產(chǎn)品最應(yīng)該具有的特質(zhì)。
雖然具有復(fù)雜功能SaaS產(chǎn)品,能夠讓市場(chǎng)營(yíng)銷(xiāo)人員在對(duì)外宣傳時(shí)有很多宣傳點(diǎn),能讓用戶在第一時(shí)間覺(jué)得產(chǎn)品很厲害。
但是當(dāng)用戶在使用過(guò)程中,會(huì)對(duì)產(chǎn)品越來(lái)越不滿意,因?yàn)楹茈y找到自己真正需要的功能。而且,一旦想到自己要為那么多沒(méi)用的功能買(mǎi)單,更加不高興。所以在產(chǎn)品設(shè)計(jì)時(shí),要先熟悉用戶的線下業(yè)務(wù)流程,找到可以改進(jìn)的流程點(diǎn),讓用戶在使用系統(tǒng)時(shí),能夠有簡(jiǎn)單的、明確的業(yè)務(wù)流程。
除了簡(jiǎn)單,SaaS產(chǎn)品也應(yīng)該讓用戶覺(jué)得信賴和適應(yīng)性強(qiáng)。用戶希望在使用系統(tǒng)進(jìn)行操作的時(shí)候,自己有掌控感。而只有簡(jiǎn)單的系統(tǒng)、明確的流程才能讓用戶有掌控感和信賴感。
二、簡(jiǎn)約四策略
書(shū)中提到簡(jiǎn)約設(shè)計(jì)的四個(gè)策略:刪除、組織、隱藏、轉(zhuǎn)移。
- 刪除——去掉不必要的按鈕;
- 組織——按照有意義的標(biāo)準(zhǔn)將按鈕劃分成組;
- 隱藏——把不是最重要的按鈕隱藏起來(lái),避免分散用戶;
- 轉(zhuǎn)移——將基本功能的按鈕展示給用戶最常操作的區(qū)域,其他的操作轉(zhuǎn)移到用戶不常用的區(qū)域。
無(wú)論是硬件還是軟件、一整個(gè)系統(tǒng),還是一個(gè)小頁(yè)面、簡(jiǎn)化功能還是簡(jiǎn)化內(nèi)容,這四個(gè)策略都適用。
1. 刪除
刪除是簡(jiǎn)約設(shè)計(jì)最明顯的體現(xiàn)。對(duì)一個(gè)系統(tǒng)進(jìn)行簡(jiǎn)約優(yōu)化,可刪除的東西有很多:功能、模塊、頁(yè)面、按鈕、內(nèi)容…..但是也不能亂刪、錯(cuò)刪。
在刪除前,先梳理出業(yè)務(wù)流程,對(duì)業(yè)務(wù)流程進(jìn)行調(diào)整優(yōu)化,保證業(yè)務(wù)流程是最簡(jiǎn)單、明晰的。如果一個(gè)新加的小變化導(dǎo)致了復(fù)雜的流程,這時(shí)候不應(yīng)該在原本的基礎(chǔ)上強(qiáng)行變化,而是應(yīng)該退出一步去尋找更好的解決方案,以此來(lái)保證流程的簡(jiǎn)單。
其次,還要梳理出全部的功能。產(chǎn)品用戶者在思考時(shí),先以用戶的心理去思考:用戶想要哪些功能,哪些功能是用戶最常用的,哪些是用戶使用頻率最低的,哪些功能是不必要的。根據(jù)仔細(xì)的考慮,確定哪些功能該保留,哪些功能該刪除,排定功能的優(yōu)先級(jí)。
在篩選功能時(shí),應(yīng)該以符合用戶的需求為核心,保留用戶最需要的功能。在頁(yè)面設(shè)計(jì)上,要著重優(yōu)化布局和內(nèi)容。將用戶不看的標(biāo)語(yǔ)、重復(fù)的鏈接、五花繚亂的按鈕和鏈接、雜亂無(wú)章的廣告位等分散注意力的元素,進(jìn)行刪改和優(yōu)化。當(dāng)頁(yè)面變得簡(jiǎn)潔后,用戶在該頁(yè)面的操作,會(huì)感覺(jué)操作流程更簡(jiǎn)單、操作時(shí)間更短。
下圖是小程序的設(shè)計(jì)理念之一——重點(diǎn)突出
而文案內(nèi)容的簡(jiǎn)化,則考驗(yàn)產(chǎn)品經(jīng)理的語(yǔ)文功底。面對(duì)大量的文字說(shuō)明,用戶沒(méi)有耐心和時(shí)間去全部閱讀。所以在做文案的刪減時(shí),應(yīng)該砍去華而不實(shí)的形容和表達(dá),保留最主要的、最易于理解、最抓用戶眼球的詞語(yǔ)。
例如大眾汽車(chē)的廣告文案:“我們的BlueMotion系列汽車(chē)集輕型的材質(zhì)、增強(qiáng)的空氣動(dòng)力、節(jié)能的引擎以及耐磨的輪胎于一身,節(jié)油減稅,為你省錢(qián)”。精簡(jiǎn)后變成“BlueMotion為你省錢(qián)”。
文案宣傳中,尤其是Slogan,需要言簡(jiǎn)意賅,展示用戶最關(guān)心的東西。雖然產(chǎn)品設(shè)計(jì)者很想將產(chǎn)品的突破性、技術(shù)性和專(zhuān)業(yè)性都展示給用戶,但是大段大段的文字很難讓用戶在最短的時(shí)間對(duì)產(chǎn)品留下印象。所以展示用戶最關(guān)心的,最打動(dòng)用戶的點(diǎn)。
當(dāng)然在刪除功能和按鈕的時(shí)候,最保險(xiǎn)的辦法其實(shí)是基于數(shù)據(jù)來(lái)做決定??梢允褂寐顸c(diǎn)或者A/B測(cè)試等數(shù)據(jù)收集的辦法,檢驗(yàn)出用戶的操作習(xí)慣和操作偏好;這樣才能放心果斷地去做功能的調(diào)整,才不會(huì)限于“應(yīng)不應(yīng)該刪”的各執(zhí)己見(jiàn)的爭(zhēng)吵中。
2. 組織
組織其實(shí)就是“有序的整理和分類(lèi)”,系統(tǒng)的模塊、頁(yè)面、功能、按鈕應(yīng)該按照用戶的行為習(xí)慣進(jìn)行組織。
而組織的方式有很多種:位置上,可以圍繞行為進(jìn)行組織,可以按照字母表進(jìn)行排序,可以按照時(shí)間和空間進(jìn)行組織,可以按照Icon的大小和位置進(jìn)行組織;在視覺(jué)上,還可以色彩分層、色標(biāo)來(lái)進(jìn)行組織。
但通過(guò)自定義色標(biāo)來(lái)標(biāo)識(shí)不同的狀態(tài),這個(gè)方式有好有壞。如果是少量的色彩,那不同的狀態(tài)一目了然;如果是狀態(tài)比較多,那色彩就過(guò)于混亂,用戶也很難明白哪種色彩代表哪種狀態(tài)。用色彩來(lái)組織,不但沒(méi)有實(shí)現(xiàn)簡(jiǎn)單的體驗(yàn),還讓用戶更混亂。
下圖的系統(tǒng)中,開(kāi)發(fā)區(qū)模塊就有客源開(kāi)發(fā)和房源開(kāi)發(fā),這是根據(jù)用戶行為進(jìn)行組織。而客源開(kāi)發(fā)下有公客和私客,房源開(kāi)發(fā)下有公房和私房,這更多的是根據(jù)業(yè)務(wù)類(lèi)型的相似性進(jìn)行組織的。
3. 隱藏
對(duì)于一些用戶不常使用的,但是又不能少的功能,最好的辦法就是隱藏。“設(shè)置”就是一個(gè)這樣的大家默認(rèn)為隱藏使用頻率低功能的模塊。
但是隱藏功能不能完全把它藏起來(lái),畢竟還是有的用戶需要使用這些功能。所以在設(shè)計(jì)隱藏時(shí),這些功能還是要適時(shí)的出現(xiàn),讓用戶知道有這些功能。
此外,還需要在隱藏時(shí)給用戶留一下一些細(xì)微而巧妙的提示和線索。隱藏處理得好的界面會(huì)給人一種優(yōu)雅的感覺(jué):界面中包含的線索盡管細(xì)微,卻能恰到好處地提示出隱藏功能的位置和功用。
下圖系統(tǒng)中的賬單,雖然并沒(méi)有常規(guī)的點(diǎn)擊賬單編號(hào)查看詳情的暗示,頁(yè)面的操作按鈕也只有“收款”這一項(xiàng)。但是“收款”操作按鈕并不像常規(guī)按鈕,它右側(cè)有個(gè)向下展開(kāi)的icon,且鼠標(biāo)懸浮在按鈕上,自動(dòng)展開(kāi),展示其他的操作:編輯、備注、改期。
在這個(gè)頁(yè)面,賬單的最主要的操作其實(shí)就是“收款”,編輯、備注、改期這些都是偶爾的特殊操作。所以這些操作并沒(méi)有直接展示出來(lái),而是進(jìn)行“收納”,藏得不隱蔽,用戶也能夠注意到。
關(guān)于隱藏的要求,書(shū)中提到四點(diǎn):
- 隱藏一次性設(shè)計(jì)和選項(xiàng);
- 隱藏精確控制選項(xiàng),但專(zhuān)家用戶必須能夠讓這些選項(xiàng)始終保持可見(jiàn);
- 不可強(qiáng)迫或寄希望于主流用戶使用自定義功能;
- 巧妙地隱藏。換句話說(shuō),首先是徹底隱藏,其次是適時(shí)出現(xiàn)。
但是并不需要在設(shè)計(jì)時(shí),處處都遵循上述四點(diǎn)要求。還是要根據(jù)自己系統(tǒng)和用戶的實(shí)際情況,合理地去隱藏。只要不讓人找太久,隱藏就是有效的。
4. 轉(zhuǎn)移
刪除,不必要的;組織,要提供的;隱藏,非核心的。那么轉(zhuǎn)移則是則是對(duì)界面進(jìn)行重新布局。轉(zhuǎn)移有在設(shè)備之間轉(zhuǎn)移、向用戶之間轉(zhuǎn)移這兩個(gè)主要類(lèi)型:(1)在設(shè)備之間轉(zhuǎn)移,更多的是移動(dòng)端和PC端的功能轉(zhuǎn)移。有的產(chǎn)品同時(shí)發(fā)展移動(dòng)端和PC端,但是有的功能適合在移動(dòng)端使用,有的功能適合在PC端使用。這時(shí)候就需要將一些功能從一端向另一端轉(zhuǎn)移,讓用戶能夠最方便地使用產(chǎn)品。
(2)向用戶轉(zhuǎn)移,即將一些功能的控制權(quán)轉(zhuǎn)讓給用戶,讓用戶去進(jìn)行自定義。例如:用戶可以在OA系統(tǒng)根據(jù)實(shí)際情況自己配置辦公流程。就是將功能轉(zhuǎn)移給用戶。在將功能向用戶轉(zhuǎn)移時(shí),也要了解計(jì)算機(jī)和用戶擅長(zhǎng)做的事情。計(jì)算機(jī)適合記錄數(shù)據(jù),當(dāng)數(shù)據(jù)數(shù)量大到一定程度時(shí),還能做數(shù)據(jù)分析。而人則喜歡控制結(jié)果,一些主觀性的、用戶需求性的功能則最好交給用戶自己來(lái)操作。
舉個(gè)例子:房產(chǎn)SaaS系統(tǒng)中的房源模塊。
在PC端適合查找房源,查看房源的體驗(yàn)會(huì)更好。同時(shí)也適合洗盤(pán)等業(yè)務(wù)操作,在電腦上查看房源,打完電話在電腦上進(jìn)行標(biāo)記,非常方便。而移動(dòng)端則由于攜帶方便,非常適合在外出時(shí)進(jìn)行操作。所以圍繞房源的更多的是帶看、新增房源(外出宣傳時(shí)獲取的房源信息)。
三、總結(jié)
簡(jiǎn)而言之,當(dāng)做好了簡(jiǎn)約設(shè)計(jì),用戶不僅操作業(yè)務(wù)的費(fèi)力度會(huì)更低,也會(huì)更信賴、喜愛(ài)產(chǎn)品。
但是在簡(jiǎn)約設(shè)計(jì)的過(guò)程中,會(huì)有人誤解,覺(jué)得功能越少越好、流程越單一越好、頁(yè)面內(nèi)容越少越好。但其實(shí)如果過(guò)度追求簡(jiǎn)單,可能會(huì)讓產(chǎn)品“不好用”,用戶在使用的時(shí)候,覺(jué)得功能不足,無(wú)法滿足自己的需求。
所以說(shuō),追求簡(jiǎn)潔不是要忽視復(fù)雜性,而是要化繁為簡(jiǎn)。
“要把一件東西變得簡(jiǎn)單,還要真正地認(rèn)識(shí)到潛在的挑戰(zhàn),并找出漂亮的解決方案?!?/p>
#專(zhuān)欄作家#
異彩,微信公眾號(hào):一只蝸牛慢慢跑,人人都是產(chǎn)品經(jīng)理專(zhuān)欄作家。從事房產(chǎn)管理系統(tǒng)的產(chǎn)品工作,關(guān)注To C產(chǎn)品的交互設(shè)計(jì)、運(yùn)營(yíng)、結(jié)構(gòu)設(shè)計(jì)和商業(yè)模式。在成為一名優(yōu)秀的產(chǎn)品人的路上努力前行。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來(lái)自Unsplash,基于 CC0 協(xié)議
1、感謝作者結(jié)合產(chǎn)品設(shè)計(jì)圖書(shū)和業(yè)務(wù)經(jīng)驗(yàn)進(jìn)行分享;
2、同意原著《簡(jiǎn)約至上-交互式設(shè)計(jì)四策略》的一些觀點(diǎn),但是不同意本文的關(guān)于主觀的解讀
3、全文將作者的一些房地產(chǎn)SaaS經(jīng)驗(yàn)、案例與原著作的觀點(diǎn)進(jìn)行結(jié)合,很多例子都不妥當(dāng),對(duì)原著理解不夠深入,有生搬硬套,削足適履之嫌。
謝謝建議,下次我會(huì)繼續(xù)努力的。??