UIUX Design

T-Express
行動購票服務 APP Android

My role at the project.

Product designer

身為主要的產品設計師,我負責挖掘舊版用戶操作痛點,已不更動流程為前提,確保新設計能更友善、直觀的操作,同時介面設計與交互需完全符合 Material Design 的 Android 平台規範。

My role at the project.

Product designer

身為主要的產品設計師,我負責挖掘舊版用戶操作痛點,已不更動流程為前提,確保新設計能更友善、直觀的操作,同時介面設計與交互需完全符合 Material Design 的 Android 平台規範。

專案期間

2020-2021

專案期間

2020-2021

服務公司

THSRC - 台灣高速鐵路

服務公司

THSRC - 台灣高速鐵路

使用工具

  • Sketch

  • Zeplin

  • XMind

  • Photoshop

  • Illustrator

使用工具

  • Sketch

  • Zeplin

  • XMind

  • Photoshop

  • Illustrator

負責項目

  • 設計用戶流互動設計

  • 使用者界面設計

  • 設計模式和規範

  • 項目規劃與進度管理

  • 協調設計和開發團隊

  • 設計指南與文檔

負責項目

  • 設計用戶流互動設計

  • 使用者界面設計

  • 設計模式和規範

  • 項目規劃與進度管理

  • 協調設計和開發團隊

  • 設計指南與文檔

Project Overview

「台灣高鐵 T Express 行動購票服務 」App 為台灣高鐵公司推出之行動購票乘車服務,不論您身在何處,隨時隨地都可以輕鬆訂購高鐵車票,更可以透過手機下載 QR Code 手機票證,享受便捷的通關乘車體驗。該產品上線已久,功能流程機制複雜,無法進行更動,客戶希望在介面能進行更新且在用戶體驗上更符合平台操作邏輯,讓用戶能夠快速適應產品流程。

「台灣高鐵 T Express 行動購票服務 」App 為台灣高鐵公司推出之行動購票乘車服務,不論您身在何處,隨時隨地都可以輕鬆訂購高鐵車票,更可以透過手機下載 QR Code 手機票證,享受便捷的通關乘車體驗。該產品上線已久,功能流程機制複雜,無法進行更動,客戶希望在介面能進行更新且在用戶體驗上更符合平台操作邏輯,讓用戶能夠快速適應產品流程。

團隊目標

增加用戶的使用體驗,從介面、交互的角度切入,使其能更流暢的在手機中操作訂票、驗票、查詢...等功能。

角色產出

在此專案中我與客戶、開發廠商密切合作,負責專案規劃、進度管理、需求對焦、交付設計、協調開發檔案

專案挑戰

因既有流程機制無法更動,客戶又希望使用體驗可以更加直覺。需要與客戶不斷溝通,對焦確認交互、視覺符合機制。

設計成果

最終在一年內完成 10 個項目的設計交付,這次的改版奠定高鐵新的數位設計規範,同時優化了操作體驗。

Challenges & Objectives

專案挑戰

  1. 用戶體驗優化:設計一個符合現代化、簡單易用的界面,讓所有年齡層的用戶都能輕鬆操作。

  2. 多功能整合:將購票、查詢車次、選座等多種功能整合到一個應用程式中,並保持界面簡潔。

  3. 加強品牌調性:從介面設計元素中強調高鐵品牌調性

設計目標

  1. 提高操作便捷性:使用戶能夠快速進行車票預訂和查詢。

  2. 遵守平台交互規範:通過友好的UI/UX設計和符合 Material Design 的交互形式,提升用戶整體操作體驗。

專案挑戰

  1. 用戶體驗優化:設計一個符合現代化、簡單易用的界面,讓所有年齡層的用戶都能輕鬆操作。

  2. 多功能整合:將購票、查詢車次、選座等多種功能整合到一個應用程式中,並保持界面簡潔。

  3. 加強品牌調性:從介面設計元素中強調高鐵品牌調性

設計目標

  1. 提高操作便捷性:使用戶能夠快速進行車票預訂和查詢。

  2. 遵守平台交互規範:通過友好的UI/UX設計和符合 Material Design 的交互形式,提升用戶整體操作體驗。

舊版介面,看起來有年代感,部分操作設計已不符合平台規範。

Design Process

研究與分析
我們進行了市場調查,了解現有國內外交通類應用程式的優劣勢,這包括學習成功的功能特點和識別常見的缺陷。同時,我們進行了用戶研究,通過調查和訪談收集用戶反饋,了解用戶需求和使用痛點。



迭代和優化
根據客戶的反饋,設計進行了多次迭代。每次迭代都專注於解決特定的問題,如改善導航、增強視覺吸引力和簡化複雜的交互。我與開發團隊密切合作,確保設計變更的可行性並能順利整合到應用程式中。


設計交付和文檔
設計過程的最後階段是細修設計並準備詳細的文檔。設計被細緻調整,確保一致性、可用性和符合 Material Design 規範。我製作了全面的設計指南,幫助開發團隊準確實現設計意圖。這些文檔包含所有必要的細節,如配色方案、字體和交互模式。當時搭配 Zepline 進行檔案交付,而結構化的設計流程確保了 T Express 應用程式不僅具有視覺吸引力,還具有高度一致性。

研究與分析
我們進行了市場調查,了解現有國內外交通類應用程式的優劣勢,這包括學習成功的功能特點和識別常見的缺陷。同時,我們進行了用戶研究,通過調查和訪談收集用戶反饋,了解用戶需求和使用痛點。



迭代和優化
根據客戶的反饋,設計進行了多次迭代。每次迭代都專注於解決特定的問題,如改善導航、增強視覺吸引力和簡化複雜的交互。我與開發團隊密切合作,確保設計變更的可行性並能順利整合到應用程式中。


設計交付和文檔
設計過程的最後階段是細修設計並準備詳細的文檔。設計被細緻調整,確保一致性、可用性和符合 Material Design 規範。我製作了全面的設計指南,幫助開發團隊準確實現設計意圖。這些文檔包含所有必要的細節,如配色方案、字體和交互模式。當時搭配 Zepline 進行檔案交付,而結構化的設計流程確保了 T Express 應用程式不僅具有視覺吸引力,還具有高度一致性。

使用 Zeplin 結構化交付第三方開發團隊

Solutions & Deliverables

解決方案
1. 直觀的界面設計:使用 Material Design 設計規範,確保應用程式界面簡單、直觀,方便用戶快速上手。
2. 多功能整合:將購票、查詢、選座等多種功能無縫整合,提供一站式服務。

交付成果
1. 完整的設計稿:包括應用程式的所有界面設計稿,詳細標註每個功能的實現方式。
2. 設計指南:提供詳細的設計指南,確保開發團隊能夠準確實現設計意圖。
3. 高保真原型:可交互的高保真原型,展示最終設計效果。

解決方案
1. 直觀的界面設計:使用 Material Design 設計規範,確保應用程式界面簡單、直觀,方便用戶快速上手。
2. 多功能整合:將購票、查詢、選座等多種功能無縫整合,提供一站式服務。

交付成果
1. 完整的設計稿:包括應用程式的所有界面設計稿,詳細標註每個功能的實現方式。
2. 設計指南:提供詳細的設計指南,確保開發團隊能夠準確實現設計意圖。
3. 高保真原型:可交互的高保真原型,展示最終設計效果。

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.