Baymard Institute UX Knowledge Hub

關於 Baymard Institute UX Knowledge Hub

Baymard UX Knowledge Hub 是 Baymard 整理電商使用者經驗研究、實務文章、品牌案例與產品消息的入口。頁面將知識分成部落格、成功案例與研究文章，並提供無障礙、電商體驗、設計系統、研究洞察及體驗稽核等分類，讓讀者依工作需求尋找資料。

文章題材包括搜尋介面、商品規格、介面徽章、研究團隊與研究發現的呈現方式，也可閱讀首頁導覽、商品頁、結帳和行動體驗等研究。對設計者而言，可先從目前需要改善的流程選取教材，再將研究中的問題與自己的頁面對照；團隊也能利用稽核與溝通題材，整理問題、安排處理順序並討論修改依據。

功能特色

主要功能

• 實務文章入口：從 UX Blog 查閱體驗基礎、介面實務、電商趨勢與官方產品消息。
• 品牌成功案例：獨立整理品牌採用研究後的實作情境與案例自述成果。
• 免費研究文章：官方列出超過四百五十篇免費深度研究文章，依研究主題延伸閱讀。
• 主題分類導覽：涵蓋無障礙、案例、轉換最佳化、設計系統、電商體驗、研究洞察及體驗稽核。
• 電商流程題材：收錄搜尋、商品規格、首頁分類導覽、商品頁、結帳及行動體驗研究。
• 研究與團隊實務：提供研究團隊配置、成果溝通、問題整理與體驗稽核清單等文章。
• 每週電子報：提供研究、實用指南與官方更新的電子郵件訂閱入口。

使用情境

• 電商設計者準備改善搜尋、商品頁或結帳時，依相同流程查找研究與實務文章。
• 團隊整理介面問題與修改理由時，參考稽核清單及研究成果溝通教材建立討論材料。

相似工具

• Adobe Color — 學習網站
• Adobe Learn — After Effects — 學習網站
• Apple Human Interface Guidelines — 學習網站
• BP&O — 學習網站
• Brand New — 學習網站
• Butterick’s Practical Typography — 學習網站
• Color（Method of Action） — 學習網站
• DesignSystems.com — 學習網站
• Figma Learn — 學習網站
• Fonts In Use — 學習網站
• GoodUI — 學習網站
• Google Fonts Knowledge — 學習網站

加入創作邦會員

收藏實用內容、下載免費模板，訂閱電子報。

精選工具

• Comet — Comet 是 Perplexity 的 AI 瀏覽器，整合搜尋與助理功能，可協助閱讀、比較網頁內容、準備郵件草稿與整理學習計畫。
• Lovable — Lovable 可透過對話介面建立軟體產品，協助把想法製作為網頁應用程式。
• Pexels — Pexels 是照片與影片素材資源平臺。
• DOTOWN — DOTOWN 提供像素插畫下載，官方標示可商用，可用於圖示、文件與其他創作。

新工具

• justfont blog — 分享中文字體基礎、字型排版應用與字體設計入門的繁中文章及教案。
• LottieFiles Tips and Tutorials — LottieFiles 官方教學文章，分享設計系統、狀態機、介面動畫與 Lottie 流程。
• Adobe Learn — After Effects — Adobe 官方 After Effects 教學，涵蓋文字動畫、視覺效果與動態模糊。
• Pentagram Work — Pentagram 官方作品集，分享品牌識別、策略、包裝與動態等專案案例。