【干貨】我的產(chǎn)品設(shè)計(jì)流程
前期調(diào)研
首先,我得有一個(gè)方向,這款產(chǎn)品最重要的場(chǎng)景是什么,面向哪些受眾,解決什么問題,解決思路又是什么。然后才會(huì)知道,產(chǎn)品是否有趣到挑起我的熱情,以及我的基因是否有信心把它接下來。
接下來調(diào)研競(jìng)品,在Appstore上搜產(chǎn)品類型的關(guān)鍵字,每個(gè)關(guān)鍵字看30-50個(gè)App,感興趣就下載下來。同類型的做得不錯(cuò)的產(chǎn)品,在搜索列表頁多半能進(jìn)TOP50。
當(dāng)初調(diào)研旅行大類的時(shí)候,大概下了近百款產(chǎn)品。這次少一點(diǎn),20款左右,快速捋一遍,一個(gè)個(gè)評(píng)測(cè)并且念念有詞。如果競(jìng)品很強(qiáng),還需要手工統(tǒng)計(jì)內(nèi)容更新量與互動(dòng)數(shù),也看Appstore的排名曲線變化。
產(chǎn)品評(píng)測(cè)沒有任何模板,主要看它哪里能打動(dòng)你,做得差的地方一笑而過,做得好的咂嘴咂舌,評(píng)頭論足,甚至開個(gè)excel記錄下來。評(píng)測(cè)時(shí)特別留意的是:
1、重要功能或特色功能的場(chǎng)景與競(jìng)爭(zhēng)力
2、PGC和UGC(含互動(dòng)部分)的質(zhì)量與風(fēng)格
新手在這里往往犯錯(cuò)誤,只對(duì)比有沒有某一項(xiàng)功能,缺乏對(duì)實(shí)際效果的體會(huì);只看內(nèi)容更新數(shù)量,不重視內(nèi)容瀏覽感受。那一定是買櫝還珠了。
除了看產(chǎn)品本身,對(duì)于重要的競(jìng)品還得Google一下,看看團(tuán)隊(duì)基因,從各種訪談報(bào)道中挖一些背景資料。因?yàn)槲矣猩缃徊荒桶Y,從人脈圈子中八卦打探這個(gè)環(huán)節(jié)就省掉了。
這次的20款競(jìng)品,從搜索到看完,也就大半天時(shí)間,都是不大復(fù)雜的輕量級(jí)產(chǎn)品??赐暝傧霂滋欤a(chǎn)品框架和運(yùn)營框架在腦袋里有了個(gè)基本的形狀。
開始設(shè)計(jì)
我自己的設(shè)計(jì)工具是Axure,我司產(chǎn)品小哥推薦另一款在線設(shè)計(jì)工具叫“墨刀”,也挺好,很適合原型展示(尤其在手機(jī)上展示)。
畫原型圖,我有三個(gè)習(xí)慣。
1、不做任何動(dòng)效。小團(tuán)隊(duì)磨合嫻 熟,攤開原型,一個(gè)個(gè)頁面當(dāng)面講,參與者都是專業(yè)人士,有沒有動(dòng)效不影響理解。一套原型經(jīng)歷幾十遍修改,加動(dòng)效太浪費(fèi)時(shí)間了,盡量把需要?jiǎng)有У牟糠制戒佋?Axure的一個(gè)頁面里,頁面層級(jí)關(guān)系與命名必須嚴(yán)謹(jǐn)清晰,產(chǎn)品文案用反復(fù)推敲的正式版,而不是隨便寫幾個(gè)字先填上以后再改,對(duì)于內(nèi)部溝通,這些比動(dòng)效可 重要太多了。
2、大部分的交互設(shè)計(jì),我都得先找到一個(gè)樣本,它在某一款應(yīng)用里長(zhǎng)什么樣子,摸起來手感如何。每 次畫原型圖的時(shí)候,對(duì)每一個(gè)頁面細(xì)節(jié),腦袋里先有一個(gè)概念,我想要怎樣的布局,怎樣的感覺,然后憑記憶去手機(jī)里(下了300款應(yīng)用)東翻西翻,找到類似的 設(shè)計(jì)點(diǎn)。如果場(chǎng)景相仿,我預(yù)設(shè)的感覺與實(shí)際手感又能搭上,再想想如何移植過來。一方面取百家之長(zhǎng),當(dāng)然你們說是抄襲我也無所謂;另一方面也是功力不夠深 厚,非得在真實(shí)場(chǎng)景“眼見為實(shí)”才吃得準(zhǔn),僅僅看原型圖的話,無法腦補(bǔ)還原現(xiàn)場(chǎng)。
然而翻遍手機(jī)也找不到樣本的情況,必定也是有的。這時(shí)很痛苦,眉毛打結(jié)眼斜嘴歪,不停地自言自語說“太惡心了,太惡心了”。沒辦法,只能硬憋一套無先例的 交互出來。蟬游記PC端的游記排版,移動(dòng)端的游記編輯,蟬游攻略的作者平臺(tái)與攻略瀏覽,都憋得老子面色猙獰。與其說是拼交互創(chuàng)意,不如說是拼場(chǎng)景理解,把 使用場(chǎng)景想得特別透徹,再按照通用的交互規(guī)范去編排頁面與功能。
3、蟬游家的產(chǎn)品框架與(內(nèi)容)運(yùn)營框架都由我來搭,最大的好處是,我對(duì)內(nèi)容需求理解透徹,產(chǎn)品與運(yùn)營的耦合度高,又有擴(kuò)展性。我 經(jīng)常在畫原型之前先去搭(內(nèi)容)運(yùn)營框架,比如這次的新產(chǎn)品,掐指一算,覺得難點(diǎn)不在于交互,就先去整理內(nèi)容類型,一級(jí)二級(jí)三級(jí)標(biāo)簽,近百個(gè)標(biāo)簽挨個(gè)分析 調(diào)研。斷斷續(xù)續(xù)搞了一兩周,覺得運(yùn)營框架理清楚了,這才動(dòng)手畫原型。如果產(chǎn)品經(jīng)理和運(yùn)營經(jīng)理分離,這時(shí)會(huì)很不好辦,大多數(shù)產(chǎn)品是服務(wù)于運(yùn)營的工具,運(yùn)營方 案先行,越細(xì)越好,產(chǎn)品設(shè)計(jì)才容易配合到位。
運(yùn)營框架準(zhǔn)備好之后,我畫原型很快,10個(gè)以內(nèi)的頁面一天畫完,復(fù)雜的大功能模塊只用半天。蟬游記App用了2天時(shí)間出第一版設(shè)計(jì),PC端也是2天,H5版1天。所以看到大公司PM扎堆做一個(gè)項(xiàng)目……撓撓頭,憨厚地一笑。
?產(chǎn)品討論與PRD
原型畫完了,我激動(dòng)得很,到處拉人給意見。當(dāng)然,前提是我對(duì)蟬小隊(duì)足夠信任。一拉五六七八個(gè)人,七嘴八舌指指點(diǎn)點(diǎn),肯定能找出來問題,然后我去改,改完了再集體討論。反復(fù)好幾次,原型算是定稿了,移交給UI設(shè)計(jì)師出圖。
因?yàn)楫a(chǎn)品團(tuán)隊(duì)夠小(PM2/研發(fā)3/UI1),座位又近,PRD也相當(dāng)簡(jiǎn)陋……其實(shí)是根本沒有PRD。頁面效果我跟客戶端工程師口述,簡(jiǎn)單的算法也 口述,比如頁面排序規(guī)則。如果是功能點(diǎn)整理,或者給后端工程師的復(fù)雜算法,就單寫一個(gè)任務(wù)放在Tower.im上。工程師根本不看原型,對(duì)著Tower任 務(wù)看UI稿,搞不懂的地方吼一聲,我立刻屁顛屁顛地跑過去解釋。
所以我的PRD主要是Tower上一長(zhǎng)排任務(wù),按產(chǎn)品模塊進(jìn)行分組。這時(shí)你多半會(huì)問,沒有PRD,產(chǎn)品測(cè)試和交接可怎么辦啊。對(duì)頭!我還有一份細(xì)到 令人發(fā)指的Mindjet測(cè)試用例,上面記錄了每一個(gè)頁面,每一個(gè)功能,每一個(gè)效果的測(cè)試項(xiàng)。帶產(chǎn)品新人的時(shí)候,對(duì)著Mindjet文檔把細(xì)節(jié)過一遍就好 了。每次發(fā)新版本,更新這份用例是件特別惡心的事情,但也得做啊,攤手。
想得起來的經(jīng)驗(yàn)大致這么多,么么噠。
#專欄作家#
純銀V,蟬游記創(chuàng)始人,人人都是產(chǎn)品經(jīng)理專欄作家。前網(wǎng)易網(wǎng)站產(chǎn)品部總監(jiān)。一個(gè)文藝加文筆好的產(chǎn)品經(jīng)理。
本文系作者授權(quán)發(fā)布,未經(jīng)許可,不得轉(zhuǎn)載。
好厲害,后悔為什么沒有早點(diǎn)看到,贊一個(gè),感謝分享
好 ?
謝謝 我還想問哈 商業(yè)和市場(chǎng)文檔 什么時(shí)候?qū)懽詈线m呢 在前期調(diào)研后寫呢 還是后面做原型時(shí)
?
簡(jiǎn)單粗暴實(shí)用,我喜歡,純銀這種風(fēng)格太爽了。
并不是很能幫助到設(shè)計(jì)到復(fù)雜流程的功能,
前天收到您在微博的應(yīng)聘,今天看到您的文章,我很認(rèn)真的看完了,做了筆記,感覺真的好親切。感謝
??
好,贊一個(gè)