Blog

使用 AI 實作電子書朗讀工具的經驗與使用工具後，對工作的反思。

近幾年 Vibe coding 大行其道，身邊的設計師、PM 也都開始用這類的工具加速產品開發的流程，這些工具對設計師來說最大的好處是加速溝通的效率，可以填補在靜態 Prototype 、Wireframe 難以呈現的流程或動畫，甚至是細微的體驗。但如果要拿這個 Prototype 變成一個實際可交付的工具，那又是另外一回事了，接下來我的失敗案例

2024 年絕對是一個充實的一年，執行了將近 12 個大小專案，經歷過無數的挫折、失敗與學習，我認清看似簡單的需求，可能包含複雜的 RWD 設計、不同情境、技術限制下的設計等

因為蠻常在 GoodNotes 手寫日記畫 Wireframe，蠻喜歡這種手寫的時光。
在工作繁忙的時候靜下心手寫記錄心情、畫圖，這種時刻蠻好的。
所以在近期我用 Figma 做了一些 GoodNotes 的樣式。如果妳也有在用 GoodNotes 也可以下載後加到 GoodNotes 的 Template。

再回到 2021 年給自己 2022 年設的目標，算是完成了 7 成左右，自己的工作步上軌道。
接下來簡述幾項今年我印象深刻的內容：

這次製作的料理，主要是使用原生的 CSS 變數 實做出深色模式和淺色模式的切換。除此之外，我們還會利用 HTML input 標籤當中的 checkbox 實做 『切換』這個動作，以下將介紹這些食材的特性。

F2E – 公車動態網站設計，是公司受六角學院邀請參與的活動，活動內容是讓兩組團隊各派出一位設計與工程師，製作公車動態網站服務。活動目標不是在短時間內製作出產品，而是各自選擇要精進的技能。而我沒有製作過 App 或數位產品的經驗、加上訪談練習的機會尚未成熟，所以想透過這次的活動嘗試當作一個產品開發的流程，並從使用者訪談開始。

網站設計與延伸品牌視覺，建立 Design System，維持品牌視覺一致性，易於更新與維護。確立 TA 與專業品牌形象吻合。與行銷合作埋設相關追蹤，找出頁面可調整的部分。

時間過得很快，感覺前幾天才寫 2020 現在又立馬回顧 2021。
以下列出 2021 做的大專案：公司官網設計與開發、和 UX 顧問學習訪談、參加 F2E PK。上看起來好像不多，有些專案有寫出文章，其他有些主要專案因為還在進行所以暫時沒有文章。但之後會再寫一些文章分享專案的！

這篇文章主要是分享之前公司收到六角學院的邀約，參與 F2E PK 賽 的參賽心得紀錄。PK 所製作的內容是『全台公車動態時刻查詢應用服務』活動的目標不是一個月內完成一個產品，而是透過活動練習不熟的技術和設計。而此篇文章將從 UI 設計角度，分享製作過程與收穫。對我來說正想要練習的是：使用者研究與訪談。