跨職能協(xié)作:如何讓設(shè)計(jì)師與程序猿合作出更好的產(chǎn)品?

設(shè)計(jì)師與程序猿如何更好的協(xié)作,創(chuàng)造更優(yōu)質(zhì)的產(chǎn)品呢?
我大致每?jī)芍軙?huì)花半天的時(shí)間和我們團(tuán)隊(duì)的一位程序猿一起解決一些設(shè)計(jì)上的小調(diào)整。
我很喜歡這個(gè)有趣的過(guò)程。
它不僅讓我擴(kuò)展了我的CSS技能而且可以花一點(diǎn)點(diǎn)時(shí)間學(xué)習(xí)如何實(shí)現(xiàn)。
它讓我終于找到了走路的另外一只鞋子,要知道之前我都是只穿一只鞋子走路的。
穿一雙鞋子走路讓我覺(jué)得非常好。
之前總擔(dān)心實(shí)現(xiàn)出來(lái)的產(chǎn)品什么地方可能會(huì)有問(wèn)題,而現(xiàn)在一切井井有條、盡在掌握了。?
作為一個(gè)設(shè)計(jì)師,對(duì)設(shè)計(jì)進(jìn)行微小的調(diào)整的心情介于?~?之間。
寫(xiě)在前面——什么是結(jié)對(duì)
“結(jié)對(duì)”是指兩個(gè)人搭配,同時(shí)處理一個(gè)問(wèn)題。
兩個(gè)鼠標(biāo),兩個(gè)鍵盤(pán),兩臺(tái)連接(復(fù)制模式)的顯示器,兩張椅子,兩張桌子……
因?yàn)閮膳_(tái)顯示器是連接的,所以你們可同時(shí)處理同一個(gè)問(wèn)題。
為什么要結(jié)對(duì)“開(kāi)發(fā)-設(shè)計(jì)”
這是一種提升設(shè)計(jì)問(wèn)題溝通效率的方式
使用“開(kāi)發(fā)-設(shè)計(jì)”結(jié)對(duì)來(lái)快速、簡(jiǎn)單的優(yōu)化新構(gòu)建特性的設(shè)計(jì)。
一起討論并且解決問(wèn)題總比嘗試使用書(shū)面的溝通方式要快得多。
有的時(shí)候,我想對(duì)Header的對(duì)齊方式進(jìn)行調(diào)整。
開(kāi)發(fā)很容易找到Header在哪里,并且進(jìn)行調(diào)整。
但是,當(dāng)我用傳統(tǒng)的慣用的流程來(lái)處理這個(gè)問(wèn)題的時(shí)候,整個(gè)過(guò)程令人抓狂。
特別是當(dāng)我也不是很確認(rèn)最終應(yīng)該調(diào)整多少像素,需要進(jìn)行不斷的嘗試后才能通過(guò)眼睛進(jìn)行確認(rèn)的時(shí)候。
對(duì)開(kāi)發(fā)說(shuō):“把這個(gè)往左移10個(gè)像素”,這很容易。
然后開(kāi)發(fā)通過(guò)代碼完成了你的需求后,讓你進(jìn)行驗(yàn)證。
你發(fā)現(xiàn)之前的調(diào)整并不是那么的好,需要繼續(xù)調(diào)整,于是提出新的調(diào)整方案。
開(kāi)發(fā)繼續(xù)調(diào)整,直至你接受。
在這個(gè)反反復(fù)復(fù)的過(guò)程中,你看不到代碼,你也不會(huì)知道這項(xiàng)工作是怎么實(shí)現(xiàn)的。
如果你和我有同樣的經(jīng)歷,那么就應(yīng)該知道在經(jīng)歷了兩輪的UAT后,你自己就厭煩了。
你可能會(huì)想著去尋找其他的解決方案,而不是與開(kāi)發(fā)反反復(fù)復(fù)的調(diào)整。
另外,在這個(gè)耗時(shí)又耗力的過(guò)程中,程序猿很容易對(duì)設(shè)計(jì)師產(chǎn)生不滿情緒。
我們并不想這樣,誰(shuí)都想和他人友好的相處。
花費(fèi)50%的時(shí)間提升10%的設(shè)計(jì)優(yōu)化
產(chǎn)品經(jīng)理喜歡“開(kāi)發(fā)-設(shè)計(jì)”結(jié)對(duì)這種方式,因?yàn)檫@種方式會(huì)在短時(shí)間內(nèi)將產(chǎn)品優(yōu)化打磨到完美。
沒(méi)有設(shè)計(jì)師的直接參與,程序猿可能會(huì)花費(fèi)很長(zhǎng)的時(shí)間去“調(diào)整設(shè)計(jì)”,直至100%的滿意。
因?yàn)榻缑鎴D是靜態(tài)的,它本身不能對(duì)需要調(diào)整的地方和方式進(jìn)行描述。
如果你能接受故事實(shí)現(xiàn)了90%完美度后,再與開(kāi)發(fā)坐在一起幾周的時(shí)間實(shí)現(xiàn)那最終的10%,會(huì)讓你的產(chǎn)品看起來(lái)更加完美。
讓開(kāi)發(fā)與設(shè)計(jì)相互體諒
我喜歡結(jié)對(duì),因?yàn)樗o了我一個(gè)和程序猿討論我的設(shè)計(jì)方案的機(jī)會(huì)。
讓他們能夠明白為什么我是這樣設(shè)計(jì)的,哪些部分是可以再進(jìn)行討論的,我們未來(lái)對(duì)這個(gè)部分有什么規(guī)劃等等。
同時(shí),我有機(jī)會(huì)可以了解我們的產(chǎn)品和設(shè)計(jì)是怎么建立起來(lái)的。
這意味著我可以在未來(lái)的設(shè)計(jì)中讓設(shè)計(jì)更合理,讓設(shè)計(jì)更容易更快的被實(shí)現(xiàn)。
相互體諒永遠(yuǎn)是對(duì)用戶和團(tuán)隊(duì)來(lái)說(shuō)最重要的。
如何實(shí)施“開(kāi)發(fā)-設(shè)計(jì)”結(jié)對(duì)
1.創(chuàng)建任務(wù)清單
在下次結(jié)對(duì)開(kāi)始之前,我會(huì)完成一份產(chǎn)品中待解決的事項(xiàng)清單。
我在Pivotal Tracker中使用任務(wù)清單,這個(gè)工具也是我們團(tuán)隊(duì)的項(xiàng)目管理工具。
下面是我列的任務(wù)清單的例子:
這份清單很簡(jiǎn)潔,因?yàn)槲視?huì)和開(kāi)發(fā)一起解決這些問(wèn)題。 ?
2.確定結(jié)對(duì)時(shí)間
確定好結(jié)對(duì)的時(shí)間,最好是一整個(gè)上午,或者下午。
個(gè)人認(rèn)為不要搞一整天,因?yàn)槔斫饩幊虒?duì)于我來(lái)說(shuō)十分耗神,到了下午4點(diǎn),我腦細(xì)胞已經(jīng)差不多死光了,無(wú)法與我的“搭檔”進(jìn)行正常的交流了。
但是如果你精力充沛,可以進(jìn)行了時(shí)間長(zhǎng)一點(diǎn)。
3.成為一個(gè)好搭檔
我這里有一些關(guān)于如何成為一個(gè)好搭檔的建議,這個(gè)建議對(duì)開(kāi)發(fā)或者設(shè)計(jì)來(lái)說(shuō)都是有效的。
- 告訴對(duì)方你這么做的原因。不要只說(shuō):“把這個(gè)字體設(shè)置為16號(hào)”。而要說(shuō):“把字體設(shè)置為16號(hào),這樣整個(gè)段落的字體可以保持一致?!?/li>
- 要體諒你的搭檔。編程不易,且行且珍惜。
4.快速回顧本次結(jié)對(duì)
在結(jié)對(duì)結(jié)束之前用大致30分鐘左右,快速的對(duì)本次結(jié)對(duì)進(jìn)行回顧和溝通。
我需要知道如何編程嗎?
不需要。
如果你知道當(dāng)然最好,因?yàn)槟憧梢岳斫釩SS/HTML,并且在某些時(shí)候給出建議。
但是如果你不懂編程,你可以有目的的進(jìn)行學(xué)習(xí)。
咨詢你的搭檔很多的問(wèn)題,并且得到相應(yīng)的解答。
真的可以學(xué)習(xí)到很多東西。
切記:結(jié)對(duì)是為了對(duì)設(shè)計(jì)進(jìn)行優(yōu)化
結(jié)對(duì)是為了解決那些不確定的樣式調(diào)整優(yōu)化,而不是替代文檔、需求描述等方式。
比如,時(shí)間軸。
沒(méi)有實(shí)現(xiàn)約定好的連線設(shè)計(jì),類似這樣的問(wèn)題,或者說(shuō)是實(shí)現(xiàn)缺失、缺陷,不應(yīng)該在結(jié)對(duì)過(guò)程中解決。
這屬于實(shí)現(xiàn)的缺失
但是,如果約定好的設(shè)計(jì)都實(shí)現(xiàn)了,但是為了讓設(shè)計(jì)更加完美,需要對(duì)樣式方面進(jìn)行一些調(diào)整。
這樣的調(diào)整可以留在結(jié)對(duì)的時(shí)候進(jìn)行。
通過(guò)結(jié)對(duì)對(duì)字體、顏色等樣式進(jìn)行調(diào)整
結(jié)對(duì)需要的設(shè)備
如果有一個(gè)結(jié)對(duì)工作站,那就最好了。
這個(gè)工作站看起來(lái)是為兩個(gè)人準(zhǔn)備的一張桌子,上面有兩個(gè)顯示器,一臺(tái)主機(jī),兩個(gè)鼠標(biāo),兩個(gè)鍵盤(pán)。
另外,你需要有分享的態(tài)度和學(xué)習(xí)的欲望。
這并不難。
接下來(lái)你就會(huì)發(fā)現(xiàn),在你的團(tuán)隊(duì)中協(xié)作愉快,設(shè)計(jì)與開(kāi)發(fā)之間相互體諒,最終生產(chǎn)出更好的產(chǎn)品。
皆大歡喜,還有什么不滿的呢?
譯者:小婧,一名行走在實(shí)踐路上的資深業(yè)務(wù)分析師(BA),個(gè)人公眾號(hào)為:與小婧同行(xiaojing-jessieyj)
原文地址:https://medium.com/product-labs/how-designers-and-developers-can-pair-together-to-create-better-products-e4b09e3ca096
本文系人人都是產(chǎn)品經(jīng)理翻譯團(tuán)隊(duì)@小婧 翻譯發(fā)布,未經(jīng)本站允許,禁止轉(zhuǎn)載。
贊\(≧▽≦)/
說(shuō)實(shí)話,結(jié)對(duì)處理確實(shí)提高不少效率,兩者相處確實(shí)平和不少。但是沒(méi)能上演相愛(ài)相殺的大龍鳳感覺(jué)心癢癢的。
不錯(cuò)哦,感謝分享
哇,結(jié)對(duì)感覺(jué)挺6的
贊
贊!
感謝PM明白善待我們碼農(nóng),看完整篇文章我對(duì)我們產(chǎn)品的抱怨少了一些,希望所有的開(kāi)發(fā)和產(chǎn)品都能友好相處吧。