起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門(mén)專(zhuān)項(xiàng)技能課
1300+專(zhuān)題課程
12場(chǎng)職場(chǎng)軟技能直播
12場(chǎng)求職輔導(dǎo)直播
12場(chǎng)專(zhuān)業(yè)技能直播
會(huì)員專(zhuān)屬社群
榮耀標(biāo)識(shí)產(chǎn)品狗跑偏了？因?yàn)樗恢痹诋?huà)高保真原型啊
身邊有幾個(gè)新接觸的產(chǎn)品經(jīng)理，非常喜歡用高保真原型和大家討論方案。然而每次討論完以后，我都替他們頭痛：這么detail的原型要重新大改，豈不是要煩死？恰巧新帶的小盆友也是初入行產(chǎn)品經(jīng)理，勵(lì)志好好學(xué)習(xí)畫(huà)原型，專(zhuān)注于Axure的決心也讓我有點(diǎn)啼笑皆非。覺(jué)得要聊聊高保真原型這個(gè)話題了。
1、什么是高保真原型
先來(lái)規(guī)范下對(duì)高保真原型的理解。之前看過(guò)一個(gè)帖子對(duì)原型的保真度分為“低、中、高”三個(gè)程度，還是挺符合現(xiàn)實(shí)工作場(chǎng)景的。
①低保真原型：只關(guān)注功能、結(jié)構(gòu)、流程，原型圖上只提供最簡(jiǎn)單的框架和元素；好處是省時(shí)、高效，但相對(duì)需要比較高的溝通成本；
低保真原型示例1
低保真原型示例2
②中保真原型：在低保真原型的基礎(chǔ)上，提供更多的功能細(xì)節(jié)和交互細(xì)節(jié)；
中保真原型示例
③高保真原型：提供更多的視覺(jué)細(xì)節(jié)，幾乎可以等同于UI效果圖，只需要在開(kāi)發(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)整，能夠讓人把精力專(zhuān)注在產(chǎn)品最核心的結(jié)構(gòu)層和框架層；相對(duì)地，同樣由于它的快速制作，對(duì)外溝通時(shí)解釋起來(lái)會(huì)比較煩。
- 中保真原型：最常用的原型圖類(lèi)型，側(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)、框架、流程思考不到位。
三種原型對(duì)比
綜合這三種程度的原型，我會(huì)建議產(chǎn)品經(jīng)理能習(xí)慣使用低保真和中保真的原型圖進(jìn)行工作，珍愛(ài)工作，保持初心，遠(yuǎn)離高保真原型。理由在下一個(gè)部分。
2、產(chǎn)品經(jīng)理的核心價(jià)值
畫(huà)原型算是產(chǎn)品經(jīng)理最基本的本職工作之一了，然而產(chǎn)品經(jīng)理為什么要畫(huà)原型？這就要說(shuō)到產(chǎn)品經(jīng)理的核心價(jià)值。
我非常喜歡用的一個(gè)比喻是：產(chǎn)品經(jīng)理就像媽?zhuān)a(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ī)能。
用戶(hù)體驗(yàn)要素
DNA是什么？我們回顧下產(chǎn)品體驗(yàn)要素的層次體系，其中最核心的戰(zhàn)略層和范圍層，其實(shí)就是這個(gè)產(chǎn)品的DNA：它確定了產(chǎn)品的定位、目標(biāo)以及所滿足用戶(hù)的需求、功能——這是在畫(huà)原型之前就要確認(rèn)的。
而健康的生理機(jī)能，則是要在畫(huà)原型的時(shí)候樹(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、原型的正確打開(kāi)方式
一個(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è)崗位上的人分別專(zhuān)注于自己的這部分工作。即便是普通的創(chuàng)業(yè)公司，至少也會(huì)把產(chǎn)品設(shè)計(jì)和視覺(jué)設(shè)計(jì)分開(kāi)，各司其職，各盡其能。
產(chǎn)品經(jīng)理把精力專(zhuān)注在低保真和中保真的原型上，不僅是對(duì)自己的本職工作負(fù)責(zé)，而且是在尊重視覺(jué)設(shè)計(jì)師的本職工作，不要越俎代庖，更不要本質(zhì)工作都沒(méi)做好，還亂對(duì)別人指指點(diǎn)點(diǎn)。
4、為什么要畫(huà)高保真？
存在即合理。既然有人要畫(huà)高保真，那么我們看看畫(huà)高保真原型的理由是否合理。
理由一：我是產(chǎn)品經(jīng)理
承認(rèn)吧，有的時(shí)候想畫(huà)高保真原型，最大的理由其實(shí)是太把自己產(chǎn)品經(jīng)理，太把產(chǎn)品經(jīng)理當(dāng)回事兒。這個(gè)毛病經(jīng)常出現(xiàn)在剛?cè)胄械男∨笥焉砩希簞偨佑|產(chǎn)品設(shè)計(jì)的工作，被安排最多的工作就是畫(huà)原型，可發(fā)揮的余地有限，就恨不得畫(huà)出個(gè)3DMAX。剛?cè)胄械臅r(shí)候?qū)W習(xí)如何畫(huà)原型固然重要，但耗費(fèi)大量時(shí)間在視覺(jué)效果上一定會(huì)影響對(duì)需求判斷、功能邏輯的思考深度，而后者才決定你是否是一個(gè)合格的產(chǎn)品經(jīng)理。
我在接觸產(chǎn)品經(jīng)理這個(gè)工作之前有十年的Photoshop經(jīng)驗(yàn)，要說(shuō)起畫(huà)高保真原型我不敢說(shuō)和UI的水平相當(dāng)，但大約也不會(huì)丟人到哪里去（為了證明是真的我貼了以前的作品為證?。?。起初我也是很膚淺地以為產(chǎn)品經(jīng)理就是決定這個(gè)產(chǎn)品長(zhǎng)什么樣子、用什么色調(diào)、選什么圖標(biāo)——現(xiàn)在看，就是眼里只有最后視覺(jué)傳達(dá)的那層皮。
然而我產(chǎn)品經(jīng)理職業(yè)生涯上遇到的第一位Leader姐姐，很早就告訴我這些都不重要，花更多精力在需求上，想清楚為什么要做這個(gè)，至于原型拿筆畫(huà)在紙上都沒(méi)問(wèn)題，講明白就行。就是這么簡(jiǎn)單的道理，卻很快讓我擺正了位置，認(rèn)清了自己的職責(zé)。、
Photoshop主題Banner，創(chuàng)作于2010年
送給死黨的張繼科慶生桌布，創(chuàng)作于2013年
好在我有Photoshop經(jīng)驗(yàn)打底，以非?？斓乃俣染蜕鲜至薃xure，然而至今也沒(méi)用上過(guò)什么高階功能，有的時(shí)候遇到那種結(jié)構(gòu)非常簡(jiǎn)單的功能，還會(huì)用PPT畫(huà)個(gè)原型——尤其是PC端的原型用PPT畫(huà)起來(lái)真是太方便了。
……其實(shí)畫(huà)原型這件事，真的不在乎什么形式。
理由二：便于溝通
有些人畫(huà)高保真原型的理由是覺(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è)有專(zhuān)攻，哪怕視覺(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)成了照葫蘆畫(huà)瓢的習(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ì)看看……
理由四：我愛(ài)學(xué)習(xí)，我愛(ài)畫(huà)高保真原型
……當(dāng)然從學(xué)習(xí)和愛(ài)好的角度去做任何事，只要不犯法，我覺(jué)得都沒(méi)有什么問(wèn)題。只是要想清楚兩件事：第一，在工作場(chǎng)景，如何畫(huà)原型才能用最少的時(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í)和愛(ài)好畫(huà)原型，那就是一個(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ù)一遍：珍愛(ài)工作，保持初心，遠(yuǎn)離高保真原型。
#專(zhuān)欄作家#
莔莔有神（微信號(hào)破殼，Pokeclub），人人都是產(chǎn)品經(jīng)理專(zhuān)欄作者，量化精進(jìn)法實(shí)踐者，最接地氣的互聯(lián)網(wǎng)求職培訓(xùn)師。文章專(zhuān)注于互聯(lián)網(wǎng)求職、產(chǎn)品設(shè)計(jì)和自我管理。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。
呵呵
討論這個(gè)問(wèn)題沒(méi)啥意義，做需求，談分析和畫(huà)什么原型并不矛盾，畫(huà)高保真原型并不代表就沒(méi)有時(shí)間去認(rèn)真做需求了，后期修改也是因人而異，對(duì)于一個(gè)長(zhǎng)期做高保真原型的產(chǎn)品經(jīng)理而言，修改原型和經(jīng)常做低保真的產(chǎn)品經(jīng)理修改原型沒(méi)啥大的成本區(qū)別。一個(gè)優(yōu)質(zhì)的產(chǎn)品經(jīng)理應(yīng)該是上得廳堂下得廚房，具體怎么做要看具體的業(yè)務(wù)場(chǎng)景，溝通、對(duì)接人員，工作排期，然后做出最優(yōu)方案，不能把路子帶偏了，把畫(huà)高保真原型同業(yè)務(wù)需求，工作成本去片面的去討論，太主觀了。
如果項(xiàng)目工期充裕，我喜歡給自己產(chǎn)品上色，就像買(mǎi)回來(lái)的模型，diy上色很過(guò)癮
太棒了，你簡(jiǎn)直是小仙女。幫我撥開(kāi)云霧見(jiàn)晴天。么么噠！！(┌?。?)┌
我在接觸產(chǎn)品經(jīng)理這個(gè)工作之前有十年的Photoshop經(jīng)驗(yàn)。暴露了年齡
我一直在做高保真，難道我就是跑偏啦！
跑偏啥，如果別人說(shuō)你跑偏，你就開(kāi)始懷疑自己，那就太沒(méi)自信啦。產(chǎn)品人員雖然不是只要會(huì)做高保真就行，那也比其他方面不突出卻連高保真都不會(huì)做的人好一些。
發(fā)現(xiàn)還有人跟我一樣這樣做，不過(guò)比簡(jiǎn)單的原型圖耗費(fèi)的時(shí)候要多很多
說(shuō)的很好，如果以后能成為產(chǎn)品大牛，堅(jiān)決不畫(huà)高保真，作為一個(gè)產(chǎn)品經(jīng)理，最應(yīng)該的應(yīng)該是產(chǎn)品，而不是草圖。
講得不錯(cuò)，我們一般管低保真叫草圖，中保真叫低保真，沒(méi)有中保真一說(shuō)，嘿嘿。乙方給我們看的，確實(shí)是高保真視覺(jué)稿。還有 視覺(jué)設(shè)計(jì)師為什么是“她”
其實(shí)高保真圖最大的作用就是給老大看，說(shuō)服老大用的，哈哈。產(chǎn)品經(jīng)理并不只是專(zhuān)注于產(chǎn)品，說(shuō)服需求方、技術(shù)和老大也是產(chǎn)品經(jīng)理需要干的一件事~
老大是老板還是產(chǎn)品總監(jiān)？如果是產(chǎn)品總監(jiān)的話，他還需要高保真，只能說(shuō)這個(gè)總監(jiān)不行
我們總監(jiān)就是這個(gè)熊樣，他要我做高保真，然后去跟老板看我們的產(chǎn)品有多高大上，問(wèn)題是邏輯都沒(méi)有跑順，就要保真圖，還叫我加一些沒(méi)用的東西到原型里，說(shuō)滿滿的就是好看……
作者觀點(diǎn)也沒(méi)全錯(cuò)，但片面。以產(chǎn)品經(jīng)理的思維去分析：原型是一個(gè)產(chǎn)品，低中高3原型就是針對(duì)不同對(duì)象需求／場(chǎng)景需求的三種形態(tài)。至于“遠(yuǎn)離高保真原型”這種觀點(diǎn)稍偏激，而標(biāo)題“產(chǎn)品狗跑偏了？因?yàn)樗恢痹诋?huà)高保真原型啊”純粹標(biāo)題效應(yīng)（至少我是看到這樣的標(biāo)題才點(diǎn)擊來(lái)的）。
樓主的ps技術(shù)還10年經(jīng)驗(yàn)啊，呵呵了
在經(jīng)歷了幾個(gè)項(xiàng)目之后，感同深受。
nice，看到這個(gè)受益匪淺，我是程序員，做項(xiàng)目之前也會(huì)畫(huà)一個(gè)原型圖，原來(lái)我畫(huà)的是低保真。哈哈，
以前在乙方，需要做高保真給甲方看。現(xiàn)在在甲方，原型就是線框了
很贊同樓主的觀點(diǎn)，需求和流程才是重點(diǎn)，原型倒是其次。不過(guò)個(gè)人感覺(jué)畫(huà)原型也挺有趣的，設(shè)計(jì)出一份好的高保真原型會(huì)有一種莫名的成就感，哈哈
高保真其實(shí)，更多的是滿足產(chǎn)品經(jīng)理的虛榮心
我能說(shuō)評(píng)論亮點(diǎn)是發(fā)現(xiàn)咱倆頭像一樣嗎 ?? ??
我已經(jīng)開(kāi)始慌了，我就是這樣的產(chǎn)品狗，還很得意 ? ? ?
?
術(shù)業(yè)有專(zhuān)攻，對(duì)于產(chǎn)品經(jīng)理而言需求、功能、交互才是本質(zhì)，至于如何呈現(xiàn)任何一個(gè)UI設(shè)計(jì)師比我們做的都好；
給一個(gè)你想要的style,剩下的就讓設(shè)計(jì)師來(lái)發(fā)揮吧！
然而作者你忘了有一種需求叫老總需求，我們的老大就經(jīng)常都要出高保真…日狗的心情誰(shuí)能理解… ??
老板說(shuō)了算。。。。。。各種郁悶
曾經(jīng)是設(shè)計(jì)師的產(chǎn)品經(jīng)理飄過(guò)。剛接觸產(chǎn)品經(jīng)理的時(shí)候其實(shí)以為就是畫(huà)畫(huà)原型，感覺(jué)能畫(huà)多漂亮就多漂亮，嚇的老板以為是設(shè)計(jì)圖。但是其實(shí)這對(duì)業(yè)務(wù)邏輯木有幫助。
現(xiàn)在基本先是手畫(huà)低保真，大邏輯先說(shuō)的通，然后出中保真給設(shè)計(jì)和開(kāi)發(fā)理解，給領(lǐng)導(dǎo)們講。最重要的是需求，一定要先理解需求！然后判定前端邏輯和相應(yīng)后臺(tái)邏輯，判定最優(yōu)實(shí)現(xiàn)方法，然后再動(dòng)手畫(huà)原型。（給甲方看的那種除外，行業(yè)一般規(guī)定要高保真）
工具軟件很好學(xué)，重要的是思維。目前實(shí)現(xiàn)效率基本是以前的4倍吧，隨著接觸的東西做的東西越多，做的東西也會(huì)更準(zhǔn)確而又有效率。
說(shuō)得好?。。。∠鄬?duì)于高保真，需求分析與流程邏輯更為重要啊。
不說(shuō)了
非常贊同作者的觀點(diǎn)，產(chǎn)品不是不能畫(huà)高保真的原型圖，而是完全沒(méi)有必要，要多在需求上下功夫，多在情報(bào)搜集上面下功夫，不能撿了芝麻，丟了西瓜。
? 我覺(jué)得作者的想法有點(diǎn)過(guò)于一廂情愿，畫(huà)不畫(huà)高保真原型說(shuō)白了就是需要和不需要的問(wèn)題而已，而不是像你覺(jué)得的畫(huà)高保真不是新手就是為了裝逼
給老板看、給投資人看，當(dāng)然得做高保真的了。