App Design - TRIP PLANNER

TRIP PLANNER

App設計企劃書

B0042202 陳 曦 B0042213 郭綺芸

目錄：

企劃緣起 心智圖 5W1H 問卷調查結果 相似的App比較 App組織架構 App主要功能 介面設計草圖 設計過程 互動模式及視覺介面設計 附件

企劃緣起： 這個企劃緣起是因為2014年寒假，我和朋友剛從歐 洲旅遊一個月回來，從規劃旅程的開始和旅行的途 中，每當我們到了一個景點，就必須尋照景點資料 ，到底是存在手機相簿，還是紙本印出來，還是在 旅遊書中，深刻體會到背包客需要一個可以整理自 己規劃的行程資料，並能結合各項簡便功能的app ，希望未來旅人能有條理及彈性規劃行程，再也不 需要揹著厚重的旅遊書和紙本資料，可以享受輕便 的旅行。

旅遊資料雜亂示意圖

心智圖： 預算不足的背包客到異地旅遊時，客製化、即時管 理行程的App。

5W1H： Why: 旅行後發生問題 What: 規劃行程、記帳、地圖查詢、朋友未來行程 Where: 規劃時(出發前)、旅行中、迷路時(GPS) When: 規劃時(出發前)、旅行中、旅行完 Who: 背包客、獨自、新手、年輕 How: 詳見功能介紹

問卷調查結果：（問卷請參考附件一） 為了做出更符合大家需求的App，我們進行了問卷調 查。經過問卷調查後，我們發現少部分的人傾向跟 團旅行，因為害怕旅行中的不確定性和認為規劃行 程很麻煩，且怕會迷路而沒安全感；而大部分的人 比較喜歡自助旅行，選擇自助旅行的人多數是用紙 本規劃行程，以方便隨身攜帶，原因是可以即時記 錄但同時也有遺失的風險，而且蒐集的資料較不易 整合，甚至可能會忘記帶。所以我們做了10 problems、10 solutions來分析旅行中會遇到的困 難，並鎖定其中幾項解決辦法作為我們App的功能。

10 problems： 找不到回家的路(沒網路) 不知道在哪買車票 不知道坐什麼車 肚子餓不知道有什麼便宜的食物 不知道羅馬治安如何 忘記旅館地址

10 solutions： 離線地圖 附近東西 交通工具查詢 附近東西 論壇心得分享 資料儲存，形成計畫 警報器 翻譯機，基本會話教學 旅行地圖 天氣預報

相似的App比較： 同: 屬於規劃行程App 附近東西功能 導航功能

異: QR CODE 掃描 用網站同步管理(網站功能較完善)

同: 同樣是旅遊規劃App 地圖 工具方便

異: 動態掌握 旅程分享 無警報器

同: 可以用多媒材方式記下想寄的事

異: 屬於筆記型App 無地圖功能 無警報器

App組織架構：

App主要功能： 以各種方式( 多媒體) 儲存紀錄資料 離線地圖 附近東西 記帳功能 朋友征服行程地圖 警報器

介面設計草圖：

設計過程： 12:24 AM

12:24 AM

12:24 AM

12:24 AM

3/25

月

TRIP NAME

聖母百花大教堂

09:45

TRIP DESCRIPTION

聖母百花大教堂

START LOCATION

CHIXI520520

帕尼尼

13:00

00:47

END LOCATION

ITALY 1/25-2/22

TRIP PAPA

BUDGET

START DATE Username@example.com

支援

25 26

關於

END DATE

設定

**************

帳號

LOG IN

26

LOGOUT

$

Create Account

12:24 AM

25

26

2014

3

2014

$

$

12:24 AM

12:24 AM

12:24 AM

3/25

地圖

附近東西

日

3 2014

3

STARB

聖母百花大教堂

27

STARBUCKS

09:45

延平北路一段,台北

STARBUCKS

佛羅倫斯 義大利

忠孝東路四段,台北

STARBUCKS 復興南路,台北

$

$

$

12:24 AM

12:24 AM

12:24 AM

12:24 AM

記帳

記帳

朋友動態

LILIAN199209

ADD

LIST

ADD

0←

EXPENSES

2

1

$

3

LIST INCOMES

DATE

AMOUNT

3/5 3/24

100 439

LILIAN199209 征服了 米蘭大教堂 米蘭 義大利 5小時

CHIXIXI_XI 征服了 彩色島 威尼斯 義大利 1天

JUBE820106 征服了 紅磨仿 阿姆死特丹 荷蘭 3天

蛋糕 潮肉

YUYANPENG 征服了 巴黎 法國 1週

4

5

6

7

8

9

0

C

MIRANDAKERR 征服了 東京鐵塔 東京 日本 4週

.

add new account

$

NINADOBREV 征服了 東大門 首爾 韓國 11週

TOTAL:539.0[-539.0] 2 2014

3 2014

$

4 2014

$

$

互動模式及視覺介面設計： 因為是旅遊app所以選擇比較休閒、中性的顏色， 為了方便長時間閱讀，色調偏暗色系、淡色系， LOGO設計是結合app的名稱，有TRIP PLANNER在手 就像旁邊跟著旅遊小秘書一樣，出門輕鬆、有安全 感。 H : 358 S : 80 B : 28

