設計系統 (Design System) | 色彩系統 2022-05-232022-09-09 Constance 設計系統 (design system) 中的色彩,不僅用來突顯品牌視覺。之所以說是色彩系統 (color system),是因為我們需要在每個組件中有系統地運用色彩,或實現無障礙設計 (accessibility design),讓更多使用者能夠理解顏色在介面中的意義,並正確地使用它。
設計系統 (Design System) | 數碼產品的生態系統 2022-01-152022-01-15 Constance 設計系統 (Design System) 是產品的生態系統,設計給產品的產品。設計系統跟 UI Kit 和前端開發框架不同,它是更完整的共享系統,包含了可重用的組件外,還有一系列設計以外的規範來保持體驗一致。不同層面的一致性,可改善不同階段的用戶體驗,同時令產品開發和溝通更有效。
Questions to Ask When Designing B2B EdTech Products 2021-08-082022-12-22 Constance Consideration of the educational field towards EdTech products and courses.
計算 Net Promoter Score (NPS) 淨推薦值,分析滿意度的黃金指標 2021-06-21 Constance Net Promoter Score (NPS / 淨推薦值) 是一個定量的客戶分析工具,是以一條問題衡量客戶對品牌或產品的整體忠誠度。
All About Design System 2021-03-022022-12-22 Constance Design system is a common design language used to solve (product) problems and construct solutions. It is not only a visual system, but also reflects the characteristics, structure and focus of the product.
通用設計 – 針對色盲色弱者的設計要點 2020-10-042021-05-09 Constance1 Comment 色盲又稱色覺辨認障礙,患者無法辨別顏色,而色弱則辨色能力低於正常。雖然色覺障礙不影響肢體活動,但它確實影響生活,甚至置患者於危險之中。產品設計通常只顧及主要、視力正常的使用者,我們如何在網頁或平面設計上運用通用設計,藉此同時照顧色盲色弱患者及健全人士的需要?
GV Design Sprints 開發流程 2016-10-132021-07-21 ConstanceLeave a comment Google Design Sprint 是講求效率與驗證的開發流程,旨在經過反覆研究、拆分流程、設計原型和驗證,在短時間內完成產品設計。不論產品的生命週期為何,從零開始的新想法或是改善原有的使用體驗,都可以遵循流程協助開發。
網頁幻燈片排版 2016-09-032021-05-07 ConstanceLeave a comment 最近我發現使用幻燈片 (slideshow/carousel) 排版的時尚網站愈來愈多。這類排版把文章分為多組圖文,並以幻燈片形式展示,對愛看圖片多於文字的時尚網站讀者無可厚非,但將文章解體,且要讀者手動跳頁的閱讀方式,令人感覺新鮮但欠實際。
設計與開發 App 的思考黑洞 2013-10-052021-05-09 Constance 計劃新 App 時,少不免受到決策者意向和資源所限,而無法選擇最佳方案。無論如何,我認為總有辦法在局限裏解決難題。我公司的團隊在研究新產品的定位和概念時,繞了不少圈子,又犯了好幾個現在聽起來很無稽的錯誤。
用研解難 2013-09-282021-05-08 Constance 近來我開始跟進喜歡的專案-為 App 設計用戶體驗和圖形介面。設計體驗說易不易,說難不難,視乎下的藥要治標還是治標又治本,及格還是高分。一個問題,百種解法,鬥效率、鬥創新、鬥易用。這份工作需要動不少腦筋,也是它的好玩之處。
網頁版面重心權衡 2013-04-022021-05-08 ConstanceLeave a comment 很早之前我已打算寫這篇文章,一切要從 Google 搜尋開始說起:打開搜尋首頁,先來個很易懂的文字輸入框,但下一秒則完全相反:「右邊的空白畫面,搞甚麼啊?!」