The scenario is that you have been contacted by a local animal rescue organisation with an existing website. You need to create a low fidelity prototype (wireframe) for the dog category page as well as a profile page that displays the features of each individual dog. The category page needs to show the dogs that are available for adoption. Make space for 15 dogs on the page.
On the individual feature page, users can see the following (in any order that you choose):
- Dog’s name;
- Dog’s photo;
- Dog’s description;
- If the dog is good with cats or not;
- Dog’s age;
- If the dog is house trained;
- Dog’s size;
- If the dog is good with children or not;
- Dog’s gender;
- Dog breed (if applicable);
- Link to a form that they can use to book a visit with the dog.
Step 1
Ideate and create low fidelity prototypes (pen and paper sketches) to show how the dog category page might look. Aim for at least three different options to practice ideation – each on a different sheet of paper.
Step 2
Critique your own options and use the best aspects to create a new, more refined sketch. This should still be a low-fidelity prototype (pen and paper sketch).
Step 3
Ask for constructive criticism from friends or family. (i.e., how you can improve the UI design). Use their feedback to further refine the sketch. This should still be a low-fidelity prototype (pen and paper sketch).
AHV design 