top of page
Screen Shot 2019-12-09 at 6.31.47 PM.png
Screen Shot 2019-12-09 at 6.32.47 PM.png
Screen Shot 2019-12-09 at 6.33.01 PM.png
Screen Shot 2019-12-09 at 4.20.51 PM.png
Screen Shot 2019-12-09 at 4.19.44 PM.png
Screen Shot 2019-12-09 at 4.18.14 PM.png
Screen Shot 2019-12-09 at 6.33.45 PM.png
Screen Shot 2019-12-09 at 6.33.51 PM.png
Screen Shot 2019-12-09 at 6.33.59 PM.png
Screen Shot 2019-12-09 at 6.34.07 PM.png
Screen Shot 2019-12-09 at 6.34.15 PM.png

DESIGN

User Research

Journey Map

Storyboards

Paper Protoype

Overview

Wireframes

High-Fi Mockups

Site Map

Design Requirements

Personas

Evaluation

DESIGN REQUIREMENTS

Design Requirements

From our user research, we created a list of design requirements that must be supported by our product in order to satisfy user needs and expectations. Design requirements are the actions and data needed to support user needs in the final design. This step helps direct ideation by providing a framework of requirements to consider when thinking of features for our final design.

Main requirements:

  • Allow users to get immediate support when put in an unsafe or uncomfortable position

  • Allow users to see real-time data for where other people are currently located

  • Allow users to plan a route that avoids dangerous sections of the Ave

STORYBOARDS

Storyboards

Once we finalized the design requirements, we constructed storyboards that simulate a possible scenario in which a user might interact with our product. Storyboards help contextualize when, how, and why a user could interact with our product. My storyboard showcases a participant   The storyboard helped us figure out the most important requirements in the making of the information architecture diagram.

INFORMATION ARCHITECTURE

Information Architecture

The information architecture diagram is a hierarchical structure that organizes the features of the product. Design requirements were translated into necessary features of the app and were then placed as branches of the information architecture tree. Organizing the necessary features in this way facilitated the making of our paper prototype by listing groups of features necessary for each screen.

bottom of page