Pet Locator App
Project Requirements
Information Architecture
First, I mapped out the content displayed while categorizing and structuring the information flow to support the user requirements and stories.
Dynamic User Flow
Iteration 2 - Better Approach
I believe the second iteration resolves some of the issues with the first design by improving on the following: (1) leading with most important content by putting the pet listing results view first, (2) doing the heaving lifting for the customer by using settings to supply consistency throughout the search providing defaults that save users time and effort, and finally
(3) personalizing and prioritizing actions by value. Filters allow users to customize the search according to their own needs and wants.
Dynamic Wireframes
Applies better principles of design to enhance user experience.
Linear User Flow
Iteration 1 - Initial Approach
The first approach to problem solving addresses certain aspects of design by focusing on (1) precision which gives users a step-by-step process to follow thereby forcing a decision at each stage, (2) error handling by allowing customers to edit their choices at any step and resubmit the form for new results, and finally (3) avoiding dead ends by anticipating subsequent actions and options so that no view is definitive and lasting.
Linear Wireframes
Below are the first iteration of wireframes that follow a linear flow, which assists users in finding a pet dog.
