為了溝通到位,我為設(shè)計(jì)師們專門(mén)準(zhǔn)備了一份原型文檔

10 評(píng)論 15488 瀏覽 169 收藏 9 分鐘

直接交付設(shè)計(jì)的文檔只有一份帶有簡(jiǎn)要說(shuō)明的原型文檔,這樣設(shè)計(jì)就只能根據(jù)自己的思路猜測(cè)文檔中的部分功能與邏輯。

也不知道誰(shuí)規(guī)定的,許多剛?cè)胄械漠a(chǎn)品er 都感覺(jué)需求交接時(shí),最痛苦的事情就是和開(kāi)發(fā)溝通。

其實(shí),在產(chǎn)品經(jīng)理的日常工作中,只要需求有合適的理由,流程比較完備,邏輯基本能夠自洽,與開(kāi)發(fā)交接需求并不是一件很難的事情。然而,即使你提出的需求滿足上述所有條件,有時(shí)候也很難和設(shè)計(jì)達(dá)成方向上的一致。

筆者在創(chuàng)業(yè)公司工作時(shí),遇到最多的情況就是面對(duì)負(fù)責(zé) UI 的設(shè)計(jì)師,一個(gè)需求需要反復(fù)溝通,不斷修改,往往需要經(jīng)歷 N 多版才能定稿,工作強(qiáng)度大幅提高,搞得大家痛不欲生。

那么,造成這種情況的原因是設(shè)計(jì)師專業(yè)能力不足么?

在產(chǎn)品復(fù)盤(pán)時(shí),筆者專門(mén)拉了一個(gè)微信群和設(shè)計(jì)同學(xué)們溝通,驚奇地發(fā)現(xiàn)大家對(duì)產(chǎn)品方案的了解程度遠(yuǎn)低于預(yù)期,細(xì)問(wèn)后才發(fā)現(xiàn):雖然公司內(nèi)部產(chǎn)品方案交付前至少會(huì)經(jīng)理 5 此評(píng)審會(huì),但只有一次專門(mén)的設(shè)計(jì)評(píng)審會(huì)叫上組內(nèi)所有的設(shè)計(jì)同學(xué)(其它的都是找代表參加)明確方案細(xì)節(jié);此時(shí)產(chǎn)品方案的諸多細(xì)節(jié)都已基本確定,信息量很大,設(shè)計(jì)的小伙伴普遍表示自己根本記不住那么多細(xì)節(jié),而為了節(jié)省時(shí)間,PRD 基本上只針對(duì)開(kāi)發(fā)同學(xué)的需要編寫(xiě)。直接交付設(shè)計(jì)的文檔只有一份帶有簡(jiǎn)要說(shuō)明的原型文檔,這樣設(shè)計(jì)就只能根據(jù)自己的思路猜測(cè)文檔中的部分功能與邏輯。

當(dāng)然,如果設(shè)計(jì)同學(xué)遇到問(wèn)題后能馬上提出,也是能夠快速溝通解決的,但我們也不能期望大家一遇到問(wèn)題就跑到相關(guān)責(zé)任人的工位去對(duì)接,畢竟時(shí)間成本太高。

問(wèn)題

與設(shè)計(jì)師的直接溝通成本過(guò)高,異步溝通效果差,設(shè)計(jì)師無(wú)法精準(zhǔn)理解需求。

目標(biāo)

盡量在保證不變動(dòng)現(xiàn)有工作流程,不增加文檔編寫(xiě)負(fù)擔(dān)的情況下,提升異步溝通的質(zhì)量。

現(xiàn)狀

