產品經理和原型設計不得不說的故事

0 評論 6569 瀏覽 5 收藏 11 分鐘

作為產品經理,一直認為原型設計應該不僅僅是設計師們的工作,也應該是產品經理的工作——尤其是在前期需求討論階段。

一個產品的骨架與靈魂,是由產品經理賦予的;血與肉,是由研發工程師賦予的;五官、四肢是由設計師們賦予的。然而,在還沒有血肉之前,如何為團隊成員勾勒出一幅完整的“骨架”,就是產品經理必修的功課了。因為這副骨架勾勒的如何,會直接影響團隊各崗位同事對于需求理解的一致性,有效減少因為理解差異帶來的無意義PK;同時,能夠直接影響前期需求溝通和討論的效率,幫助團隊盡快針對需求達成一致。

綜上,這副需要勾勒的“骨架”圖,就是產品經理需要做的原型設計。

·正文

愛因斯坦說,if I can’t picture is, I can’t understand it.

大多數時候,產品經理們都能picture出自己的產品設計思路,但從某個角度來說,產品經理需要做的工作,比愛因斯坦要困難的多。畢竟相對論不是每個人都能看懂,而產品經理的原型設計卻需要保證團隊中不同崗位、負責不同工作、知識結構各不相同的每個成員,都能夠完全的understand it。

因為前期需要和各個崗位的同事溝通,也就決定了產品經理所做的原型設計需要具備以下特點:

1. 低保真、高效率 —— 不必投入太多精力在美觀和交互邏輯上,只需要表達出核心頁面和功能即可;

2. 易修改、易傳播 —— 能夠方便的進行修改補充,同時可以輕松的導出、共享給項目團隊所有人;

已有的常見工具中:

白板+筆、windows——的確低保真和高效率,但是不能方便的傳播和隨時修改;

excel、visio——它們更適合在需求確認之后,將功能邏輯按照規范做標準化的文字描述;

powerpoint,Photoshop——它們太低效了,往往投入大量時間做了powerpoint講起來是既沒有power也沒有point……

綜上,在這個需要和各崗位成員溝通、需求闡述與確認并快速迭代的過程中(如下圖),產品經理的原型設計必須“高效完成、易于演示、并保證所有成員完全理解”

正所謂,工欲善其事必先利其器。

誠然,我相信小米加步槍也能取得革命的勝利(曾見過有高人用excel也能作出令人乍舌的原型設計),但是,選擇一款適合自己的原型設計工具不是更好?

接下來為大家推薦一些適合產品經理用的原型設計工具:

· web原型設計工具

1. Axure
http://www.axure.com/
http://www.axure.org/

Axure已經在太多的場合被太多次的提起過,在這里不必多言。

優點:
組件/實例資源豐富;see it happen——近乎完美的演示
缺點:
學習曲線陡峭,需要投入較多時間;個人認為不太適合產品經理使用,當然還是建議剛入行的同學花時間學一下。

2. GUI Design Studio
http://www.carettasoftware.com/guidesignstudio/

如果把Axure比作原型設計中的Photoshop,那么GUI Design Studio就是windows 畫圖板了

優點:
簡單、小巧、易學、易用;原型模擬演示功能絲毫不遜色于Axure

缺點:
更專注于windows 桌面軟件的原型設計,對web、手機端設計幫助有限;中文破解版功能有缺失

3. Pencil
http://www.evolus.vn/Pencil/Screenshots.html
https://addons.mozilla.org/en-US/firefox/addon/8487

Pencil是一款以FF插件形式存在的原型繪制工具,如其名一樣簡單,適合用于web原型快速繪制。

優點:
FF插件形式運行;簡單、小巧、快速、方便

缺點:
組件庫較小、功能有限

4. Mockingbird
http://gomockingbird.com/

Mockbird是一款在線原型繪制工具,組件豐富,使用于web端、手機端產品設計。

提供了完全基于瀏覽器窗口的產品原型設計服務,采用了Cappuccino的JavaScript開源框架,能夠較為逼真的模擬 Axure 這類桌面軟件,給用戶極大的親切感。No Flash, No IE, All in Canvas, Apple Style!

優點:
在線即可使用,加載速度快;組件較為豐富、可在線保存

缺點:
不支持IE,對Chrome支持的不好;輸出的PNG不支持中文

5. Mockflow
http://app.mockflow.com/mockflow/

Mockflow是本次需要重點推薦的工具,同樣作為在線版本,其豐富的組件友好而強大,并且支持一個在線共享的組件庫!十分適合web端與手機端產品原型設計。

優點:
組件庫及其豐富,界面炫酷;在線版運行流暢、強大的右鍵菜單;支持中文、多文檔在線保存

缺點:
在線版保存有空間限制;演示功能略遜于Mockups

·手機軟件原型設計部分

1. Mockups
http://www.balsamiq.com/demos/mockups/Mockups.html

Mockups是一款設計師為了自己工作方便而開發的個人軟件,開發者本人都沒有想到手繪的風格和簡單的組件能讓該軟件如此受歡迎,實際上它最吸引人的地方是完美的演示功能。

優點:
為手機端原型設計而開發,模擬演示功能十分強大;風格很萌…

缺點:
基于Adobe AIR,文件尺寸較大時軟件性能表現一般;對中文多字體的支持比較差,不支持插入圖片。

2. iPhone Mockup
http://iphonemockup.lkmc.ch/

iPhone mockup 是一款更專注與iPhone上軟件原型設計的工具,提供了iPhone上常用的全部組件。

優點:

支持在線協作,同一設計可由不同的人修改;iPhone設計組件豐富,并提供手繪和標準兩種風格

缺點:

功能比較少,不支持導出到圖片文件,不支持演示;

3. Lumzy

http://lumzy.com/app/

Lumzy是基于Flash/Flex平臺上的產品原型設計軟件,其組件同樣適合做手機端原型設計。

優點:

界面友好、功能豐富;支持圖片插入,預覽、導出功能;支持手繪、mac、win三種風格切換。

缺點:

適用于手機的組件不如前兩款豐富。

4. iPlotz

http://iplotz.com/app/index.php

與Lumzy相同,iPlotz也是基于Flash/Flex平臺的在線原型設計軟件。

相比前者,iPlotz提供專門針對iPhone的組件庫,同時有非常強大的項目/時間管理功能。

優點:

同Lumzy,包含iPhone專門組件庫,支持html預覽和導出。

總結&建議:

沒有最好的工具,只有最適合自己的工具。只要能高效、準確無誤表達設計意圖的工具,就都是好工具!

先用紙筆手繪,勾畫出產品整體架構;之后再做原型設計。

先用工具做出最常用的組件,并將其group&lock&save,這樣可以節約很多時間。

· 結束語

最后,分享幾點工作中的個人感觸, 與大家共勉:

產品經理并不一定是專才,但應該盡可能做到全才;即便是全才,也不是神,請充分信任伙伴;團隊里肯定不會有豬一樣的隊友,所以請不要把自己當作神……

要充分信任設計師的專業能力,時刻牢記自己代表的用戶,團隊里其他成員也是用戶;不要過分受自己主觀的影響而質疑甚至挑戰設計師的專業能力。

把需求理解的不一致消滅在產品經理的原型設計階段;解放設計師,讓他們全力投入到需求確認后的設計工作中去。

讓我們接過設計師們的槍,一起 ·華·麗·的·戰·吧!

本文來自:http://djt.open.qq.com/article-114-1.html

 

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!