我是如何三天做好一個(gè)產(chǎn)品設(shè)計(jì)的
本篇文章作者分享了一個(gè)產(chǎn)品設(shè)計(jì)的詳細(xì)工作過(guò)程,其中從需求接收,到進(jìn)行設(shè)計(jì),再到設(shè)計(jì)驗(yàn)收,作者的親身經(jīng)歷相信一定能夠給你一些啟發(fā)。
我們已經(jīng)聽(tīng)過(guò)太多的產(chǎn)品設(shè)計(jì)方法論,方法理論很完整、很理想,當(dāng)然也很復(fù)雜。設(shè)計(jì)方法論涉及的流程多,時(shí)間周期長(zhǎng),時(shí)效性比較差。
本人原就職于一家大型上市互聯(lián)網(wǎng)企業(yè),每天都寫(xiě)設(shè)計(jì)案子,一輪一輪品審,一次次修改。等案子確認(rèn)完成后,開(kāi)始設(shè)計(jì)原型,之后再一輪輪評(píng)審,一次次修改……
通過(guò)完善的設(shè)計(jì)方法論進(jìn)行產(chǎn)品設(shè)計(jì),當(dāng)然會(huì)把過(guò)程中考慮得會(huì)比較完善,設(shè)計(jì)方案也會(huì)比較完美。但是代價(jià)是一個(gè)產(chǎn)品的周期拉的特別長(zhǎng)。
離職之后就職于一家創(chuàng)業(yè)公司當(dāng)產(chǎn)品部門(mén)經(jīng)理,管理項(xiàng)目、產(chǎn)品、設(shè)計(jì)。如果有朋友有相似的經(jīng)歷就會(huì)知道,以大企業(yè)的工作模式,寫(xiě)完方法論,過(guò)完稿子的時(shí)間,在創(chuàng)業(yè)公司都已經(jīng)上線(xiàn)了~
所以,想要寫(xiě)一篇文章分享在大部分的創(chuàng)業(yè)公司,我們?nèi)绾芜M(jìn)行快速的產(chǎn)品設(shè)計(jì),同時(shí)又能夠符合規(guī)范的產(chǎn)出,做出有質(zhì)量的產(chǎn)品。
案例分享
前段時(shí)間通過(guò)朋友介紹,我接了一個(gè)政府類(lèi)的Case。過(guò)程比較有趣,希望通過(guò)分享能夠給各位一些啟發(fā)。
項(xiàng)目流程介紹
我先簡(jiǎn)單介紹大概的工作流程,然后再細(xì)分講解我們產(chǎn)品經(jīng)理在產(chǎn)品設(shè)計(jì)的過(guò)程:
- 一個(gè)外包企業(yè)投標(biāo)中了一個(gè)政府展廳百萬(wàn)級(jí)別的單子;
- 外包企業(yè)將展廳的軟件開(kāi)發(fā)模塊外包給了我朋友的開(kāi)發(fā)團(tuán)隊(duì);
- 開(kāi)發(fā)團(tuán)隊(duì)找到我,讓我介入產(chǎn)品的設(shè)計(jì)統(tǒng)籌;
- 完成產(chǎn)品設(shè)計(jì),開(kāi)發(fā)上線(xiàn);
- 結(jié)束。
產(chǎn)品設(shè)計(jì)流程
通過(guò)以上流程的介紹,大家對(duì)這個(gè)項(xiàng)目已經(jīng)有了基本的認(rèn)識(shí)。那我是如何處理產(chǎn)品設(shè)計(jì)流程的呢?
DAY1
第一步:需求接收(微信+電話(huà):20min)
一個(gè)項(xiàng)目經(jīng)理找到我,跟我說(shuō)能否幫他們做一個(gè)政府展廳項(xiàng)目的產(chǎn)品設(shè)計(jì)。通過(guò)簡(jiǎn)單的詢(xún)問(wèn)大概清楚了項(xiàng)目的基本信息。主要溝通的內(nèi)容有:
1. 關(guān)系人是誰(shuí),有誰(shuí)?
- 展廳外包企業(yè)(直接需求方);
- 政府(資方);
- 開(kāi)發(fā)外包(合作方)。
2. 關(guān)系人各自需求是什么?
- 展廳外包企業(yè):根據(jù)企業(yè)與政府前期溝通的需求內(nèi)容,進(jìn)行展廳智能控制系統(tǒng)的搭建
- 政府:需求與外包企業(yè)一致(所以,這里外包企業(yè)其實(shí)是一個(gè)資方,具體實(shí)現(xiàn)效果投標(biāo)時(shí)已經(jīng)確認(rèn))
- 開(kāi)發(fā)團(tuán)隊(duì):三天之內(nèi)出交互終稿,我們等著下鍋開(kāi)發(fā)
3. 產(chǎn)品基本形態(tài)是什么?需要實(shí)現(xiàn)什么功能?
- 就是用Pad控制屏幕的展示內(nèi)容就可以了,很簡(jiǎn)單。這里有一些定義好的內(nèi)容,我發(fā)你看下……(項(xiàng)目經(jīng)理,你確定?)
4. 當(dāng)前基本資料收集分析
- 項(xiàng)目經(jīng)理打包給我看了所有已經(jīng)定義好的內(nèi)容(這個(gè)資料能夠幫組我根據(jù)內(nèi)容和展示層級(jí),預(yù)估具體的工作量)
通過(guò)跟項(xiàng)目經(jīng)理溝通,我大概知道了需要做的產(chǎn)品內(nèi)容、時(shí)間節(jié)點(diǎn)、以及根據(jù)收集的資料,梳理了更多需要理清楚的問(wèn)題,因?yàn)轫?xiàng)目經(jīng)理肯定不清楚,所以需要直接找外包的需求方。
第二步:需求溝通確認(rèn)(電話(huà):30min)
通過(guò)項(xiàng)目經(jīng)理,直接要了需求方的溝通電話(huà),然后根據(jù)接受需求總結(jié)出來(lái)的疑問(wèn),進(jìn)行溝通(這里溝通的是具體的內(nèi)容之間的關(guān)系邏輯,屏幕之間的跳轉(zhuǎn)邏輯、顯示方式、組合方式……):
- 展廳屏幕有幾個(gè)?
- 需要展示的內(nèi)容有哪些類(lèi)型?
- 這些內(nèi)容在屏幕中的組合方式有幾種?
- 層級(jí)有幾層?
- 展示內(nèi)容有幾類(lèi)?視頻、圖片、動(dòng)畫(huà)?
- ……
因?yàn)槭荰oB的產(chǎn)品,且外包平臺(tái)已經(jīng)在投標(biāo)時(shí)明確了產(chǎn)品的方向,所以根據(jù)用戶(hù)體驗(yàn)要素的步驟,他們已經(jīng)確定了產(chǎn)品的戰(zhàn)略層與范圍層,我們現(xiàn)在要做的就是提煉范圍層的功能列表和功能結(jié)構(gòu)。
第三步:談價(jià)格/時(shí)間(重點(diǎn)?。。。。?/strong>
通過(guò)基本的梳理,我們可以根據(jù)自己的收費(fèi)價(jià)格進(jìn)行報(bào)價(jià)。具體情況具體分析,比如項(xiàng)目方的資金啊、項(xiàng)目的緊急程度啊……
結(jié)合實(shí)際情況,我們要給需求方或項(xiàng)目經(jīng)理、老爸報(bào)出合理的價(jià)格,如果是公司內(nèi)部的項(xiàng)目,我們則需要報(bào)出具體的時(shí)間節(jié)點(diǎn)。這個(gè)就是談判,報(bào)價(jià)/報(bào)時(shí)間方式一般為:
- 根據(jù)我們列好的思維導(dǎo)圖組織好內(nèi)容、功能、頁(yè)面的數(shù)量
- 根據(jù)工作量預(yù)估時(shí)間
- 若需要報(bào)價(jià),則可以直接報(bào)出你所期望的價(jià)格,同時(shí)報(bào)出時(shí)間節(jié)點(diǎn)(我是直接告訴項(xiàng)目方需要多少小時(shí),然后我是每個(gè)小時(shí)以多少錢(qián)進(jìn)行收費(fèi))
第四步:面談需求(3h)
產(chǎn)品經(jīng)理通過(guò)電話(huà)溝通是很難對(duì)一個(gè)個(gè)內(nèi)容頁(yè)面進(jìn)行理解的,作為一個(gè)合格的產(chǎn)品經(jīng)理,當(dāng)然是要面對(duì)面溝通(這里不一定就是要跟客戶(hù)見(jiàn)面,因?yàn)橛行┊惖氐目蛻?hù)涉及到溝通就是出差了,所以如果是異地的,可以通過(guò)視頻進(jìn)行溝通;而本地的,可以通過(guò)當(dāng)面溝通來(lái)梳理需求和功能結(jié)構(gòu))。
溝通能力是產(chǎn)品經(jīng)理最基本的能力之一,我個(gè)人認(rèn)為,作為一個(gè)產(chǎn)品經(jīng)理,最重要的就是收集問(wèn)題和需求,然后梳理清楚里面的邏輯,用最好的設(shè)計(jì)提供設(shè)計(jì)解決方案。而交互設(shè)計(jì),只是把方案用合理的交互方式表達(dá)出來(lái)。
所以,我們需要通過(guò)面談溝通確認(rèn)以下幾個(gè)重點(diǎn):
- 【目標(biāo)用戶(hù)】具體誰(shuí)來(lái)操作?
- 【用戶(hù)目標(biāo)】他們想要實(shí)現(xiàn)什么效果?
- 【業(yè)務(wù)邏輯】大方向業(yè)務(wù)流程
- 【操作邏輯】用戶(hù)產(chǎn)品使用流程
- 【場(chǎng)景分析】具體使用場(chǎng)景確認(rèn)
- 【業(yè)務(wù)梳理】每個(gè)頁(yè)面之間怎么跳轉(zhuǎn)?頁(yè)面之間有什么差異??jī)?nèi)容分為幾部分?功能之間……
梳理出以上信息后,其實(shí)就可以開(kāi)始做交互設(shè)計(jì)了。我們做設(shè)計(jì)之前就是要根據(jù)我們?cè)O(shè)計(jì)需要提供什么具體信息進(jìn)行收集,然后跟項(xiàng)目需求方溝通就是把整體的框架和內(nèi)容在腦中搭建好。
DAY2
第五步:交互設(shè)計(jì)(10h)
其實(shí)第一天我已經(jīng)把物理設(shè)備控制系統(tǒng)做好了,但是為了讓大家有一種時(shí)間概念,我還是把交互設(shè)計(jì)放在第二天吧。第一天其實(shí)本身自己的事情也比較多,所以溝通加上設(shè)計(jì)就大概花了半天時(shí)間。這里稍微展示一下第一天三小時(shí)的設(shè)計(jì)成果:
(D1)定義:首頁(yè)、導(dǎo)航框架、整體視覺(jué)風(fēng)格(這里是盡量做成了高保真的交互稿件)
(D1)物理控制頁(yè)面部分展示:
(D2)具體頁(yè)面設(shè)計(jì):
通過(guò)周末一天的緊趕慢趕,當(dāng)天基本產(chǎn)出了所有的交互稿件。
注意:這時(shí)候有人說(shuō)了,你這標(biāo)題黨,看起來(lái)頁(yè)面也沒(méi)有很多啊,那我給你三天你幫我設(shè)計(jì)一個(gè)金融平臺(tái)。是的,我們需要根據(jù)具體的頁(yè)面數(shù)量和需求來(lái)規(guī)劃時(shí)間安排,我這里是舉一個(gè)比較簡(jiǎn)單的軟件。
至于大型平臺(tái)產(chǎn)品,之后個(gè)人會(huì)繼續(xù)分享,大家拍磚請(qǐng)手下留情,哈哈~
DAY3
第六步:設(shè)計(jì)驗(yàn)收(5h)
第二天我做完設(shè)計(jì)稿子后,當(dāng)天便將設(shè)計(jì)稿發(fā)給了需求方進(jìn)行確認(rèn),需求方也根據(jù)他們的想法提供了一些意見(jiàn),我在基于他們的意見(jiàn)修改后,第二天跟項(xiàng)目方大老大進(jìn)行最終的設(shè)計(jì)驗(yàn)收。
設(shè)計(jì)驗(yàn)收流程:
- 根據(jù)設(shè)計(jì)思路,結(jié)合方案演示,表達(dá)設(shè)計(jì)過(guò)程與設(shè)計(jì)想法;
- 按照流程一步步演示,遇到疑問(wèn)處進(jìn)行解答并且記錄(說(shuō)明體驗(yàn)不是特別好,讓用戶(hù)產(chǎn)生疑慮);
- 記錄項(xiàng)目方提出的修改意見(jiàn),并且給出初步的解決方案;
- 完成驗(yàn)收。
完成驗(yàn)收后,一般是不可能一稿過(guò)的,所以這時(shí)候,你需要再報(bào)一個(gè)時(shí)間,就是你的修改所需時(shí)間。前期因?yàn)閷?duì)接的是一般執(zhí)行人員,所以終稿過(guò)案子的時(shí)候,項(xiàng)目方老大一定會(huì)提出一些優(yōu)化建議。因?yàn)樗麄儗?duì)項(xiàng)目是了解最深的人,所以這個(gè)時(shí)候他們的建議可以幫我們完善設(shè)計(jì)方案。
第七步:設(shè)計(jì)優(yōu)化補(bǔ)充(2h)
通過(guò)最后的設(shè)計(jì)方案的優(yōu)化補(bǔ)充,一般你直接講稿件發(fā)送給需求方,在稿子的首頁(yè)寫(xiě)明這次優(yōu)化的點(diǎn),并且添加鏈接備注后,基本就可以過(guò)。坐等收錢(qián)了~
總結(jié)
以上案例分享是基于一個(gè)較小的設(shè)計(jì)需求和項(xiàng)目進(jìn)行總結(jié)的。大型項(xiàng)目有大型項(xiàng)目的設(shè)計(jì)方法,不能一同而論。但是大家可以把這個(gè)當(dāng)做一個(gè)輕量級(jí)的產(chǎn)品,或是一個(gè)需求來(lái)參考。作者本意是希望通過(guò)這個(gè)案例幫助大家,如何對(duì)一個(gè)時(shí)間節(jié)點(diǎn)緊迫需求的設(shè)計(jì)方法:
- 良好的溝通方式能夠幫助設(shè)計(jì)師或產(chǎn)品經(jīng)理快速確認(rèn)清楚需求目標(biāo)、用戶(hù)目標(biāo)、理解用戶(hù)場(chǎng)景……(雖然是二手的轉(zhuǎn)述,但是時(shí)間不等人,對(duì)吧~)
- 復(fù)盤(pán)一個(gè)接單設(shè)計(jì)的流程(或許這個(gè)流程可以幫助你接單也說(shuō)不定,嘿嘿~)。
- 如何合理的安排設(shè)計(jì)進(jìn)度?
致謝
這里為各位同仁介紹了一個(gè)外接單子的項(xiàng)目流程和設(shè)計(jì)流程方法,主要是幫一些初級(jí)設(shè)計(jì)師梳理一下做一個(gè)需求的基本步驟,以及需要注意的點(diǎn)。
希望這個(gè)案例能夠給大家?guī)?lái)一點(diǎn)參考價(jià)值和意義。
謝謝~
本文由 @penn 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自Unsplash,基于CC0協(xié)議
未來(lái)的初級(jí)設(shè)計(jì)師給你點(diǎn)贊??
看得出設(shè)計(jì)者有經(jīng)驗(yàn),很多元件應(yīng)該是以前有的。雖然整體邏輯比較簡(jiǎn)單 但感覺(jué)開(kāi)發(fā)出來(lái)后依然容易走樣。
謝謝分享
哥,你這也不是高保真吧,哈哈,不過(guò)依然點(diǎn)贊
比較高保真一點(diǎn)點(diǎn),不是單純線(xiàn)框圖而已,哈哈
有收獲~
有什么收獲?