[跨部門協作]設計師與工程師篇

YJ
發佈於UI/UX
2023/12/03閱讀時間約 2 分鐘


身為 UI 設計師,最常接觸到的合作夥伴之一就是工程師,筆者整理了三個心法五個實際做法,歡迎看下去或是交流你的看法🐾


心法

1.持續且良好的溝通,階段性確認很重要

在專案的需求確認、解決方案和設計方向等等環節,都是很好的討論機會,不要等到設計要交付給工程師的時候才開始接觸溝通,通常工程師一下子面臨龐大的設計稿、文件等等,會需要比較多時間和心力消化,也有可能消化不良,或是在某一環節因為可行性問題,造成相關流程需要砍掉重新想解決方案,此時設計也要重來,會花費不必要的時間與心力,所以讓工程師持續參與其中是很重要的! 同時設計師要有一個認知 : 在做設計的同時,必須確認工程可行性。wireframe、mockup、prototype 都是不同階段很好用的工具 !筆者這邊在設計完成某一個段落 ( 但還沒全部做完 ),也會在比較輕鬆的時機點,例如下班前,像聊天一樣跟工程師分享目前的進度,讓工程師更有心理準備與增進彼此交流。

2.以信任為前提

信任是所有合作關係的基礎,筆者遇到一些同業會分享,當工程師說某功能做不出來時,該如何繼續推進專案? 這邊不需要去質疑工程師是不是不想做? 而是可以基於信任基礎,進一步了解: 具體是卡在哪一部份? 有沒有替代方案等等。而同時身為設計師,要很清楚最初設計這個畫面或功能是想解決什麼樣的問題,才不會在討論過程中離題。向工程師再次說明想解決的關鍵問題,有時工程師也會給予不同但一樣有效的解法!

3.沒有對錯,只有共識

在合作與討論的過程中,放下覺得自己對、而想說服對方的想法,回歸到合作的本質 : 是希望可以推動專案前進、完成交付,因此可以達成專案目標的方法都是好方法,基於這樣的共識去合作會更順利!



作法

在實際合作的過程中,因為彼此的專業、工作內容不同,在意的地方也就當然不一樣,這邊筆者整理五個常見情境,並提供實務上筆者會用的解決辦法,讓設計師跟工程師在合作時更順暢!

raw-image



情境一 : 避免重工與減少修改時間

raw-image



情境二 : 想讓動態或動畫的可行性提高

raw-image



情境三 : 減少設計稿反覆修改

raw-image



情境四 : 盡量避免工程師在切版時發現會跑版

raw-image



情境五 : 如何讓文字與 icon 好維護與修改

raw-image




總結 : 這樣思考,你的設計稿會更完整

  • 理解「工程師與設計師覺得該重視的東西不同」,設計師很容易把重點放在結果 (畫面),而工程師看重流程是否矛盾。
  • 認知到「不正常的狀況都納入設計」這件事的重要 (例如: 突然離線、被搶先預約等),根據使用者流程找出每一處的缺點與矛盾。
  • 一邊了解「該堅持的部分」與「該接納的部分」,一邊進行討論。
  • 一開始就一起製作,從面對問題的過程中奠定互信的基礎。


謝謝你看到這裡,你也有推薦的做法或心法嗎? 歡迎留下你的想法 😊




2會員
21內容數
關於 Html 、 Css 、JS 等相關程式語言的學習筆記或開發紀錄
留言0
查看全部
發表第一個留言支持創作者!