產品經理應不應該做高保真原型?

因為老闆看到低保真原型會不高興,所以都略過低保真,直接做高保真
但是視覺設計師看到高保真也不高興,表示線框圖最好


PM真的不應該把時間放在高保真原型上,這是對UI的不尊重啊。你搞個巨牛B的高保真原型,UI會說,你不就是讓我把它畫一下嘛,他們就按照你的樣子,簡單畫一下交貨了,完全是限制了他們的發揮。

一般只有一種情況產品需要把原型搞的高保真:那就是UI老私自改你的原型,還不跟你商量。。因為這樣做,就跟UI說,你就按照我的原型做,別瞎BB。


從原型的角度,PM的重點是這個:

  • 原型之間的關係,也就是邏輯與流程及對應的頁面。
  • 產品的核心元素,你不要漏東西,多一分不多,少一分不少。
  • 讓原型條理很清晰,可操作,可以把原型用invision 處理一下,這樣可以點擊可以操作了。Free Web Mobile (iOS, Android) Prototyping and UI Mockup Tool

如果老闆嫌原型丑,一般不是因為原型丑,而是你做的東西條理不清晰,說不明白,只能去挑樣子的毛病了。同樣的問題,在需求評審的時候也是這樣的,如果需求不明不白,邏輯不清不楚,流程圖又沒有,所有人都會盯著樣子看,結果當然死得很難看。


把握好那個度,界面清晰,該有的元素都有,並且分出主次就夠啦
不要上顏色、或做方形、圓形以外的修飾元素,以便讓視覺去發揮
例如下圖這種就蠻好的:


高保真不是保UI,而是保業務流程和交互。。。


產品經理就是個手藝人,不同手藝人有自己的堅持,所以沒有對錯一說。
我做高保真原型,兩個原因,一是做每個頁面都會糾結信息架構和視覺傳達是不是準確,因為這也是產品一部分,琢磨的時間手不閑著,順便完善細節;二是我對產品UI設計風格也有設想,表達在產品原型上,希望能影響到設計師按照我想的風格做UI。
收穫的意外好處是能獲得交互設計師和UI設計師的尊重,同時給任何人講解需求都很順暢,最後完美主義的產品經理都希望開發過程中不改需求,多年堅持做高保真原型的回報就是,現在基本做到不改需求了…


原型是會經常改的好么,老闆再向你要高保真,你可以問他你是想改一次需求第二天就看原型,還是想過一周再看


你都知道該怎麼辦了,別人的建議還有什麼用呢。

個人理解的高保真,除了演示的平台不同外,可以認為是像素級保真,交互動畫和時間也包括在內。所以每次做都非常花時間是事實。


大家在討論這個問題的方向上有點偏了。

什麼是高保真原型:
高保真原型意味著原型已經跟成品在視覺、邏輯、使用方式、感覺、功能上保持了高度一致。
---《網站藍圖-Axure RP高保真原型網頁原型製作》

由此,高保真原型應該是在做出線框圖後,設計師將設計圖做出來後,然後在放置在原型中的,才叫做高保真原型。而產品經理或者產品人員做出來的帶有圖片或者色彩的原型,都不能說是高保真原型。

因此,我們在高保真原型上有了一定的認知錯誤,那麼產品經理該如何做到所謂的「高保真原型」呢?

  • 功能布局:通過原型線框圖,將整個頁面設計到的每一個功能點以及圖標、圖片等通過線框圖的方式展現出來,是每一個功能點、圖標、圖片;
  • 業務邏輯:每一個按鈕所對應點擊之後去哪裡,怎麼回來,以及一個業務上的操作流程等等。怎樣的一個流程讓用戶不會陷入到「陷阱」之中,這個是非常重要的;
  • 各類情況考慮:對於一個頁面,用戶在不同的狀態下,可能顯示的文字信息是不同的。因此將每一個可能出現的情況都考慮周全,被配上合適的文字。或者某些頁面需要一些語言描述,比如說歡迎頁面該寫什麼,這些也要考慮進去。在給設計師以及工程師的時候,能夠讓他們直接上手,而不是在開發的時候,來問「小馮,你這個頁面的文字是這樣的么?」那麼這個時候就是失敗了;或者說,「小馮,你看我們還有一種情況沒考慮進去啊?」。這樣的原型就不是高保真的原型了。

