在互聯(lián)網(wǎng)產(chǎn)品領(lǐng)域，Axure已成為產(chǎn)品經(jīng)理、產(chǎn)品設(shè)計(jì)師以及交互設(shè)計(jì)師的必備工具，從某種程度講，Axure幫助我們建立低保真模型，便于與用戶的需求驗(yàn)證，也幫助我們構(gòu)思交互細(xì)節(jié)，使前端和開(kāi)發(fā)人員更容易理解我們的產(chǎn)品；但從另一方面講，Axure綁架了我們的思維，讓很多產(chǎn)品經(jīng)理和設(shè)計(jì)師養(yǎng)成了“無(wú)Axure不設(shè)計(jì)”的惡習(xí)，忽略了用戶故事、功能規(guī)格和信息架構(gòu)，甚至走入“為了用Axure而用的誤區(qū)”，導(dǎo)致了資源的大量浪費(fèi)和產(chǎn)品的硬傷。因此，提醒為Axure著迷的產(chǎn)品經(jīng)理：在熟練使用2B鉛筆前，請(qǐng)不要打開(kāi)Axure。
自我監(jiān)測(cè)是否對(duì)Axure著迷
喜歡開(kāi)始設(shè)計(jì)產(chǎn)品時(shí)就打開(kāi)Axure的產(chǎn)品經(jīng)理通常有一些共性：
- 熟練掌握Axure或?qū)xure充滿了敬畏；
- 信奉細(xì)節(jié)至上，認(rèn)為Axure完全可以替代PRD；
- 喜歡通過(guò)Axure實(shí)現(xiàn)復(fù)雜交互或精細(xì)化原型并取得成就感。
- 保持最新版的Axure，常泡Axure專(zhuān)業(yè)社區(qū)；
- 很少使用鉛筆和白板進(jìn)行溝通；
符合其中的3條，可以說(shuō)你處在高速成長(zhǎng)中；不過(guò)如果5條都符合，說(shuō)明你應(yīng)該調(diào)整一下自己的側(cè)重點(diǎn)，否則你將偏離Axure原型工具的初衷而陷入細(xì)節(jié)，導(dǎo)致視野受限或溝通不暢，甚至造成產(chǎn)品和項(xiàng)目的失敗。
清醒認(rèn)識(shí)Axure在產(chǎn)品設(shè)計(jì)流程中的位置
必須承認(rèn)，不同公司、不同組織結(jié)構(gòu)和不同崗位對(duì)“正確的產(chǎn)品設(shè)計(jì)流程”有著千差萬(wàn)別的認(rèn)識(shí)。但我們依然可以引用AJAX之父Jesse James Garrett在其《用戶體驗(yàn)要素》中提到的5個(gè)層級(jí)來(lái)達(dá)成一些共識(shí)：
不同角色應(yīng)該關(guān)注的產(chǎn)品層級(jí)：
BOSS與產(chǎn)品負(fù)責(zé)人先解決戰(zhàn)略層問(wèn)題；
產(chǎn)品負(fù)責(zé)人或產(chǎn)品經(jīng)理解決范圍層問(wèn)題；
產(chǎn)品經(jīng)理帶隊(duì)搞定結(jié)構(gòu)層問(wèn)題；
產(chǎn)品經(jīng)理帶領(lǐng)產(chǎn)品設(shè)計(jì)師或交互設(shè)計(jì)師，設(shè)計(jì)框架層；
界面美術(shù)設(shè)計(jì)師根據(jù)框架層設(shè)計(jì)表現(xiàn)層。
到這里，爭(zhēng)議出現(xiàn)了，有人認(rèn)為在結(jié)構(gòu)層，應(yīng)該使用Axure出交互設(shè)計(jì)原型，我想這個(gè)誤解也是Axure被濫用的根源所在。
交互設(shè)計(jì)不等于使用Axure設(shè)計(jì)原型中的交互界面
我知道這有點(diǎn)繞口，并且有些扯遠(yuǎn)了，但不得不說(shuō)，大多數(shù)產(chǎn)品人并不能很好的理解交互設(shè)計(jì)與設(shè)計(jì)交互界面有什么聯(lián)系，并且絕大多數(shù)產(chǎn)品團(tuán)隊(duì)在結(jié)構(gòu)層幾乎斷檔。
用戶界面是交互設(shè)計(jì)的結(jié)果的自然體現(xiàn)，但是不能說(shuō)交互設(shè)計(jì)就是用戶界面設(shè)計(jì)。交互設(shè)計(jì)的出發(fā)點(diǎn)在于研究人在和物交流（dialog）時(shí)候，人的心理模式和行為模式，并在此研究基礎(chǔ)上，設(shè)計(jì)人工物的可提供的交互方式，來(lái)滿足人對(duì)使用人工物的三個(gè)層次的需求（usefulness, usability and emotionality）。從這個(gè)角度看來(lái)，交互設(shè)計(jì)是設(shè)計(jì)方法，而界面設(shè)計(jì)是交互設(shè)計(jì)的自然結(jié)果。同時(shí)界面設(shè)計(jì)不一定由顯意識(shí)交互設(shè)計(jì)驅(qū)動(dòng)，然而界面設(shè)計(jì)必然自然包含交互設(shè)計(jì)。
我們期待未來(lái)的人機(jī)交互能早點(diǎn)實(shí)現(xiàn)，不過(guò)對(duì)目前互聯(lián)網(wǎng)產(chǎn)品而言，交互設(shè)計(jì)的步驟包括：
- 用戶調(diào)研
- 概念設(shè)計(jì)
- 創(chuàng)建用戶模型
- 創(chuàng)建界面流程
- 開(kāi)發(fā)原型并進(jìn)行可用性測(cè)試
很顯然，使用Axure設(shè)計(jì)快速原型，應(yīng)該放在交互設(shè)計(jì)的整體工作結(jié)束后，也就是框架層設(shè)計(jì)時(shí)進(jìn)行。
不過(guò)，我沒(méi)有一點(diǎn)貶低Axure的意思，因?yàn)樵诳蚣軐又校珹xure的widget元件、交互動(dòng)作能夠很方便的繪制網(wǎng)站的界面、導(dǎo)航、甚至細(xì)節(jié)的信息元素。并且能夠快速生成可交互原型與需求方和項(xiàng)目組內(nèi)進(jìn)行溝通。在某些敏捷團(tuán)隊(duì)中，Axure原型的確可以代替PRD使用。
產(chǎn)品結(jié)構(gòu)層設(shè)計(jì)，請(qǐng)先拿起你的2B鉛筆
面對(duì)結(jié)構(gòu)層的抽象，請(qǐng)不要灰心，2B鉛筆是你克服困難的終極武器，記住，要用2B鉛筆。因?yàn)?B鉛筆軟硬度適中，涂抹均勻，價(jià)格便宜，韌性好又容易擦拭，無(wú)論考試還是素描都是很好的選擇:)
當(dāng)需求范圍已經(jīng)相對(duì)清晰時(shí)，請(qǐng)先拿起筆，把產(chǎn)品的藍(lán)圖畫(huà)出來(lái)。通常對(duì)一個(gè)網(wǎng)站而言，你需要構(gòu)建一副整體信息架構(gòu)藍(lán)圖，也就是網(wǎng)站的主要網(wǎng)頁(yè)和層級(jí)關(guān)聯(lián)。記住，只有當(dāng)你相信自己用2B鉛筆畫(huà)的信息架構(gòu)草圖是大家想要的，否則不要著急用工具進(jìn)行美化。
對(duì)于網(wǎng)站中復(fù)雜的功能流程或?qū)τ谲浖a(chǎn)品而言，你需要通過(guò)UML（統(tǒng)一建模語(yǔ)言）描繪更加具體的概念模型。
將構(gòu)思映射在紙上，提高溝通效率
用鉛筆勾勒藍(lán)圖或流程，目的是提高溝通的效率。拿起2B鉛筆，用10分鐘將頭腦風(fēng)暴或范圍討論后的思路花在紙上，盡快與BOSS或團(tuán)隊(duì)成員確認(rèn)，是結(jié)構(gòu)層最重要的事情，沒(méi)有唯一。
我見(jiàn)過(guò)太多的產(chǎn)品人員，包括我自己也曾經(jīng)常犯類(lèi)似的錯(cuò)誤：妄圖一開(kāi)始就使用電腦輔助設(shè)計(jì)程序，優(yōu)美的將信息架構(gòu)或流程圖畫(huà)出來(lái)。甚至跳過(guò)這一步，直接使用Axure話線框圖。這個(gè)錯(cuò)誤的可怕之處在于：你搞得自己很忙很苦逼，結(jié)果做出來(lái)的是無(wú)法得到認(rèn)同的垃圾。更可怕的是，在面對(duì)你看似完美的圖標(biāo)或線框圖時(shí)，BOSS被你忽悠住了，然后你們投入了整個(gè)團(tuán)隊(duì)的開(kāi)發(fā)資源，用了幾個(gè)月開(kāi)發(fā)了一堆垃圾出來(lái)。
如果說(shuō)80%的產(chǎn)品失敗在需求階段，我可以說(shuō)80%的需求失敗，是沒(méi)有用2B鉛筆溝通而很2B的用軟件溝通。你完全可以10分鐘畫(huà)一個(gè)簡(jiǎn)單的網(wǎng)站結(jié)構(gòu)或核心功能邏輯，然后與領(lǐng)導(dǎo)充分溝通，盡可能的把問(wèn)題暴露出來(lái)，并盡快優(yōu)化甚至推翻重做。否則你將深陷網(wǎng)站界面和細(xì)節(jié)交互的泥潭，而忽略了產(chǎn)品真正的核心價(jià)值所在。記住，需求被砍掉不是恥辱，做垃圾浪費(fèi)資源才是最大的恥辱。
用白板統(tǒng)一意見(jiàn)
如果說(shuō)用2B鉛筆繪制草圖是產(chǎn)品項(xiàng)目的大腦，那么白板就是產(chǎn)品項(xiàng)目的心臟，對(duì)敏捷團(tuán)隊(duì)尤其如此。無(wú)論是在范圍層的頭腦風(fēng)暴或敏捷故事中，還是在結(jié)構(gòu)層設(shè)計(jì)時(shí)對(duì)更加詳細(xì)的藍(lán)圖或流程進(jìn)行確認(rèn)時(shí)，需要將構(gòu)想畫(huà)出來(lái)，并且可能需要邊畫(huà)邊講。如果你對(duì)此已經(jīng)輕車(chē)熟路，你可以在簡(jiǎn)歷中寫(xiě)上自己善于溝通了。
使用工具將結(jié)構(gòu)層存檔
到目前為止，你的產(chǎn)品規(guī)劃應(yīng)該已經(jīng)符合了領(lǐng)導(dǎo)的構(gòu)思，同時(shí)也贏得了架構(gòu)師的支持。非常好，你只需要用Visio將其畫(huà)出來(lái)，就可以插入需求文檔了。雖然visio有一些問(wèn)題，但我認(rèn)為它依然是描述結(jié)構(gòu)層最好的建模工具，不是因?yàn)樗卸鄰?qiáng)大，恰恰相反，它夠簡(jiǎn)單。
也許ROSE類(lèi)工具更加強(qiáng)大，但你不是開(kāi)發(fā)者，更不是架構(gòu)師，認(rèn)清自己的角色，對(duì)產(chǎn)品經(jīng)理而言，Visio的UML工具和網(wǎng)站總體設(shè)計(jì)圖已經(jīng)能夠滿足結(jié)構(gòu)層的需要，不要被復(fù)雜的工具左右自己的思路。當(dāng)然，如果你使用MAC，OmniGraffle毫無(wú)疑問(wèn)是你最好的搭檔。
在框架層，開(kāi)始低保真模型的設(shè)計(jì)
終于從抽象到具體了，你可以偏執(zhí)地繼續(xù)裝B手繪
不過(guò)大多產(chǎn)品經(jīng)理會(huì)選擇Axure作為快速原型工具
Balsamiq mockup也是不錯(cuò)的選擇，總之，這一階段你需要設(shè)計(jì)產(chǎn)品的低保真模型。但千萬(wàn)不要自?shī)首詷?lè)并深陷細(xì)節(jié)。因?yàn)槟阈枰诘捅Ｕ婺Ｐ瓦M(jìn)行又一輪溝通，如果條件允許，最好進(jìn)行一次可用性測(cè)試。
你需要將領(lǐng)導(dǎo)、團(tuán)隊(duì)、甲方甚至掃地大媽的意見(jiàn)綜合考慮，對(duì)低保真模型進(jìn)行優(yōu)化調(diào)整，并不斷完善，以形成可以存檔的產(chǎn)品交付物。對(duì)不同的團(tuán)隊(duì)，你有幾個(gè)選擇：
- 敏捷小團(tuán)隊(duì)：直接基于Axure進(jìn)行開(kāi)發(fā)；
- 矩陣式項(xiàng)目組：將低保真模型做成高保真模型，并盡可能完善交互細(xì)節(jié)，便于交付UED或美工進(jìn)行設(shè)計(jì)；
- 跨業(yè)務(wù)或外包：為了預(yù)防變更，需要更多前期可用性測(cè)試。并盡可能完善說(shuō)明和注釋信息，輸出word等存檔。
總結(jié)
就像我在前面提到的：“正確的產(chǎn)品設(shè)計(jì)流程”是個(gè)偽命題，適合的才是最好的。但我們不難發(fā)現(xiàn)，溝通貫穿了產(chǎn)品設(shè)計(jì)的全過(guò)程，因?yàn)樵O(shè)計(jì)不是孤芳自賞，更不是自?shī)首詷?lè)。與其說(shuō)本篇是忽悠大家使用2B鉛筆，不如說(shuō)是呼吁產(chǎn)品經(jīng)理和設(shè)計(jì)師們進(jìn)行更有效率的溝通。如果你有相同或不同的想法，歡迎在微博上跟我交流，至于什么階段用什么工具，元芳，你怎么看？
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任，
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。