關於本篇文章
你是關注動保議題，愛護動物的人嗎？有聽過台北市動物福利APP嗎？
「台北市動物福利APP」推出時有很好的聲望與期待，可惜APP在功能設計上與使用者的需求有一定的落差，導致APP在上市之後的使用率不如預期。
出發點這麼好的APP至今幾乎無人使用，我認為非常可惜，希望透過Redesign台北市動物福利APP，解決現有的問題，提高使用率。
此篇Redesign Project 將介紹完整UX設計流程，保留原本APP想創造的福祉，解決使用聽點並把現有功能最佳化。
設計歷程
什麼是動物福利 app ？
此程式是台北市政府於101年推出的「臺北市動物認養APP」，提供臺北市動物之家，中途之家，民間動物保護團體最新、最即時的犬、貓及兔子之認養相關資訊，讓市民可以在第一時間隨時隨地透過手機瀏覽可認養動物之相片，鼓勵民眾以認養代替購買，提高動物媒合機會，同時降低動物之家的流浪動物整體負擔。
後也因應市民飼養寵物數量增加,寵物失蹤協尋案件需求日增,擴充寵物失蹤協尋功能,亦可以提供舉報受虐案件以促進動物福利為宗旨，進而統整這幾大功能後推出，並進化更名為「臺北市動物福利APP」，鼓勵全民加入動物保護的行列，創造友善動物城市。
APP 與 WEB 的差異？
「動物之家的官網不是也提供相同功能嗎？」
相信這一定很多人的疑問。網路資訊發達，原先的動物之家，中途之家網站就有提供完整與大量的相關資訊，那政府再另外做一個APP的必要性是？
以下是WEB與APP的主要差異分析：
WEB提供較多的資訊，包含台北市流浪動物及野生動物之收容、認領、認養、絕育、救傷醫療、定期篩檢及管理，動物收容教育推廣等事項，囊括眾多項目。但APP的部分利用現代科技及手機的便利性，負責即時性動物事件，比網站更簡易快速搜尋與瀏覽，提升民眾認領養意願，也讓各個案件簡單化。
為什麼要為他進行重新設計？ why redesign?
最大的問題就是來自使用上的不便利。以下是應用程式商城使用者對於此app的評價：
從以上數據可以顯示用戶在app的使用體驗上幾乎都無法得到滿足。
從留言看來，多數使用者一開始對於此APP的期望很高，個人也認為政府設計這個APP是很好的出發點，可以為社會帶來良好的效益與便利性。但因原APP設計方法，提供功能的方式上與目標使用者的使用需求有落差，導致使用者在使用上有許多不便利，對此失望而不去使用。
我認為應保有原本良好的設計出發點與目標功能，經由詳細的前期用研究，了解用戶體驗流程，分析調查資料以利優化其APP的主要功能，與後期測試驗證才能達到良好的使用經驗。
Goal
改善此APP原先的使用痛點，經由完整的UX流程讓嶄新的APP設計達到使用者需求滿足，給予良好的使用體驗。
用戶研究與調查 User Research
我的用戶研究使用包含過程：
1.定義使用者
2.進行使用者訪談
3.進行使用者任務測試
4.了解 User Insight
5.製作Persona與User Journey Map
訪談結果整理：
故事、心情小語的敘述方式（左）較易打動人心。
比起生硬的資訊公佈（右）多數民眾較喜歡這種發文方式。
經由以上的User research挖掘更多使用者痛點，明顯了解他們希望透過APP得到什麼。
並且以其三大目標功能，整理出的使用者痛點：
雖然現有APP所包含的功能不只這些，甚至包含多連結至網頁或其他連結，但因經過前期研究進行了功能優先級分析，大多數的使用者都只使用以上三大功能，同時也為了確保我們的優化設計能契合於目標使用者需求，確定設計目標與功能：
- 動物認養：快速媒合，減輕動物之家流浪動物業務量
- 失蹤協尋：通報即時性，提高尋回機率也避免流浪動物增加
- 動保報案：創造立即便捷與高正確度的受虐報案
融合以上三大目標，增加首頁頁面。像社群系統般以輕鬆方式提供動物之家資訊，亦可以將貼文分享至首頁提高曝光度。
重新設計
改善Information Architecture
原APP的資訊雖多，但架構零散，使用者容易在使用時迷路，難以滿足使用需求，此新的設計依據上述三大情境功能，分別梳理出其細項來優化APP架構。
Wireframe
照著新Information Architecture的設計架構繪製Wireframe，並以三大功能假設任務流程（使用者要運用這個APP完成的目標）設計一連串的Wire Flows :
📍 任務 1 : 發布動物認養貼文
Wire Flows優化結果：
- 重新配置發文時的畫面優先順序，如把動物照片移至最上方
- 新增動物所在位置，想認養者可以即時查看預約
📍 任務 2 : 發布寵物失蹤的協尋貼文
Wire Flows優化結果：
- 增加失蹤寵物照片特徵和特別資訊，特別資訊能夠快速被注意到
- 運用APP定位的優勢，在發文時即可開啟案件通知
📍 任務 3 : 發現受虐動物進行動保報案
Wire Flows優化結果：
- 重新配置報案時的畫面優先順序，避免證據被遺漏
- 日後可快速查閱案件，增加信賴度與安心感
視覺設計
新的logo設計沿用原本動保處的橘紅基本色，亦保留台北市、動保處、動物福利的相關信息。並且以「 動物、愛心、保護 」三大視覺意象做融合設計，簡約但不失APP識別度。
APP Redesign 功能特點介紹
✔️ 動物認養：快速媒合，減輕動物之家流浪動物業務量
原先的搜尋與篩選button是收合在右下方選單內或漢堡選單內，還與動物類別平行放置，不直覺的位置導致使用者使用上不便。新的設計將篩選按鈕放在最醒目的首頁上方，與市面大眾APP畫面配置相同，降低學習成本，避免使用者在畫面中迷路找尋不到篩選按鈕。
APP應用商城評價中，有部分使用者表示想利用APP查看最新消息，因此將設計首頁最上方以推播方式顯示動物之家最新消息。
新版採用雙欄式篩選，更快速選取需要的類別，亦可從旁邊紅點得知自己已選擇哪項篩選。
訪談結果也顯示「行政區篩選」是多是數用者認為最無用的篩選方式。新版設計「行政區篩選」 改為「動物所在地點篩選」，可以從附近選擇，無需舟車勞頓跑到很遠的收容所認養。
動物之家志工、中途之家專員表示，動物能成功認養最重要的就是要提高曝光度，吸引目光燃起想領養的念頭。但原先的認養頁面僅有少部分且制式化的敘述，相較之下呆板且不太吸引人注意
新版採用Hashtag方式來介紹凸顯動物特徵，可以增加搜尋曝光度，利用先前的設計研究宣傳成功的結果，導入心情小故事來描述動物，此設計像社群系統，以輕鬆方式提供動物之家資訊和提高媒合率。
以「預約認養」來說，訪談結果顯示使用者常覺得沒辦法及時預約、聯絡非常不便利，原本政府APP的設計目標就是要用手機APP的優勢快速聯絡認養，但舊的設計沒辦法達到這個成果。
舊APP聯絡探訪收容流浪使用情境大概是：
預約探望動物之家收容動物：線上查資訊 ➡️ 自己還要特別記下收容編號 ➡️ 打電話去動物之家 ➡️ 確認動物狀態是否可以預約認養 ➡️ 預約成功 ➡️ 至現場看看預約探望動物之家以外的收容動物（ex中途之家）：線上查資訊 ➡️ 自己還要特別記下收容編號 ➡️ 打電話去動物之家 ➡️ 發現原來不是動物之家內的動物 ➡️ 由動物之家專員轉告中途人員或愛媽 ➡️ 得到聯絡電話自己打電話去詢問 / 或在等後續通知 ➡️ 確認可以預約 ➡️ 預約成功 ➡️ 至現場看看
要進行完以上流程可能都經過好幾天的時間，同時也需要花費很多時間和人力。
新版APP設計重整設計架構，新增一鍵預約，只需要用APP就可以線上預約時段探望自己有興趣的浪浪。
你是愛媽、幫忙代養浪浪、或是有困難無法續養的人嗎？社群網路上要送養的貼文非常多，但成功的案件可說是少之又少，許多愛媽表示，送養很靠運氣，在一般臉書社團很容易被其他貼文覆蓋，這時候可以利用這個「新增認養」，尋找領養者，達到快速且有效率的媒合。有興趣的使用者也可以直接透過APP聯繫詢問相關資訊或探訪等家的動物。
若是私人中途之家或動保團體，也可以填寫收容編號。
訪談時愛媽表示，照顧浪浪的時候金援很重要，所以很多愛媽會在網路上徵求愛心捐助。新版APP便設計可以「提供助養」，讓沒有辦法領養的市民也可以捐錢、貓砂或物品，為動物友善城市這個福祉盡一份愛心，也讓愛媽們更有動力。
✔️ 失蹤協尋：通報即時性，提高尋回機率也避免流浪動物增加
寵物走失了怎麼辦？現代多數人都會使用網路的力量來找回心愛的寶貝，畢竟失蹤協尋也是需要高曝光來能提高找回來的機率。
以下是原先APP的設計方式：
調研結果和使用經驗顯示原APP存在以上問題，導致寵物極難利用APP被尋回，便進行了優化資訊架構和增加部分新功能：
協尋貼文發布之後，可以自行設定通知消息：啟用定走失點方圓距離通知
隨時關注附近走失案件，不錯過任何一個尋回毛小孩的可能性
不管何時何地，只要有疑似案件，app便會立即通知您！
✔️ 動保報案：創造立即便捷與高正確度的受虐報案
發現受虐的動物，利用APP即時通報受虐報案！
原先APP要報案的話需輸入的內容很多，重要的照片、影片、音檔這些能提供有效的證據也不在輸入的上層，許多人會沒注意到而沒存到重要證據，失去破案機會。
新設計APP優化報案流程 : 第一就是提供圖證、音證結合手機定位服務，迅速將資訊傳給相關機關處理
還是不安心？想知道被虐待的牠們後續有沒有被妥善照顧？
會通報的使用者必是希望通報後，動物能因此獲得改善或是治療，後續也能健健康康地繼續長大。
APP新增加的「案件追蹤」功能，讓使用者可以隨時隨地查看案件處理進度，增加通報者安心感。
ui部分圖片來源：動物之家官網、臉書APP Redesign 影片介紹
APP測試意見回饋
在完成設計後，我請受試者針對改版後的APP進行了測試，受試者表示和舊版比較起來，新版在使用上較為流暢，動物認養篩選可以快速選到使用者需要的類型，給予任務比之前更快找到所需的資訊，相較之下在APP裡迷路的機會大大降低。
結語
以上就是我的設計調研與APP Redesign完整流程，希望使用者會於優化後的操作順暢度與使用滿意度能大幅提高，將保護動物、增加APP使用率。
此設計專案進行了約8周的時間，以業界 project的執行來說的確時間較比較短且緊湊，但我努力將這段時間效益最大化，是個非常難忘的設計經驗！
本文所述設計案為2020年6月，臺灣科技大學設計系大三課程內容，並無與相關政府單位合作，設計案由唐玄輝老師指導，張菁蘭執行設計。
若對於這篇文章有相關問題，請和我們聯絡，如有相關建議，也請在下方留言指教，謝謝！