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

閱讀時間約 2 分鐘


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


心法

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

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

2.以信任為前提

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

3.沒有對錯,只有共識

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



作法

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

raw-image



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

raw-image



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

raw-image



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

raw-image



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

raw-image



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

raw-image




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

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


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




avatar-img
3會員
21內容數
一位會切版的 UI 設計師, 以介面設計為錨,朝向 UX 、產品思維、數據思維前進。 喜歡透過書探索世界、看見自己。 著迷文字與內心產生共鳴的瞬間, 喜愛哲學、小說、心理、創造力, 喜愛將所思所想落地變成文字。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
YJ 的沙龍 的其他內容
書籍重點以及想解決的問題: 如何抽絲剝繭出客戶要求的本質? 如何做出合乎設計法則的設計? 如何站在使用者立場思考、解決問題?
書籍重點以及想解決的問題: 如何抽絲剝繭出客戶要求的本質? 如何做出合乎設計法則的設計? 如何站在使用者立場思考、解決問題?
你可能也想看
Google News 追蹤
Thumbnail
這篇文章探討了工程師在如何有效提升自己,強調不僅僅是多coding,而是要對程式碼有更深層的理解。隨著職涯發展,工程師需要從單純的技術執行者轉變為團隊領導者,具備解決複雜問題和與他人有效溝通的能力。
在專案管理中,如何有效經營利害關係人是確保專案成功的關鍵。這篇文章分享了一些技巧,包括識別利害關係人、設定期望、保持良好溝通及找到共同利益等策略,幫助讀者在專案中建立良好的關係,減少誤解和不必要的驚喜,最終達成專案目標。
Thumbnail
專案經理在專案管理中與不同角色進行溝通和談判的藝術。通過定期會議和主動傾聽建立團隊信任,定期更新和展示同理心管理客戶期望,雙贏思維和充分準備協調三方合作夥伴,以及數據驅動的簡潔匯報獲得高層支持。案例展示靈活應用這些策略,確保專案按時按質完成。
Thumbnail
業務與研發之間的溝通是職場一大挑戰,常因認知差異產生誤解,影響工作氣氛與專案進度。 透過本文提出的三點提醒,設定對應方案來打破專業壁壘,就能建立起有效的跨部門合作關係。
Thumbnail
這篇文章主要討論了行銷人與設計人溝通的重要性,並針對以商業目的為主的設計提出了一些設計風格呈現、視覺重點、露出設計的地點和閱讀者為誰等方面的建議。
Thumbnail
專案經理與工程師在工作上面對的挑戰和需求截然不同。專案經理需具備溝通、督促、認知及行政等四種核心能力,以便成功轉型。文章中舉例以生動的故事來說明這四種能力的重要性,並強調從工程師升遷為專案經理並非易事,需要不斷學習與努力。
  在快速發展的數位時代,設計接案合約成為了許多設計專業人士及客戶之間的重要文件。無論是在任何的設計領域,一份完善的設計接案合約扮演著確保雙方權益和順利完成專案的關鍵角色。       設計接案合約明確規定了設計師和客戶之間的權利義務、交稿時間、案件費用等重要事項。當設計師與客戶達成一致,
Thumbnail
這篇文章主要討論了設計的主客觀問題。透過討論設計師必然面對的主客觀問題,幫助讀者更妥善地處理設計衝突及評價,使設計更趨向完整。
Thumbnail
追求乾淨的程式碼是好的開始,但不要陷入過度設計的陷阱,導致程式難以維護。實際上,考慮團隊狀況和專注於解決真正的問題更為重要。了解公司的規模和現實情況,適時調整工作重心。技術不斷進步,使得寫程式變得更加容易,但這並不意味著工程師的角色會消失。在選擇技術時,也要考慮隱形成本有時簡單的解決方案反而更有效。
Thumbnail
學會如何建立合作關係和協作完成任務,是在現實職場中很重要的能力。 書本提到了一些觀點,協作對象不該一視同仁,一個偏好獨立工作的軟體工程師,要如何與一位合作型的產品經理一起協作開發一個新功能?一個協調型的培訓人員,如何和一個獨立型的老師協作改善教學品質?書中的案例或許能幫你思考這些問題的答案。
Thumbnail
這篇文章探討了工程師在如何有效提升自己,強調不僅僅是多coding,而是要對程式碼有更深層的理解。隨著職涯發展,工程師需要從單純的技術執行者轉變為團隊領導者,具備解決複雜問題和與他人有效溝通的能力。
在專案管理中,如何有效經營利害關係人是確保專案成功的關鍵。這篇文章分享了一些技巧,包括識別利害關係人、設定期望、保持良好溝通及找到共同利益等策略,幫助讀者在專案中建立良好的關係,減少誤解和不必要的驚喜,最終達成專案目標。
Thumbnail
專案經理在專案管理中與不同角色進行溝通和談判的藝術。通過定期會議和主動傾聽建立團隊信任,定期更新和展示同理心管理客戶期望,雙贏思維和充分準備協調三方合作夥伴,以及數據驅動的簡潔匯報獲得高層支持。案例展示靈活應用這些策略,確保專案按時按質完成。
Thumbnail
業務與研發之間的溝通是職場一大挑戰,常因認知差異產生誤解,影響工作氣氛與專案進度。 透過本文提出的三點提醒,設定對應方案來打破專業壁壘,就能建立起有效的跨部門合作關係。
Thumbnail
這篇文章主要討論了行銷人與設計人溝通的重要性,並針對以商業目的為主的設計提出了一些設計風格呈現、視覺重點、露出設計的地點和閱讀者為誰等方面的建議。
Thumbnail
專案經理與工程師在工作上面對的挑戰和需求截然不同。專案經理需具備溝通、督促、認知及行政等四種核心能力,以便成功轉型。文章中舉例以生動的故事來說明這四種能力的重要性,並強調從工程師升遷為專案經理並非易事,需要不斷學習與努力。
  在快速發展的數位時代,設計接案合約成為了許多設計專業人士及客戶之間的重要文件。無論是在任何的設計領域,一份完善的設計接案合約扮演著確保雙方權益和順利完成專案的關鍵角色。       設計接案合約明確規定了設計師和客戶之間的權利義務、交稿時間、案件費用等重要事項。當設計師與客戶達成一致,
Thumbnail
這篇文章主要討論了設計的主客觀問題。透過討論設計師必然面對的主客觀問題,幫助讀者更妥善地處理設計衝突及評價,使設計更趨向完整。
Thumbnail
追求乾淨的程式碼是好的開始,但不要陷入過度設計的陷阱,導致程式難以維護。實際上,考慮團隊狀況和專注於解決真正的問題更為重要。了解公司的規模和現實情況,適時調整工作重心。技術不斷進步,使得寫程式變得更加容易,但這並不意味著工程師的角色會消失。在選擇技術時,也要考慮隱形成本有時簡單的解決方案反而更有效。
Thumbnail
學會如何建立合作關係和協作完成任務,是在現實職場中很重要的能力。 書本提到了一些觀點,協作對象不該一視同仁,一個偏好獨立工作的軟體工程師,要如何與一位合作型的產品經理一起協作開發一個新功能?一個協調型的培訓人員,如何和一個獨立型的老師協作改善教學品質?書中的案例或許能幫你思考這些問題的答案。