原文鏈接：User-centered design in the enterprise: A case study of Jive Circle
作者參與設(shè)計(jì)了自家公司產(chǎn)品Jive Circle后惧眠，總結(jié)出以用戶為中心的設(shè)計(jì)步驟，配以實(shí)際案例毡证，能讓讀者深刻體會(huì)到如何從需求分析開始岩饼，快速將一款產(chǎn)品到推向市場(chǎng)悲酷。很值得參考和學(xué)習(xí)拗踢。
我們剛發(fā)布了Jive Circle会钝，一款全新的企業(yè)通訊錄app烈评，自年初開始火俄，我們一直為它奮戰(zhàn)著。對(duì)于這款app讲冠，我感到非常興奮瓜客，因?yàn)槲覀兡懿捎谩耙杂脩魹橹行摹钡乃悸穪碓O(shè)計(jì)它，從而確保我們開發(fā)出既有用又可用的產(chǎn)品竿开。在這篇文章中谱仪，我很樂意分享一些我們的設(shè)計(jì)流程，以及作為一個(gè)團(tuán)隊(duì)我們所學(xué)到的經(jīng)驗(yàn)教訓(xùn)否彩。
所以疯攒，讓我們從每個(gè)產(chǎn)品都會(huì)經(jīng)歷的地方開始——用戶需求。
從頭說起：用戶需求
Jive Circle是我們?yōu)槠髽I(yè)辦公app貢獻(xiàn)的第3款產(chǎn)品列荔。第一個(gè)（Jive Daily）和第二個(gè)（Jive Chime）在今年早些時(shí)候已發(fā)布敬尺。通過對(duì)這些app做的市場(chǎng)調(diào)研，調(diào)查小組發(fā)現(xiàn)了一個(gè)亟待解決的新痛點(diǎn)：企業(yè)通訊錄贴浙。
人們一般會(huì)在一天中多次訪問企業(yè)通訊錄筷转，而這一過程會(huì)帶來很糟糕的體驗(yàn)。通常人力資源系統(tǒng)或內(nèi)網(wǎng)系統(tǒng)能滿足需求悬而，但調(diào)研顯示呜舒，人們很少會(huì)用這些系統(tǒng)（原因很多，既可能是因?yàn)殡y用笨奠，也可能是因?yàn)橥浢艽a又懶的找回）袭蝗。相對(duì)的，他們會(huì)采用從“Microsoft Outlook”中尋找通訊錄這種體驗(yàn)極差的方式來滿足需求般婆。
企業(yè)通訊錄中到腥，最常用的找人方法有以下幾步：
1、在Outlook中撰寫一封新郵件
2蔚袍、敲出對(duì)方的郵件地址
3乡范、右鍵點(diǎn)擊他們的名字
4配名、去他們的個(gè)人信息頁
5、復(fù)制想要的信息
6晋辆、關(guān)閉未送出的郵件
這完全不是一種理想的方法渠脉。于是我們看到了機(jī)會(huì)，用Jive Circle來解決這個(gè)問題瓶佳。
行勝于言：原型解決方案
最開始芋膘，我們就想要一個(gè)正確的設(shè)計(jì)流程。我們團(tuán)隊(duì)內(nèi)部達(dá)成一致霸饲，希望在早期就隨時(shí)能收到用戶反饋为朋，此外，我們會(huì)盡可能快地產(chǎn)出一個(gè)可用原型厚脉，并從此啟動(dòng)迭代习寸。
在開始進(jìn)行任何設(shè)計(jì)工作前，首先我想要團(tuán)隊(duì)清楚基本的用戶使用流程和信息架構(gòu)傻工。我們花費(fèi)了幾個(gè)星期梳理正確流程霞溪，但在v5.1版本才敲定了最終方案（很抱歉下圖中我模糊了一部分模塊，這些是我們即將推出的新功能精钮，還不能告訴你們哦~）
該版本后威鹿，此流程幾乎從未變過。相比那些僅做了視覺稿轨香，然后自求多福的方法忽你，從梳理用戶流程開始，對(duì)產(chǎn)品設(shè)計(jì)而言極其有幫助臂容。在做信息架構(gòu)時(shí)我們遇到了很多問題和爭(zhēng)議科雳，而在這一階段就解決掉它們，比起開始做設(shè)計(jì)后再解決脓杉，要更有效地多糟秘。
確定好基本流程，就可以開始進(jìn)行（原型）設(shè)計(jì)了球散。我選擇Proto.io來做初始原型尿赚。當(dāng)然，也有很多其他選擇蕉堰，但Proto.io是最能滿足我需求的工具（包括提供“長(zhǎng)按”手勢(shì)操作凌净，這是其他工具那時(shí)還沒有的功能）。
現(xiàn)在再回顧那時(shí)的原型屋讶，我很吃驚地看到從第一版原型到我們第一個(gè)的Alpha測(cè)試版本的進(jìn)化冰寻。一些元素改變很大，另一些則保持大部分不變皿渗。這里有個(gè)例子斩芭，首版原型Home頁面轻腺，和今天Beta版本的頁面對(duì)比：
更突出的搜索框，更專業(yè)的“team”模塊划乖，以及底部基于卡片化的信息呈現(xiàn)贬养，所以的改變都直接基于可用性測(cè)試——但更多的改變是在那之后。
每隔幾天迁筛，我都會(huì)基于團(tuán)隊(duì)反饋發(fā)布一個(gè)新版原型煤蚌，上面列出所有改動(dòng)點(diǎn)：
就像你在上圖中看到的耕挨，此時(shí)我們發(fā)布了v3.1版本细卧，我們意識(shí)到在進(jìn)行下一步之前，是時(shí)候該將它推到用戶面前了筒占。
節(jié)省時(shí)間和計(jì)劃：可用性測(cè)試
對(duì)這款產(chǎn)品贪庙，我們非常有必要做至少2輪可用性測(cè)試：一輪針對(duì)原型，另一輪針對(duì)首個(gè)alpha測(cè)試版本翰苫。所以利用v3.1版本原型止邮，我通過可用性測(cè)試更好地了解到人們當(dāng)時(shí)是如何使用他們的企業(yè)通訊錄的，以及我們推出的方案做的如何奏窑。
像往常一樣导披，這個(gè)做法效果很好，那場(chǎng)早期反饋?zhàn)龀龅母淖儼Ｎǎ瑢?duì)軟件的功能和可用性產(chǎn)生了很大影響撩匕。如果我們等app推向市場(chǎng)再去發(fā)現(xiàn)問題……那時(shí)，我們將會(huì)付出嚴(yán)重代價(jià)墨叛。
我們從中收獲的2個(gè)最大發(fā)現(xiàn)：
?? 獲取用戶位置止毕、時(shí)區(qū)和當(dāng)前狀態(tài)十分重要，此外漠趁，還需要提供找到該用戶所需的所有聯(lián)系方式扁凛。所以這些已經(jīng)成為這款app的核心功能。
?? 我們很吃驚地發(fā)現(xiàn)人們經(jīng)常想在組織結(jié)構(gòu)圖中查找用戶——尤其是在大型公司闯传。這意味著我們要把它設(shè)計(jì)成一個(gè)核心模塊谨朝，而不只是為通訊錄子菜單提供一張組織結(jié)構(gòu)圖。?
利用手上所有的測(cè)試結(jié)論甥绿，我們持續(xù)在對(duì)原型進(jìn)行優(yōu)化字币，直到v5.1。此時(shí)就該開始視覺設(shè)計(jì)和開發(fā)了……
實(shí)現(xiàn)它：從原型到視覺設(shè)計(jì)和開發(fā)
早在開發(fā)進(jìn)行前妹窖，我們就做了一些我認(rèn)為很重要的事情纬朝。我們打算采用“垂直”而非“水平”的方式開發(fā)第一版app。解釋下骄呼，“水平”方式指你在第一版app中就加上所有功能共苛，然后再改進(jìn)它們判没。這樣做的問題在于你會(huì)開發(fā)出一堆半成品功能，如果你在發(fā)布日期前用完了時(shí)間隅茎，你就完蛋了澄峰。
如果你采用“垂直”方式開發(fā)，就要挑出最優(yōu)先想要的功能辟犀，從頭到尾完成它俏竞，并確保功能運(yùn)行完好。第一版可能只有少量功能堂竟，但這些功能都是精心打造的魂毁，因此你會(huì)收獲一款有用的app。然后你就可以在后續(xù)版本中添加更多功能出嘹，這有時(shí)被稱為產(chǎn)品開發(fā)的蛋糕理論油湖。對(duì)于我們缕陕，這意味著專注于某個(gè)全團(tuán)隊(duì)認(rèn)可的，非常具體的功能集：
這個(gè)時(shí)候，我們的視覺設(shè)計(jì)師開始為Alpha版本設(shè)計(jì)主視覺稿和動(dòng)畫府喳，而開發(fā)團(tuán)隊(duì)開始搭建后臺(tái)顺献。我們采用高度協(xié)作的方式進(jìn)行開發(fā)塌鸯。那個(gè)時(shí)候真是種挑戰(zhàn)瞎嬉，因?yàn)殚_發(fā)團(tuán)隊(duì)在特拉維夫，而產(chǎn)品和設(shè)計(jì)團(tuán)隊(duì)都在美國西海岸扰肌。但得益于我們的內(nèi)部協(xié)作軟件抛寝、大量的視頻通話，以及幾個(gè)星期的面對(duì)面交流狡耻，我們做到了墩剖。
那個(gè)時(shí)候團(tuán)隊(duì)發(fā)布了Alpha版本，我們都非常興奮夷狰。Alpha版本也是一款讓人吃驚的產(chǎn)品岭皂，我們迫不及待地想將它交到用戶手上。所以我們進(jìn)入了下一階段……
拋光鉆石的粗糙：更多的可用性測(cè)試
我們對(duì)Alpha版本做了2件事：
?? 發(fā)布了內(nèi)部Alpha版本沼头，并交給自家公司的一組用戶使用爷绘，以便于他們能嘗試打破它，幫助我們修正錯(cuò)誤进倍。
?? 做了另一輪可用性測(cè)試土至，如果有必要，還會(huì)進(jìn)行一些最后的流程修正（當(dāng)然猾昆，我們確實(shí)有必要）
此外陶因，我們也開始把a(bǔ)pp做的更好玩——那些額外的標(biāo)題動(dòng)畫和交互會(huì)讓app顯得更特別。我們的視覺設(shè)計(jì)師和開發(fā)工程師出色地實(shí)現(xiàn)了動(dòng)畫的細(xì)節(jié)部分垂蜗。下面就是app中我最喜歡的動(dòng)畫效果：
長(zhǎng)按頭像：
組織結(jié)構(gòu)圖動(dòng)畫：
這些動(dòng)畫效果很精妙楷扬，并不會(huì)喧賓奪主解幽，但真的能讓app變得更有個(gè)性。
發(fā)布上線：知道什么時(shí)候你該行動(dòng)了
我們可能會(huì)一直持續(xù)下去烘苹，但市場(chǎng)不等人躲株，所以是時(shí)候準(zhǔn)備面對(duì)發(fā)布上線日了。
時(shí)間用盡時(shí)镣衡，我們只完成了所有功能的一半霜定。如果采用“水平”方式，現(xiàn)在就是個(gè)杯具廊鸥。但因?yàn)槲覀儠?huì)在進(jìn)行下一步前完成每個(gè)功能點(diǎn)望浩，那種情況就不是什么問題。這就是我們采用“垂直”方式進(jìn)行開發(fā)后的回報(bào)黍图。我們只需把那些未完成的功能從初始發(fā)布版本中去掉曾雕，而在接下來幾個(gè)月的更新版本中再加上就好了奴烙。
所以現(xiàn)在我們就等著8月31號(hào)——我們官方的發(fā)布日期助被！今天提交了app store，所以接下來會(huì)跟進(jìn)上線進(jìn)展切诀】罚總的來說這是我經(jīng)歷過的最喜歡的項(xiàng)目。團(tuán)隊(duì)很靠譜幅虑，過程很高效丰滑，我已經(jīng)迫不及待地把它拿出來，并開始添加更多有用的功能倒庵。
最重要的是褒墨，我很興奮我們能夠在設(shè)計(jì)過程中進(jìn)行原型設(shè)計(jì)，可用性測(cè)試和快速迭代擎宝。它幫助我們專注于以用戶為中心郁妈，我相信這節(jié)省了我們幾個(gè)月的開發(fā)時(shí)間。
經(jīng)驗(yàn)總結(jié)
從項(xiàng)目中我總結(jié)了幾條很重要的經(jīng)驗(yàn)绍申。
?? 異地團(tuán)隊(duì)（合作）很難噩咪。我們都知道這一點(diǎn)，但有時(shí)我們會(huì)低估它的難度极阅。我只發(fā)現(xiàn)了2條能夠方便遠(yuǎn)程團(tuán)隊(duì)合作的經(jīng)驗(yàn)：（1）強(qiáng)化溝通（2）盡可能坐到一起胃碾。
???原型真的是最好用的方法。我并不是說線框圖已死——實(shí)際上筋搏，我想說的恰恰相反仆百。但如果時(shí)間和預(yù)算允許，一個(gè)可交互原型對(duì)團(tuán)隊(duì)溝通和用戶反饋而言是不二之選奔脐。
???企業(yè)軟件能以現(xiàn)代化方法設(shè)計(jì)和開發(fā)俄周。整個(gè)團(tuán)隊(duì)都采用用戶為中心的設(shè)計(jì)流程栏账，而這么做讓一切都變得不一樣了。不要認(rèn)為因?yàn)槟阍谝患掖蠊竟ぷ髡辉矗捅仨氁恢庇?a target="_blank" rel="nofollow">BDUF（Big Design Up Front挡爵，設(shè)計(jì)先行的軟件開發(fā)流程）、緩慢的甚垦、瀑布流的方式工作茶鹃。
由于所有的功能都和設(shè)計(jì)相關(guān)，這款app還差的很遠(yuǎn)艰亮。但我對(duì)我們的流程有充足自信闭翩，對(duì)這一流程的效果也很有自信。我知道當(dāng)收到用戶反饋后迄埃，我們會(huì)持續(xù)改進(jìn)疗韵，因?yàn)閺淖铋_始這就成為了項(xiàng)目的基石。那么侄非，對(duì)產(chǎn)品設(shè)計(jì)師而言蕉汪，還能要求更多什么呢？
譯后感想
自上一篇譯文以來逞怨，時(shí)隔已久者疤，皆因空閑時(shí)間有限，無暇顧及其他叠赦。但此篇文章結(jié)構(gòu)清晰驹马、行文流暢，所述內(nèi)容對(duì)移動(dòng)產(chǎn)品設(shè)計(jì)開發(fā)團(tuán)隊(duì)參考意義很大除秀，特花費(fèi)4個(gè)多小時(shí)糯累，撰寫3000多字完成此文，尤其希望小而美的團(tuán)隊(duì)試下文章提到的敏捷流程册踩，應(yīng)該能對(duì)產(chǎn)品開發(fā)迭代有很大幫助泳姐。感謝閱讀~致禮！
