This is a comprehensive article that synthesizes my insights on various design operations sub-projects published in Chinese in 2022 and 2023. These insights stem from the core project I undertook as the inaugural Design Lead at the matrix organization CMoney ( CM ) between 2021–2023 — designing a design department.

In this post, I’ll walk you through the fastest path to proficiency by focusing on the most frequently used features in the following order: Session Replay > Visit > Click > Search > Funnel > Dashboard > Segment

As we become more adept with Fullstory’s basic operations, we’re now able to set up Funnels, Metrics, and observe user behavior through Session Replays.

Compares two well-known Session Recording tools — Fullstory and Hotjar, to evaluate when it’s more suitable to choose Fullstory despite its higher cost and learning curve.

今天要分享的是 — 我在 CMoney 這 1 年多以來，基於 DesignOps 推廣的幾個主要工具的使用情況，並依使用量 / 泛用度高低來列出。

雅婷逐字稿是台灣知名的語音辦識軟體，Vocol.ai 則是我在尋找 Otter.ai ( 能整合進 Google Meet / Zoom ) 支援中文辨識的競品時，意外找到的新產品。 我主要的測試對象是 Vocol.ai，雅婷則為部分情境的對照組。本文是我的觀察。

這篇文章是我以 GA 資料導入 Looker Data Studio，運用資料混合、匯出再分類等方式做出一套 Dashboard 提供給視覺設計師們查找自己作品成效的過程。 準備分享的內容包括功能說明、技術難關、分析決策、Insight、資料驗證等段落。

當我在 2021 年進入 CMoney 時，公司已有超過十個 SCRUM 團隊，每隊均配有自己的設計師和前端工程師，各自打造獨特的設計和程式碼，靈活性雖高、卻也像無數次的重新發明相同的輪胎。作為設計主管，我看到了提升公司產品設計體驗的必要性。為了更有效地將設計師的心力花費在分析與高階的 UI 互動上，我認為我們需要逐步整合設計風格，並建立一套設計系統。以避免設計師們的大部分時間被浪費在重複創建相同的基礎元件上。

上一篇講到我將 GA 資料轉化成直覺觀看的 Dashboard 供視覺設計師查閱，本篇分享我從 Dashboard 得的一些設計洞察與我對此 Dashboard 的製作決策。

今天要延續上一篇 《從設計主管的角度來建構 Design System》的內容，進一步分享當我們為 CMoney 建立 Web Design System 後，視野進一步打開、所探索到的進階議題。

在之前的兩個篇章中，我介紹了自己如何透過觀察已打造好的 Dashboard 來觀察 CMoney 內廣中的成效，本篇是最後一篇，分享我的打造方式、中間遭遇了各種技術關卡也是多虧網路上他人的知識分享來克服，希望我的經驗分享也同樣能幫助到一些人。

在這篇文章中，我要分享又一個新的 AI 簡報製作工具 — Gamma 的使用心得。Gamma 相比於 Tome 更像 Copilot，因為 Tome 無法在生成簡報後請 AI 調整內容，新的指令只能產生新的頁面；而 Gamme 真的會依指令為我做換色、加欄位、嘗試新 Layout。

進行使用者研究 ( UXR ) 是一項重要的策略，可以幫助產品團隊更好地理解使用者的需求、優化產品設計並提升競爭力。從 2022 Q1 起，我在 CMoeny 設計部進行了一系列的動作來使我們的 UX 方法成熟化，並在培育設計師才能、改善專案效能和提升公司管理層對使用者研究的期待方面取得了若干成果，我將用這篇文章初步說明從 0 到 1 導入的過程所經歷的事。

本系列文章旨在回顧非視覺專業背景的我，在擔任視覺設計團隊的主管時如何用”技法指導”以外的手段來帶動團隊成長、並提升 CMoney 的品牌設計形象，在這第一篇文章說我會說明我的出發點、我在前期如何展開我帶動團隊的策略。

今天是系列文章的第二篇，我將進一步介紹前一篇中提到的使用者研究資料庫和計分板。這工具是我們在 2022 年用於記錄公司內部的使用者研究工作，我透過它來在前期面向公司回報 2 位 UX 職能者對產品團隊的幫助。

我這次想分享的則是沒有字幕檔、或我想摘要的根本不是 Youtube 影片而是其他多媒體，利如別的教學平台內容或 Podcast 時，如何過 Whisper.ai 幫我完成逐字稿的部分工作。

