UIUX Design

提案比賽 - 台北捷運 Metro Taipei APP 體驗優化改版

My role at the project.

Design Lead

與團隊內兩外設計師共同合作,在 3 天時間內完成此改版提案

My role at the project.

Design Lead

與團隊內兩外設計師共同合作,在 3 天時間內完成此改版提案

專案期間

2023

專案期間

2023

服務公司

黑松客 - 台北捷運 Metro Taipei

服務公司

黑松客 - 台北捷運 Metro Taipei

使用工具

  • Figma

使用工具

  • Figma

負責項目

  • 用戶研究

  • 競品分析

  • 使用者界面設計

  • 設計用戶流互動設計

  • 設計模式和規範

  • 設計提案準備


負責項目

  • 用戶研究

  • 競品分析

  • 使用者界面設計

  • 設計用戶流互動設計

  • 設計模式和規範

  • 設計提案準備


Project Overview

本項目旨在重新設計台北捷運 APP,以提升其使用體驗。台北捷運作為台北市的重要交通工具,服務對象包括日常通勤的市民、國內外旅客及需要特殊協助的乘客。我們的目標是通過改進 APP 的功能和界面設計,讓使用者能夠更快速且準確地找到所需資訊,並提升整體使用體驗。

本項目旨在重新設計台北捷運 APP,以提升其使用體驗。台北捷運作為台北市的重要交通工具,服務對象包括日常通勤的市民、國內外旅客及需要特殊協助的乘客。我們的目標是通過改進 APP 的功能和界面設計,讓使用者能夠更快速且準確地找到所需資訊,並提升整體使用體驗。

團隊目標

透過重新設計台北捷運 APP,為使用者提供更加流暢且直觀的使用體驗,滿足不同使用者群體(包括捷客、旅客、特殊乘客)的需求,解決他們在使用過程中所遇到的問題,並通過改進資訊安排行為和介面設計,讓使用者能夠快速且準確地找到所需的資訊和功能。

角色產出

作為本項目的 Design Lead,我負責與另外兩位設計師合作,共同發想討論。進行使用者研究、設計構想、操作流程規劃和介面設計等方面的工作。我產出了詳細的用戶需求分析報告、操作流程圖。

專案挑戰

在本項目中,我們面臨的主要挑戰包括如何滿足不同使用者群體的需求(如捷客、旅客、特殊乘客),如何優化資訊排布以便於使用者快速找到所需資訊,以及如何統一介面設計風格以增強品牌一致性和辨識度。此外,還需要考慮如何在提升使用者體驗的同時,並在有限的資源和時間內完成所有設計。

設計成果

通過設計思維方法,我們重新規劃了操作流程,確保重要功能易於發現和使用,同時簡化了資訊結構。高保真設計稿展示了清晰的產品結構和一致的視覺體驗,交互原型則模擬了實際使用情境,確保設計方案的可用性和易用性。

Challenges & Objectives

在本項目中,我們面臨的主要挑戰包括:如何針對不同使用者群體(如捷客、旅客、特殊乘客)設計滿足其需求的功能,如何優化資訊排布以便於使用者快速找到所需資訊,以及如何統一介面設計風格以增強品牌一致性和辨識度。目標是通過設計改進,打造流暢且直觀的使用體驗,並提高使用者對捷運服務的滿意度。

在本項目中,我們面臨的主要挑戰包括:如何針對不同使用者群體(如捷客、旅客、特殊乘客)設計滿足其需求的功能,如何優化資訊排布以便於使用者快速找到所需資訊,以及如何統一介面設計風格以增強品牌一致性和辨識度。目標是通過設計改進,打造流暢且直觀的使用體驗,並提高使用者對捷運服務的滿意度。

提案企劃書|詳細說明北捷目前使用族群各自需求與如何透過體驗設計滿足用戶。

Design Process

設計過程包括以下幾個步驟:

  1. 使用者研究:通過訪談和調查了解不同群體的需求和痛點。

  2. 設計構思:基於使用者需求進行頭腦風暴和概念設計。

  3. 操作流程規劃:重新設計 APP 的操作流程,確保重要功能易於發現和使用。

  4. 高保真設計稿:製作詳細的設計稿和交互原型,模擬實際使用情境。

  5. 用戶測試:收集使用者反饋並進行迭代優化。

設計過程包括以下幾個步驟:

  1. 使用者研究:通過訪談和調查了解不同群體的需求和痛點。

  2. 設計構思:基於使用者需求進行頭腦風暴和概念設計。

  3. 操作流程規劃:重新設計 APP 的操作流程,確保重要功能易於發現和使用。

  4. 高保真設計稿:製作詳細的設計稿和交互原型,模擬實際使用情境。

  5. 用戶測試:收集使用者反饋並進行迭代優化。

左為北捷現有介面,右則是我們的改版建議。

Solutions & Deliverables

  • 功能模塊:新增和改進【捷運路網】、【票價查詢】、【列車動態資訊】、【到站時刻】等功能模塊。

  • 界面設計:清晰的產品結構和一致的視覺體驗,提升品牌辨識度。

  • 交互設計:優化操作流程,簡化資訊結構,確保使用者能夠快速找到所需資訊。

  • 交互設計報告:我們製作了 UX 企劃內容,重新規整 APP 的資訊架構

  • 功能模塊:新增和改進【捷運路網】、【票價查詢】、【列車動態資訊】、【到站時刻】等功能模塊。

  • 界面設計:清晰的產品結構和一致的視覺體驗,提升品牌辨識度。

  • 交互設計:優化操作流程,簡化資訊結構,確保使用者能夠快速找到所需資訊。

  • 交互設計報告:我們製作了 UX 企劃內容,重新規整 APP 的資訊架構

Reflections & Learnings

通過本項目,我們學到了如何在多樣化的使用者需求和設計限制之間找到平衡,並在有限的資源和時間內完成高質量的設計方案。我們深刻理解了使用者體驗的重要性,並提高了自身的設計能力和問題解決能力。最終的設計成果雖然沒有入圍黑客松,但也讓共同參與的設計師們更加了解體驗設計的真諦。

通過本項目,我們學到了如何在多樣化的使用者需求和設計限制之間找到平衡,並在有限的資源和時間內完成高質量的設計方案。我們深刻理解了使用者體驗的重要性,並提高了自身的設計能力和問題解決能力。最終的設計成果雖然沒有入圍黑客松,但也讓共同參與的設計師們更加了解體驗設計的真諦。

Other Projects

Let's work together.

Thank you for reading! I'm currently seeking remote or full-time employment opportunities. Feel free to contact me. Looking forward to potential collaboration!

Copyright © 2024 Belinda Design All Rights Reserved.

Let's work together.

Thank you for reading! I'm currently seeking remote or full-time employment opportunities. Feel free to contact me. Looking forward to potential collaboration!

Copyright © 2024 Belinda Design All Rights Reserved.

Let's work together.

Thank you for reading! I'm currently seeking remote or full-time employment opportunities. Feel free to contact me. Looking forward to potential collaboration!

Copyright © 2024 Belinda Design All Rights Reserved.