COVER wwwwPAGE.jpg

INTERACTION DESIGN

                                        Design and Animation of the final display. 

In a multi-disciplinary team, we were tasked with designing a data driven environmental display for a transportation hub at the San Juan Islands. The environmental display had to facilitate travel related decision making and itinerary planning by the travelers at the hub.

Team: 2 DESIGNERS + 1 DATA ANALYST

CMU |  Interaction Design Studio (05-651)

My Role | Lo-fi - Hi-fi Prototyping (Sketch, Illustrator)/ User Research - Persona and Stakeholder analysis/ Secondary Research/ Insight Generation/ Data Modeling/ Final Design and Pitch

Time | 3 weeks

PROCESS

 
process.jpg
 

USER NEEDS AND GOALS

 
2.jpg

3.jpg
 

DATA MODELING

Parallel to understanding the user needs and goals, we modeled the data into information architecture to understand the data and metadata along with their relationships. 

DATA FOR FLIGHT INFORMATION

DATA FOR TRAIN INFORMATION

DATA FOR FERRY INFORMATION

 

INFORMATION ARCHITECTURE BASED ON DESTINATIONS

INFORMATION ARCHITECTURE BASED ON TRANSPORTATION MODES

 

Next, we modeled the data according to the user needs and goals. While the models were still abstract, the reiterated sketches allowed us to restructure the data, filter information, create new groupings and establish hierarchy. These models gave shape to the initial sketches.  

 

INFORMATION ARCHITECTURE FOR PERSONA 1 

INFORMATION ARCHITECTURE FOR PERSONA 2

 

SCREEN PROTOTYPING AND ITERATION

Next, we wire-framed the display sketches keeping the user needs and goals in mind. We came up with various ideas to inform the users about their travel details in an efficient and useful manner.

 
A2-das-kennis-singh-processbook_Part10.jpg
 

The initial ideas were voted on by the team and converted to digital sketches with initial thoughts on layout, color, typography, orientation and spaces. 

 

 
 

Feedback on initial designs

 
 
8.jpg
 
 

 
 

Ideation for final design

12.jpg
 

FINAL DESIGN

 
9.jpg
 
 

11.jpg
 
 

 

VISUAL CONSIDERATION - TYPE

 
13.jpg

 

VISUAL CONSIDERATION - COLOR

 
14.jpg