PROJECT DETAILS
2015
UX/UI Design / GUI Design / Prototype / Concept / Travel
Sketch, Photoshop, Illustrator, Origami Studio
DESCRIPTION
當您首次前往陌生的城市旅行時，您是否曾經感到困惑及煩惱，不知如何安排行程，而需要提前在網上逐一搜索安排呢？ Go Where 目前是一個給予前往舊金山自由行的背包客或者遊客們使用的一款 App，它制定的一系列行程以舊金山著名景點為主，並提供地圖查詢，景點介紹，以及當日天氣...等，讓您無須煩惱行前的景點行程規劃，只需要按照行程遊玩，就能玩遍舊金山的知名景點。目前僅提供舊金山行程，未來將陸續規劃及設計更多城市的行程。
THE CHALLENGE
作為我在公司的第一個 App 項目，第一期只針對 “舊金山” 旅遊做一個旅遊指南，我們設計一款提供給自由行遊客作為行程安排參考的 App，並且藉由app得知景點訊息、當日天氣概況、當前位置、附近景點...等資訊，讓用戶更加便利及不浪費多餘時間，皆能有效利用限有的時間裡玩遍整個舊金山，這對前來舊金山遊玩的自由行遊客是很直得使用的一款 App，有效縮減安排行程所需耗費的時間。
舊金山為美西旅遊必經的觀光勝地，旅遊業也是重點發展產業之一，設計前我們製作了一份問卷調查，問卷調查以便我們分析出用戶所需及目前痛點所在，透過問卷結果得知，人們在旅遊時，最重視的事情為何？第一為行程如何規劃安排，再者為景點的各項介紹，再來為當天當地的天氣概況，第四項為當前位置，最後則是附近景點，其餘為美食、購物...等，由此可得知，我們 App 將著重於行程安排，並加入景點介紹，當日天氣也有助於用戶參考並搭配適宜服裝，因為舊金山長年氣溫在12-15度之間，夏天亦是如此，溫度適宜，但首次在夏日到來的遊客們則會忽略一個舊金山特有的特色，那就是風特別大，尤其海邊，那風更是讓一般人誤以為冬天來臨，夏日時期，遊客如果剛從洛杉磯前來，常因為風大導致溫度略低而使人感到不適應，遊客通常會認為舊金山的天氣與洛杉磯溫度相當，而穿得過於單薄，所以舊金山夏天的氣溫屬於特殊情況。
由於舊金山市區為觀光重鎮，所以大眾運輸是特別發達的，也因為舊金山的道路常有上下陡坡，首次在當地開車，若不熟悉路況是較為危險的，所以大部分遊客會選擇搭乘大眾運輸作為移動工具，由此可得知，地圖及附近景點也是重要資訊。
我們透過問卷分析出以上問題，以及探討出解決方式，也透過頭腦風暴和構思階段，研究出問題點，並將主要用戶定位於25-30歲之間的年輕族群，他們旅遊的方式不跟團，愛好自由行，除此之外，我們的目標為創建一個簡單且易於使用，介面友好的 App，並以用戶為中心來做設計，通過對舊金山的深度了解，提供最合適的行程安排，並給予用戶最有效的可用資訊，最大限度地為用戶縮短行程安排所需耗費的時間，達到順暢方便地玩遍整個舊金山，經過頭腦風暴、構思、競品分析及問卷調查，我們決定做出三大功能，功能有行程、天氣以及地圖，這三項功能為核心功能，將能解決用戶目前旅行於舊金山所遇到的問題。
THE PROBLEM
旅遊有兩種方式，一種是跟旅行團旅遊，另一種則為自由行，如跟隨旅行團旅遊，它將會幫客戶安排所有行程及提醒注意事項，客戶只需要跟著安排隨行即可，不過在近年來，根據旅遊調查，發現自由行的比例逐年增長，自由行已佔了大比例的旅遊型態，自由行不外乎需要自己安排行程及各項行前準備，但自由行也分兩種型態，一種為事先規劃好出遊行程，做完整準備，一種則為說走就走的旅行。不過不管是何種方式的自由行，都需要有行程安排，只是一個預先安排，一個則是當日安排；事先規劃好行程，將幫助自身在旅途中能更加順利，但行前的規劃是需要花費大量時間做安排的，尤其第一次到一個陌生的城市，常常因為不熟目的地，而不容易規劃行程，就必須上網查詢別人已做好的攻略，即便自己做好了攻略也有可能到了目的地後，發現有些不符合預期所想像，想臨時變更行程，卻又無從安排，只好作罷，這樣的隨機應變就相對的較為低落。第一次到一個陌生城市旅遊，是需要有注意事項的，有時可能是天氣情況，有時可能是人文上的不同，都需要旅客們多加注意，不然有可能會造成行程中的不愉快經驗，如果能提前避免，將可使得自由行體驗更加完美。
THE SOLUTION
Go Where 提供給前來舊金山自由行的旅客行程參考，行程的安排不緊湊且流暢，也將特殊的大眾運輸交通工具安排進行程，一方面能搭乘獨有的運輸工具，也可到達目的地。此外，一部分自由行旅客通常喜歡自主活動、不受拘束，所以 App 也提供了地圖及周圍景點指引供用戶選擇。當天天氣預報也納入了 App 中，提醒用戶注意當地天氣，以免著涼。
DESIGN PROCESS
THE PROBLEM
跟團旅遊是最常見的旅遊方式，很多人為了方便而選擇已幫您安排好行程的旅行團。然而，儘管他們已幫旅客安排好一切行程，但在行程中，旅客不一定滿意所有行程規劃，旅行團因為需要在有限的時間內必須去完所有行程，而導致行程過於緊湊，移動方式也屬於車接車送，沒有多餘的時間體驗不一樣的移動方式，也無法脫離團隊，所以在近幾年的現況中，不難發現自由行的崛起。自由行儼然成為歐美國家，人們常有的旅行模式。天氣也是舊金山一大特色之一，由於風大導致溫度相較於洛杉磯會低個三到五度，到舊金山旅遊的遊客們常會沒注意到這個特殊情況。
RESEARCH & ANALYSIS
我們透過調研報告分析出78%的民眾一般旅行會選擇自由行，而18%選擇跟旅行團，剩餘的4%則是公司旅遊，自由行中遊客們覺得自訂行程是最為花時間且繁瑣的，訂住宿反而不是太大問題，75%的遊客喜歡在確定完大致行程後，才會下訂住宿，因為大部分遊客喜歡住在方便且離目標地近點的地方；而20%的遊客是喜歡先訂了住宿再決定行程，僅5%的遊客是到了當地後才尋找住宿，由此可知，制定行程還是自由行的首要目標。
FINAL DESIGN
Go Where 是一個能專門針對當地所規劃出行程及介紹的 App ，它能幫助用戶快速制定行程，且能熟知舊金山天氣及注意事項，景點的介紹及地圖也能幫助用戶隨時隨地調整行程及目的地，也能準確將用戶帶到該目的地，App 為用戶帶來事半功倍的效果，更加節省時間在旅途中。
Competitor
San Francisco Travel Guide and Offline City Map
FUA Travel Guides Media B.V.
INTRO
它是一個用戶可自行標記關注舊金山旅遊景點的App，也有需多功能項，如景點需購票的話，在App上會有購票鏈接跳轉至h5購買頁面的，App裡用戶可分享照片，照片由用戶自行上傳，但這也導致照片質量參差不齊，相簿冊裡顯得雜亂，App裡還有用戶評論景點，這功能是很直得遊客參考的，用戶可透過評論了解到景點實際樣貌，是否符合自己預期。每一景點的相關資訊也是很重要的一環，不過App裡的資訊內容給得不夠完整，只有簡短介紹，不足以讓用戶容易了解，地圖顯示功能雖然有離線地圖，不過地圖功能不夠完善，只能查看當前景點與您當前位置，總體來說，交互及內容還是稍嫌不夠完整。
PROS & CONS
O 就算沒有網絡還有離線地圖可用，這對遇到信號不好時或者網絡太慢都很有用處
O 和朋友分享及評論景點，這可提供給其他用戶作為參考
O 標記儲存喜歡或想去的景點，讓用戶能快速找尋到景點
X 介面上的交互指引不足，導致首次使用不易上手
X 景點資訊內容不夠完整，提供的內容過於短少，無法從中得到資訊X 地圖不好使用，提示不夠清晰，不知如何查看更多資訊
X App為舊金山專屬，不過在“發現”的功能裡會推送許多其他國家的景點
CityGuideDeals San Francisco
Guide Publishing Group
INTRO
這是一個與多家商舖及廣告商合作的App，在App裡有景點推廣及周遭活動的推銷，也有價格顯示作為參考，並有優惠券可以領取， 對景點也有相關介紹及地圖標示，不過這個App不像一般的旅遊指南，比較項活動廣告推銷，對於有需求的用戶來說是很具有吸引力的，因為它有著優惠券，促使用戶下載App領取優惠券使用，但如果對於想下載旅遊指南來說的用戶，那這就不太具備有完善指引的App，固然他有需多類型優惠券提供。
PROS & CONS
O 每個類型都有分類，可清楚找尋到目標
O 有每一景點活動的優惠券及優惠價格
O 介面簡單易使用，不需有太多學習成本
O 搜索功能容易使用
X 畫面視覺粗糙，畫面質感不足
X 主要功能為推銷販賣活動，而不是專門介紹景點X 景點資訊不夠完整，不具吸引力
San Francisco Travel Guide
eTips LTD
INTRO
這是一個旅遊指南App，地圖上顯示公交車、餐館、酒吧、酒店、醫院、博物館、劇院和其他景點，它有著行程安排，不過沒有為用戶安排路線，只有景點推薦，各景點也有著介紹，不過內容過於冗長，沒有加以篩選過重點內容，只有一篇介紹，沒有其他資訊。App下載是免費的，不過須查看更多內容是需要付費的，在瀏覽App的期間，如果尚未付費，將會一直有付費頁面彈出，詢問您是否要購買，這雖是一種宣傳方式，由於頁面彈出過於頻繁，導致潛在用戶對此舉感到反感，這是一個失敗的宣傳，且內容不足以吸引用戶付費。
PROS & CONS
O 結合許多功能於一身，可在App中找尋到各種資訊
O 圖片質量高，可增加視覺效果
O 景點推薦是一大賣點
X 景點資訊提供不夠充足，無法取得完整訊息
X 景點介紹內容過於冗長，且重要資訊無法從中獲得X 如需使用更多功能，需要用戶付費，不過沒有試用及吸引人的內容
COMPETITOR MATRIX
INFORMATION ARCHITECTURE
PAPER PROTOTYPE USABILITY TEST
我們通過低保真原型進行非正視性的可用性測試，用來組建並改進我們將至做的線框設計，參與者們也給予了我們許多反饋，通過 error-prevention methods, accessibility, and discoverability of UI 得出測試結果，由此我們得到了許多需要改進的重要信息。
USER FLOW
WIREFRAME
PROTOTYPE
TYPEFACE & COLORS
PROJECT DESIGN
主要介面設計『首頁』
這頁面為Go Where的首頁，採用無導航欄的方式，因功能不多，不需要導航欄做協助切換，只需在右上角加一個菜單欄即可，這頁面的佈局第一塊為banner，為一張舊金山的照片，下面為三個主要功能項，有行程表、天氣及地圖，在旅行途中，用戶可使用這三個功能查看及了解舊金山的遊玩地，再來為日期、時間及天氣預報，底部為標籤，用戶可點擊任意標籤進入旅遊地點詳情頁，標籤皆為舊金山有名的景區。
主要介面設計『行程』
行程頁面是為用戶安排的，每一天皆有合理的行程安排，如用戶想變更行程也可透過各地點的詳情頁去找尋適合的地點及時間安排，行程頁為推薦用戶之行程，每站需花多少時間停留，景點的詳情介紹，皆可由此頁進入。設計採用列表式排列，簡單的佈局，合理的安排行程，是最重要的在此頁中。
主要介面設計『天氣』
天氣頁面可幫助用戶在出門前了解當日天氣，並可準備當日所需的衣物，因為舊金山終年溫度偏涼爽，所以需多配帶一件外套。介面的設計以溫度及天氣狀態為重點，所以對此採用較大的圖形及文字，用戶一進入頁面便可一目瞭然，其餘資訊如當日最高溫、最低溫、風速、降雨率...等資訊，皆會顯示於此頁中。
主要介面設計『地圖』
地圖頁面可幫助用戶快速找尋到自己的定位，也可從中查詢周遭的景點，如想要更隨性的玩舊金山，也可使用地圖找尋並自行安排行程。點擊任一景點即可進入詳情頁面，介面的設計簡單，就是希望用戶的焦點能集中，如果設計得過於花俏，可能導致失焦，所以採用易懂且清晰的設計。
主要介面設計『景點介紹』
這頁為進入詳情頁前的簡單介紹，用戶可藉此快速了解景點的一切，如不喜歡即可點擊右上關閉，主要設計為彈窗的方式呈現，這樣再搭配地圖使用時則更加便捷。頁面也採用景點的高畫質照片來呈現，這樣就算用戶只進入到此頁也可知道景點的外觀是如何的，也可不必進到詳情頁面就吸引用戶前往旅遊。
LOGO DESIGN
舊金山的代表地標就是金門大橋，所以logo的構思以GGB為主軸，一眼就能明白，logo及icon採簡單明瞭的設計，顏色採用灰及白做設計，這也是呼應了App的主色調，才用灰白兩色的原因在於主調是重於介紹景點，並將景點行程安排妥當，不使用花哨的顏色，因為景點的主要吸引人來自於實際召集評價，簡單的顏色搭配可以凸顯出主要內容，不搶主軸，清楚傳達用戶想要的、需要的才是最重要的。