Design Phase
Before beginning code development, as a team we conducted interviews and created sketches to better analyze and understand the needs surrounding the application. The results from these steps can be seen interactively below:
General Design Documentation
Design Sketching: 10-plus-10
The 10-plus-10 sketch method revolves around stating a specific design challenge, and sketching 10 different solutions to the challenge.
Design Challenge 1: The user needs outfit suggestions based upon the current weather.
Design Challenge 2: The user needs a simple, non-stressful way to pick out outfits.
Design Sketching: Interface Prototype
A interface prototype sketch is a generic sketch depicting the presentation of content, layout, and elements within the user interface. We completed three interface sketches for this project to represent different components.
Home Page Interface
Choose Outfit Interface
Add Clothes Interface
Design Sketching: Storyboard Sketch
A storyboard sketch is a visual narrative depicting the interface in snapshots at different points of time. It portrays key scenes in the interface as well as the transitions that caused these changes.
Design Sketching: Hybrid Sketch
A hybrid sketch is a sketch of the interface within the environment it will be used in. For this project, our hybrid sketch shows our interface on a dresser as it would be in the real world.