跨職能協作:如何讓設計師與程序猿合作出更好的產品?

8 評論 8245 瀏覽 43 收藏 9 分鐘

設計師與程序猿如何更好的協作,創造更優質的產品呢?

我大致每兩周會花半天的時間和我們團隊的一位程序猿一起解決一些設計上的小調整。

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

它不僅讓我擴展了我的CSS技能而且可以花一點點時間學習如何實現。

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

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

之前總擔心實現出來的產品什么地方可能會有問題,而現在一切井井有條、盡在掌握了。?

作為一個設計師,對設計進行微小的調整的心情介于?~?之間。

寫在前面——什么是結對

“結對”是指兩個人搭配,同時處理一個問題。

兩個鼠標,兩個鍵盤,兩臺連接(復制模式)的顯示器,兩張椅子,兩張桌子……

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

為什么要結對“開發-設計”

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

使用“開發-設計”結對來快速、簡單的優化新構建特性的設計。

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

有的時候,我想對Header的對齊方式進行調整。

開發很容易找到Header在哪里,并且進行調整。

但是,當我用傳統的慣用的流程來處理這個問題的時候,整個過程令人抓狂。

特別是當我也不是很確認最終應該調整多少像素,需要進行不斷的嘗試后才能通過眼睛進行確認的時候。

對開發說:“把這個往左移10個像素”,這很容易。

然后開發通過代碼完成了你的需求后,讓你進行驗證。

你發現之前的調整并不是那么的好,需要繼續調整,于是提出新的調整方案。

開發繼續調整,直至你接受。

在這個反反復復的過程中,你看不到代碼,你也不會知道這項工作是怎么實現的。

如果你和我有同樣的經歷,那么就應該知道在經歷了兩輪的UAT后,你自己就厭煩了。

你可能會想著去尋找其他的解決方案,而不是與開發反反復復的調整。

另外,在這個耗時又耗力的過程中,程序猿很容易對設計師產生不滿情緒。

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

花費50%的時間提升10%的設計優化

產品經理喜歡“開發-設計”結對這種方式,因為這種方式會在短時間內將產品優化打磨到完美。

沒有設計師的直接參與,程序猿可能會花費很長的時間去“調整設計”,直至100%的滿意。

因為界面圖是靜態的,它本身不能對需要調整的地方和方式進行描述。

如果你能接受故事實現了90%完美度后,再與開發坐在一起幾周的時間實現那最終的10%,會讓你的產品看起來更加完美。

讓開發與設計相互體諒

我喜歡結對,因為它給了我一個和程序猿討論我的設計方案的機會。

讓他們能夠明白為什么我是這樣設計的,哪些部分是可以再進行討論的,我們未來對這個部分有什么規劃等等。

同時,我有機會可以了解我們的產品和設計是怎么建立起來的。

這意味著我可以在未來的設計中讓設計更合理,讓設計更容易更快的被實現。

相互體諒永遠是對用戶和團隊來說最重要的。

如何實施“開發-設計”結對

1.創建任務清單

在下次結對開始之前,我會完成一份產品中待解決的事項清單。

我在Pivotal Tracker中使用任務清單,這個工具也是我們團隊的項目管理工具。

下面是我列的任務清單的例子:

這份清單很簡潔,因為我會和開發一起解決這些問題。 ?

2.確定結對時間

確定好結對的時間,最好是一整個上午,或者下午。

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

但是如果你精力充沛,可以進行了時間長一點。

3.成為一個好搭檔

我這里有一些關于如何成為一個好搭檔的建議,這個建議對開發或者設計來說都是有效的。

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

4.快速回顧本次結對

在結對結束之前用大致30分鐘左右,快速的對本次結對進行回顧和溝通。

我需要知道如何編程嗎?

不需要。

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

但是如果你不懂編程,你可以有目的的進行學習。

咨詢你的搭檔很多的問題,并且得到相應的解答。

真的可以學習到很多東西。

切記:結對是為了對設計進行優化

結對是為了解決那些不確定的樣式調整優化,而不是替代文檔、需求描述等方式。

比如,時間軸。

沒有實現約定好的連線設計,類似這樣的問題,或者說是實現缺失、缺陷,不應該在結對過程中解決。

這屬于實現的缺失

但是,如果約定好的設計都實現了,但是為了讓設計更加完美,需要對樣式方面進行一些調整。

這樣的調整可以留在結對的時候進行。

通過結對對字體、顏色等樣式進行調整

結對需要的設備

如果有一個結對工作站,那就最好了。

這個工作站看起來是為兩個人準備的一張桌子,上面有兩個顯示器,一臺主機,兩個鼠標,兩個鍵盤。

另外,你需要有分享的態度和學習的欲望。

這并不難。

接下來你就會發現,在你的團隊中協作愉快,設計與開發之間相互體諒,最終生產出更好的產品。

皆大歡喜,還有什么不滿的呢?

 

譯者:小婧,一名行走在實踐路上的資深業務分析師(BA),個人公眾號為:與小婧同行(xiaojing-jessieyj)

原文地址:https://medium.com/product-labs/how-designers-and-developers-can-pair-together-to-create-better-products-e4b09e3ca096

本文系人人都是產品經理翻譯團隊@小婧 翻譯發布,未經本站允許,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 贊\(≧▽≦)/

    回復
  2. 說實話,結對處理確實提高不少效率,兩者相處確實平和不少。但是沒能上演相愛相殺的大龍鳳感覺心癢癢的。

    來自廣東 回復
  3. 不錯哦,感謝分享

    回復
  4. 哇,結對感覺挺6的

    回復
  5. 來自山東 回復
  6. 贊!

    來自山東 回復
  7. 感謝PM明白善待我們碼農,看完整篇文章我對我們產品的抱怨少了一些,希望所有的開發和產品都能友好相處吧。

    來自浙江 回復