Design artifacts for creating a dog park app
This page captures our design artifacts produced throughtout the UX Design process.
Project Description
Overview Tail Tracker is an application we designed during our quarter-long group project for the CPSC 5220 UX Design course in our Masters in Computer Science program. This project is comprised of numerous milestones representing key phases of the UX Design process. This project provides an opportunity for students to apply theory to a real-world…
Personas
Personas are people/users based on your research who might use your service, product, website, or brand in a similar way. Personas can assist you in better understanding your users’ requirements, experiences, behaviors, and goals. Personas are built to investigate the product’s design and determine which aspects of the product or service are lacking from the…
Design Sketches
Design sketches illustrate our initial ideas for what the app might look like. These sketches were done on the spot and in a hurry by each group member to throw out our initial ideas. They were created to simply get the ball rolling on the design aspect after the core idea of what to make…
Information Architecture
Sitemap A UX sitemap is a hierarchical digram of a website or application that provides a bird’s-eye view of the page structure. They allow for early usability decisions to be made and define how many frames needs to be prototypes during the next design phase. They help designers maximize Search Engining Optimization (SEO) friendliness and…
Paper Prototypes
In this step, we reviewed the original design sketches against the pages accepted into the sitemap. Then, we chose three of the most promising design sketches and created paper prototypes for each of them. Using the scenarios and persona expectations from the previous step, we came up with solutions to meet the user needs. These…
Annotated Wireframes
Wireframes act as the outline of our app. This solidifies the number of screens as well as the general outline of the contents. This is a more professional version of the conglomerated sketches previously drawn out by hand and by multiple group members. Each image is a screen thought to be necessary by the entire…
High-fidelity Prototype
The final deliverable in our project was creating a high fidelity prototype. A high fidelity prototype provides a production facsimile of the final product to the end user. While not all functionality will be implemented, the user should be able to get a feel for what the product will look like and understand the user…
Follow My Blog
Get new content delivered directly to your inbox.
CPSC 5220 - UX Design 