做到了以上三點的原型,才能夠說是產品經理這裡所謂的高保真原型設計。而產品經理給出的所謂的圖片、色彩什麼的,都只是在對UI設計師耍流氓而已,也是在對我們浪費時間。

因此,考慮清楚自己的身份以及職責,不要過多的去涉及到他人的工作範疇,這樣不僅浪費時間,也對他人的工作造成了影響。也把自己寶貴時間也浪費掉了。得不償失。

如果想要讓頁面看起來更加美觀一點,不如想辦法通過尺寸規範化、線框顏色規範化這樣的方式來增加自己的原型美觀度。


1. 有交互設計師時,由交互設計師和PM共同完成(交互主操刀);
2. 無交互設計師時,PM自己做原型,但如同其他知友所說,要把握好度,邏輯清晰、交互合理、元素齊全,表現層上面的工作,還是讓更為專業的UI發揮吧。


1、給老闆看當然要看高保真原型了,因為圖文並茂才能快速理解產品嘛,給個線框圖和邏輯線你讓老闆搞推理和聯想嗎?

2、在一個項目初始階段,在產品構思過程中,產品經理通過繪製高保真的原型有利於產品經理把握產品的氣質,抓住「產品感」。

3、在項目中期,產品經理和視覺設計師有了一定的默契,產品經理一般用線框圖就行了,產品經理也省時省力啊。

4、實際工作過程中設計師可能是公共資源沒有充足的時間來達成高質量的設計或者能力不足,需要產品經理做一些視覺方面的工作,來控制下視覺設計的質量也是經常發生的事情。

5、如果視覺設計師看到高保真原型不高興,你可以做低保真的交由設計師完成高保真部分,然後在展示過程中強調是在你們的配合共同完成。

6、做低保真原型也要做到排版優良、信息明確、元素清晰。低保真是保真度低,不是差。

7、做高保真原型有助於提高產品經理的審美能力。比如發現一個像素問題。


這有什麼好吵的? 出高保真還是出線框,都是根據閱讀的對象來決定的,不是你自己想應不應該來決定的。 要看你原型的是客戶,這個客戶比較在意外觀,你出個草稿線框圖看看?他不罵你這什麼玩意都不錯了。 另一個情況,你團隊里大家都配合熟門熟路了,現在有個功能要快速出原型溝通,這時候你花1天時間弄個高保真的不是腦殘嗎?


我可不可以實名小聲稍微反對一點 @布棉|徐財星 的答案?理由是偏題了…… @布棉|徐財星 所說的「需求、邏輯、流程」等,的確是核心,但這些也是前提,如果一個產品經理連這些都沒搞懂,無法想像他怎麼能做出原型。所以我們現在討論的應該是「額外的高保真原型有沒有必要」。

這裡強調一個個人觀點:對實際開發、實施工作來說,高保真原型是沒用的,它最大的作用是溝通認知而已。

開發會按照你的原型去做嗎?不會,他只看需求文檔。介面會考慮你的原型嗎?不會,他只會看介面文檔。各個平台會看你的原型嗎?不會,他只管規則和邏輯。這些需要用文檔、表格、線框流程圖去說明。

高保真原型很大程度是用來砸客戶(大領導)的。

其次個人也很反感「高保真」這個城鄉結合村炮土鱉形容詞,叫「擬真原型」更合適,不過很多人這麼叫,可恥的從眾了……

先上幾張圖,都是1、2年前的東西,樣子比較土鱉,不過也沒什麼危險了。

這裡就不要討論「我的UI水平和審美水平」吧……汗~ 只是討論「用AXURE+Photo Shop」做一個原型值不值?

一、我的原型模擬到什麼程度

1、UI完全模擬,第一個蛋疼到連手機外框都加上了。

2、流程完全模擬,所有成品應該具備的業務流程、使用流程、反饋信息等全都有。(當然僅限前端)

3、交互完全模擬,所有按鈕、菜單、層……等操作和互動元素,都是活的,都是成品級效果。你用這個原型就和使用客戶端一樣,當然返回結果是假的。

