Introduction 今年三月底，有幸受邀負責UI/Web主視覺，與兩位系友組隊共同接案， 合力完成不同類型的APP，而這個團隊的第一個作品－ Whales Finder，為 中華鯨豚協會用來記錄鯨豚出現地點與數量，除了船家與研究員，一般民 眾亦可於賞鯨時記錄當下觀察到的鯨豚種類，是一般觀光外的額外收獲。 除了記錄功能， Whales Finder 擁有相關資訊可運用：查詢賞鯨景點、與 賞鯨船家取得連繫、鯨豚行為介紹、鯨豚種類資料...等，能提升民眾對 於海洋生物相關知識與行為認知，能善加利用所獲必不少於學校教育。
Profile
UI/Web 視覺設計
蔡玉 珊
國立東華大學| 資訊管理學系 | 資訊工程學系－多媒體學程 柚木家具公司| 設計執行
常用工具
摸索學習中
> 2009.09 - 2013.06 > 2013.11 - 2015.04
Whales Finder Jul 2015
For Android
開始使用 遊客、一般身分 免登入即可使用 App
供船家、研究員 等不同角色登入帳號 以使用App
鯨豚打卡 上傳照片鈕 按下上傳鈕 後，跳出選 單選擇拍照 或由相簿選 擇相片上傳
選擇鯨豚種類 選擇鯨豚數量 選擇天氣 目前位置
顯示當前位置 經緯度資訊 打卡鈕 切換功能選單
鯨豚地圖
時間區間選單 根據所選時間 區間，顯示鯨 豚的打卡標記 所在地
搜尋鈕
Click
鯨豚種類選單 依所選鯨豚種 類，顯示鯨豚 的打卡標記所 在地
鯨豚資訊
點選打卡標記 即顯示該標記 鯨豚資訊紀錄
打卡標記
打卡紀錄 打卡時間
顯示照片
若打卡資訊於 上傳時未拍照 或選取照片， 隨機顯示預設 圖片
開啟鯨豚
開啟小地圖 手機打卡紀錄顯示畫面
無打卡紀錄畫面
Click
打卡位置小地圖
打卡位置小地圖
豚介紹
打卡位置地圖
顯示打卡當時的 位置資訊
Click
打卡位置地圖
顯示打卡當時的 位置資訊
相關資訊－雙語朗讀
雙語朗讀功能
由於相關資料含有大量文字，語言系統預設為英文的使用者 可以選擇播放朗讀資訊，代替上下滑動閱讀資訊
相關資訊－賞鯨業者
賞鯨標章旗幟 資訊欄左方有 旗幟，表示該 船家具有賞鯨 標章認證
船家位置地圖
按下即顯示該船家 於 Google map 上 的所有地理資訊
船家連絡電話
按下即撥打該船家 連絡電話
Thank you