APP首頁(HOME)

版面的設計概念上我們參考了許多旅遊書籍、雜誌,以及市面上熱門的旅遊APP,最後選擇以溫暖的橘紅色作為主色調,也相當符合台灣好客熱情、歡樂活力的形象,並帶入時下熱門的扁平化設計概念(flat design),希望能呈現更好的UI/UX。
我們將主要功能選單中的QRCode部分獨立出來(於螢幕下方),凸顯QRCode掃描的功能在Food Culture in Taiwan 中的重要性。而其他功能則放置於主頁面的上方,分別為Guide、Favorite、Wifi。

首頁畫面

QR Code應用( Scan)

再怎麼精美的旅遊指南,都無法解決外國旅客遇到的語言辨識問題。尤其中文結構複雜,辨識困難,加上中英翻譯之後,意思可能天差地遠,外國旅客很難在指南中找到自己要的項目。我們經過思考後,屏棄錯誤率高的辨識方法,改採用QR Code掃描,例如:外國旅客只要掃瞄菜單上含有我們標章的QR Code,便會跳轉至該菜色介紹頁面,快速又精準。QR Code應用方面分為兩項:提供想要利用我們的QR Code結合Food Culture in Taiwan 的合作夥伴一個產生QR Code的平台,讓店家可以自行列印,顧客得以連接連接至Food Culture in Taiwan 的資訊。掃描功能,讀取QR Code中的資料,讓使用者可以掃描QR Code連接至Food Culture in Taiwan ,迅速找到所要的資訊。
製作掃描QR Code分為兩個層次,第一是能讀取相機功能,第二是拍下照後解析QR Code資訊。如果使用原生方式製作APP,讀取相機硬體並不是太大的問題,然而要如何用HTML5架構去存取硬體卻是一大難事。所幸Phonegap的API能提供HTML5+Javascript存取硬體的功能,再經過研究後我們又找到了Phonegap所提供的barcodescanner套件,讓我們能產生穩定快速的QR Code掃描器。

選取Scan QRCode

掃描QRCode

掃描結果

旅遊指南(Guide)

旅遊指南用來提供外國人參考的一些食衣住行資訊,目前完成台灣美食介紹部分乃結合政府Open Data資料,把台灣美食分成七大類,點選分類後列出內容選項,並於選項前列出該項美食縮圖以增加辨識度,條列中的標題為各項食物的意譯。點進去後可檢視其中文、音譯並聽取英語發音,下方更有關於這項美食的描述,包括介紹特徵、文化起源等資料,部分項目另附有相關影片,對於想要了解這項食物文化特色的外國旅客閱讀會有所幫助。
在各項介紹中,底部有個「會話小幫手」選項,此功能是考量到使用者對於這項食物有興趣,而卻不知道要從何開口問相關問題時所設計,點進去後目前有"Price"和"Location"兩個選項產生問句,有英文、中文與中文音譯,可以讓使用者自己開口或將手機給當地人看,以解決外國人的疑問,日後我們將會針對此功能擴增更多相關問答,相信可以為不懂中文的外國旅客帶來更多方便。

選取Guide

選擇美食類型

選擇欲查詢之美食

顯示該美食資訊

選擇對話小幫手

顯示對話

觀光新聞(Travel News)

為了讓外國遊客來台時能更輕易掌握旅遊資訊,我們訂閱觀光局的旅遊新聞RSS,並將其放入主頁面中。技術上,我們研究如何利用Javascript處理RSS資訊並撰寫一隻程式自動將其轉換為json檔案,將所需的資料欄位取出來,組成旅遊新聞欄。如此一來,外國人來台灣旅遊時,無時無刻都能知道台灣現在有什麼節慶與活動。
我們將觀光新聞顯示在主頁面正中間,使用者一打開Food Culture in Taiwan便能看見最新消息,對於有興趣的消息便可以點選連結查看文章內容,藉此也可以幫助推廣台灣旅遊方面的情報。
首頁中的觀光新聞

使用Read More增加顯示數量

觀光局旅遊新聞畫面

我的最愛(Favorite)

此功能類似瀏覽器中「加入書籤列」的選項,讓使用者能夠將在Food Culture in Taiwan 裡查詢到或是將QRCode掃描後的結果收藏/標記起來,之後要再找尋比較方便。進入功能頁面後,會看見分成旅遊指南(Tour Guide)和QRCode掃描(QRCode Scan)兩個分類,內容來源則取決於使用者在甚麼情況下加入我的最愛,如果是透過店家QRCode掃描後加入我的最愛,會有店家自己所備註的相關消息,像是價格,可以做為比價使用。



當瀏覽查詢到喜愛食物時可點選右下方的心型icon收藏

頁面右下方心型icon紅色為最愛收藏


在首頁點選我的最愛功能

選擇加入最愛來源分類

選擇喜愛的食物

顯示相關美食訊息

尋找Wifi(Wifi Search)

根據CNN旅遊網2014年公布的台灣十大強項,除了美食外,台灣擁有超過四千多個免費WiFi無線網路熱點,也是十大強項第三名。在使用行動裝置,首先要確保的就是網路的暢通。因此,我們透過iTaiwan、全家、7-11等公共wifi的資料,定位使用者與Wifi之間的方位與距離,讓使用者能找尋最近的無線熱點,並且我們也提供公共Wifi帳號的申請教學,讓外國人在台也能上線打卡、上傳照片,隨時隨地分享自己的心情。
Food Culture in Taiwan 利用使用者所在位置的GPS定位技術,離線搜尋距離最近的Wifi位置,顯示Wifi大約在哪個方位與距離幾公尺,讓使用者可以知道去哪裡可以連上Wifi,這項功能相信對於手機沒網路的人來說,是方便又簡單使用的。

         
選擇 Wifi 功能



選擇 Wifi搜尋

視網路情形稍作等待

Wifi 搜尋結果





Wifi申請教學(Wifi Tutorial)

我們提供了iTaiwan和全家Family-mart的教學;外籍旅客若要使用Wifi,則必須在機場就到服務窗口去申請,因此Food Culture in Taiwan 提供了機場的地圖,讓使用者能輕鬆地找到服務地點。在全家Wifi教學部分,我們擔心若只有單純的文字敘述,外國人不知道怎麼操作機器,因此我們實際到全家便利商店將申請步驟一一拍了下了來,並加上文字描述,使用者只要一步步照著執行便能輕鬆地使用Wifi。

選擇Wifi指引

在機場時建議選擇iTaiwan指引連結wifi

選擇顯示地圖

顯示地圖

選擇Family指引


顯示Fami-Wifi指引