To connect the functional requirements with the user activity and user scenarios, I crafted use cases. These use cases have a brief description of functionality and logical information flow.
Here, the user flow helped me to decide the overall information architecture of the application. By adding total eight use cases, the whole system is defined in a user-centered manner.
To empathize with the user, I decided to design user journey. The user journey consists the lo-fi wireframes of the screens. I prepared sketches to formulate idea into mobile app screens. And added the user emotions to each possible steps of a journey.(To zoom the image, click on it)
The hi-fi prototype for mobile application and smart watch application looks like below:
The smartwatch application's overall look is defined in the interactive mockup. I have covered all important functionalities in the watch application. If the user goes on a walk wearing his watch, he will get all the updates on his wrist.
The onboarding process for the application. For the delightful and meaningful user experience, only necessary information will be asked during registration.
To add a new pet and connect user account with the new keeper is easy here. The simple and short process with the provided cognitive assistance for the complicated functions. (Here, to set safe zone screen - tips are given in the italic text).
The user can change notification settings, add other users to the account and customize the rights to access content for each of them. The account page is full of great options. Also, it's a scalable menu with elegant look & feel.
For evaluating high fidelity design, I performed user testing with 5 participants. The usability testing helped me to discover the Gulf of execution. I integrated the user feedback into hi-fi prototype and created the final product. Below are the some of the examples of the transitions I made: