文/莔莔有神
身邊有幾個(gè)新接觸的產(chǎn)品經(jīng)理，非常喜歡用高保真原型和大家討論方案。然而每次討論完以后，我都替他們頭痛：這么detail的原型要重新大改，豈不是要煩死？恰巧新帶的小盆友也是初入行產(chǎn)品經(jīng)理，勵(lì)志好好學(xué)習(xí)畫原型，專注于Axure的決心也讓我有點(diǎn)啼笑皆非。
覺(jué)得要聊聊高保真原型這個(gè)話題了。
1 什么是高保真原型
先來(lái)規(guī)范下對(duì)高保真原型的理解。之前看過(guò)一個(gè)帖子對(duì)原型的保真度分為“低、中、高”三個(gè)程度，還是挺復(fù)合現(xiàn)實(shí)工作場(chǎng)景的。
①低保真原型：只關(guān)注功能、結(jié)構(gòu)、流程，原型圖上只提供最簡(jiǎn)單的框架和元素；好處是省時(shí)、高效，但相對(duì)需要比較高的溝通成本；
②中保真原型：在低保真原型的基礎(chǔ)上，提供更多的功能細(xì)節(jié)和交互細(xì)節(jié)；
③高保真原型：提供更多的視覺(jué)細(xì)節(jié)，幾乎可以等同于UI效果圖，只需要在開發(fā)過(guò)程中替換實(shí)際數(shù)據(jù)和素材。
在這三種程度的原型中，我們可以對(duì)比一下他們的側(cè)重點(diǎn)和優(yōu)缺點(diǎn)：
①低保真原型：側(cè)重點(diǎn)是核心功能和產(chǎn)品框架，使用它的一個(gè)非常大的好處是，在產(chǎn)品設(shè)計(jì)初期快速形成方案、快速討論、快速調(diào)整，能夠讓人把精力專注在產(chǎn)品最核心的結(jié)構(gòu)層和框架層；相對(duì)地，同樣由于它的快速制作，對(duì)外溝通時(shí)解釋起來(lái)會(huì)比較煩。
②中保真原型：最常用的原型圖類型，側(cè)重點(diǎn)在具體的功能流程和交互，優(yōu)缺點(diǎn)都介于低保真原型和高保真原型之間。
③高保真原型：側(cè)重點(diǎn)是視覺(jué)呈現(xiàn)，它的優(yōu)點(diǎn)在于細(xì)節(jié)非常完善，想要的效果可以直觀展示出來(lái)；然而相應(yīng)地，修改起來(lái)非常非常地麻煩，要消耗大量精力在原型圖制作上，這就容易讓人對(duì)產(chǎn)品最核心的結(jié)構(gòu)、框架、流程思考不到位。
綜合這三種程度的原型，我會(huì)建議產(chǎn)品經(jīng)理能習(xí)慣使用低保真和中保真的原型圖進(jìn)行工作，珍愛工作，保持初心，遠(yuǎn)離高保真原型。理由在下一個(gè)部分。
2 產(chǎn)品經(jīng)理的核心價(jià)值
畫原型算是產(chǎn)品經(jīng)理最基本的本職工作之一了，然而產(chǎn)品經(jīng)理為什么要畫原型？這就要說(shuō)到產(chǎn)品經(jīng)理的核心價(jià)值。
我非常喜歡用的一個(gè)比喻是：產(chǎn)品經(jīng)理就像媽，產(chǎn)品就是娃，產(chǎn)品經(jīng)理就是負(fù)責(zé)把娃生出來(lái)，然后和運(yùn)營(yíng)媽一起把娃帶大。那么在產(chǎn)品經(jīng)理“生娃”的過(guò)程中，產(chǎn)品經(jīng)理能賦予這個(gè)孩子最重要的事情，一是DNA，二是健康的生理機(jī)能。
DNA是什么？我們回顧下產(chǎn)品體驗(yàn)要素的層次體系，其中最核心的戰(zhàn)略層和范圍層，其實(shí)就是這個(gè)產(chǎn)品的DNA：它確定了產(chǎn)品的定位、目標(biāo)以及所滿足用戶的需求、功能——這是在畫原型之前就要確認(rèn)的。
而健康的生理機(jī)能，則是要在畫原型的時(shí)候樹立的了，這就到了結(jié)構(gòu)層和框架層。產(chǎn)品原型，是為了確認(rèn)產(chǎn)品的信息架構(gòu)、布局、流程、交互，使用低保真和中保真的原型圖，能幫助產(chǎn)品經(jīng)理在做設(shè)計(jì)時(shí)理清思路，確保所設(shè)計(jì)的產(chǎn)品不會(huì)出現(xiàn)根本性錯(cuò)誤、功能盲點(diǎn)或流程死角。
繼續(xù)順著產(chǎn)品體驗(yàn)五要素的層次體系說(shuō)下去，高保真原型圖其實(shí)是把關(guān)注點(diǎn)放在了表現(xiàn)層，更關(guān)注視覺(jué)呈現(xiàn)效果。而對(duì)于一個(gè)母親來(lái)說(shuō)，孩子首先是要四肢健全、生理機(jī)能健康，至于是否長(zhǎng)得帥只是錦上添花，千萬(wàn)不能本末倒置了。
3 原型的正確打開方式
一個(gè)完整的產(chǎn)品原型生產(chǎn)流程應(yīng)該包括“功能設(shè)計(jì)——交互設(shè)計(jì)——視覺(jué)設(shè)計(jì)”三個(gè)步驟，流程完善的互聯(lián)網(wǎng)公司會(huì)相應(yīng)配備 產(chǎn)品設(shè)計(jì)師——交互設(shè)計(jì)師——視覺(jué)設(shè)計(jì)師 三個(gè)崗位，每個(gè)崗位上的人分別專注于自己的這部分工作。即便是普通的創(chuàng)業(yè)公司，至少也會(huì)把產(chǎn)品設(shè)計(jì)和視覺(jué)設(shè)計(jì)分開，各司其職，各盡其能。
產(chǎn)品經(jīng)理把精力專注在低保真和中保真的原型上，不僅是對(duì)自己的本職工作負(fù)責(zé)，而且是在尊重視覺(jué)設(shè)計(jì)師的本職工作，不要越俎代庖，更不要本質(zhì)工作都沒(méi)做好，還亂對(duì)別人指指點(diǎn)點(diǎn)。
4 為什么要畫高保真？
存在即合理。既然有人要畫高保真，那么我們看看畫高保真原型的理由是否合理。
理由一：我是產(chǎn)品經(jīng)理。
承認(rèn)吧，有的時(shí)候想畫高保真原型，最大的理由其實(shí)是太把自己當(dāng)產(chǎn)品經(jīng)理，太把產(chǎn)品經(jīng)理當(dāng)回事兒。這個(gè)毛病經(jīng)常出現(xiàn)在剛?cè)胄械男∨笥焉砩希簞偨佑|產(chǎn)品設(shè)計(jì)的工作，被安排最多的工作就是畫原型，可發(fā)揮的余地有限，就恨不得畫出個(gè)3DMAX。剛?cè)胄械臅r(shí)候?qū)W習(xí)如何畫原型固然重要，但耗費(fèi)大量時(shí)間在視覺(jué)效果上一定會(huì)影響對(duì)需求判斷、功能邏輯的思考深度，而后者才決定你是否是一個(gè)合格的產(chǎn)品經(jīng)理。
我在接觸產(chǎn)品經(jīng)理這個(gè)工作之前有十年的Photoshop經(jīng)驗(yàn)，要說(shuō)起畫高保真原型我不敢說(shuō)和UI的水平相當(dāng)，但大約也不會(huì)丟人到哪里去（為了證明是真的我貼了以前的作品為證?。Ｆ鸪跷乙彩呛苣w淺地以為產(chǎn)品經(jīng)理就是決定這個(gè)產(chǎn)品長(zhǎng)什么樣子、用什么色調(diào)、選什么圖標(biāo)——現(xiàn)在看，就是眼里只有最后視覺(jué)傳達(dá)的那層皮。
然而我產(chǎn)品經(jīng)理職業(yè)生涯上遇到的第一位Leader姐姐，很早就告訴我這些都不重要，花更多精力在需求上，想清楚為什么要做這個(gè)，至于原型拿筆畫在紙上都沒(méi)問(wèn)題，講明白就行。就是這么簡(jiǎn)單的道理，卻很快讓我擺正了位置，認(rèn)清了自己的職責(zé)。
送給死黨的張繼科慶生桌布，創(chuàng)作于2013年
好在我有Photoshop經(jīng)驗(yàn)打底，以非?？斓乃俣染蜕鲜至薃xure，然而至今也沒(méi)用上過(guò)什么高階功能，有的時(shí)候遇到那種結(jié)構(gòu)非常簡(jiǎn)單的功能，還會(huì)用PPT畫個(gè)原型——尤其是PC端的原型用PPT畫起來(lái)真是太方便了。
……其實(shí)畫原型這件事，真的不在乎什么形式。
理由二：便于溝通。
有些人畫高保真原型的理由是覺(jué)得好溝通。高保真原型的確視覺(jué)效果好，能直觀告訴別人你想做什么，然而前提是這個(gè)產(chǎn)品原型已經(jīng)經(jīng)過(guò)多方確認(rèn)，方案達(dá)成一致。否則……一個(gè)設(shè)計(jì)本身有問(wèn)題的原型有什么好溝通的？
合理的工作流程是，產(chǎn)品經(jīng)理使用低保真或中保真原型確認(rèn)設(shè)計(jì)方案并輸出最終版原型，由視覺(jué)設(shè)計(jì)師輸出高保真視覺(jué)圖。在需要使用較精美原型的場(chǎng)景（如對(duì)外合作、對(duì)上級(jí)匯報(bào)）時(shí)，直接使用視覺(jué)設(shè)計(jì)師的作品。
理由三：我司沒(méi)有交互設(shè)計(jì)師/視覺(jué)設(shè)計(jì)師。
沒(méi)有交互設(shè)計(jì)的崗位是比較普遍的，產(chǎn)品經(jīng)理使用中保真原型圖足夠表達(dá)功能交互了，然而沒(méi)有視覺(jué)設(shè)計(jì)師一般是不太可能的，通常的情況是產(chǎn)品經(jīng)理對(duì)視覺(jué)設(shè)計(jì)師的工作能力或?qū)徝滥芰τ匈|(zhì)疑，希望其按照自己的設(shè)計(jì)意向生成高保真視覺(jué)圖。
而后者這種情況，有兩種可能性：一是視覺(jué)設(shè)計(jì)師不是能力不足，而是觀念和產(chǎn)品經(jīng)理不一致。所謂術(shù)業(yè)有專攻，哪怕視覺(jué)設(shè)計(jì)師能力再不足，也比產(chǎn)品經(jīng)理越俎代庖來(lái)得強(qiáng)吧。如果是觀念不一致，產(chǎn)品經(jīng)理最該做的是加強(qiáng)溝通，說(shuō)服視覺(jué)設(shè)計(jì)師為什么要做成你希望的樣式和風(fēng)格，讓對(duì)方信服你才有利于以后長(zhǎng)久的合作。而強(qiáng)硬地把高保真原型圖塞過(guò)去，束縛視覺(jué)設(shè)計(jì)師的創(chuàng)作空間，不利于最后產(chǎn)品的視覺(jué)呈現(xiàn)，更糟糕的是讓視覺(jué)設(shè)計(jì)師養(yǎng)成了照葫蘆畫瓢的習(xí)慣，對(duì)工作沒(méi)有更多投入，產(chǎn)品經(jīng)理還沉浸在“我司的設(shè)計(jì)不行還是我流弊”的假象里，最后產(chǎn)品的視覺(jué)效果有問(wèn)題，被罵的還是產(chǎn)品經(jīng)理。
另一種可能性，是視覺(jué)設(shè)計(jì)師真的能力不足，這種情況往往出現(xiàn)在創(chuàng)業(yè)小團(tuán)隊(duì)里，視覺(jué)設(shè)計(jì)師項(xiàng)目經(jīng)驗(yàn)少，歷練不夠。這時(shí)候比起直接丟過(guò)去高保真原型，我更傾向于拿中保真原型，再拿出幾個(gè)可參考的設(shè)計(jì)樣式和競(jìng)品和對(duì)方面對(duì)面溝通。其實(shí)這樣的設(shè)計(jì)師很容易被說(shuō)服，也很愿意學(xué)習(xí)，提供給她設(shè)計(jì)方向和設(shè)計(jì)思路，多磨合兩個(gè)回合，以后的工作里產(chǎn)品經(jīng)理就會(huì)輕松許多，這叫一勞永逸。
當(dāng)然，還有一種情況是你們真的沒(méi)有視覺(jué)設(shè)計(jì)師……如果你們不是技術(shù)驅(qū)動(dòng)型的項(xiàng)目……你也不是創(chuàng)始人之一的話……勸你可以考慮換個(gè)團(tuán)隊(duì)看看……
理由四：我愛學(xué)習(xí)，我愛畫高保真原型。
……當(dāng)然從學(xué)習(xí)和愛好的角度去做任何事，只要不犯法，我覺(jué)得都沒(méi)有什么問(wèn)題。只是要想清楚兩件事：第一，在工作場(chǎng)景，如何畫原型才能用最少的時(shí)間成本達(dá)到最佳的效果，提升效率；第二，產(chǎn)品經(jīng)理的核心價(jià)值直接對(duì)應(yīng)產(chǎn)品體驗(yàn)五要素，越高階的產(chǎn)品經(jīng)理，越應(yīng)該把經(jīng)理放在更底層的層級(jí)。
明白了這兩件事，在合適的時(shí)間出于學(xué)習(xí)和愛好畫原型，那就是一個(gè)人自己的選擇了。
5 結(jié)語(yǔ)
這年頭看問(wèn)題只看一半、沉不下心、只會(huì)錦上添花的互聯(lián)網(wǎng)人太多了，浮躁到讓人覺(jué)得無(wú)聊乏味，一點(diǎn)沒(méi)有靈氣和樂(lè)趣。這些鍋當(dāng)然不能讓高保真原型來(lái)背，只是對(duì)于產(chǎn)品經(jīng)理來(lái)說(shuō)，日常多養(yǎng)成一些讓自己深入思考問(wèn)題本質(zhì)的習(xí)慣，對(duì)以后的職業(yè)發(fā)展才會(huì)有幫助。
讓我們?cè)僦貜?fù)一遍：珍愛工作，保持初心，遠(yuǎn)離高保真原型。
2016.07.04
莔 莔 有 神
互聯(lián)網(wǎng)產(chǎn)品專欄作家，愛好是女性視角看產(chǎn)品，產(chǎn)品思維看世界。
文章主要寫產(chǎn)品設(shè)計(jì)、自我管理，以及產(chǎn)品狗的生活片段。
總之，愛寫啥寫啥，圖個(gè)開心，希望你也能開心地有收獲！
