產(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)然得做高保真的了。