一、圖庫頁面

1. 圖庫：點擊後會轉入頁面一（本頁）

2. 回憶：點擊後會轉入頁面九

3. 添加圖片來源：點擊後會轉入頁面二

4. 刷新：點擊後會刷新頁面一，停留在本頁（如果新圖片，新狀態見頁面七）

5. 設置：點擊後會轉入頁面二

6. 擴展：點擊後command bar會擴展開，停留本頁（新狀態見頁面八）

二、設置頁面

1. 添加文件夾：點擊後會轉入頁面四

2. 發送反饋：點擊後會打開瀏覽器（新狀態見頁面六）

三、設置頁面

1. 2. 參見頁面二的1、2說明

3. 點擊後會打開外部文件夾（新狀態見頁面五）

4. 點擊後會刪除此文件夾記錄，停留本頁（新狀態見頁面二）

四、選擇文件夾頁面

五、外部文件夾頁面

六、外部瀏覽器反饋頁面

七、圖庫頁面（刷新後）

八、圖庫頁面（command bar擴展狀態）

九、回憶頁面

1. 圖庫：點擊後會轉入頁面一

2. 回憶：點擊後會轉入頁面九（本頁）

3. 刷新：點擊後會刷新圖庫頁面

4. 添加回憶：點擊後會轉入頁面十

5. 設置：點擊後會轉入頁面三

6. 擴展：點擊後command bar會擴展開，停留本頁

十、添加回憶頁面

1. 標題text box：可以輸入標題

2. 圖片選擇grid view：點擊可以多選圖片

3. 完成：點擊後會轉入頁面十二（添加回憶成功，已經往數據庫中添加新回憶）

4. 取消：點擊後會轉入頁面九（取消添加回憶，不對數據庫做任何改變）

5. 擴展：點擊後command bar會擴展開，停留本頁（新狀態見頁面十一）

十一、添加回憶頁面（command bar擴展狀態）

十二、回憶頁面（添加新回憶後）

1. 圖片：點擊後會轉入頁面十三（進入對應的回憶細節頁面）

十三、回憶細節頁面

1. 播放回憶：點擊後會轉入頁面十六

2. 添加音樂：點擊後會轉入頁面十五

3. 刪除：點擊後會轉入頁面九（從數據庫中刪除這條回憶記錄）

4. 擴展：點擊後command bar會擴展開，停留本頁（新狀態見頁面十四）

十四、回憶細節頁面（command bar擴展狀態）

十五、添加音樂頁面

十六、回憶等待播放頁面

1. 播放：點擊後會轉入頁面十七

十七、回憶街景頁面

1. 觸動此回憶：點擊後會轉入頁面十八

十八、回憶圖片頁面

1. 返回：點擊後會轉入頁面十七

2. 上一張圖片：如果屏幕中心圖片左邊有圖片的話，點擊後會顯示左邊的圖片；如果沒有則停留不動

3. 下一張圖片：如果屏幕中心圖片右邊有圖片的話，點擊後會顯示右邊的圖片；如果沒有則停留不動（新狀態見頁面十九）

十九、回憶圖片頁面（點擊下一張圖片的新狀態）

二十、回憶等待重播頁面

1. 返回：點擊後會轉入頁面十二

2. 重播：點擊後會轉入頁面十七

【第四組】交互設計文檔 || 最後修改日期：07/29/17