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

8 評(píng)論 8374 瀏覽 43 收藏 9 分鐘

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

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

    回復(fù)
  2. 說(shuō)實(shí)話,結(jié)對(duì)處理確實(shí)提高不少效率,兩者相處確實(shí)平和不少。但是沒(méi)能上演相愛(ài)相殺的大龍鳳感覺(jué)心癢癢的。

    來(lái)自廣東 回復(fù)
  3. 不錯(cuò)哦,感謝分享

    回復(fù)
  4. 哇,結(jié)對(duì)感覺(jué)挺6的

    回復(fù)
  5. 來(lái)自山東 回復(fù)
  6. 贊!

    來(lái)自山東 回復(fù)
  7. 感謝PM明白善待我們碼農(nóng),看完整篇文章我對(duì)我們產(chǎn)品的抱怨少了一些,希望所有的開(kāi)發(fā)和產(chǎn)品都能友好相處吧。

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