國立故宮博物院是台灣最具代表性的世界級博物館之一。然而，其電子商務網站存在資訊零散、無障礙體驗不足的問題。此外，主網站與電子商務網站之間的設計不一致，容易導致用戶混淆，影響整體瀏覽體驗。
提升故宮電子商務網站的無障礙設計，確保與主網站的品牌一致性，並優化整體用戶體驗，讓不同群體的使用者都能輕鬆瀏覽與使用。
我主導了故宮博物院電子商務網站的重新設計，透過定義使用者角色、繪製用戶旅程圖，並開發高保真模型與原型，確保網站能滿足多元用戶的需求，提供流暢的使用體驗。
檢視原型
新增返回博物館主網站的連結，並確保設計風格與品牌形象保持一致，強化用戶對品牌的整體認知。
建立清晰的層級架構，並提供可調整的文字大小功能，以滿足不同用戶的需求，確保所有用戶都能順利使用網站。
導入麵包屑導覽（Breadcrumbs）與篩選器，提升用戶的搜尋效率。同時，強化產品頁面的詳細資訊，減少用戶下單前的猶豫，提升轉換率。
我們如何為多元族群打造包容且流暢的購物體驗？
在專案初期，我與客戶進行深入訪談，全面掌握他們的需求與期望。這幫助我確定了合適的研究方法，以有效解決利害關係人的痛點。
需求：
無障礙網頁設計需遵循四大核心原則，以確保所有用戶（包括殘障人士）都能順利存取與使用網站內容。
確保所有用戶都能透過視覺、聽覺或其他方式感知到設計中的每個元素。例如，為圖片和連結添加 alt 文字，並採用高對比度的配色，以提升可讀性。
確保用戶無需依賴滑鼠，即可順利操作控制項、按鈕、導航及其他互動元素。
讓網站內容易於導覽與閱讀。建立清晰的視覺層級，例如使用明確的標題與內容結構，並提供一致的導覽體驗與明確的操作指引。
確保網站內容能在各種裝置與瀏覽器上順利存取，例如支援螢幕閱讀器。
要使網站的可及性提高，預測性是關鍵。
我深入研究了多家知名博物館網站，例如 MoMA（紐約現代藝術博物館）、Tate（泰特美術館）和 The British Museum（大英博物館），同時也參考了以無障礙設計著稱的網站，如 Nespresso。透過分析這些優秀案例，我總結出共通的最佳實踐方法，並從中獲得了寶貴的洞察，進一步打造出既易於使用又直覺化的設計方案。
圖片與文字並列呈現，能有效提升資訊的理解與吸收。
確保設計結構層次分明，並提供明確的導覽指標，讓用戶能快速找到所需資訊，提升使用效率。
採用較大的字體大小，確保文字清晰易讀，特別是在數位介面中，這能大幅提升用戶的閱讀舒適度。
提供返回博物館主網站的連結及一致的視覺設計，不僅方便用戶導覽，更能強化品牌識別度與一致性。
我對整個網站進行了全面的瀏覽，並使用手動和電腦測試深入挖掘無障礙設計問題。在此過程中，我也發現了未來設計改進的潛在機會。
目前的網站設計主要針對一般用戶，未能充分考慮殘障人士的需求，有發現以下問題：
💡 改進：
💡 改進：
💡 改進：
博物館主網站
電子商務網站
💡 改進：
首頁設計融入與博物館品牌一致的視覺元素，並加入博物館相關內容的連結。同時，透過豐富的圖片展示，讓用戶能更直觀地理解網站內容，提升瀏覽體驗。
透過導入麵包屑導覽（Breadcrumbs）與篩選功能，有效精簡搜尋結果，提升用戶查找效率。同時，在產品頁面中提供全面且詳細的資訊，減少用戶下單前的猶豫，提升轉化率。
透過新增快速結帳功能，並清晰顯示結帳進度，大幅簡化結帳步驟，讓用戶能更輕鬆快速地完成購買，提升整體購物體驗。
新設計已於 2023 年底正式上線！
雖然我未能參與全部的改動工作，且在實習結束後，部分設計有所調整，仍有幾個地方需要進一步完善。然而，成功達到上線里程碑，並符合無障礙設計標準，這讓我感到無比滿足與成就感。
適應性與彈性
與學校專案中常見的結構化研究和設計流程不同，企業的設計流程更具動態性，需根據時間限制與商業需求靈活調整。這讓我學會如何快速適應變化，並有效達成目標。
講故事的重要性
在向客戶或主管提案時，講故事扮演著關鍵角色。透過創造引人入勝的敘述，不僅能吸引他們的注意力，還能更有效地傳達設計的價值與理念。