作者參與設(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è)通訊錄中，最常用的找人方法有以下幾步：

• 在Outlook中撰寫一封新郵件

• 敲出對(duì)方的郵件地址

• 右鍵點(diǎn)擊他們的名字

• 去他們的個(gè)人信息頁

• 復(fù)制想要的信息

• 關(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是最能滿足我需求的工具（包括提供“長按”手勢(shì)操作，這是其他工具那時(shí)還沒有的功能）。

現(xiàn)在再回顧那時(shí)的原型，我很吃驚地看到從第一版原型到我們第一個(gè)的Alpha測(cè)試版本的進(jìn)化。一些元素改變很大，另一些則保持大部分不變。這里有個(gè)例子，首版原型Home頁面，和今天Beta版本的頁面對(duì)比：

home-evolution

更突出的搜索框，更專業(yè)的“team”模塊，以及底部基于卡片化的信息呈現(xiàn)，所以的改變都直接基于可用性測(cè)試——但更多的改變是在那之后。

每隔幾天，我都會(huì)基于團(tuán)隊(duì)反饋發(fā)布一個(gè)新版原型，上面列出所有改動(dòng)點(diǎn)：

change log

就像你在上圖中看到的，此時(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)龀龅母淖?#xff0c;對(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ā)了……

profile

實(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)可的，非常具體的功能集：

Circle IA - Alpha

這個(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)畫效果：

長按頭像：

long tap avatar

組織結(jié)構(gòu)圖動(dòng)畫：

org-chart

這些動(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)槟阍谝患掖蠊竟ぷ?#xff0c;就必須一直用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ā)迭代有很大幫助。感謝閱讀！

本文由作者s2dongman申悅授權(quán)發(fā)布，轉(zhuǎn)載請(qǐng)標(biāo)明出處。

推薦閱讀

《PMCAFF 2015上半年干貨精選》

PMCAFF各類精品群

招聘群|PMCAFF lizimao-candy

電商PM圈|PMCAFF 396981669

工具PM圈|PMCAFF JaneYu81

互聯(lián)網(wǎng)O2O圈|PMCAFF Nicole_0928

互聯(lián)網(wǎng)金融圈|PMCAFF erhuoyimei

旅游PM圈|PMCAFF lizheng_legend

社交PM圈|PMCAFF liyilin1263

視頻PM圈|PMCAFF EsDark_guiga

智能硬件圈|PMCAFF Johnson727543

唯一B端產(chǎn)品群|PMCAFF ssparker

入群規(guī)則

1、入群需參與一次群分享（話題內(nèi)容不限）

2、敲門磚：姓名+公司+可以分享的話題

投稿請(qǐng)發(fā)送至郵箱：tougao@pmcaff.com

商務(wù)合作請(qǐng)聯(lián)系：xiaoxi@pmcaff.com

PMCAFF合作媒體：Chinaz

總結(jié)

以上是生活随笔為你收集整理的【原创译文】Jive Circle案例学习：以用户为中心的设计的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。