R : 72 G : 14 B : 15

H : 166 S : 14 B : 38

R : 84 G : 98 B : 95

H:0 S : 78 B : 90

R : 232 G : 53 B : 50

H : 166 S : 87 B : 68

R : 22 G : 174 B : 141

H:9 S:8 B : 78

R : 200 G : 185 B : 182

微軟正黑體

TRIP PLANNER

Corbel Agency FB

地圖

CHIXI5205 20

ITALY 1/25-2/22

TRIP PLANNER

Username@example.com

**************

LOG IN Create Account

關於 LOGOUT

$

帳號的綁定方便、客 製化，是專屬個人的 旅遊計畫app，未來可 能結合網站

記帳

記帳

ADD

LIST

ADD

140.

1

2

3

4

5

6

7

8

9

.

0

c

LIST

剩餘

350 TWD.

200

75

40

2/2 cake

2/7 mom

2/7 postcard

此app結合了記帳功能 ，方便簡單即時的記下 花費

40 2/7 postcard

add new account

$

$

10/3

10/3

月

TRIP NAME

日

3 2014

TRIP DESCRIPTION

9:00

米蘭文藝復興百貨

9:00

米蘭必買

25

26

27

START LOCATION

END LOCATION

BUDGET

START DATE

3

2014

3

2014

END DATE 花朵旅社資料

26

$

$

$

按下加入行程後，簡單設定旅程資訊，開始規劃行程。時間軸上加 入特殊的互動模式，可以方便的移動條狀資訊，移動行程順序，並 可以加上提醒和定位功能，而經由定位功能可以從地圖上看到自己 標記過的點。也可以以月分來觀看行程，一樣是特殊的互動模式， 可以方便移動圓形日期，移動一整天的行程順序

地圖

附近東西

STARB

聖母百花大教堂

STARBUCKS

09:45

延平北路一段,台北

STARBUCKS

佛羅倫斯 義大利

忠孝東路四段,台北

STARBUCKS 復興南路,台北

$

$

$

點入條狀資訊裡，格式都是一樣的，簡單填寫標題以供辨識，也可 在此畫面新增提醒和定位功能。從地圖的頁面上可看到自己標記過 的點，而使用附近東西功能即可看到想查詢點的相對位置

LILIAN199209

朋友動態

LILIAN199209 征服了 米蘭大教堂 米蘭 義大利 5小時

CHIXIXI_XI 征服了 彩色島 威尼斯 義大利 1天

JUBE820106 征服了 紅磨仿 阿姆死特丹 荷蘭 3天

YUYANPENG 征服了 巴黎 法國 1週

MIRANDAKERR 征服了 東京鐵塔 東京 日本 4週

NINADOBREV 征服了 東大門 首爾 韓國 11週

$

$

朋友行程動態的功能 是結合地圖方式顯示 ，朋友只要有在規劃 行程中標記地點，就 會出現動態，而動態 點入就是朋友行程的 地圖，可看到朋友規 劃的行程地點，看朋 友征服或即將征服哪 裡

附件一：問卷調查 1. 性別 ○男 ○女 2. 年齡 ○ 20 歲以下 ○ 20 到30 歲 ○ 30 到40 歲 ○ 40 到50 歲 ○ 50 到60 歲 ○ 60 歲以上 3. 最近一次旅行的國家 ○亞洲 ○歐洲 ○北美洲 ○南美洲 ○非洲 ○紐澳 ○南極洲 4. 喜歡哪種旅行方式？ ○自助旅行 ○跟團旅行 5. 什麼原因讓您不選擇自助旅行 ○旅行中易遇到危險 ○旅行中的不確定性 ○行程規劃麻煩 ○容易迷路沒安全感 6. 若現在有個APP 能協助您管理規劃行程, 您希望有哪些功能？ ○記帳 ○離線地圖 ○警報器（遇危險時） ○時間條列式的安排行程 ○知道朋友未來旅遊行程的規劃 7. 自助旅行規劃行程的時候您通常用甚麼方式記錄? * 若是使用手機app 請在" 其他" 欄提供名稱 ○紙本 ○ office 系統(word, excel.....) ○其他

8. 會選擇這個方式的原因? * ○方便攜帶 ○不會不見 ○可以記錄下很多東西 ○可以即時記錄 ○介面簡單清楚 ○其他 9. 對這個方式還有甚麼不滿意的地方? * ○都滿意 ○不方便攜帶 ○容易損壞 ○介面複雜 10.規劃行程中遇到最大的困難? ○找到的資料繁雜無法統整 ○要同時使用各種媒介記錄規劃行程 ○各種交通方式票價無法比價 ○無法即時得知各種旅遊優惠資訊 11.旅行中遇到最大的困難? ○溝通不良 ○找不到想到目的地 ○想找附近的景點或建築卻沒方法找到 ○忘記帶規畫好的行程資料 ○容易遇到危險 ○無法及時紀錄所花的費用 ○其他 12.若現在有個APP 能協助您管理規劃行程, 您希望有哪些功能？ ○記帳 ○離線地圖 ○警報器（遇危險時） ○時間條列式的安排行程 ○知道朋友未來旅遊行程的規劃