捷運App Redesign
重新設計捷運App頁面
Year
2022
Feature
資訊結構重組
Type
App Redesign
Approach
提升閱讀效率
捷運App Redesign
重新設計捷運App頁面
Year
2022
Feature
資訊結構重組
Type
App Redesign
Approach
提升閱讀效率
為何選擇 捷運App作為重新設計？
捷運是我們每天都會搭乘的運輸工具，有些操作其實並不夠直覺。我選擇重新設計它，是希望能透過一些調整，讓整體更加順暢。
設計挑戰
目前以「路線搜尋」為設計範圍，從選擇目的站至時間設定，該站的資訊頁面做重新設計。
設計目標
以小處著手，重新設計元件，因未得知此產品製作的限制，故並未大範圍重新設計更動，以著重介面設計，提升使用者體驗。
一、原始設計分析
首頁
1.首頁Icon不統一且元素過多，造成混雜，且無法快找到「路線查詢」。
2.「線上商城」商品皆跳轉到外部App，可能會降低繼續瀏覽App的意願。
3.導航列突出設計及使用趨勢的漸層設計雖特別，但畫面過於雜亂。
4.「捷運路網」路線查詢，只提供當下的時間，為提供日期及時間篩選。
捷運路網+車站資訊
5.「捷運路網」及「車站資訊」顏色過多，造成視覺混亂。
6.因無時間篩選，單一層路線設計，加入篩選，路線選擇則會增加，路線結果會移至下一步驟。
捷運路網+車站資訊
5.「捷運路網」及「車站資訊」顏色過多，造成視覺混亂。
6.因無時間篩選，單一層路線設計，加入篩選，路線選擇則會增加，路線結果會移至下一步驟。
二、再設計
開始設計前，先定義這次重新設計的設計系統
以路線查詢為首頁
以「路線查詢」為App首頁，線上的商城因連結到外部，為第一想刪減的部分，但未知是否因上級指示或預算問題無法新增購物車功能，故僅以導覽列移除，後續重新設計其他部分，將以此為設計重點。
➤ 使用單一顏色為主要顏色，使介面有「更輕」的體驗，讓視覺聚焦於主要訊息上。
➤ 站別選擇採路線分類，更快掌握要選擇的目的。
➤ 增加時間篩選，可讓使用者提早規劃行程安排。
➤ 路線推薦列表，並重新整理車站資訊
為何選擇 捷運App作為重新設計？
捷運是我們每天都會搭乘的運輸工具，有些操作其實並不夠直覺。我選擇重新設計它，是希望能透過一些調整，讓整體更加順暢。
設計挑戰
目前以「路線搜尋」為設計範圍，從選擇目的站至時間設定，該站的資訊頁面做重新設計。
設計目標
以小處著手，重新設計元件，因未得知此產品製作的限制，故並未大範圍重新設計更動，以著重介面設計，提升使用者體驗。
一、原始設計分析
首頁
1.首頁Icon不統一且元素過多，造成混雜，且無法快找到「路線查詢」。
2.「線上商城」商品皆跳轉到外部App，可能會降低繼續瀏覽App的意願。
3.導航列突出設計及使用趨勢的漸層設計雖特別，但畫面過於雜亂。
4.「捷運路網」路線查詢，只提供當下的時間，為提供日期及時間篩選。
捷運路網+車站資訊
5.「捷運路網」及「車站資訊」顏色過多，造成視覺混亂。
6.因無時間篩選，單一層路線設計，加入篩選，路線選擇則會增加，路線結果會移至下一步驟。
捷運路網+車站資訊
5.「捷運路網」及「車站資訊」顏色過多，造成視覺混亂。
6.因無時間篩選，單一層路線設計，加入篩選，路線選擇則會增加，路線結果會移至下一步驟。
二、再設計
開始設計前，先定義這次重新設計的設計系統
以路線查詢為首頁
以「路線查詢」為App首頁，線上的商城因連結到外部，為第一想刪減的部分，但未知是否因上級指示或預算問題無法新增購物車功能，故僅以導覽列移除，後續重新設計其他部分，將以此為設計重點。
➤ 使用單一顏色為主要顏色，使介面有「更輕」的體驗，讓視覺聚焦於主要訊息上。
➤ 站別選擇採路線分類，更快掌握要選擇的目的。
➤ 增加時間篩選，可讓使用者提早規劃行程安排。
➤ 路線推薦列表，並重新整理車站資訊
為何選擇 捷運App作為重新設計？
捷運是我們每天都會搭乘的運輸工具，有些操作其實並不夠直覺。我選擇重新設計它，是希望能透過一些調整，讓整體更加順暢。
設計挑戰
目前以「路線搜尋」為設計範圍，從選擇目的站至時間設定，該站的資訊頁面做重新設計。
設計目標
以小處著手，重新設計元件，因未得知此產品製作的限制，故並未大範圍重新設計更動，以著重介面設計，提升使用者體驗。
一、原始設計分析
首頁
1.首頁Icon不統一且元素過多，造成混雜，且無法快找到「路線查詢」。
2.「線上商城」商品皆跳轉到外部App，可能會降低繼續瀏覽App的意願。
3.導航列突出設計及使用趨勢的漸層設計雖特別，但畫面過於雜亂。
4.「捷運路網」路線查詢，只提供當下的時間，為提供日期及時間篩選。
捷運路網+車站資訊
5.「捷運路網」及「車站資訊」顏色過多，造成視覺混亂。
6.因無時間篩選，單一層路線設計，加入篩選，路線選擇則會增加，路線結果會移至下一步驟。
捷運路網+車站資訊
5.「捷運路網」及「車站資訊」顏色過多，造成視覺混亂。
6.因無時間篩選，單一層路線設計，加入篩選，路線選擇則會增加，路線結果會移至下一步驟。
二、再設計
開始設計前，先定義這次重新設計的設計系統
以路線查詢為首頁
以「路線查詢」為App首頁，線上的商城因連結到外部，為第一想刪減的部分，但未知是否因上級指示或預算問題無法新增購物車功能，故僅以導覽列移除，後續重新設計其他部分，將以此為設計重點。
➤ 使用單一顏色為主要顏色，使介面有「更輕」的體驗，讓視覺聚焦於主要訊息上。
➤ 站別選擇採路線分類，更快掌握要選擇的目的。
➤ 增加時間篩選，可讓使用者提早規劃行程安排。
➤ 路線推薦列表，並重新整理車站資訊