1、工作流程

  1. Boss 提出產(chǎn)品方向,明確戰(zhàn)略層需求。
  2. 與 Boss、COO 和 CTO 一起討論市場(chǎng)機(jī)會(huì)和用戶需求,確定產(chǎn)品范圍層的信息和核心功能點(diǎn),確定大致的上線時(shí)間點(diǎn)。
  3. 產(chǎn)品經(jīng)理開(kāi)展競(jìng)品調(diào)研、分析,提出產(chǎn)品方案(輸出紙面概念草圖)。
  4. 方案評(píng)審會(huì)議,確定產(chǎn)品方案。
  5. 產(chǎn)品經(jīng)理結(jié)合方案與公司業(yè)務(wù),拆分方案,設(shè)計(jì)信息架構(gòu)并與 Boss 討論確定。
  6. 產(chǎn)品評(píng)審會(huì)議,與主要部門(mén)的代表溝通產(chǎn)品方向和需求,描述產(chǎn)品藍(lán)圖。
  7. 產(chǎn)品經(jīng)理細(xì)化方案,繪制原型草圖并與 Boss 討論確定。
  8. 原型細(xì)化原型,與 CTO 和設(shè)計(jì)同學(xué)溝通討論。
  9. 原型自查,防止遺漏和流程缺失/錯(cuò)誤。
  10. 技術(shù)評(píng)審會(huì)議,確定產(chǎn)品細(xì)節(jié)的可行性,提前交付部分特殊需求。
  11. 運(yùn)營(yíng)評(píng)審會(huì)議,確定未來(lái)的產(chǎn)品形態(tài),與運(yùn)營(yíng)同學(xué)溝通運(yùn)營(yíng)策略的設(shè)計(jì),接收新的運(yùn)營(yíng)需求,調(diào)整方案并知會(huì)開(kāi)發(fā)。
  12. 設(shè)計(jì)交接會(huì)議,和 Boss 一起,與組內(nèi)全部設(shè)計(jì)同學(xué)明確產(chǎn)品設(shè)計(jì)的細(xì)節(jié),介紹產(chǎn)品功能點(diǎn),同時(shí)交付原型文檔進(jìn)入設(shè)計(jì)階段。
  13. 產(chǎn)品經(jīng)理在原型文檔的基礎(chǔ)上開(kāi)始 PRD 細(xì)節(jié)的編寫(xiě)。
  14. 各種 PRD 評(píng)審。
  15. 分階段交付 PRD。
  16. 其它……

2、設(shè)計(jì)師關(guān)注點(diǎn)

和設(shè)計(jì)同學(xué)聊過(guò)后,發(fā)現(xiàn)大家在設(shè)計(jì)時(shí),最關(guān)注的是:

  1. 頁(yè)面中都應(yīng)用了哪些控件?
  2. 頁(yè)面是從哪里進(jìn)入的,可以去往哪里?
  3. 頁(yè)面內(nèi)各元素的層級(jí)關(guān)系如何?
  4. 頁(yè)面內(nèi)各元素的關(guān)聯(lián)性怎樣?

雖然上述關(guān)注點(diǎn)大多在設(shè)計(jì)交接會(huì)議都有提到,但內(nèi)容細(xì)節(jié)較多,很多時(shí)候設(shè)計(jì)同學(xué)是記不住的。

因此,將現(xiàn)狀與之前提到的問(wèn)題和目標(biāo)相結(jié)合,不難判斷,較好的解決方式就是在交付設(shè)計(jì)的原型文檔上更加清晰地標(biāo)明設(shè)計(jì)師的主要關(guān)注點(diǎn)。

恰好在工作流程的 “1.9、原型自查” 時(shí),可以一邊自查一邊完成原型標(biāo)注,這樣不需要額外花費(fèi)過(guò)多的時(shí)間,也能夠在一定程度上提升原型自查的質(zhì)量。

方案

1

首先調(diào)整了文檔結(jié)構(gòu),加入了 “原型標(biāo)注說(shuō)明”
,用于統(tǒng)一原型內(nèi)部標(biāo)注的規(guī)范。同時(shí)在原型自查時(shí),為每個(gè)頁(yè)面加入一個(gè)專門(mén)的自查和標(biāo)注頁(yè)面,如上圖中 “小組主頁(yè)-組長(zhǎng)” 頁(yè)面下加入了 “小組主頁(yè)-組長(zhǎng)-標(biāo)注”。

這樣自己在自查原型時(shí),可以將之前的需求和邏輯整體過(guò)一遍寫(xiě)在標(biāo)注頁(yè)面中,雖然標(biāo)注內(nèi)容會(huì)額外花費(fèi)一些時(shí)間,但能夠解決溝通問(wèn)題,同時(shí)也可以提高自查質(zhì)量,利大于弊,還是值得去做的。

