iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
IT 管理

【前端工程師&UI 的 30 天約會】戰勝猴子!:Figma 交付實戰篇 系列

你是否遇到過這些狀況?像是:
💬 工程師:沒有前因後果又畫不完全,設計是要我們通靈嗎?
💬 設計師:為何最後的成品都跟我畫的不同,用起來那麼怪!
因為設計師擅長處理問題、提出解法,關注使用者行為;而工程師們注重功能、結構和效用,確保產品的可用性。我們常因為兩者不同的思考模式而產生摩擦。

本篇想分享在這兩年的複雜後台專案中,前端工程師與 UI/UX 設計師們從不熟悉到相互配合,在一般交付方式不適用之下,一步步逐漸共同討論出的一套合作流程,在專案中提升協作效率的故事!

參賽天數 15 天 | 共 15 篇文章 | 2 人訂閱 訂閱系列文 RSS系列文 團隊擁有夢想的鐵人猴子隊
DAY 11

[Day11-開發前期] 設計師,拜託不要每次都讓我重工開發類似的設計!😢

高效的開發和設計 切版在專案開發中,應該是許多前端工程師覺得最沒成就感的部分...反觀這個階段的產出,則常常是 UI 設計師會跟工程師爭吵的一環(文字粗細、色碼...

2024-09-23 ‧ 由 TC 分享
DAY 12

[Day12-開發前期] 原子設計?功能設計模組化,元件庫 Level up!

優化網頁元件架構:原子設計 vs 設計模組(Pattern) 前端為了更健康的網頁架構,在開發時會追求程式模組化。而設計師們除了建立元件庫外,我們會將重複使用的...

2024-09-24 ‧ 由 TC 分享
DAY 13

[Day13-開發前期] 跟著 UI SPEC,切版不迷路🕵️

有系統的交付 UI 設計 在設計師們 UI 時,我們能夠隨時、直接的在 Figma 上看到,UI 的各種 width、padding 數值。雖然自動產生的方便歸...

2024-09-25 ‧ 由 TC 分享
DAY 14

[Day14-開發前期] User Flow、User Journey,還是 Logic Flow 🤔?流程圖百百種,哪種才適合?

根據專案目標選擇流程圖 在專案開發的前期階段,流程圖(flowchart)扮演著不可或缺的角色,可以幫助團隊更有效地溝通和協作,確保開發過程的順暢。 不過,不是...

2024-09-26 ‧ 由 TC 分享
DAY 15

[Day15-開發前期] 進擊的 User Flow 💪  搭配「服務藍圖」解碼前台操作與業務流程!

搭配服務藍圖:全局掌握使用者行為&幕前幕後互動 上一篇提到,User Flow 透過線性描述使用者行爲。在獲得方向和具體定論後,可以幫助我們梳理操作步驟。(圖片...

2024-09-27 ‧ 由 TC 分享