簡單說,就是沒有數據、介面能力,使用和視覺上追求完全和成品一致。

二、為什麼要把原型做到亂真的地步?

1、避免認知盲區,自己懂不代表客戶也懂,拿著線框圖拿去提案,各種流程講得客戶滿腦袋大包這種事並不少見。客戶「不懂」是正常的,但你千萬不要低估客戶的「不懂」(人家懂還會找你么)。所以額外準備一個高保真原型不是壞事……

2、客戶要的是結果,結果就是最終用戶手裡的客戶端。尤其是客戶中的大老闆,他不管硬體環境、不管介面、不管數據,他就是要看最後客戶端是啥樣、怎麼用。你先給他結果,再講過程,他認可了結果,過程自然有各個部門主管和你的技術人員去討論,事情就好辦多了。

除了在電腦上演示,我做的原型還可以在手機上運行(事先打聽好客戶領導的手機型號,製作一個對應的原型),拿著手機給他看,效果更直觀(當然反應速度等和真的還是有差別)。

3、要改UI怎麼辦?沒覺得是什麼問題……做都做出來了,改還是問題么?其實改UI最大的問題不是工作量,而是審美的主觀性和交流的偏差!我就不信你們沒遇見過要界面「酷炫一點」、「高大上一點」的客戶!!!這才是問題好不好!!!

三、做這種原型內部會不會有問題

個人覺得真正的產品經理,應該有絕對或起碼大部分的掌控權和決定權,否則只能叫產品設計、邏輯設計。你製造一個東西,要有權力決定他的內在和外在。

好吧其實我就是產品經理出身的主管(項目/設計/產品/開發/運營等人員),個人技能比較雜,除了開發和伺服器實施不懂,別的基本都會點(肯定不如人家專職那麼專業)。所以一是具備做這種原型的能力,二是沒人會不樂意(操我替你們幹活還不樂意?)。現在一般的任務都是交給別人做,遇見大案要案或者自己手癢了才出手。

當然,也可以調動產品經理、UI設計等資源去做這樣一個原型,但很多時候是一邊做一邊完善思路(包括自己想、和別人討論),思路不確定的情況下折騰大家幹嘛?思路確定的話……在這個過程中我都做完了好不好?

其實我也不是多樂意做,有些事你一旦沾手,想交出去都很麻煩,思路要點需求等要素都要和別人交代,可有些比較重要的東西客戶就是要我做……他不懂也不管你的組織結構啊


我能說畫高保真的都太閑了么﹉


首先我提出一個觀點:畫原型,是為了更好的表達你的產品思路

還記得去年9月份的時候,團隊里一個實習生妹子問她的開發經理:XX(我)是幹嘛的?然而我們已經一起合作過一個版本了,卻還不知道我是幹嘛的。每天東跑跑西晃晃,和這個聊聊天,和那個開開玩笑。在別人眼裡產品經理就是什麼都不做的,「你想那點功能不就是抄抄競品嗎,我也會做」這種想法似乎已經根植於程序員的腦子裡了。

前些日子和組裡的產品經理聊天,他提出一個觀點,說「產品經理其實是不干事的」。仔細想了想,好像確實是這樣的。產品經理只需要考慮做什麼就行了。項目進度?有的公司沒有項目經理,那產品經理來兼職。有的公司沒有交互設計,那產品經理來兼職。有的公司沒有運營,產品經理也來兼職。久而久之,產品經理在大家眼中就變成了什麼都干,什麼又都不幹的角色,也難怪有人問產品經理到底是做什麼的了。

其實我想說的就是我們產品經理就是不做事的!(不服你咬我)。如果你現在正在干著那些雜七雜八的事,每天花費大量的時間在對付別人,最終導致你在產品經理的路上越走越遠,最後變成了一個只會響應需求,沒有獨立思考能力的機器。各位產品經理趕快跳出來看看自己的處境,是不是也像我說的那樣呢?
所以我總結了以下幾點(可能後續會繼續補充),希望各位產品經理們看完之後能夠回頭總結下自己的整個工作流程,是不是把時間花費在了很多不必要的地方,而忽略了最重要的自身對產品的思考呢?

