B2B、SaaS 等企業(yè)軟件中的交互設(shè)計(jì)總結(jié)
我剛開始在VWO工作的時(shí)候,一直想弄清楚一個(gè)問(wèn)題:企業(yè)軟件(B2B)真的和B2C應(yīng)用不一樣嗎?對(duì)于設(shè)計(jì)師或者設(shè)計(jì)流程來(lái)說(shuō),兩者又有什么不同?這篇文章是我在過(guò)去幾年里的一些經(jīng)驗(yàn)梳理,希望能夠幫助那些想去或者已經(jīng)在企業(yè)軟件團(tuán)隊(duì)工作的設(shè)計(jì)師們。
一、什么是企業(yè)軟件?
下面是維基百科中的定義:企業(yè)應(yīng)用是一種計(jì)算機(jī)程序,主要用來(lái)滿足企業(yè)的需求,而非獨(dú)立的用戶。
一些大家可能用過(guò)或者見(jiàn)過(guò)的企業(yè)軟件
在現(xiàn)代企業(yè)中,大多數(shù)企業(yè)應(yīng)用是復(fù)雜、可拓展、分布式、模塊化的,并且承擔(dān)著重要功能。企業(yè)軟件對(duì)大量數(shù)據(jù)進(jìn)行展示、處理和存儲(chǔ),這些數(shù)據(jù)往往非常復(fù)雜,并且是整個(gè)商業(yè)流程的根基。
使用企業(yè)應(yīng)用可以幫助你構(gòu)件你的產(chǎn)品,幫助企業(yè)和員工更好的完成工作。
注:雖然B2B和企業(yè)應(yīng)用在定義上有一些小差別,但這些差別在目前的軟件生態(tài)中幾乎沒(méi)有什么影響,所以這里把他們放在一起描述了。
二、在設(shè)計(jì)方面,B2B與B2C有什么區(qū)別?
為企業(yè)設(shè)計(jì)并沒(méi)有什么特殊的地方,好的設(shè)計(jì)準(zhǔn)則放之四海皆準(zhǔn)。但對(duì)比B2B和B2C的產(chǎn)品設(shè)計(jì),他們依然存在一些差別。
想象一下制造一輛汽車vs造一架商用飛機(jī)。他們都是非常優(yōu)秀的工程設(shè)計(jì),都可以幫助人們從A地點(diǎn)轉(zhuǎn)移到B地點(diǎn)。但顯而易見(jiàn),他們有很多的不同之處,比如使用場(chǎng)景、制造時(shí)間、測(cè)試&安全規(guī)范、用戶預(yù)期、價(jià)格以及所有權(quán)。而這些不同之處都會(huì)影響其設(shè)計(jì)方式。
對(duì)于B2B應(yīng)用來(lái)說(shuō),不同之處在于它所帶來(lái)的獨(dú)特挑戰(zhàn)和方法。
要面對(duì)的設(shè)計(jì)挑戰(zhàn)
聲明:有些問(wèn)題是設(shè)計(jì)其他類型產(chǎn)品時(shí)也會(huì)遇到的,只是這些問(wèn)題在針對(duì)企業(yè)做設(shè)計(jì)時(shí)會(huì)更加顯著。
(1)功能復(fù)雜
B2B App的復(fù)雜度通常要高于B2C的App。因?yàn)锽2B產(chǎn)品有著數(shù)不清的影響因素,比如數(shù)據(jù)的多種狀態(tài)、可視化的選項(xiàng)、管理業(yè)務(wù)、多用戶合作以及需要和其他軟件配合使用。在每次設(shè)計(jì)的過(guò)程中,不但要滿足當(dāng)前的需求,還要考慮到其他功能,有時(shí)很難預(yù)測(cè)到會(huì)有哪些其他業(yè)務(wù)也會(huì)被影響。一個(gè)小功能的增加都要進(jìn)行一次系統(tǒng)的全面檢查,各種邊緣case也要考慮進(jìn)去。
Atlassian公司的Jira軟件界面,一個(gè)功能復(fù)雜的軟件案例
如何解決復(fù)雜性問(wèn)題?當(dāng)然了,方法就是簡(jiǎn)化。但不要誤以為是要簡(jiǎn)化界面,或者像現(xiàn)在流行的極簡(jiǎn)UI之類的方法。正確的簡(jiǎn)化方式是通過(guò)適當(dāng)?shù)囊?guī)劃流程帶來(lái)的簡(jiǎn)化。無(wú)論項(xiàng)目的時(shí)間有多么緊張,在開始設(shè)計(jì)工作之前,收集、思考、梳理需求、設(shè)定優(yōu)先級(jí)上花費(fèi)多少時(shí)間都是值得的。實(shí)際上,這些是設(shè)計(jì)中占比非常大的工作。
如果你對(duì)自己的方案很自信,會(huì)直接過(guò)渡到Sketch,Figma或者PS的階段。但是,這太早了。我們應(yīng)該花些時(shí)間目前項(xiàng)目中的各類相關(guān)事物、可能的結(jié)果都分類整理好,用你自己熟悉的方式做好研究和計(jì)劃,找出所有的可能性,處理好各類邊緣case。當(dāng)你一切準(zhǔn)備就緒后,再進(jìn)行具體的界面設(shè)計(jì)。
“如果我有60分鐘來(lái)砍斷一棵樹,我會(huì)花40分鐘先磨好斧子,然后再用20分鐘砍樹。”——Abraham Lincoln
適當(dāng)?shù)挠?jì)劃,建立合適的設(shè)計(jì)流程可以讓我們?cè)陂L(zhǎng)期項(xiàng)目中設(shè)計(jì)出體驗(yàn)一致、條理清晰、問(wèn)題少的產(chǎn)品。
(2)為員工做設(shè)計(jì)
一個(gè)企業(yè)用戶(企業(yè)雇員等)的思維和行為模式,和B2C產(chǎn)品那種比較臨時(shí)的的用戶是不同的。企業(yè)用戶,除了要高效地完成他的工作之外,還有著很多其他的事情要做,比如職業(yè)成長(zhǎng)、在組織中學(xué)習(xí)和晉升等等。為職業(yè)人士做設(shè)計(jì)需要對(duì)其工作的上下游深入了解,對(duì)他們的工作流程、環(huán)境、想做的事情、問(wèn)題以及現(xiàn)有的解決辦法都了然于心。
如何做?設(shè)計(jì)企業(yè)應(yīng)用時(shí),深入理解用戶需求非常重要。不近要了解產(chǎn)品相關(guān)的需求,更要了解用戶工作和職業(yè)相關(guān)的需求。直接和最終用戶聊聊,了解他們的領(lǐng)域和目前的工作方法,花些時(shí)間了解他們的世界。
此外,用戶經(jīng)常太習(xí)慣現(xiàn)有的工作流程,導(dǎo)致我們常常很難發(fā)現(xiàn)他們到底想要的是什么。他們可能會(huì)告訴你想要某某功能,但這些不會(huì)幫助你從根本上做出創(chuàng)新,或者解決一些真正的需求。
用戶可能認(rèn)為自己想要的只是更多的功能。
企業(yè)產(chǎn)品設(shè)計(jì)團(tuán)隊(duì)的設(shè)計(jì)指導(dǎo)原則是知道用戶目前遇到的困難是什么,然后設(shè)計(jì)出一個(gè)可行性方案來(lái)解決這些困難。一旦了解到用戶的長(zhǎng)期目標(biāo)是什么,設(shè)計(jì)師就可以有很多發(fā)揮的空間了。
“用戶購(gòu)買產(chǎn)品是希望變成更好的自己?!薄?JTBD
與其專注于用戶說(shuō)他們想要什么,不如專注于他們實(shí)際做的事情,并從這一點(diǎn)開始創(chuàng)新。根據(jù)你的想法構(gòu)建精益原型,并與用戶一起測(cè)試。
(3)高昂的軟件切換成本
通常來(lái)說(shuō),企業(yè)用戶對(duì)于現(xiàn)有工作方法都很自信,也覺(jué)得很順手,這樣就沒(méi)有了切換到另一種產(chǎn)品的需要。而且即使他們想要切換,也需要很多人的批準(zhǔn)和同意,更不要說(shuō)遷移數(shù)據(jù)對(duì)于公司和員工來(lái)說(shuō)都是很痛苦的事情。所以與toC產(chǎn)品不同,企業(yè)用戶的軟件切換成本顯然高得多。
如何解決這個(gè)問(wèn)題??jī)蓚€(gè)說(shuō)服企業(yè)切換到新軟件的方法:
- 第一:比你的競(jìng)品提供多得多的功能。重新定義現(xiàn)有工作流程,使其更快、更好、更有效率,讓用戶感到明顯的提升。
- 第二:在特別“出效果”的地方做設(shè)計(jì)。生產(chǎn)效率,工作流程對(duì)于企業(yè)來(lái)說(shuō)非常重要,仔細(xì)研究他們現(xiàn)在的方案,找到有結(jié)癥的點(diǎn)。考慮如何設(shè)計(jì)出更快的工作流程,增加效率并減少支出。在這些點(diǎn)上做革新,可以幫助企業(yè)實(shí)現(xiàn)跳躍式的快速發(fā)展。
“對(duì)于新方法來(lái)說(shuō),最好,也可能唯一的衡量標(biāo)準(zhǔn),就是看它是否改變了人們的行為?!薄猄tewart Butterfield, Co-founder, Slack.
不斷尋找機(jī)會(huì),將習(xí)以為常的方法變得更加高效。
(4)增加新功能的優(yōu)先級(jí)總是更高
對(duì)于企業(yè)產(chǎn)品,新增功能幾乎總是比增強(qiáng)現(xiàn)有功能的體驗(yàn)更優(yōu)先。在產(chǎn)品上線前,設(shè)計(jì)師一般都會(huì)有整塊的設(shè)計(jì)沖刺時(shí)間,而一旦產(chǎn)品發(fā)布出去,用戶需求就開始涌入進(jìn)來(lái)。已經(jīng)付費(fèi)的用戶不斷的要求增加新的功能,產(chǎn)品團(tuán)隊(duì)也制定了忙碌的開發(fā)計(jì)劃。在這種情況下,設(shè)計(jì)師很難說(shuō)服老板投入時(shí)間和資源來(lái)提升設(shè)計(jì)和用戶體驗(yàn)。
如何防止這種事發(fā)生?嘗試用老板的角度來(lái)思考。老板們經(jīng)常這么想:任何一段開發(fā)時(shí)間,無(wú)論是幾周還是幾個(gè)月,如果沒(méi)有用來(lái)開發(fā)新功能就基本等于舍棄了潛在的收入。這時(shí),讓老板們明白優(yōu)化產(chǎn)品所帶來(lái)的好處就很重要了,要讓他們相信優(yōu)化相比增加新功能可以帶來(lái)更多的收入。重點(diǎn)就是講好一個(gè)故事,直接和最高管理者聊這件事,嘗試讓他們接受這種觀念。優(yōu)化設(shè)計(jì)需要時(shí)間和靈感,來(lái)分析痛點(diǎn)并測(cè)試你的新想法。
“電燈不是通過(guò)不斷優(yōu)化蠟燭發(fā)明出來(lái)的?!薄狾ren Harari
一旦你在公司建立了這種信念,從小處開始著手,比如在某個(gè)小的可控的時(shí)間段開始做優(yōu)化,當(dāng)然別忘了使用指標(biāo)來(lái)檢測(cè)你的優(yōu)化取得的結(jié)果。這樣逐步地在公司建立起對(duì)設(shè)計(jì)師的信任,慢慢擴(kuò)大設(shè)計(jì)的話語(yǔ)權(quán)和影響力。
要讓開發(fā)和產(chǎn)品團(tuán)隊(duì)做出“做出好的用戶體驗(yàn)”的承諾,幫助他們理解這些事情不僅僅是設(shè)計(jì)團(tuán)隊(duì)的任務(wù)。
(5)保持用戶體驗(yàn)的一致性
來(lái)源:企業(yè)用戶體驗(yàn)行業(yè)報(bào)告 2017-2018
最近一項(xiàng)包含了3000多名企業(yè)產(chǎn)品設(shè)計(jì)師的調(diào)查顯示,對(duì)于企業(yè)設(shè)計(jì)團(tuán)隊(duì)來(lái)說(shuō),最大的挑戰(zhàn)是提高產(chǎn)品的一致性。不同于toC產(chǎn)品,B2B產(chǎn)品通常有更長(zhǎng)的產(chǎn)品周期且異步運(yùn)行,導(dǎo)致設(shè)計(jì)團(tuán)隊(duì)經(jīng)常被拆分開來(lái)工作。
每個(gè)設(shè)計(jì)師都面對(duì)著與其他團(tuán)隊(duì)非常相似的問(wèn)題,這就很容易在產(chǎn)品中產(chǎn)生設(shè)計(jì)不一致的問(wèn)題,比如更改設(shè)計(jì)組件,更新樣式,甚至像顏色這樣的細(xì)節(jié)都會(huì)產(chǎn)生不同。這些問(wèn)題隨著團(tuán)隊(duì)的擴(kuò)大或者產(chǎn)品的體量增加而不斷變得嚴(yán)重。
如何解決這個(gè)問(wèn)題?許多公司開始建立設(shè)計(jì)體系來(lái)保持產(chǎn)品的一致性和可拓展性。一個(gè)設(shè)計(jì)體系是可復(fù)用的組件、指導(dǎo)標(biāo)準(zhǔn)的集合,可以幫助建立更多數(shù)量的產(chǎn)品。一套設(shè)計(jì)體系一般包括:
- 設(shè)計(jì)規(guī)范(設(shè)計(jì)準(zhǔn)則,范例,編輯規(guī)范);
- 視覺(jué)元素(顏色、排版層級(jí)、圖標(biāo)等等);
- UI組件(表格、按鈕、頁(yè)面樣式);
- 使用和維護(hù)的方法。
當(dāng)詢問(wèn)企業(yè)設(shè)計(jì)團(tuán)隊(duì)他們是否建立了設(shè)計(jì)體系時(shí),約55%的團(tuán)隊(duì)說(shuō)并沒(méi)有建立,或正在過(guò)程中。這是一個(gè)不好的現(xiàn)象。需要指出的是,設(shè)計(jì)體系永遠(yuǎn)不會(huì)徹底完成,他應(yīng)該隨著時(shí)間不斷的更新。
“設(shè)計(jì)每個(gè)元素時(shí)都應(yīng)該考慮到其是否易于制作和修復(fù)?!?Leo Fender
設(shè)計(jì)體系是保證體驗(yàn)一致的有效工具。
這里有一些企業(yè)的設(shè)計(jì)體系,可以給你一些靈感,比如:Lightning design system by Salesforce和Harmony Design System by Intuit.
(6)不是所有設(shè)計(jì)師都喜歡做企業(yè)軟件的設(shè)計(jì)
不少設(shè)計(jì)師在做過(guò)一段時(shí)間企業(yè)app設(shè)計(jì)后,發(fā)現(xiàn)它比較無(wú)聊單調(diào)。許多來(lái)自咨詢公司或者有toC經(jīng)驗(yàn)的設(shè)計(jì)師覺(jué)得toB的設(shè)計(jì)師缺少一些激情和多樣化。我們很少做那種酷炫的微交互和動(dòng)畫(就是會(huì)發(fā)在dribbble上那種)。這就讓toB產(chǎn)品的設(shè)計(jì)師變得感受不到成就感,提不起勁來(lái)。
如何避免這種情況?企業(yè)軟件的用戶體驗(yàn)旨在幫助用戶更好地完成工作。設(shè)計(jì)一個(gè)迷人的界面來(lái)吸引用戶在toB產(chǎn)品中的優(yōu)先級(jí)很低。而一個(gè)標(biāo)準(zhǔn)的、可預(yù)知的界面、讓用戶能夠憑直覺(jué)使用的設(shè)計(jì)則更適合我們的目標(biāo)用戶。
我們的目標(biāo)是讓用戶發(fā)出“wow!”的感嘆——但并不是絢麗的界面,而是因?yàn)槲覀兊漠a(chǎn)品能夠幫助他高效地完成工作。
組建企業(yè)軟件設(shè)計(jì)團(tuán)隊(duì)時(shí),選擇目的一致、積極的設(shè)計(jì)師是最關(guān)鍵的。設(shè)計(jì)師的動(dòng)機(jī)應(yīng)該不至于畫出復(fù)雜問(wèn)題的解決方案,而是專注于自己的設(shè)計(jì)能夠幫助用戶更好的完成工作上。
所以,在設(shè)計(jì)師加入團(tuán)隊(duì)之前,評(píng)估他們的想法并建立正確的期待是很必要的。
對(duì)企業(yè)軟件設(shè)計(jì)的一些通用建議:企業(yè)本身實(shí)在逐步發(fā)展的。企業(yè)級(jí)軟件不再是難用、無(wú)聊的產(chǎn)品,用戶期待toB軟件像toC產(chǎn)品一樣有著優(yōu)秀的產(chǎn)品體驗(yàn)。他們喜歡漂亮的界面,也不希望在使用前看說(shuō)明文檔。下一代技術(shù),例如VR和AI,已經(jīng)進(jìn)入了我們的生活,也很快會(huì)出現(xiàn)在工作當(dāng)中。這對(duì)于企業(yè)軟件來(lái)說(shuō)還有著巨大的發(fā)展空間,設(shè)計(jì)師能做的事是無(wú)限的。
三、幫助你做企業(yè)軟件設(shè)計(jì)的三個(gè)指導(dǎo)原則
第一:擁抱靈活性和模塊化。再設(shè)計(jì)任何東西的時(shí)候,都要考慮到他是會(huì)發(fā)展變化的。不僅僅要集中于適合當(dāng)前需求的設(shè)計(jì),更要考慮它對(duì)未來(lái)需求的適應(yīng)性。
第二:建立條理和流程。優(yōu)秀的合作,定期的用戶調(diào)研,問(wèn)題報(bào)告,設(shè)計(jì)迭代,這些東西都是我們一直預(yù)計(jì)要做,但不能每次都能實(shí)際落地的事情。你最好建立一個(gè)定期重復(fù)的流程來(lái)保證產(chǎn)品的設(shè)計(jì)是在不斷迭代升級(jí)的。
第三:整體地思考。永遠(yuǎn)要考慮你的設(shè)計(jì)會(huì)如何影響整個(gè)產(chǎn)品以及公司。當(dāng)你關(guān)注整體時(shí),你設(shè)計(jì)出的產(chǎn)品,無(wú)論是升級(jí)還是增加功能,都會(huì)自然而然地保持連貫而一致的用戶體驗(yàn)。
原文作者:Varun Mohapatra
原文地址:https://uxdesign.cc/designing-for-b2b-enterprise-saas-eda3e43cee7b
譯者:@不器,微信公眾號(hào):MUXDesign(熊貓?jiān)O(shè)計(jì)院)
校對(duì):@熊貓小生
版權(quán)由原作者所有,轉(zhuǎn)載請(qǐng)注明~
本文由 @不器 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖由作者提供
沒(méi)看到有什么交互相關(guān)的東西
企業(yè)級(jí)應(yīng)用對(duì)產(chǎn)品來(lái)說(shuō)是“痛并快樂(lè)著”, 理想很豐滿,現(xiàn)實(shí)很骨感!
不錯(cuò),正好遇到了相關(guān)的問(wèn)題。這里給了答案。
感謝分享,GET!