狗狗走走手機app設計 - AKW digital design

作品詳情: 狗狗走走手機app設計 – 學生作品, Emily Carr University

負責部分: 使用者經驗研究 UX, 視覺/UI 介面設計, 概念發展

使用軟體: Photoshop, Illustrator

使用技術: Personas, 使用者體驗旅程地圖 User Journey, 卡片分類法 Card-sorting, 流程圖 Flowchart, 線框圖 Wireframes, 視覺稿 Mockup, 雛形製作 Prototype

狗狗主人總是想知道哪裡有好地點可以遛狗狗，同時也讓狗狗認識一些毛茸茸的朋友。愛好狗狗的人們也總是想知道去哪裡可以有機會看到很多狗狗，或者可以去和他們玩

⚑   為狗狗主人和狗狗愛好者建立一個平台，分享好地方散步或去看狗狗
⚑   可以在平台分享遛狗地點的照片，評分和目前人潮
⚑   可以在平台內互相傳訊息

從訪問一些潛在使用者開始，蒐集他們的共同想法，人格特質, 個性和想要解決的問題。接著試圖找出這些人的共同模式。這個Personas以狗狗主人來發展（此Personas是由 Xtensio 製作。）

在定義Personas後，我可以根據他們的生活方式做出使用者體驗旅程地圖。使用者在使用app前後的心境旅程。從中發現，與他們的朋友和家人約時間來一起遛狗散步聚會是這個app一個重要的功能

有了對使用者的了解後，我利用卡片分類法來找出app最重要的功能，先著眼在最主要的功能，而把一些附加的功能留給未來的計畫。

從先前的使用者研究，我發現這個app最重要的功能要是地點清單和訊息功能。流程圖從註冊/登入開始，隨即可看到主要的兩個功能以及設定

在地點清單功能中，使用者可以查看地點目前的人潮，評分，還有其他使用者在此地點分享的照片。還可以將此地點加入到我的最愛列表中，或者分享給他們的朋友

在訊息功能中，使用者可以讀取，發送和刪除消息。可以非常便利地從Facebook或google帳戶添加聯絡人

在設定功能中，使用者可以切換公開或不公開, 如果切換為不公開, 就不會出現在地點的目前人潮計數中。在這裡也可以編輯我的最愛列表。

有了流程圖之後，接下來開始設計用戶界面的線框圖。在地圖上搜尋附近的遛狗地點是一個方便且重要的功能，登入後，app就會進入一個地點清單圖, 從上面的選單可以切換到地圖模式, 就可以看到附近的遛狗地點

這個app是為了愛狗人士設計，在歡迎頁我畫了一個狗小孩和主人親密互動坐在一起的圖樣。主要的色調也運用兩種綠色來呈現遛狗時候接觸大自然的印象。完成視覺稿後，用proto.io製作完整的高寫真度雛形。下圖可點選測試雛型喔!
按此連結測試狗狗走走Walking Dog 雛形

狗狗走走