本系列文章旨在回顧非視覺專業背景的我，在擔任視覺設計團隊的主管時如何用”技法指導”以外的手段來帶動團隊成長、並提升 CMoney 的品牌設計形象，今天這一篇我將會介紹我們視覺設計團隊所完成的里程碑與影響。

這篇文章是我在 CMoney 進行 UX 拓荒之旅系列的結尾，在前兩篇文章中我介紹了當時是如何開始在公司中配置人力做使用者研究 ( UXR )，並如何在導入的過程中建立資料庫與計分板來聚焦團隊的發力方向。 而現在第三篇，我終究要來回顧一下投入這麼些努力與資源，我們達成了什麼影響？

今天來分享我利用 Looker Studio 為 CMoney 視覺設計團隊所做的另一個 Dashboard — 用來衡量電商商品頁的設計成效。我認為設計師能將長條圖資訊做得精簡好讀、不至於讓用戶捲動太深而放棄觀看，或是用精美和引人入勝的設計吸引用戶看完，都能代表設計師的成功 — 因此追蹤 Scrolldepth；另外，商品圖的說服力也可能影響到用戶將商品加入購物車的意願，因此我也追蹤 CTA 轉換率。

自 2021 年 Q4 起，我開始在 CMoney 接手主持設計部內的每週會議。在這 2 年期前我多次調整會議型式，以試圖優化設計例會的含金量，化解缺乏互動、討論不夠深入、參與度不高等問題，這篇文章要分享的正是此 2 年期間的心得。

我以 Design Thinking 與 LeanUX 的思路來做流程重新設計，將同理心、MVP、迭代、量化衡量等方式實踐於招募方法的改進。出席初試轉換率就從 15% 上升到 48% （ 每月20個合格履歷有回傳作業並出席的比例 ），確保我有機會面試到夠好的人選，這是最重要的環節。

本系列文章將討論我對 Generative Fill 的體驗，並將其與我之前介紹過的 Leonardo.ai 進行比較。此外，我還將分享我理想中工作空間背後的故事，以及我創作過程中的迭代過程。

在之前的探索 -《Library 比較與選用》之中，我發現 Relume Library 的運用生態系龐大，這次的分享就是我實際學習 Relume 工作流並實戰一個網頁 Redesign 後的心得。

Adobe 的 Generative AI 相比於人們已熟悉的 Midjourney / Stable Diffusion，有著頗為不同的運作方式和定位。 從局部細節的精緻度來說，Generative AI 不太理想；但在大範圍的擴圖與基於原有的圖面去擴展想法這方面則是其極具優勢的領域。

在選用 Library 時，為了避免 Webflow 網站的樣式檔案過大、並要維持一致性，需要慎選我使用的 Library 數量，本篇文章是我的目前的挑選對象與原則。

這篇文章的目的在於筆記我在對 Webflow CMS這篇文章的目的在於筆記我在對 Webflow CMS 的用途與技術的理解 — Webflow CMS 的設定更加的費時與不直覺，因此我透過這篇文章來註記何時適合使用 CMS？以及設定時部分技術細節。

這次要解決的問題是發生在我想將一個富含 Webflow Page Interaction 的頁面複製成一個獨立網站時所遭遇的問題。

在網頁中，可多頁輪播的 UI 元件常被稱為 Carousel；而在 webflow 則將此元件定義為 Slider。 ( 在 Relume 中則歸類為 Gallery ) 這篇筆記用於幫我記錄 Webflow 本身 Slider 支援與不支援的功能範圍，以便未來回顧。

今天分享 2 種實用冷門技巧 — 高清長頁面截圖 ( by Insert Big Image ) 與截圖文字辨識 + 整理 ( Recognize + TextCutter)，利用這免費 3 個 Plugin 可以進行高精緻度的參考案例蒐集。

在現代設計中，跨平台設計是一個常見的挑戰。在字型選擇方面，我們需要盡量符合各平台的慣用字型，以確保使用者體驗和設計稿的還原度。在這篇文章中，我會分享 CMoney 設計師在 Figma 選用字型時的策略。

本篇文章說明如何在使用 Design System 中的 Icon 時，有時會發生換了 Icon 就要重選 Design Token 的狀況。

我發現 Table to Image for Figma 成為了我在 wireframe 和 PRD 階段的強力工具，而目前這個 Plugin 的知名度不高，也沒看到中文教學，因此我希望這篇文章也能對大家有所幫助。