設(shè)計師與程序猿如何更好的協(xié)作，創(chuàng)造更優(yōu)質(zhì)的產(chǎn)品呢？

我大致每兩周會花半天的時間和我們團(tuán)隊的一位程序猿一起解決一些設(shè)計上的小調(diào)整。

我很喜歡這個有趣的過程。

它不僅讓我擴(kuò)展了我的CSS技能而且可以花一點點時間學(xué)習(xí)如何實現(xiàn)。

它讓我終于找到了走路的另外一只鞋子，要知道之前我都是只穿一只鞋子走路的。

穿一雙鞋子走路讓我覺得非常好。

之前總擔(dān)心實現(xiàn)出來的產(chǎn)品什么地方可能會有問題，而現(xiàn)在一切井井有條、盡在掌握了。?

作為一個設(shè)計師，對設(shè)計進(jìn)行微小的調(diào)整的心情介于?~?之間。

寫在前面——什么是結(jié)對

“結(jié)對”是指兩個人搭配，同時處理一個問題。

兩個鼠標(biāo)，兩個鍵盤，兩臺連接（復(fù)制模式）的顯示器，兩張椅子，兩張桌子……

因為兩臺顯示器是連接的，所以你們可同時處理同一個問題。

為什么要結(jié)對“開發(fā)-設(shè)計”

這是一種提升設(shè)計問題溝通效率的方式

使用“開發(fā)-設(shè)計”結(jié)對來快速、簡單的優(yōu)化新構(gòu)建特性的設(shè)計。

一起討論并且解決問題總比嘗試使用書面的溝通方式要快得多。

有的時候，我想對Header的對齊方式進(jìn)行調(diào)整。

開發(fā)很容易找到Header在哪里，并且進(jìn)行調(diào)整。

但是，當(dāng)我用傳統(tǒng)的慣用的流程來處理這個問題的時候，整個過程令人抓狂。

特別是當(dāng)我也不是很確認(rèn)最終應(yīng)該調(diào)整多少像素，需要進(jìn)行不斷的嘗試后才能通過眼睛進(jìn)行確認(rèn)的時候。

對開發(fā)說：“把這個往左移10個像素”，這很容易。

然后開發(fā)通過代碼完成了你的需求后，讓你進(jìn)行驗證。

你發(fā)現(xiàn)之前的調(diào)整并不是那么的好，需要繼續(xù)調(diào)整，于是提出新的調(diào)整方案。

開發(fā)繼續(xù)調(diào)整，直至你接受。

在這個反反復(fù)復(fù)的過程中，你看不到代碼，你也不會知道這項工作是怎么實現(xiàn)的。

如果你和我有同樣的經(jīng)歷，那么就應(yīng)該知道在經(jīng)歷了兩輪的UAT后，你自己就厭煩了。

你可能會想著去尋找其他的解決方案，而不是與開發(fā)反反復(fù)復(fù)的調(diào)整。

另外，在這個耗時又耗力的過程中，程序猿很容易對設(shè)計師產(chǎn)生不滿情緒。

我們并不想這樣，誰都想和他人友好的相處。

花費50%的時間提升10%的設(shè)計優(yōu)化

產(chǎn)品經(jīng)理喜歡“開發(fā)-設(shè)計”結(jié)對這種方式，因為這種方式會在短時間內(nèi)將產(chǎn)品優(yōu)化打磨到完美。

沒有設(shè)計師的直接參與，程序猿可能會花費很長的時間去“調(diào)整設(shè)計”，直至100%的滿意。

因為界面圖是靜態(tài)的，它本身不能對需要調(diào)整的地方和方式進(jìn)行描述。

如果你能接受故事實現(xiàn)了90%完美度后，再與開發(fā)坐在一起幾周的時間實現(xiàn)那最終的10%，會讓你的產(chǎn)品看起來更加完美。

讓開發(fā)與設(shè)計相互體諒

我喜歡結(jié)對，因為它給了我一個和程序猿討論我的設(shè)計方案的機會。

