調查與規劃
▍使用者調查、人物誌
使用者調查以訪問志工、發放問卷至 PTT 專版、觀察活躍志工動態等共 18 人後整理得出。並依照調查結果為基礎,進行人物誌的設想。
使用者調查以訪問志工、發放問卷至 PTT 專版、觀察活躍志工動態等共 18 人後整理得出。並依照調查結果為基礎,進行人物誌的設想。
▍設計目標、製作方針擬定
透過事前調查,得知多數志工其實是以地緣關係為主,打破原本動物志工前往四處救援的印象。更了解動物志工的真實生態及想法,規劃時更有頭緒。
透過事前調查,得知多數志工其實是以地緣關係為主,打破原本動物志工前往四處救援的印象。更了解動物志工的真實生態及想法,規劃時更有頭緒。
▍介面規劃與發想
原先另有規劃「走失協尋」的貼文投稿,意即寵物走失或是發現疑似家寵的街貓/犬都能進行貼文(不需登入會員)。考量到主要功能已經具有一定規模,再加入此功能會過於龐大耗時,最後決定刪去。
▍設計規劃
【色彩選擇】融合沉穩、易親近要素,賦予安心及信賴感
鎖定專業、無識別障礙、受多數人喜愛且有信賴感的藍色系,並使其更加柔和,加入白色調和為淺藍色作為標準色。
鎖定專業、無識別障礙、受多數人喜愛且有信賴感的藍色系,並使其更加柔和,加入白色調和為淺藍色作為標準色。
【標誌與標準字】
標誌為字首+足跡(追蹤)+ 動物的肉球,以動物「可愛、易親近」的形象,使用圓形進行整體的發想。標準字部分使用圓潤但帶有稜角的 CoconPro 字體,不選擇傳統圓體,以避免過度圓潤,有不成熟、讓使用者無法放心使用的感受。
標誌為字首+足跡(追蹤)+ 動物的肉球,以動物「可愛、易親近」的形象,使用圓形進行整體的發想。標準字部分使用圓潤但帶有稜角的 CoconPro 字體,不選擇傳統圓體,以避免過度圓潤,有不成熟、讓使用者無法放心使用的感受。
設計成果:APP
因篇幅關係僅列重點,完整流程與頁面展示可至 Behance 頁面 查看(將於新視窗開啟)
01. 不同模式滿足各種使用需求
使用者調查顯示志工多有地緣關係,地圖模式能讓使用者一開啓就快速找到附近的動物。列表模式則提供以往社群貼文/動態的功能,預設會以最新編輯的貼文來顯示。
02. 易操作、好理解的填入頁面
一頁只做一個重點的編輯,並加上進度條,避免讓使用者煩躁不安。在部分頁面以插畫呈現,加上文字輔助理解,希望使用者能無壓力、更簡易快速地編輯。
03. 不再遺漏任何貼文
提供 3 種記錄、2 種搜尋方式降低貼文遺失的可能性。考量到結果量極多的情況,與一般貼文一樣提供篩選功能。
04. 透過會員系統直接且快速地聯絡
每則貼文中都會顯示編輯過的志工及編輯項目,以便隨時查看最新狀況。為確保其他使用者聯絡順利,會員都必須留下至少一種聯絡方式。
首次使用時不會強制加入會員,避免讓想試用的使用者退卻,但編輯、新增等重點功能只有會員可以使用。
首次使用時不會強制加入會員,避免讓想試用的使用者退卻,但編輯、新增等重點功能只有會員可以使用。
設計成果:Web ( Landing Page )
因篇幅關係僅列重點,完整流程與頁面展示可至 Behance 頁面 查看(將於新視窗開啟)
▍完整登陸頁首頁
01. 主視覺:APP 畫面結合場景,讓閱覽者體會使用情境。
02. 介紹:點出目前痛點,讓閱覽者更有共鳴。並列出重點機能、操作影片,讓閱覽者具體了解下載的好處。
03. 其他:加入下載、聯絡資訊及分享,頁尾放置使用者條款、隱私權政策及常見問題的連結,讓登陸頁更完整。
02. 介紹:點出目前痛點,讓閱覽者更有共鳴。並列出重點機能、操作影片,讓閱覽者具體了解下載的好處。
03. 其他:加入下載、聯絡資訊及分享,頁尾放置使用者條款、隱私權政策及常見問題的連結,讓登陸頁更完整。
▍響應式規劃
▍其他頁面
看看實際的成品吧!
※將於新視窗開啟※
※將於新視窗開啟※
回顧與檢討
▍心得
流浪動物的主題上需要考量到各種情境及對應(如:會不會遇到有心人士、惡意註冊等等),更能體會到一個 APP 即使功能不複雜,卻需考慮各種意想不到的狀況,才能讓設計真正實踐於現實中。
因為專案為獨立製作,遇到問題時,除了蒐集各種類似 APP 及資料做參考外,也積極詢問親友的意見,有時候反而能發現盲點。
▍檢討與改進
1. 使用者調查的樣本數及訪談人數不夠多,或許調查結果仍停留於同溫層。
2. 因為製作時間關係,設計稿只製作了貓咪的版本來呈現。
3. 雖然有版本及想法的迭代及討論,但是未善加留存、記錄,導致過程呈現過於單一。
▍Next Step
如果有下一步,還想做這些...
1. APP 內建聊天功能,除了聯絡更直接外,更能提升客群對 APP 的黏著度。
2. 規劃網站版內容,雖然個人程式技術無法達成,但考量客群年齡上,喜愛電腦大過手機的比例不低,也應該規劃網站版,提升使用意願。
3. 結合或是製作連動 APP,加入領養/認養、走失協尋等功能,讓 APP 成為一個專屬的動物議題社群平台。
流浪動物的主題上需要考量到各種情境及對應(如:會不會遇到有心人士、惡意註冊等等),更能體會到一個 APP 即使功能不複雜,卻需考慮各種意想不到的狀況,才能讓設計真正實踐於現實中。
因為專案為獨立製作,遇到問題時,除了蒐集各種類似 APP 及資料做參考外,也積極詢問親友的意見,有時候反而能發現盲點。
▍檢討與改進
1. 使用者調查的樣本數及訪談人數不夠多,或許調查結果仍停留於同溫層。
2. 因為製作時間關係,設計稿只製作了貓咪的版本來呈現。
3. 雖然有版本及想法的迭代及討論,但是未善加留存、記錄,導致過程呈現過於單一。
▍Next Step
如果有下一步,還想做這些...
1. APP 內建聊天功能,除了聯絡更直接外,更能提升客群對 APP 的黏著度。
2. 規劃網站版內容,雖然個人程式技術無法達成,但考量客群年齡上,喜愛電腦大過手機的比例不低,也應該規劃網站版,提升使用意願。
3. 結合或是製作連動 APP,加入領養/認養、走失協尋等功能,讓 APP 成為一個專屬的動物議題社群平台。