**要產出高質量的產品文檔**
我真的是一個很懶很懶的人,prd能不些就不寫就不寫,團隊開發幾個版本之後不寫文檔的缺點暴露無遺。首先,不寫prd,在開發過程中開發會一直來問你,這個地方怎麼做?這個地方的邏輯是什麼?測試的時候測試來問你這個做的對不對?這個功能的異常狀態缺失等等。其次,在開發階段,開發完全憑靠當時在版本迭代會對新版功能的印象或者根據設計圖去開發,這樣一來如果開發記錯了,或者中間需求有變更,介面有調整,就會造成在功能驗收期間發現功能做的驢頭不對馬嘴,我要的彈出的交互效果怎麼變成翻頁了。 這個時候往往已經處於開發掃尾階段,如果做調整很有可能來不及,而且開發也會一萬個不樂意,誰讓你不寫文檔?你都是口述的誰能記得住?況且你當時說的就是這個,我就是按照你說的去做的,憑啥要改?這個責任一定是產品經理的,到了這個時候也只能硬著頭皮讓功能上線,造成的後果一定都得是產品經理擔著。
所以,產出一份高質量的,詳細的產品文檔是非常有必要的,寫文檔會花一些時間,但是能在之後省不少時間呢,能讓你擁有完整的時間投入到產品調研設計上去。

**不要糾結於高保真的原型圖**
昨天一個產品經理朋友在群里說:「為了能用sketch,我得去買一個macbook去」。我跟他說,一般情況下產品經理用不著畫高保真的原型圖,我覺得是一種浪費時間的行為。我自己也用sketch畫過幾次高保真的原型圖,基本上和設計稿沒有什麼區別,甚至能夠拿來直接開發,但是我消耗在上面的時間是我用axure畫圖的兩倍甚至更多(我用axure畫的圖質量也比較高)。

所以我同樣不建議產品經理過度執著於畫高保真的原型圖,如果你團隊完整的的話,這些事情交給專業的人來完成,產品經理還是把精力更多的放到產品上來。


能用筆在紙上畫的堅決不在電腦上做,寧可複製頁面串起來,也不用動態面板搞起來。至於高保真,只能呵呵了,有的閑再說高保真吧


個人認為,很明顯是出比不出好
1、可以裁掉一個蹩腳美工,省掉費用
2、可以直接按照自己的神聖意圖做出宇宙最牛逼的產品
3、直接輸出給程序猿,看他敢不敢對1px說一個不字!


給設計師看的當然不能是高保真原型,那樣會影響設計師的構思。如果要做高保真原型的話,應該是等UI稿出來之後再做。

做高保真原型真的相當費時費力,實際工作中不一定要做高保真原型,應視具體情況和資源條件而定。其實高保真原型的意義主要並不在於向開發人員更清楚地傳達信息,而在於讓產品人員、測試人員乃至內測用戶更早、更精準地獲得產品的使用體驗,從而更早地發現設計或者功能流程上的問題並及時修正,這樣與開發工作結束後才發現和修正這類問題相比,能節省很多成本。


在一個真正有水平的UI設計師面前,產品經理的高保真原型是無意義的,除非產品經理也是UI大神。


我會畫高保真原型,因為一般公司沒有交互,所以做一部分交互的工作
這不是關鍵
關鍵是我通過高保真原型把流程和交互想得非常清楚


今天用了一天畫了一個高保真...附交互....附帶交互文檔.....PRD的demo然後感覺整個人都不好了。


顯然不應該,一個產品經理最該專註的是產品什麼性格,而不是產品外表長什麼樣。如果糾結於具體UI,那麼以後返工的代價太大。簡單的線框圖表達產品意圖,然後是小範圍調研,很多具體的UI實現會受限於平台本身,這個活需要UI設計師和開發線下溝通解決。


高保原型本來就不是產品經理的活,做個毛線。


推薦閱讀:

像這種效果是如何實現的?
簡潔的界面怎麼樣讓用戶覺得很有細節?
如何從零基礎開始學習平面設計?
色弱如何辯知色彩?
如何評價聶永真?

TAG:產品經理 | 產品設計 | 視覺設計 | 原型設計 | 高保真原型 |