面對(duì)新產(chǎn)品,該怎樣規(guī)劃設(shè)計(jì)?
獨(dú)自帶新產(chǎn)品的時(shí)候不知道如何下手…理論都懂,就是不知道該怎么運(yùn)用到實(shí)戰(zhàn)中…本文以app為例,聊聊在項(xiàng)目前期設(shè)計(jì)師應(yīng)該以怎樣的姿態(tài)去做設(shè)計(jì)規(guī)劃~
一個(gè)新app,可能來(lái)自創(chuàng)業(yè),可能來(lái)自公司內(nèi)部的新業(yè)務(wù),也有可能來(lái)自第三方服務(wù)公司的招標(biāo)。由于本人未參與過(guò)招標(biāo)項(xiàng)目,所以只能就前兩種情況談?wù)勛约旱目捶ā?/p>
一、項(xiàng)目時(shí)間
似乎每個(gè)設(shè)計(jì)師都想用盡畢生所學(xué)來(lái)把設(shè)計(jì)做到完美,奈何“項(xiàng)目進(jìn)度”不會(huì)允許這種事情發(fā)生。一個(gè)好的項(xiàng)目,只有搶占了先機(jī)才能在激烈的市場(chǎng)競(jìng)爭(zhēng)中分一杯羹。這時(shí)候時(shí)間的把控就顯得尤為重要,而設(shè)計(jì)又是一件非常耗時(shí)的事…所以,提前規(guī)劃就顯得很重要。
1、創(chuàng)業(yè)項(xiàng)目
創(chuàng)業(yè)項(xiàng)目在初代版本里通常只用一條主線來(lái)突出其核心業(yè)務(wù),附屬業(yè)務(wù)和功能會(huì)選擇通過(guò)版本迭代來(lái)實(shí)現(xiàn)。那么在初版里,對(duì)應(yīng)的設(shè)計(jì)也應(yīng)簡(jiǎn)潔化處理,節(jié)省時(shí)間的同時(shí)也給后面的優(yōu)化留了更多的“路”。倘若第一版就把相應(yīng)業(yè)務(wù)的細(xì)節(jié)設(shè)計(jì)做到了90%,那么后期衍生業(yè)務(wù)的設(shè)計(jì)就會(huì)受到很大限制,而且有可能因?yàn)辇嫶蟮墓ぷ髁客涎舆M(jìn)度。
一個(gè)新app,可以在滿足可用性的基礎(chǔ)上與行業(yè)內(nèi)同類產(chǎn)品(特別是用戶群體占主要市場(chǎng)的產(chǎn)品)保持80%以上的相似度。這樣可以保證用戶的操作習(xí)慣和思維不受破壞,并且能降低學(xué)習(xí)和操作成本,同時(shí)也利于用戶留存。
當(dāng)有了詳細(xì)的需求后設(shè)計(jì)師需要對(duì)一期必要的功能和流程做排序,可參考公式:優(yōu)先級(jí)權(quán)重值=與核心業(yè)務(wù)的關(guān)聯(lián)(系數(shù))*60%+用戶需求(系數(shù))*40%,針對(duì)不同的需求可稀釋公式中的占比以加入更多的標(biāo)準(zhǔn)項(xiàng),例如:品牌基因、盈利點(diǎn)、技術(shù)優(yōu)勢(shì)等。這需要市場(chǎng)、運(yùn)營(yíng)、產(chǎn)品、技術(shù)各方共同衡量,并按權(quán)重比給出最終排序。著重設(shè)計(jì)排序靠前的功能和流程,并充分借鑒同類優(yōu)秀產(chǎn)品。針對(duì)剩余部分,可在滿足基本操作的前提下適量加入平臺(tái)個(gè)性(品牌)元素。
2、公司內(nèi)部新業(yè)務(wù)
公司內(nèi)部的新業(yè)務(wù)往往有較為嚴(yán)謹(jǐn)?shù)臉?gòu)思,且項(xiàng)目時(shí)間的緊急程度相對(duì)創(chuàng)業(yè)來(lái)說(shuō)也較弱。除此,資源相對(duì)充足,有明確的運(yùn)營(yíng)、產(chǎn)品、市場(chǎng)人員制定前期的項(xiàng)目調(diào)研、規(guī)劃。那么,根據(jù)其它部門人員提供的材料,設(shè)計(jì)師就能更好的根據(jù)自身平臺(tái)特性去做規(guī)劃。若新app跟公司內(nèi)現(xiàn)有產(chǎn)品存在關(guān)聯(lián)性,更是可以參考現(xiàn)有產(chǎn)品的整體設(shè)計(jì)特征,以滿足自有用戶的需求。
二、跨部門學(xué)習(xí)
設(shè)計(jì)與產(chǎn)品、運(yùn)營(yíng)、技術(shù)、市場(chǎng)等,雖然各司其職但是工作又經(jīng)常相互交叉。所以,設(shè)計(jì)規(guī)劃不應(yīng)該僅限于設(shè)計(jì)的規(guī)劃,更是就要求設(shè)計(jì)師能夠主動(dòng)去了解其它領(lǐng)域,并將其融入、應(yīng)用到設(shè)計(jì)中去。
設(shè)計(jì)與產(chǎn)品。在項(xiàng)目前期沒(méi)有具體的項(xiàng)目文檔時(shí),設(shè)計(jì)師至少需要知道以下兩點(diǎn):app的核心業(yè)務(wù)、使用人群,這兩點(diǎn)可以支撐設(shè)計(jì)師啟動(dòng)前期的調(diào)研工作。調(diào)研時(shí),除了設(shè)計(jì)元素,我們需要更多的關(guān)注其它app的亮點(diǎn)功能,了解產(chǎn)品為什么要這么做,滿足了哪些用戶需求或者商業(yè)利益,根據(jù)導(dǎo)向結(jié)果來(lái)反推設(shè)計(jì)邏輯。當(dāng)我們研究明白這其中的設(shè)計(jì)原理和商業(yè)目的后,就可以做到舉一反三并靈活運(yùn)用了。當(dāng)然,也可以直接把這些亮點(diǎn)按照自身平臺(tái)的特性去做改變,將其規(guī)劃到后期的設(shè)計(jì)中去。
設(shè)計(jì)與技術(shù)。主導(dǎo)一個(gè)新產(chǎn)品時(shí),設(shè)計(jì)師要確認(rèn)它會(huì)涉及到哪些平臺(tái),mobile(ios、安卓、windows phone)、pc、pad、watch等。作為設(shè)計(jì)師,不僅要熟知各種設(shè)計(jì)規(guī)范,更要了解各平臺(tái)在實(shí)現(xiàn)相同元素可能會(huì)遇到的技術(shù)壁壘,并提前預(yù)估這些壁壘可能帶來(lái)的風(fēng)險(xiǎn)。所以在追求效果和體驗(yàn)之前需要衡量開(kāi)發(fā)成本和風(fēng)險(xiǎn),以及做到各端統(tǒng)一的必要性。其次,考慮單個(gè)平臺(tái)的不同特性。以pc為例,很多公司在站點(diǎn)里加入了響應(yīng)設(shè)計(jì),用戶在縮放瀏覽器時(shí)不會(huì)影響到重要內(nèi)容和操作控件的獲取。那么對(duì)于沒(méi)有響應(yīng)設(shè)計(jì)時(shí),設(shè)計(jì)師就需要考慮需通過(guò)怎樣的 布局才能避免用戶在縮放瀏覽器時(shí)遺漏重要信息。
設(shè)計(jì)與運(yùn)營(yíng)。商業(yè)公司不是公益組織,它的大部分工作都是為了實(shí)現(xiàn)經(jīng)濟(jì)價(jià)值,所以設(shè)計(jì)也自然包含其中。而運(yùn)營(yíng)就是一個(gè)幾乎完全從公司利益出發(fā)的群體,作為設(shè)計(jì)師,提高一下運(yùn)營(yíng)意識(shí)能更容易讓自己的設(shè)計(jì)轉(zhuǎn)化成經(jīng)濟(jì)價(jià)值。設(shè)計(jì)師可以主動(dòng)去了解新產(chǎn)品的運(yùn)營(yíng)策略和了解方案,將其簡(jiǎn)要拆分為線上活動(dòng)和線下工具衍生策略。根據(jù)不同的策略類型分析出產(chǎn)品自有需求和用戶需求,以此來(lái)給出設(shè)計(jì)方案。
設(shè)計(jì)與市場(chǎng)。創(chuàng)業(yè)團(tuán)隊(duì)通常沒(méi)有足夠的資源去建立品牌體系,所以初版時(shí)會(huì)選擇弱化品牌基因。那么,設(shè)計(jì)師應(yīng)謹(jǐn)慎在頁(yè)面內(nèi)加入宣導(dǎo)性的文字和具象的圖形設(shè)計(jì)。因?yàn)橐坏┳層脩粜纬慑e(cuò)覺(jué),后期再去改變他們的意識(shí)就沒(méi)那么容易了。所以,在沒(méi)有明確的品牌設(shè)定之前,給用戶展現(xiàn)一個(gè)“單純”的app是比較明智的選擇。如果已經(jīng)有完善的品牌體系,需詢問(wèn)明確市場(chǎng)部的需求(是否有第三方合作入口、是否會(huì)有廣告和公關(guān)公告等),考慮這些需求的重要性、展示頻率、展示時(shí)長(zhǎng)、突發(fā)性來(lái)計(jì)劃品牌的定制設(shè)計(jì)。
三、設(shè)計(jì)框架
下面來(lái)說(shuō)說(shuō)怎樣通過(guò)核心功能來(lái)反推設(shè)計(jì)邏輯,以及搭建app的框架結(jié)構(gòu)。
1、首先我們要明確用戶在產(chǎn)品里的最終導(dǎo)向是什么,在用戶與導(dǎo)向結(jié)果之間建立簡(jiǎn)單的關(guān)系紐帶。以貸款業(yè)務(wù)為例做分析(簡(jiǎn)化版):
2、以紐帶中的節(jié)點(diǎn)向外延伸,有規(guī)劃的思考出建立這個(gè)紐帶所需要的和涉及到的所有元素。這時(shí)候能大概了解到支撐核心功能需要哪些輔助操作,而這些支流程正是用戶的操作主體。
3、以支流程為出發(fā)點(diǎn)繼續(xù)向外作關(guān)聯(lián)性發(fā)散,所得元素可作為平臺(tái)節(jié)構(gòu)的基本組成部分。這些組成部分應(yīng)滿足于解決支流程里所涉及到的用戶痛點(diǎn)。
4、根據(jù)一期的產(chǎn)品規(guī)劃對(duì)上述延伸圖進(jìn)行精簡(jiǎn),將保留下的元素進(jìn)行頁(yè)面定義并整合。篩選出tab頁(yè)簽。
5、確定tab頁(yè)簽后,對(duì)功能入口、頁(yè)面、操作流程等進(jìn)行歸類。需要注意各頁(yè)簽的重疊部分,判斷重疊內(nèi)容的是需要單一存在還是多重展現(xiàn)。到此,已經(jīng)可以完成基本的app架構(gòu)設(shè)計(jì)。
點(diǎn)擊查看大圖
做完框架,可以開(kāi)始有針對(duì)性的設(shè)計(jì)體驗(yàn)了。搞清楚用戶需求和業(yè)務(wù)目的,即用戶意向和產(chǎn)品意向。對(duì)以上兩項(xiàng)給出優(yōu)先級(jí)排序,并將權(quán)重較高的內(nèi)容作集合。將集合內(nèi)的內(nèi)容與結(jié)構(gòu)圖進(jìn)行有機(jī)關(guān)聯(lián)。
點(diǎn)擊查看大圖
于第一版沒(méi)上但是又相對(duì)重要的內(nèi)容,切記將其規(guī)劃到后期的迭代計(jì)劃中去!切記!
至此,項(xiàng)目前期的設(shè)計(jì)規(guī)劃工作基本上算是完成了。當(dāng)然,根據(jù)不同的業(yè)務(wù)特征需要加入不同的訪談、分析、可用性測(cè)試等。整個(gè)項(xiàng)目結(jié)束后記得回顧總結(jié),通過(guò)項(xiàng)目成果來(lái)找出前期工作的優(yōu)缺點(diǎn)。取其精華,去其糟粕,總結(jié)一套屬于自己的方法論,為以后的工作打下基礎(chǔ)!
以上是個(gè)人在工作之余的一些總結(jié)。不足之處有很多,希望大家能及時(shí)指出。篇幅有限,省略了很多細(xì)節(jié)描述,感興趣額話可以進(jìn)一步交流,共同提升~
作者:bruce,UE設(shè)計(jì)師,主導(dǎo)過(guò)app設(shè)計(jì)也搞過(guò)創(chuàng)業(yè)項(xiàng)目。
本文由 @bruce 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
實(shí)用!感謝!
這就是我要的,謝謝你
受用了 感謝作者分享
贊
好實(shí)用!謝謝作者!做了一段時(shí)間產(chǎn)品,拿到需求就開(kāi)始做,從來(lái)沒(méi)有這么系統(tǒng)的想過(guò)來(lái)做產(chǎn)品!希望可以有個(gè)交流的渠道
于第一版沒(méi)上但是又相對(duì)重要的內(nèi)容,切記將其規(guī)劃到后期的迭代計(jì)劃中去!切記 1.這是為什么呢 2.不規(guī)劃那怎么增加那部分內(nèi)容,不可能不加吧
對(duì)這一點(diǎn)我也有疑問(wèn),于第一版沒(méi)上但是又相對(duì)重要的內(nèi)容,切記的意思是第一版一定要做還是以后就不做了,或者說(shuō)應(yīng)該怎么處理比較好,作者這一點(diǎn)沒(méi)講清楚
很不錯(cuò)的。謝謝作者
謝謝
上圖用什么軟件做的呢,感覺(jué)看起來(lái)很清爽
axure,,看不出來(lái)嗎?
sketch
你好,請(qǐng)問(wèn)下這個(gè)畫圖工具是?
sketch
思路清晰的文章
謝咯,希望對(duì)大家有一點(diǎn)點(diǎn)幫助
早,看到好文 ??
thx!
真的很不錯(cuò),一下子把我之前糾結(jié)的點(diǎn)解開(kāi)了。有沒(méi)有關(guān)于賬戶中心的一些想法呀?
沒(méi)細(xì)究過(guò)賬戶中心,不過(guò)你有啥想法可以說(shuō)出來(lái)大家一起交流