iT邦幫忙

2024 iThome 鐵人賽

DAY 10
0
IT 管理

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

[Day10-討論階段] 終於可以開始切版!但到底要看哪一版 final_last_finalfinal?💥

  • 分享至 

  • xImage
  •  

meme
(圖片來源:DRBARTPM.COM)

Mockup 的具象讓人看到更多可能

當然沒那麼簡單定版⋯ 利害關係人們看了 UI Mockup 後,因為近一步推進到實際畫面,往往更加釐清自己的想法,有新的意見 😭

有時一場畫押性的會議(_final_reallyfinal_final),也會迭代出新的需求。
調整的範圍可能大、可能小,可能規劃出全新功能,或是移除一整個的功能。

如何追蹤定版後的需求異動

Figma Version History

這時設計師與前端除了保持良好的溝通,也需要為了保持一致的認知而互相幫助。
不過,雖然每次會議會留下會議紀錄、Email,但總有遺漏的時候。

如何追蹤需求和設計的變動?我們的設計師與工程師在一起討論後發現,在即將進入前端開發——一個要定不定版之際,各方都會將目光投注在 Figma 暫時?定版? 的設計稿上。

因此我們決定直接在 Figma 的 UI 設計檔案中以 「comment(評論)」 功能註記需要互相溝通的事項,並 「@ 標記」 負責該功能的對應工程師/設計師。像是:業務需求、概念,或是設計異動的原因、業務需求的調整。

透過 comment,除了能直覺知道修改的位子、能直接讓人直接收到通知(Email)、讓專案的所有人同步收到資訊,也能註記調整的時間點,留下修改紀錄!

今天是最後一版 UI 了吧!(是嗎?應該是吧!)

figma comment

Comment 怎麼使用

Guide to comments in Figma


上一篇
[Day9-討論階段] 需求定版!UI Mockup 是專案啟動的訊號 📡
下一篇
[Day11-開發前期] 設計師,拜託不要每次都讓我重工開發類似的設計!😢
系列文
【前端工程師&UI 的 30 天約會】戰勝猴子!:Figma 交付實戰篇15
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言