最近有人問(wèn)我,原型圖上的間距,需不需要寫(xiě)在文檔里,于是有了這么一篇文章 。當(dāng)然,間距,尺寸,顏色是不用寫(xiě)在需求文檔里的,那都是設(shè)計(jì)師標(biāo)注出來(lái)的。
為什么要輸出標(biāo)注尺寸的圖?
我也是第一次意識(shí)到這個(gè)問(wèn)題,同樣作為職場(chǎng)中的一個(gè)環(huán)節(jié),我們的每一個(gè)輸出都有其存在的意義。
團(tuán)隊(duì)中的每個(gè)角色所掌握的技能,最終都是為團(tuán)隊(duì)服務(wù)的,換言之,其實(shí)每一個(gè)角色所具備的技能,都值得我們?nèi)ニ伎?,分析,從而改良自身的技能?/p>
反向思考:如果沒(méi)有輸出效果圖標(biāo)注,會(huì)怎么樣?
標(biāo)注的意義在于將設(shè)計(jì)元素的位置參數(shù)化,而不是模糊的概念,憑感覺(jué)調(diào)整,
![](https://image.woshipm.com/wp-files/2017/01/HIOowUbd0ZmrBAJv78Sz.jpg)
圖中的登錄按鈕是放在什么位置呢? 沒(méi)有標(biāo)注尺寸,就無(wú)法確認(rèn)按鈕位置,只能由前端開(kāi)發(fā)同學(xué)憑感覺(jué)來(lái)調(diào)整。
可以想象到,在元素較多的頁(yè)面,開(kāi)發(fā)同學(xué)會(huì)花費(fèi)極大的成本調(diào)整元素位置,在多人合作的項(xiàng)目中,還可能因?yàn)閰f(xié)作沖突,以及自定義布局,導(dǎo)致研發(fā)成本增加。
根本性質(zhì)的原因在于,反復(fù)調(diào)整。
為了避免這樣的成本,現(xiàn)在標(biāo)注已經(jīng)成為了設(shè)計(jì)師的基礎(chǔ)輸出工作。
是不是有點(diǎn)敏感了?
反復(fù)調(diào)整恰恰是產(chǎn)品和研發(fā)協(xié)作過(guò)程中所經(jīng)常爭(zhēng)論的?“需求變更”。
我們是守衛(wèi)
當(dāng)我意識(shí)到“標(biāo)注”對(duì)于團(tuán)隊(duì)意義時(shí),我開(kāi)始反思產(chǎn)品經(jīng)理的“標(biāo)注”。
既然設(shè)計(jì)師通過(guò)“標(biāo)注”解決了反復(fù)調(diào)整的問(wèn)題,產(chǎn)品經(jīng)理是不是也有這樣的輸出技能,能夠解決“需求反復(fù)”的問(wèn)題。
這讓我發(fā)現(xiàn)了一個(gè)新的認(rèn)知:產(chǎn)品經(jīng)理與開(kāi)發(fā)之間的關(guān)系,我們是守衛(wèi)。
某種意義上,產(chǎn)品經(jīng)理和設(shè)計(jì)師有很強(qiáng)的相似性,我們都是將頭腦里的概念交付于其他角色共同實(shí)現(xiàn)的性質(zhì)。
設(shè)計(jì)師的效果圖其實(shí)沒(méi)有太大作用,因?yàn)樽罱K研發(fā)還是要再做一次,無(wú)法直接將效果圖使用到最終效果上。
這就好比我們的原型圖,我們輸出原型圖,最終任然是由開(kāi)發(fā)同學(xué)“再一次”實(shí)現(xiàn)出來(lái)。
是不是意味著,我們的原型圖和設(shè)計(jì)師的效果圖只是一個(gè)過(guò)程,可有可無(wú),只要最終實(shí)現(xiàn)出來(lái)的效果是正確的就可以了。
也許最開(kāi)始,真的是由一個(gè)人完成的,這個(gè)人非常強(qiáng)大,自己做產(chǎn)品,自己做UI,自己寫(xiě)代碼,
![](https://image.woshipm.com/wp-files/2017/01/FNNaEy3DZGuzW5UyiNsP.jpg)
我在許多“大道理”的書(shū)上,都看到了近似“混沌”的定理,包括我們國(guó)家的哲學(xué)概念:太極。
“易有太極,是生兩儀。兩儀生四象,四象生八卦?!?/p>
當(dāng)我們從一個(gè)角色里拆分出來(lái),原本的角色必然會(huì)被削弱,于是我們的開(kāi)發(fā)就不再自己做設(shè)計(jì)圖了,而是交給從整體分離出來(lái)的設(shè)計(jì)師來(lái)完成相應(yīng)的輸出。
除了被削弱的,我們還有被釋放的負(fù)擔(dān),典型的被釋放的負(fù)擔(dān)便是“反復(fù)調(diào)整”。
外圍的角色就像衛(wèi)兵一樣,為內(nèi)部角色阻擋一些不必要的負(fù)擔(dān),我們把右圖放大看看會(huì)發(fā)生什么變化。
如果,我們是一名合格的衛(wèi)兵。
![](https://image.woshipm.com/wp-files/2017/01/LwdqGBaO4nLgKnvUQDXo.jpg)
(我不會(huì)說(shuō)我是一邊笑,一邊畫(huà)完這個(gè)概念圖的, 不如叫“寶可夢(mèng)模型”?)
作為守衛(wèi)的我們,面對(duì)開(kāi)發(fā)有兩個(gè)責(zé)任與義務(wù)
第一,替開(kāi)發(fā)過(guò)濾一些不需要做的事情;
第二,建立與開(kāi)發(fā)的信息傳遞通道。
第一個(gè)責(zé)任很好理解,想一想我們廢棄的那些方案吧,這些就是被我們過(guò)濾掉的事情。
我們的原型往往要畫(huà)好幾個(gè)版本,還有設(shè)計(jì)師的效果圖改了又改,除了最終被傳遞給開(kāi)發(fā)的效果圖,其他的都是被我們過(guò)濾掉的事情。
這是我們作為守衛(wèi)的第一個(gè)責(zé)任,我相信大家都主動(dòng)或者被動(dòng)的在這么做。
只是也許我們并沒(méi)有意識(shí)到這些行為背后的含義。
第二個(gè)責(zé)任是我要重點(diǎn)分享的內(nèi)容。
建立我們與開(kāi)發(fā)人員之間的信息傳遞通道
我們?cè)侔褕D放大一點(diǎn)看看吧,這一次,請(qǐng)把設(shè)計(jì)師想象成開(kāi)發(fā)的助理,所謂的助理,就是將一切事情準(zhǔn)備好。
![](https://image.woshipm.com/wp-files/2017/01/VVWYBNBH40XWzTYyexVR.jpg)
你知道廚房的學(xué)徒嗎?我在一部美食漫畫(huà)里看到了廚師學(xué)徒的工作內(nèi)容,除了基礎(chǔ)的打掃衛(wèi)生之外,還需要將食材準(zhǔn)備好,包括清潔, 加工,裝盤(pán)等等。
所以我們的設(shè)計(jì)師同學(xué)除了將廢棄方案幫助開(kāi)發(fā)過(guò)濾掉,還得像助理一樣幫助開(kāi)發(fā)把所需要的材料準(zhǔn)備好,這其中就包括切圖與標(biāo)注。
![](https://image.woshipm.com/wp-files/2017/01/qdnJbNc536AALtjjzcqG.jpg)
借助由標(biāo)注和切圖構(gòu)成的通道,設(shè)計(jì)師和開(kāi)發(fā)之間的協(xié)作才會(huì)通暢,不會(huì)出現(xiàn)反復(fù)詢問(wèn)這里幾個(gè)像素,哪里什么顏色的問(wèn)題。
同樣是作為開(kāi)發(fā)的守衛(wèi),產(chǎn)品經(jīng)理的通道又是由什么構(gòu)成的呢?
產(chǎn)品經(jīng)理的“標(biāo)注”
當(dāng)然,我們需要向開(kāi)發(fā)人員輸出的產(chǎn)物,不會(huì)只有需求文檔,但最重要的便是“需求文檔”
我們把需求文檔理解成設(shè)計(jì)師的標(biāo)注,也許會(huì)比較困難,換個(gè)思維,需求文檔所要達(dá)到的目的與設(shè)計(jì)師的標(biāo)注相同,是否能夠更容易理解呢?
![](https://image.woshipm.com/wp-files/2017/01/yY8HBCJlOByeuJLshs5S.jpg)
這是一個(gè)段子,也是我最近才看到的一個(gè)真實(shí)的段子:
產(chǎn)品經(jīng)理:你把talkingdata統(tǒng)計(jì)加上
程序員:寫(xiě)個(gè)文檔要加哪些統(tǒng)計(jì)
產(chǎn)品經(jīng)理:好
文檔:
- talkingdata增加全局統(tǒng)計(jì)
- 統(tǒng)計(jì)日活,留存,使用時(shí)長(zhǎng)
The end
程序員:…
這是另一個(gè)段子:
產(chǎn)品經(jīng)理:老板,這個(gè)是我這個(gè)版本想做的功能,我們要像微信一樣,讓用戶自己上傳視頻文件。
老板:要做多久
產(chǎn)品經(jīng)理:我讓開(kāi)發(fā)他們10天做完,開(kāi)發(fā)那邊說(shuō)沒(méi)問(wèn)題
老板:這個(gè)功能量不少,難度也不小,開(kāi)發(fā)能做完嗎?
產(chǎn)品經(jīng)理:做不完,那就是開(kāi)發(fā)技術(shù)不行,反正我的需求已經(jīng)給他們了,他們也答應(yīng)了10天做完。
文檔:
1.?發(fā)布流程增加上傳視頻的功能
2.?可以把手機(jī)本地的視頻文件上傳到服務(wù)器
我的讀者,你們?cè)趺纯催@兩個(gè)段子?
作為守衛(wèi)而言,產(chǎn)品經(jīng)理與開(kāi)發(fā)之間的通道完全破碎了,不僅不能減少研發(fā)成本,反而不斷的增加研發(fā)成本,最終的結(jié)果就是溝通障礙。
人們的本能是趨吉避兇的,程序員也遵從這個(gè)定理,明明知道需求有問(wèn)題,為什么還要去做?
拖著,沒(méi)做,是因?yàn)槟銢](méi)寫(xiě)需求,最后大不了被罵一頓。
最終被踢出局的不會(huì)是程序員,而是這位完全沒(méi)有意識(shí)到守衛(wèi)職能的產(chǎn)品經(jīng)理。
這是一份我學(xué)生寫(xiě)的需求文檔,實(shí)際開(kāi)發(fā)過(guò)程中,便可以起到標(biāo)注的作用。
![](https://image.woshipm.com/wp-files/2017/01/xzBMK1JhbJWVP4WaFzOP.jpg)
我相信,現(xiàn)在大部分的產(chǎn)品經(jīng)理沒(méi)有意識(shí)到“守衛(wèi)概念”,也可能這只是我的一種個(gè)人認(rèn)知。
但至少不要堅(jiān)持做一位“坑經(jīng)理”,向設(shè)計(jì)師學(xué)習(xí),將我們起到標(biāo)注作用的需求文檔發(fā)揮出他應(yīng)有的價(jià)值。
關(guān)于信息傳遞
在團(tuán)隊(duì)協(xié)作過(guò)程中,我們需要將一條信息多次傳遞,而每一次都會(huì)出現(xiàn)信息丟失以及變形。
![](https://image.woshipm.com/wp-files/2017/01/9IQIMJ8eJTlOdC7j6mA3.jpg)
產(chǎn)品經(jīng)理與團(tuán)隊(duì)中的其他角色的關(guān)系,并不是上下關(guān)系,我尤其要強(qiáng)調(diào)這一點(diǎn),產(chǎn)品與設(shè)計(jì)也好,與開(kāi)發(fā)也好,我們都是屬于不同的部門(mén),只是在一個(gè)相同的項(xiàng)目組里而已。
我們的關(guān)系更傾向于任務(wù)的前后關(guān)系,產(chǎn)品經(jīng)理在項(xiàng)目的開(kāi)始位置,接觸最多的信息,過(guò)濾最多的信息,然后將自己的思維傳遞給下一個(gè)環(huán)節(jié),可能是設(shè)計(jì)師,可能是開(kāi)發(fā)。
每一個(gè)環(huán)節(jié)都會(huì)比下一個(gè)環(huán)節(jié)收獲更多信息,一層一層過(guò)濾下來(lái),最終到測(cè)試手上的產(chǎn)品才能是最合適的產(chǎn)品。
而這中間最大的風(fēng)險(xiǎn)地帶便是我們信息傳遞的通道。
我們理所應(yīng)當(dāng)?shù)恼J(rèn)為設(shè)計(jì)師就應(yīng)該要標(biāo)注,要切圖,但到了自己身上時(shí),卻會(huì)排斥需求文檔的撰寫(xiě),甚至極不耐煩。
也許你的想法真的很好,但如果不認(rèn)真對(duì)待想法的傳遞,我其實(shí)想建議你換個(gè)行業(yè)。
當(dāng)我們?cè)谔ь^仰望遙遠(yuǎn)的未來(lái)時(shí),當(dāng)我們大談?dòng)脩粜枨髸r(shí),當(dāng)我們考慮市場(chǎng)痛點(diǎn)時(shí),你沒(méi)有發(fā)現(xiàn),誰(shuí)才是我們產(chǎn)品經(jīng)理第一批用戶?
我們的team才是我們的第一批用戶,一位降低團(tuán)隊(duì)效率,成為團(tuán)隊(duì)負(fù)擔(dān)的產(chǎn)品經(jīng)理,又如何分析更遙遠(yuǎn),面積更大的所謂的“用戶”,對(duì)眼前的痛點(diǎn)視而不見(jiàn)的產(chǎn)品經(jīng)理,何以談?wù)摗巴袋c(diǎn)”
最終,任然給大家一個(gè)建議。
請(qǐng)務(wù)必認(rèn)真對(duì)待需求文檔,無(wú)論你是準(zhǔn)產(chǎn)品經(jīng)理,又或者你是3,5年經(jīng)驗(yàn)的產(chǎn)品經(jīng)理,畢竟,這也是我們的基礎(chǔ)輸出內(nèi)容,就像我們無(wú)法接受設(shè)計(jì)師不做標(biāo)注一樣,開(kāi)發(fā)也無(wú)法接受產(chǎn)品經(jīng)理不輸出需求文檔。
#專欄作家#
枯葉,近6年經(jīng)驗(yàn)的產(chǎn)品經(jīng)理,微信公眾號(hào):枯葉咖啡館,人人都是產(chǎn)品經(jīng)理專欄作家。擅長(zhǎng)社交,社區(qū),細(xì)分群體挖掘。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
非常感謝分享,作為產(chǎn)品新人非常認(rèn)可你說(shuō)的,也因?yàn)樽约航?jīng)驗(yàn)不足寫(xiě)出來(lái)的需求文檔確實(shí)細(xì)節(jié)沒(méi)把握好,但是文中貌似沒(méi)告訴我們?cè)趺慈ヌ岣哌@方面的能力噢。我感覺(jué)是需要一定的技術(shù)功底和經(jīng)驗(yàn)才能積累嗎?有沒(méi)什么方法可以讓我加快提升啦?
MOC太難用了,沒(méi)邏輯
呵呵,同感啊,摩客的官方pc端DEMO太少了,官方說(shuō)后續(xù)會(huì)跟上,如果能完善就好了