讓他們能夠明白為什么我是這樣設(shè)計的，哪些部分是可以再進(jìn)行討論的，我們未來對這個部分有什么規(guī)劃等等。

同時，我有機會可以了解我們的產(chǎn)品和設(shè)計是怎么建立起來的。

這意味著我可以在未來的設(shè)計中讓設(shè)計更合理，讓設(shè)計更容易更快的被實現(xiàn)。

相互體諒永遠(yuǎn)是對用戶和團(tuán)隊來說最重要的。

如何實施“開發(fā)-設(shè)計”結(jié)對

1.創(chuàng)建任務(wù)清單

在下次結(jié)對開始之前，我會完成一份產(chǎn)品中待解決的事項清單。

我在Pivotal Tracker中使用任務(wù)清單，這個工具也是我們團(tuán)隊的項目管理工具。

下面是我列的任務(wù)清單的例子：

這份清單很簡潔，因為我會和開發(fā)一起解決這些問題。 ?

2.確定結(jié)對時間

確定好結(jié)對的時間，最好是一整個上午，或者下午。

個人認(rèn)為不要搞一整天，因為理解編程對于我來說十分耗神，到了下午4點，我腦細(xì)胞已經(jīng)差不多死光了，無法與我的“搭檔”進(jìn)行正常的交流了。

但是如果你精力充沛，可以進(jìn)行了時間長一點。

3.成為一個好搭檔

我這里有一些關(guān)于如何成為一個好搭檔的建議，這個建議對開發(fā)或者設(shè)計來說都是有效的。

• 告訴對方你這么做的原因。不要只說：“把這個字體設(shè)置為16號”。而要說：“把字體設(shè)置為16號，這樣整個段落的字體可以保持一致?！?/li>
• 要體諒你的搭檔。編程不易，且行且珍惜。

4.快速回顧本次結(jié)對

在結(jié)對結(jié)束之前用大致30分鐘左右，快速的對本次結(jié)對進(jìn)行回顧和溝通。

我需要知道如何編程嗎？

不需要。

如果你知道當(dāng)然最好，因為你可以理解CSS/HTML，并且在某些時候給出建議。

但是如果你不懂編程，你可以有目的的進(jìn)行學(xué)習(xí)。

咨詢你的搭檔很多的問題，并且得到相應(yīng)的解答。

真的可以學(xué)習(xí)到很多東西。

切記：結(jié)對是為了對設(shè)計進(jìn)行優(yōu)化

結(jié)對是為了解決那些不確定的樣式調(diào)整優(yōu)化，而不是替代文檔、需求描述等方式。

比如，時間軸。

沒有實現(xiàn)約定好的連線設(shè)計，類似這樣的問題，或者說是實現(xiàn)缺失、缺陷，不應(yīng)該在結(jié)對過程中解決。

這屬于實現(xiàn)的缺失

但是，如果約定好的設(shè)計都實現(xiàn)了，但是為了讓設(shè)計更加完美，需要對樣式方面進(jìn)行一些調(diào)整。

這樣的調(diào)整可以留在結(jié)對的時候進(jìn)行。

通過結(jié)對對字體、顏色等樣式進(jìn)行調(diào)整

結(jié)對需要的設(shè)備

如果有一個結(jié)對工作站，那就最好了。

這個工作站看起來是為兩個人準(zhǔn)備的一張桌子，上面有兩個顯示器，一臺主機，兩個鼠標(biāo)，兩個鍵盤。

另外，你需要有分享的態(tài)度和學(xué)習(xí)的欲望。

這并不難。

接下來你就會發(fā)現(xiàn)，在你的團(tuán)隊中協(xié)作愉快，設(shè)計與開發(fā)之間相互體諒，最終生產(chǎn)出更好的產(chǎn)品。

皆大歡喜，還有什么不滿的呢？

譯者：小婧，一名行走在實踐路上的資深業(yè)務(wù)分析師（BA），個人公眾號為：與小婧同行（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)隊@小婧 翻譯發(fā)布，未經(jīng)本站允許，禁止轉(zhuǎn)載。