面對(duì)新產(chǎn)品,該怎樣規(guī)劃設(shè)計(jì)?

21 評(píng)論 38328 瀏覽 336 收藏 11 分鐘

獨(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)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 實(shí)用!感謝!

    來(lái)自四川 回復(fù)
  2. 這就是我要的,謝謝你

    來(lái)自北京 回復(fù)
  3. 受用了 感謝作者分享

    來(lái)自湖南 回復(fù)
  4. 來(lái)自江蘇 回復(fù)
  5. 好實(shí)用!謝謝作者!做了一段時(shí)間產(chǎn)品,拿到需求就開(kāi)始做,從來(lái)沒(méi)有這么系統(tǒng)的想過(guò)來(lái)做產(chǎn)品!希望可以有個(gè)交流的渠道

    來(lái)自浙江 回復(fù)
  6. 于第一版沒(méi)上但是又相對(duì)重要的內(nèi)容,切記將其規(guī)劃到后期的迭代計(jì)劃中去!切記 1.這是為什么呢 2.不規(guī)劃那怎么增加那部分內(nèi)容,不可能不加吧

    來(lái)自四川 回復(fù)
    1. 對(duì)這一點(diǎn)我也有疑問(wèn),于第一版沒(méi)上但是又相對(duì)重要的內(nèi)容,切記的意思是第一版一定要做還是以后就不做了,或者說(shuō)應(yīng)該怎么處理比較好,作者這一點(diǎn)沒(méi)講清楚

      來(lái)自江西 回復(fù)
  7. 很不錯(cuò)的。謝謝作者

    回復(fù)
    1. 謝謝

      回復(fù)
  8. 上圖用什么軟件做的呢,感覺(jué)看起來(lái)很清爽

    來(lái)自四川 回復(fù)
    1. axure,,看不出來(lái)嗎?

      來(lái)自北京 回復(fù)
    2. sketch

      回復(fù)
  9. 你好,請(qǐng)問(wèn)下這個(gè)畫圖工具是?

    來(lái)自陜西 回復(fù)
    1. sketch

      回復(fù)
  10. 思路清晰的文章

    來(lái)自廣東 回復(fù)
    1. 謝咯,希望對(duì)大家有一點(diǎn)點(diǎn)幫助

      回復(fù)
  11. 早,看到好文 ??

    來(lái)自廣東 回復(fù)
    1. thx!

      回復(fù)
  12. 真的很不錯(cuò),一下子把我之前糾結(jié)的點(diǎn)解開(kāi)了。有沒(méi)有關(guān)于賬戶中心的一些想法呀?

    回復(fù)
    1. 沒(méi)細(xì)究過(guò)賬戶中心,不過(guò)你有啥想法可以說(shuō)出來(lái)大家一起交流

      回復(fù)