“復雜是世界的一部分,但它不應該令人困惑,好的設計幫我們馴服復雜,不是讓事物變簡單(如果復雜是符合需求的),而是去管理復雜”--唐納德·A·諾曼
與復雜共處,這是一個有趣的話題。在這個奉行“少即是多”的時代,設計師對于復雜噤若寒蟬,認為優秀的設計應該簡潔明了,若無必要,勿增實體,而復雜則常備被視作失敗設計的標簽。設計師為了保持設計上的簡約挖空心思,甚至試圖通過削弱功能的方式來降低產品的復雜度,得到自己想象中的完美設計。然而一味追求“簡單”的設計真的符合用戶的實際需求嗎?從心理學的角度來看,復雜的事物往往功能強大,而功能強大意味著更好的服務與更高的價值,用戶也更愿意為之付費。當我們購買商品時,我們會仔細斟酌,拿著產品的功能列表反復比對,這個時候我們忘記了產品復雜與否,更多考慮的是功能是否滿足自身需求。
對于大部分B端產品而言,復雜或許難以避免,復雜是出于實實在在的業務的需要,而非某位設計師的錯誤喜好。B端產品之所以給人感覺會相對復雜,是因為產品需要完成復雜的工作任務,界面內承載的信息內容較多,在視覺上會帶給用戶壓力,直觀感受上覺得產品很復雜。但是這些信息又都是必需的,如果缺少這些必要的信息,會對用戶理解和使用產品造成阻礙。就如同飛機的駕駛艙,密密麻麻的按鈕如此復雜,但是每一個按鈕都有著相應的功能,不可或缺。既然復雜難以避免,那么作為設計師我們不應該被動接受或盲目拒絕復雜,我們應該學會如何與復雜共處,去嘗試馴服復雜、管理復雜。
理性看待復雜
相信很多設計師和我一樣,經歷過現代主義浪潮的洗禮,對于簡約的設計有著或多或少的偏好。因為這種偏好,在自己進行設計時也希望能夠選用這種風格,在設計時刻意的去追求界面簡約,卻忽略了界面上的簡約不等同于產品易于理解和使用。從心理學的角度上看,復雜的事物更容易理解,簡單的事物反倒令人困惑,一味的追求簡單反而會讓事物變得復雜。
B端產品的目標是降本提效,追求簡約的設計思想在B端產品的設計中并沒有那么適用,為了提升用戶的操作效率,我們需要將一些能夠幫助用戶理解的信息與常用的操作直觀的展示給用戶。這會在一定程度上增加界面的復雜度,但是相較于產品視覺界面會因此變得復雜,產品的易用性和操作效率對于B端產品而言會更為重要。
與復雜共處的前提是能夠理性地看待復雜,復雜本身的含義即非褒義也非貶義。復雜描述的是事物的狀態,它在詞典上的解釋是擁有很多即錯綜復雜又相互關聯的組成部分的事物。產品復雜與否是由產品本身所從事的業務和需要完成的任務來決定,就像我們不能要求一個做機械結構設計的工程軟件做得像一個圖畫板一樣簡單,因為兩者的功能需求不是一個層面的,所以我們也不能單純的將產品簡潔還復雜作為評判一款產品優秀與否的標準。
分清復雜與困惑
我們之所以對復雜懷有畏懼,其實更多的是畏懼令人困惑的復雜,復雜與困惑有著本質的區別,理解他們之間的區別很有必要,復雜描述的是事物的狀態,而困惑表述的是用戶使用產品時的心理。復雜的背后可以擁有規則與邏輯,理解這些規則和邏輯,能夠幫助我們理解和使用產品。而令人困惑的產品往往缺少這樣的內在規則與邏輯,用戶難以理解產品的運轉機制,需要花費很大力氣才能完成有效操作,容易讓用戶產生挫敗感。產品可以是復雜的,但是不應該讓用戶困惑。
在很多復雜的傳統線下業務數字化轉型的過程中,為了讓產品易于使用,設計師需要深入到一線,去了解真實用戶在線下業務場景中是如何處理日常任務的,在流程線上化過程中也需要遵循這樣的業務流程,這樣能夠讓用戶更快上手,而如果我們在設計過程中不去參考用戶在線下的操作場景,按照自己的想法去意測用戶的行為,這樣設計出的產品背離了用戶的心理模型,缺乏內在邏輯,會讓用戶感到混亂困惑,陷入深深的麻煩。
基于產品本身功能需要,我們可能無法很主觀的去降低產品的復雜度,這就需要我們在進行產品設計時花費更多的心思,通過對業務流程、頁面布局、信息呈現上的調整與設計讓產品變得清晰,不讓用戶陷入困惑。如下圖的關于表單編輯器的A\B兩種設計,用戶在編輯器內完成一系列針對表單的編輯、配置操作,然后發布表單。方案A中將這些表單編輯配置項通過tab進行排列,這種方式結構簡單,但是擴展性較差,過多的欄目也容易讓用戶陷入困惑,不清楚需要完成哪些配置項才能進行發布。方案B中采用了步驟導航加側欄導航的雙層導航結構,在步驟導航上給出完成表單編輯配置的主要步驟,在大的步驟下用側欄導航承載小的編輯項,結構清晰,且能夠對用戶編輯表單提供一定的幫助指引。雖然兩種方案信息內容上都一致,視覺觀感上甚至方案B更為復雜,但是方案B在這里可能是更合適的方案,因為方案B在配置流程的指引上更為清晰,也更貼近用戶心理模型,即使沒有使用過在線表單的用戶也能理解產品流程,因而用戶能夠更容易的完成表單配置并發布表單。
功能決定產品的復雜程度
我們在使用產品時,都會有一個大概的心理預期,會認為某一類型的產品會較為復雜,某一類型的產品會相對簡單。為什么我們會有這樣的認知呢?是因為我們知道這些產品大概有哪些功能,而這些功能就決定了產品的復雜層度。產品的復雜程度由產品的業務與功能決定,而不是依照設計師的自我喜好,像如淘寶、京東這類的購物網站、擁有著很多的欄目,所以淘寶、京東的界面相對來說較為復雜;而像百度這樣的搜索引擎功能相對來說比較簡單,所以界面設計相對簡單干凈。
我們可以容許一個功能強大的產品設計得相對復雜,但是一個功能簡單的產品設計得復雜難用就是一個災難。作為設計師我們需要根據產品的實際需要來進行設計,即不過度設計,也不執著于追求簡約,而是基于需求恰到好處的進行設計。
復雜產品也能有好的體驗
復雜的產品會有好的用戶體驗嗎?答案是肯定的,用戶體驗的好壞與產品是復雜還是簡單并沒有直接的關系,很多時候復雜的產品也能帶給我們良好的用戶體驗,在互聯網產品中,我們可以看到很多復雜的產品,這些復雜的軟件產品,一點點的改變著我們的生活與工作方式,讓我們生活與工作變得便捷與高效。
首先可以看看我們的國民級電商應用淘寶,乍看淘寶的界面,可能會覺得十分復雜,甚至會給人一種眼花繚亂的感覺,但是包括我在內的許多人仍然十分喜歡逛淘寶。淘寶內除了有本身的淘寶、天貓店鋪外還有專做海淘的天貓國際,做社區團購的淘鮮達,專做拍賣的阿里拍賣等數十個板塊,業務繁多,功能復雜,但這幾乎很難改變,因為之所以做這些業務和功能背后都有著商業上的考量。從交互設計的角度看,雖然淘寶的業務和功能繁多,卻有著清晰的布局、信息對齊、內容組織,產品盡管復雜,但并不令人感到費解和困惑。購物流程也與用戶在線下購物流程相仿,貼近用戶的心理模型,用戶容易了解產品功能、容易與之交互,整體上有著良好的用戶體驗。
又如我一直在使用的一款筆記軟件Notion,Notion相對于印象筆記、有道云筆記而言更為復雜,需要花費一定的時間成本學習才能夠從容上手使用,但是這并不妨礙Notion被眾多使用者所追捧。Notion的很多功能在使用之前,甚至都不會想到會出現在一款筆記產品里面,如甘特圖,多維表格等,這類功能一般出現在項目管理類軟件中。而Notion塊結構的布局模式,讓筆記能夠自由拖拽,擁有了極強的自由度,用戶可以很自由的用各種各樣的形式來記筆記,要是你肯再花一些心思,你甚至可以在Notion內搭建一個個人專屬網站來記錄的學習知識,打造個人專屬知識庫。將我們習以為常的線性筆記思維,轉變成縱向思維,甚至是網格狀思維。Notion無疑是復雜的,但是這樣做是為了給用戶提供的強大功能和極高的自由度,這些功能恰恰也切合了用戶的需求,創造了一種全新的筆記體驗,帶給用戶愉悅的使用感受。
過度簡化的潛在風險
簡單是產品追求的最終形態嗎?其實未必,很多時候產品設計的過度簡單反而會給用戶帶來麻煩。為了追求簡單的設計,不可避免的就需要隱藏一些信息或者拉長操作路徑,這是一個權衡的過程,我們在做設計時也會經常面臨這樣的抉擇,是追求視覺上的簡約美觀還是信息傳達準確性與操作上的效率。給用戶一個簡約美觀的視覺感受無疑很重要,人們對于美的事物往往更有耐心,也更愿意去探索。但是對于一款針對B端用戶的效率軟件、辦公應用而言,準確的傳達信息,幫助用戶進行判斷,頻繁使用的功能設計得更高效便捷,這些點能帶給用戶更實際價值,也是我們在設計產品時應該優先考慮的點。
特別是在一些專業性的軟件中,如果我們為了追求簡約而弱化或者省略掉一些關鍵信息,還有可能會導致用戶錯誤操作的出現,造成嚴重的后果。試想一下當你在使用軟件編寫一個計算字段時,軟件提供給你了計算公式卻沒有就近給你提供計算公式的解釋和用法示例,導致你因為書寫上的不規范使得計算結果頻繁出錯。這時你可能會滿懷憤怒的抱怨為什么產品會如此難用,為什么不能配置過程中給到更多的反饋與幫助信息來減少配置錯誤的發生。
如何與復雜共處
前面我們了解了關于復雜的定義,認識了復雜與困惑之間的區別,也明確了在B端產品中復雜或許難以避免,復雜是出于實實在在的業務的需要而非某位設計師的錯誤喜好,既然復雜無法避免,我們就應該學會與復雜共處,管理與馴服復雜。那么如何與復雜共處呢,有一些策略或許可以給予我們一些思路。
1.為產品注入規則
復雜與困惑的本質區別在于復雜的背后隱藏著規則與邏輯,而困惑缺少這樣的規則與邏輯,讓人無法預測與揣摩,對應到軟件產品的設計,一款成功的優秀的軟件產品,應該是易學易用、能夠滿足用戶預期,用戶能夠直觀的理解產品的流程與主要功能,并通過產品實現自己的目標。那么具體到軟件的設計上我們應該怎樣做呢?
這里可以看看我們團隊正在使用的研發管理工具TAPD,TAPD是一款敏捷研發協作工具,凝聚了騰訊研發方法及敏捷實踐精髓,其中敏捷開發的方法就是TAPD的內在規則與邏輯,有過敏捷開發經驗,理解敏捷開發流程的的開發人員能夠快速的上手使用TAPD,對于不了解敏捷開發的開發人員也可以通過產品幫助中心學習敏捷開發思想,進而理解產品的功能與流程,因此雖然TAPD功能與頁面結構相對復雜,但是基于對敏捷開發的認識用戶還是能從產品復雜的功能界面中摸索出一條操作路徑,實現自己的目標。這就是產品擁有內核思想以后能夠帶來的直觀好處,將原本零散的功能點通過特定邏輯鏈接成操作流程,幫助用戶更好地理解與使用產品。
相同的在我們公司自己的一個項目中我們也運用了同樣的方法,在我們公司之前研發的一款crm產品中,為了給用戶提供最佳的銷售實踐,幫助用戶更快上手使用我們的產品,我們在設計產品時尋找了硅谷藍圖團隊做了顧問咨詢,并依照硅谷藍圖的銷售轉化路徑來構建我們的產品體系,確定產品功能,梳理產品中的業務流程。并希望在以后為客戶做實施的過程中能夠將硅谷藍圖的銷售方法一起帶給用戶,讓用戶能夠更好地使用我們的產品,實現產品的最高價值,為中小企業銷售團隊賦能。
通過前面兩個案例其實我們可以感受到,當一款復雜的產品有了內在的規則與邏輯以后,用戶理解和使用我們的產品會變得更順暢,用戶不會迷失在茫茫的功能之中,通過理解規則與邏輯,用戶能夠對自己操作結果有一個大概的預期,而不是處于困惑狀態,作為設計師的我們也可以將這種規則邏輯作為我們設計的引導,讓我們的設計更為系統和有條理,讓產品不再是一堆功能的堆疊,各自為戰。
2. 貼近用戶心理模型設計
復雜是用戶的一種心理感受,用戶覺得產品復雜除了產品本身結構信息復雜之外,也是因為產品在設計上沒有貼合用戶的心理預期,用戶很難理解產品的流程與交互,所以貼近用戶心理進行設計就顯得尤為重要。這里我們需要先了解三個概念,實現模型、表現模型和心理模型,三個概念的釋義如下:
實現模型:產品是怎樣工作的
心里模型:用戶認為產品是怎樣工作的
表現模型:通過設計來讓用戶認為產品是怎樣工作的
表現模型越接近心理模型,用戶就越容易了解產品功能、容易與之交互。表現模型越接近實現模型,用戶越難理解產品,產品就越難使用。復雜產品在用戶體驗過程中的痛點在于用戶需要花費時間學習或培訓之后才能了解產品的運轉機制,很多B端產品在設計時更多的偏向于實現模型,用戶在使用產品的過程中會發現很多地方的交互和自己心理預期并不一致,使用過程中會遇到很多的阻礙,影響整體的使用體驗。對于一款復雜的產品而言,我們需要讓我們產品的表現模型更接近于用戶的心理模型,這樣用戶能夠更容易了解產品的功能,并與之交互。
大家使用電腦時有沒有遇到過類似下圖這樣的電腦報錯信息,里面是一堆的專業名詞,看得人一頭霧水。這時候我們能做的只有默默的打開百度,去了解彈窗里面講的內容究竟是什么,了解后才明白原來這樣,然后按照百度上操作步驟一通操作,僥幸解決了問題。但是當下次我們遇到相同問題時,可能還是不知道如何解決,無可避免還是需要求助百度。這個就是表現模型貼近與實現模型會帶給用戶的困擾,用戶不是專業的開發者,他們不了解也不需要了解產品背后的實現邏輯,這對用戶而言是沒有價值的,給予用戶這些信息不能對用戶起到預想的幫助作用。貼近實現模型進行設計會讓用戶與產品交互變得困難,變相的是在人為的增加產品的復雜度,與復雜共處,我們需要學會貼近用戶心理進行設計。
3.統一交互模式
復雜的產品往往功能、頁面繁多,如果頁面內的視覺元素以及交互各自為戰,那么放大到整個產品就是一個災難,不僅是產品給用戶感官上不統一、整體性差,過多的交互模式也會增加用戶的學習與記憶成本,用戶在這些相視功能但是不同的視覺與交互的模塊之間容易陷入困惑,對用戶使用產品造成困擾。針對這個問題,現在越來越多的公司開始通過搭建組件庫的方式來規范自家產品內的視覺與交互,一個規范完整的組件庫的確能夠在很大程度上解決產品在視覺與交互上的一致性問題,通過模塊化解決方案,也能降低冗余的生產成本,實現產品快速開發。因此很多人也認為搭建好組件庫就能一次性的解決產品體驗一致性問題,但實際上就算一個產品有了一個自己的組件庫,依舊還會遇到體驗上統一性問題,這是為什么呢?
在原子化設計理論中,粒子是構成頁面的最小顆粒,粒子構成簡單組件,簡單組件到復雜組件,再到區塊、頁面。雖然用組件能去構建頁面,但是還會遇到頁面結構、交互不一致的問題,設計師各自使用組件去搭建并不能提升我們的效率和解決設計一致性的問題,在末端設計并沒有做到約束。因此我們在構建好組件以后還需要繼續抽取出了頁面級的組裝結構和交互模式。
這里我們拿B端產品中常見的列表頁來舉例,縱觀所有后臺列表頁面,抽取后無非就分為這么幾個區域。不同的業務可以通過基礎組件和樣式定義符合自己業務線的子模塊。比如列表頁中的篩選區,在不同的業務場景下,對篩選器的需求也各不相同,簡單的可能只需要使用標簽選擇就能夠完成篩選,復雜的可能添加很多的篩選項甚至選項之間還有且或關系,我們需要根據實際的業務場景設計適合的篩選器,但是需要注意的是一個產品中用到的篩選器形式不應太多,我們需要抽取歸納出三四種篩選器形式去覆蓋我們產品內所有的篩選場景。來保證產品內不會出現各種相識卻有各不相同的篩選器。
B端后臺產品中比較常見的還有表單,我們可以歸納出產品內可能會使用到的表單類型,然后定義出具體的框架結構與交互,在具體的設計過程中在根據實際情況選用不同的表單區塊。
1.分組表單
一種常見的信息錄入以及信息展示表單,這種形式是我們最長用。
2.分步表單
分布表單適用于信息錄入項以及信息展示項過多,在一個頁面內已經不能合理清晰的組織傳遞信息,或者表單內容的錄入方式或者展示方式存在較大差異,不適宜在一個頁面內進行展示時。按照布局的不同也可分為橫向步驟和縱向步驟兩種。
3.組合表單
組合表單因其結構能夠承載更多的信息,每一個欄目都可以承載一個獨立的表單頁,有效的管理信息。
4.彈窗表單
很多時候我們也會用彈窗來承載表單,好處是交互銜接流暢,不用跳頁。
將產品中類似的區塊做成最佳的交互模式范例,能夠最大的程度的規范我們產品中的交互,這樣才能真正的實現產品體驗上的統一,化繁為簡,讓復雜的產品也能夠調理清晰,上手簡單容易。在面對復雜的系統級軟件時,在統一組件樣式的基礎上還應該統一產品內的交互模式。
信息歸納突出重心
復雜的產品頁面內信息往往都特別繁多,如果不做好信息歸納,用戶將很難把握住重點內容,信息獲取效率低下,十分影響用戶的使用體驗,所以信息的強弱的整理十分重要,那么什么樣的信息是對用戶而言重要的信息呢?
信息設計大師愛德華·塔夫特認為優秀的視覺設計應該是“將清晰的思考視覺化”,他還認為只有充分理解觀看者的“認知任務”及一些設計原則才能設計出優秀的產品。
如何找到對用戶真正重要的信息需要借助到產品設計中一個十分重要的工具--用戶模型,通過調研的來得用戶模型是對于我們產品客戶的抽象歸納,通過用戶模型我們可以確定哪些功能對于用戶而言是高價值的重要內容該重點突出,哪些內容相對不是那么重要可以弱化處理,通過對于頁面內容強弱的劃分,用戶能夠更快的獲取到對自己有用的內容,盡管頁面仍舊復雜,但是信息劃分合理、層級清晰、表意明確的頁面人就能夠帶給用戶良好的用戶體驗,幫助用戶高效的處理任務。
說在最后
復雜是產品的本來特性,本身不含褒貶,但是如果復雜不加以控制,讓其發展為困惑與混亂,這對于一款產品而言絕對不是一件好事情,這樣即使產品功能上很優秀,用戶也無法長期忍受,一旦市場上出現替代產品,那么忍受已久的用戶也將拋棄產品轉向體驗更好的新產品。
曾經我也是一個極簡主義的追捧者,但是經歷過越來越多的設計項目,我開始發現某些產品復雜性是必需的,將產品做得簡單并不是其核心訴求。真正需要處理的問題也不是復雜,而是混淆的狀態和由此產生的無條理性。解決的方法不是簡單的去除幾個界面元素,讓其在視覺界面上變得簡潔干凈,而是要讓產品擁有內在規則、一致且能夠被理解。
藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼ben_lanlan,報下信息,會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( ssll180.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務