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