Foursquare(https://foursquare.com)所提供的 API(Application Programming Interface)進 行溝通，藉由GPS 定位的經緯度傳送至 Foursquare 蒐集以使用者為中心附近的地點 資料。
開發程式使用Source Tree(http://www.sourcetreeapp.com/)作為版本控制的工具，
配合Bit bucket(https://bitbucket.org/dashboard/overview)作為版本控制的記錄。因為在 iPhone 介面上有自行的規範，使用者對於基本的操作有一定的熟悉程度，因此在開 發介面的流程上會盡量以基本的架構進行開發，讓使用者能快速熟悉本創作的應用 程式。
3.2.2 介面設計與系統功能
本創作的最初構想介面設計使用 Teehan+Lax(www.teehanlax.com)上的元件來製作。
我們期待提供給使用者好的使用流程、使用經驗，以分頁的設計方式方便使用者切 換頁面，提供在拍照之後直接進入編輯畫面，也提供直接編輯的功能，並且在記錄 上為了避免輸入的繁瑣流程，在日期、時間、GPS 方面是以自動的方式進行記錄。
以下為本創作最初的原型介面設計與功能介紹，在系統介面一開始主要分為四個分 頁，分別為Timeline、拍照、編輯、歷史紀錄，個別介紹如下：
‧ 國
立 政 治 大 學
‧
Na
tiona
l Ch engchi University
表 3-1 Timeline 瀏覽介面與相機介面
Timeline 瀏覽介面 相機介面
1. 介面主要瀏覽方式為 Timeline 模 式，根據時間的順序擺放記錄，最 新的資訊會顯示在最上方
2. 右側可滑動選擇記錄的時間(月份)
1. 點選相機直接進入拍攝 2. 拍攝完畢進入編輯介面
‧ 國
立 政 治 大 學
‧
Na
tiona
l Ch engchi University
表 3-2 編輯介面與地點紀錄介面
編輯介面 顯示附近的地點紀錄
1. 此畫面為編輯記錄的介面 2. ＄符號作為輸入消費的記錄
3. 時間會自動記錄，點選亦可調整時 間記錄
1. 會依照使用者記錄的資料呈現在此 2. 此介面主要以附近地點為呈現方式 3. 點選進去會有詳細的資訊
‧ 國
立 政 治 大 學
‧
Na
tiona
l Ch engchi University
表 3-3 地點記錄的詳細資訊介面與通知介面
地點記錄詳細資訊 附近地點的提醒
1. 此為地點記錄的詳細資訊
2. 下方欄位分別為該欄的歷史紀錄及 相關資訊
1. 基於 GPS 提醒的通知介面 2. 於上方滑開直接進入詳細資訊的
介面
小結：
在進入開發的過程之中，我們發現到以分頁的設計方式，在介面使用流程上會有些 問題存在，例如在前面所介紹的先拍照再進入編輯的方式，在分頁上會出現不符合 一般使用介面的流程，因此在介面設計和功能上有些修改，另外在視覺設計上，考 慮到使用者過程中的愉悅性，在整體視覺上進行大幅度的修改，我們以Tiffany Blue 的顏色作為整體的視覺設計，各個頁面在版面配置上以扁平化設計作為參考，我們
‧ 國
立 政 治 大 學
‧
Na
tiona
l Ch engchi University
期待這樣的設計方式，能符合生活記錄的觀感，讓使用者在操作過程中有愉快的使 用經驗，以下分為主要頁面、編輯頁面、地點頁面、提醒頁面分別介紹。
（一）主要頁面
主要頁面以時間軸的方式呈現，每當新增一筆資料時，最新的資訊會排序在最上面，
較舊的資訊則在下方，在每筆記錄上以「點擊」的方式進入至該筆記錄的詳細內容，
以「上下」滑動的方式，觀看所有的記錄，而以「左右」滑動的方式，進行每筆記 錄的刪除。左上方為照相按鈕，拍照之後會直接進入到編輯頁面，右上方點選則直 接進入編輯頁面，右下方為設定頁面。
圖 3-2 主要頁面介面圖
‧ 國
立 政 治 大 學
‧
Na
tiona
l Ch engchi University
（二）編輯頁面
編輯頁面裡分為拍照、類別、消費記錄、時間、地點、Memo 六項記錄，拍照按鈕 點選後會以選單顯示，提供使用者選擇要進行拍照、圖庫還是刪除照片等動作，類 別按鈕一開始提供大項目提供使用者選擇，可分為Food & Drink、Transport、Scenic Spots、Shopping、Fun、Other 五項，每個項目底下有個別的子項目，按下右上方的 編輯按鈕，使用者也可自行編輯子項目，消費按鈕點選後可記錄金額，時間基本上 以系統時間或照片內的時間自動記錄，若要修改可點選進行調整，Memo 點選後畫 面會移動到方便使用者輸入的位置，進行文字的紀錄，另外，每筆記錄會自動記錄 當下的GPS 位置或是照片的 GPS 位置，點選 where 按鈕則會進入到地點頁面，這 部份將在下一段進行說明。
圖 3-3 編輯頁面介面圖之一
‧ 國
立 政 治 大 學
‧
Na
tiona
l Ch engchi University
圖 3-4 編輯頁面介面圖之二
（三）地點頁面
地點頁面可分為Nearby 及 Add 兩個分頁，Nearby 為透過 Foursquare 的 API 自動列 出使用者附近的地點名稱，直接點選即可記錄，若附近沒有使用者想要的地點，可 點選 Nearby 旁的 Add 按鈕，按下右上方的＋號，提供使用者自行輸入地點，並且 會加入至該頁的清單之中，兩個頁面皆提供搜尋地點的功能。
‧ 國
立 政 治 大 學
‧
Na
tiona
l Ch engchi University
圖 3-5 地點頁面介面圖
（四）提醒與設定頁面
當使用者經過他曾經記錄過的地點，系統會自動發送提醒功能，提醒使用者什麼時 間來過這個地方，可以針對該提醒訊息進行「由左至右」的滑動動作，進入該提醒 訊息的詳細記錄中觀看。設定頁面讓使用者選擇可開啟或停用提醒功能，未來會加 入其他相關設定功能。
‧ 國
立 政 治 大 學
‧
Na
tiona
l Ch engchi University
圖 3-6 提醒頁面和設定頁面
remind
(Add) (Nearby)
icon
start
‧
建議，實測方法分為兩個階段，一開始進行先導實驗(Pilot Study)，預先了解實驗過 程中可能會遇到的問題、熟悉實驗的操作過程並確保實驗的流暢度，並將先導實驗 的回饋與建議作為第二階段正式實驗的參考依據。地點皆在政治大學大仁樓402 實 驗室，先導實驗人數為3 人，時間為 2013 年 9 月 3 日至 9 月 4 日、正式實驗人數為‧
‧ 國
立 政 治 大 學
‧
Na
tiona
l Ch engchi University
先導實驗方法與任務 4.3
本創作的預設提醒內容考量到受測者必須假設是自己的記憶，因此在地點上挑 選政大學生較有共同記憶的地點，盡量能拉近受測者與地點在情感上的連結，地點 依照順序分別為羅馬廣場、噴水池、中正圖書館、風雩樓四個地點。使用者將領取 實驗校園紙本地圖一份，尺寸為A4、iPhone4s 一支，最後完成規定的任務。過程中 考量到使用者因個人習慣、環境、天氣影響而沒有注意到提醒機制，因此受測者在 漫遊校園時，全程為手持 iPhone 狀態，隨時觀看手機畫面，注意提醒的出現(圖 4-2)。
圖 4-2 手持 iPhone 畫面
‧ 國
立 政 治 大 學
‧
Na
tiona
l Ch engchi University
4.3.1 問卷設計
本創作問卷使用 Google 雲端硬碟的表單製作(https://docs.google.com/form)(圖 4-3)，問卷主要分為五大部分，分別為基本資料、日常習慣、三 e 指標、介面使用 經驗、回饋與建議。日常習慣主要調查受測者平常使用智慧型手機的習慣，包含使 用智慧型手機的時間、拍照的習慣等。
三 e 指標為有效性(Effective)、簡便性(Easy)和愉悅性(Enjoyable)所組成互動設 計作品的評估方式(葉謹睿，2010)，同時以滿意度量表，一至五分分別為非常不同 意到非常同意作為計分方式。第四部分「介面使用經驗」，以本創作 App 介面圖片 搭配問題的方式，調查受測者在使用過程中對於手機介面的了解程度。
最後根據介面設計、提醒機制、記憶等幾項問題，請受測者自由描述在使用過 程中的真實感受、相關建議與回饋。
‧ 國
立 政 治 大 學
‧
Na
tiona
l Ch engchi University