top of page

行程規劃工具 website 介面設計

此次靈感來自於線上課程所舉辦的介面設計挑戰賽,結合近期的露營經驗,我設計了一個給露營愛好者的行程規劃網站。希望能打造一個良好體驗的行程規劃工具。

User Story

  • 我希望可以輕鬆的規劃行程,快速搜尋想去的景點,並加入到我的行程中

  • 我希望可以紀錄我想去/我去過的景點,方便安排行程或是之後回顧行程。

  • 我希望可以邀請同行的旅伴共同編輯行程,規劃出屬於我們的旅程。

  • 我希望可以快速查看即將到來/或是已經完成的行程

發現問題

在一次規劃露營計畫中感覺到“露營”需要攜帶的東西非常多,和夥伴之間需要利用零碎的時間來分配任務、想要的餐點、器具、食材等等,如果有個能共同編輯的平台可以一目了然的分工合作,而每個地點提供露營的方式也有所不同,有的強調自己來、有的是豪華露營,會很希望有能快速瀏覽符合自己需求的網站。

​專案目標

打造一個可以方便分工也能快速搜尋景點的露營規劃網站。

發想

開始進入網站時,先大致上分成兩類人,一種是目標明確另一種是目標不明確想要看看大家去哪裡露營再來決定的人,所以將建立行程探索行程先規劃為主要功能,而考慮到可能能規劃到一半再回來的使用者,也將我的收藏我的旅程列在首頁。 根據這幾個大方向再細分出一些小的類別,例如我的旅程可再分為去過的、即將到來的新增行程,探索露營地點的分類可以將所有需求分門別類的變成某種搜尋的條件,讓使用者依照自己的願望來許願搜尋!

Screen Shot 2021-12-23 at 3.21.55 PM.png

Wireframe

先將大致上的頁面樣式和位置規劃出來,用灰白的方式更可以清楚地看出哪一些功能在頁面中是需要強調的。

在首頁的地方列出主要的四個功能,心中有目標的人可以馬上開始計劃,沒目標的人可以先探索目標。

首頁.png
探索.png
我的收藏.png
準備項目.png
行程安排.png
準備項目-1.png
我的旅程-1.png
我的旅程.png
新增旅程.png

Mockup & Prototype

首頁的功能按鍵做一些比較明顯的動態,引導使用者能夠輕鬆開始。

針對還沒有目標的人,希望藉由探索的選擇提示來找到自己想要的目標。因為願望有很多種也希望顯示出搜尋結果,讓使用者隨時調整搜尋的條件。

我的旅程分為三個部分,可以查看正在計畫、去過的旅程,也可以直接創建旅程,運用hover樣式來查看過去曾經造訪過的地方。

行程安排分為事前的準備項目和行程安排兩個部分,事前準備的物品還可以新增為負責人的標記,費用方面也可以標注費用負責人是誰,完整紀錄以便之後分帳。

後續與結論

非常開心參與 UI / UX 設計比賽的計劃,從發想到完成花了約莫兩週的時間,有一些細節的畫面覺得如果有時間的話,可以再規劃的更詳盡一些,例如行程安排也可以在規劃加入相簿的功能,可以隨時記錄旅行,變得更實用!

以上展示為露營趣行程規劃website設計,感謝閱讀,歡迎不吝指教。

bottom of page