Why Redesign?
Taipei Animal Welfare App, the mobile app launched by the Taipei City Government, provides the most up-to-date and real-time animal adoption information. It aims to encourage people to adopt instead of buying pets, increases the chances of animal matching and reduces the burden of animal shelters.
However, the data has shown that the user experience of the app was very bad. There is a gap between the functions of the apps and the users’ needs. Users have no idea how to start searching which results in many inconveniences for users. Therefore, the purpose of the project is to redesign the Taipei Animal Welfare App.
Taipei City Animal Welfare APP
UI UX Redesign Case Study
Redesign Process
Target User
After defining the target users to gain an in-depth understanding and insights into users’ requirements.
Want or don’t want to adopt an animal
Pet Owners
Concerned about animal issues
Interview
Conducting interviews to understand users’ experiences and their opinions. Classifying the result systematically through design methods.
KJ Method
Persona
UJM
Through the above research result, we could find users' pain points and clearly understand what users hope to achieve through the APP.
Problems
The existing APP contains multiple web links. After the user interview and function analysis, users mostly use three functions- Animal Adoption Matching, Find Missing, and Animal Injury Report.
At the same time, in order to ensure that our optimized design could meet users’ needs, the following design goals and functions need to be clarified:
Animal
Adoption Matching
01
-
Lack of channels and introductions for users to get adoption information.
-
Not easy to make an appointment.
02
Fing
Missing
-
Inconvenient search function.
-
Cannot receive immediate notifications or responses from the app.
-
Not sure if anyone has viewed their posts on the app.
-
Lack of instant reporting system: most users can only be reached by telephone or e-mail.
Animal
Injury Report
03
-
Cannot report animal abuse in time with pictures or videos.
-
Unclear about the processing progress of the reported cases.
Improve the pain points: let the new UX design meet users’ needs through a complete design process and provide a good user experience.
Redesign Goal
New Information Architecture
Although the original APP has already contained a lot of information, the structure is fragmented. This new design is based on the above three situational functions and sorts out its details to optimize the APP structure.
Wireframe
At this stage, I used wireframes to discuss with our target users and better understood what kind of information and function they want. Draw Wireframe according to the design framework of the new Information architecture, and design the Wire Flows based on the three main functions hypothetical task flow to optimize the results.
Hypothetical Task 01: Post the animal adoption information
Wire Flows Optimized Result
Reconfigure the priority of the pictures when posting, such as moving animal photos to the top.
Add the location of the animal. Users who want to adopt can make the appointment immediately.
Hypothetical Task 02: Publish posts about the missing pets
Wire Flows Optimized Result
Added features and special information of missing pet photos which animals can be faster spotted.
Use the positioning function of the mobile phone to turn on the notifications.
Hypothetical Task 03: Report abused animal cases
Wire Flows Optimized Result
Rearrange the screens to avoid the omission of evidence.
Quick access to reported cases.
New Version
Animal Adoption Matching
1. Match
The original design goal was to use the advantages of the mobile APP to quickly contact and adopt, but the original design could not achieve the goal. The new version has reorganized the design structure. Users who are interested can directly contact others through the APP for related information or making appointments.
2. One-click Appointment
Add the function of the one-click appointment: you can visit the animals you are interested in after making online appointment times from the app.
Find Missing
1. Following Nearby Cases
Keep users posted on the missing animal cases at any time and never miss any possibility.
2. Notification
After the post is published, you can turn on the notification which enables to notify user while someone reports the confirmed lost pets.
Animal Injury Report
1. Provide Evidence Immediately
New APP report process: provide pictures and video as evidence which would include the location of the picture and quickly submit the information to relevant agencies for further processing.
2. Case Tracking
Having difficulties? Want to know if the abused animals have been taken good care of after being reported?
The newly added "Case Tracking" function allows users to check the processing progress of the case anytime and anywhere.
Outcome & Feedback
The app company was so impressed by my article on Medium that they hired me as a UX Researcher.
After this project, I had asked some users to conduct testing and get much positive feedback. This user experience redesign was very positive in terms of any aspect.
Got 500+ claps on Medium.
