PlanIt

擔任角色
UX/UI 設計
時間
2021/11/26 - 2021/12/05
工具
Figma
團隊
個人
Overview

此為我參與的介面設計比賽的作品之一,我在期限內依照題目所提供的User Story設計出產品介面,並規劃出完整使用流程,最終獲得入圍的成績。

PlanIt是一個幫助使用者規劃旅遊行程的網站,介面設計以工具程式為發想,導覽列位於左側,右側保留更多的空間讓使用者進行旅程安排的動作。另外,以社群概念做為發想,我加入探索的功能,透過參考他人的旅程,善用群眾資源,得以直接使用他人的行程進行修改,提升使用者規劃旅程時的效率。

User Story

1. 我希望可以輕鬆的規劃行程,快速搜尋想去景點,並加入到我的行程中。
2. 我希望我可以記錄我想去/我去過的景點,方便安排行程或是之後回顧行程。
3. 我希望可以邀請同行的旅伴共同編輯行程,規劃出的屬於我們的旅程。
4. 我希望可以快速查看即將到來/已經完成的行程。
5. 我希望在旅行的過程中可以使用手機快速瀏覽和調整行程與景點。

Mockup
探索世界:此頁面功能為探索他人的旅程,以作為旅程規劃參考。首列顯示使用者所在地附近的旅程,其餘依照旅程的風格做區分並推薦給使用者。
我的旅程:此頁面包含所有已建立的旅程,其中再細分為三個子頁面,進行中、即將到來以及已完成。
此頁面為旅程中的行程規劃,左半部顯示詳細行程,右半部可以搜尋景點或美食,滑鼠移入圖片上即可點選加入行程或是蒐藏。左上角箭頭圖示點選後展開詳細內容區塊,包含日期、標題等資訊。
收藏盒子:包含使用者收藏的景點、美食與旅程,使用者能隨時做參考,以便加入行程之中。
Responsive Web Design:在不同裝置上的呈現畫面
UI Flow
Prototype