2

原型標(biāo)注說(shuō)明主要包括視覺(jué)元素優(yōu)先級(jí)(即各元素的重要性,哪些需要強(qiáng)調(diào),哪些需要弱化。整體按照 1-5 的級(jí)別排列,數(shù)字越高,優(yōu)先級(jí)越高,元素越需要強(qiáng)調(diào))、關(guān)聯(lián)性說(shuō)明(頁(yè)面內(nèi)各元素的相關(guān)性重要程度)、便簽&注解使用說(shuō)明(不同的底色用于描述哪些內(nèi)容)的標(biāo)注方式。

3

在頁(yè)面標(biāo)注時(shí),為節(jié)省時(shí)間同時(shí)保證頁(yè)面標(biāo)注簡(jiǎn)潔,首先將頁(yè)面中可復(fù)用的組件單獨(dú)提出,放到一個(gè)叫做 “通用組件” 的頁(yè)面中做統(tǒng)一說(shuō)明。同時(shí)檢查原型中是否存在一些可使用通用組件代替的零碎元素。

11

為了幫助設(shè)計(jì)理解頁(yè)面布局模式背后的涵義,自查布局排版時(shí),在通用組件使用情況說(shuō)明右側(cè)標(biāo)注了頁(yè)面布局說(shuō)明。

4

除了在原型布局時(shí)通過(guò)間距和對(duì)齊表達(dá)元素外,額外加入特殊標(biāo)注表達(dá)元素重要性和關(guān)聯(lián)性。這里也能夠幫助自己檢查頁(yè)面布局的合理性。

5

最后在自查原型細(xì)節(jié)時(shí),額外在一些特殊/需要強(qiáng)調(diào)的元素旁加入對(duì)應(yīng)的標(biāo)注描述需求和目的即可。

6

最終折騰完大概就是上圖的效果,當(dāng)然,如果對(duì)美觀度有進(jìn)一步的追求,還可以優(yōu)化下排版。不過(guò)一般來(lái)說(shuō),還是沒(méi)必要在這上邊耗費(fèi)太多精力的,畢竟我們的目標(biāo)是優(yōu)化異步溝通的效果,重心應(yīng)該放在信息的準(zhǔn)確傳達(dá)上。

 

作者:夏天灬

來(lái)源:http://www.jianshu.com/p/db094ce7cba5

本文由 @夏天灬 授權(quán)發(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. 求大神原稿,sonicvoice@qq.com

    回復(fù)
  2. 您好!很幸運(yùn)能看到您的優(yōu)秀作品!看完您的作品學(xué)到很多,同時(shí)也希望能進(jìn)行更深入的學(xué)習(xí),所以如果方便,希望能獲得您的原型文檔和一份PRD,以進(jìn)行更深入的參考學(xué)習(xí),感激不盡!
    郵箱: Eom_Chen@163.com

    回復(fù)
  3. 同求大神標(biāo)注的原型稿~307664266@qq.com

    來(lái)自廣東 回復(fù)
  4. 大佬,我要怎樣才能像你一樣優(yōu)秀?我能參考嗎?

    回復(fù)
  5. 想更好的了解你的方法,方便發(fā)一份原型嗎?謝謝1208077373@qq.com

    來(lái)自北京 回復(fù)
  6. Hi,xo小喵,能否給一份原型呢?1879230573@qq.com

    來(lái)自廣東 回復(fù)
  7. 大神,這個(gè)太有用了,能否給一份原型呢?79176456@qq.com

    來(lái)自北京 回復(fù)
  8. 不太懂關(guān)聯(lián)性說(shuō)明的用處?

    來(lái)自浙江 回復(fù)
  9. 哇,各種標(biāo)注寫(xiě)的好詳細(xì)

    來(lái)自湖北 回復(fù)
  10. 有用!能否發(fā)一份原型RP稿
    1450604076@qq.com

    來(lái)自江蘇 回復(fù)