Serendipity - courses.cs.washington.edu · App flows Initial Mockups From Android to iOS...

Preview:

Citation preview

Jen Kang ◈ Tony Fan ◈ Brendan Lee

Serendipity

Emily

Meet Emily

2

Emily’s Current Process

3

Emily’s Current Process

4

Emily’s Current Process

5

Emily’s Current Process

6

Traveling with Serendipity

Emily

+

7

○ Inspired by 2015 HCDE Capstone Journey

○ Enough CI & Interview Results

○ Brainstorm Features

8

Brainstorm

○ User Scenarios

○ App flows

○ Initial Mockups

○ From Android to iOS

○ Storyboards for Main Scenarios

○ New Suggested Features

○ Usability Testing

9

Design and Development

Serendipity’s Features

10

Plan Journey Share

Plan

11

Add

Route

Explore

Plan

12

Add

Route

Explore

Plan

Add

Route

Explore

13

Plan

Add

Route

Explore

14

Add

Route

Explore

15

Plan

Add

Route

Explore

16

Plan

Add

Route

Explore

17

Plan

18

Plan

Add

Route

Explore

1. Home Map View2. Search for Points of Interests

and/or Filter Results3. Select a point of interest

and view detailed information4. Add point of interest to MyJourney5. View unordered list for MyJourney6. View the items in the MyJourney list

and order them on the MyPath view7. View ordered list for MyJourney

User is able to: a. delete points of interest orb. re-order the MyJourney List

19

Plan

Add

Route

Explore

20

Plan

Add

Route

Explore

21

Plan

Add

Route

Explore

22

Plan

Add

Route

Explore

23

Plan

Add

Route

Explore

24

Journey

Discover

Deviate

Navigate

25

Journey

Discover

Deviate

Navigate

26

Discover

Deviate

Navigate

Journey

27

Discover

Deviate

Navigate

Journey

28

Journey

Discover

Deviate

Navigate

29

Discover

Deviate

Navigate

Journey

30

Share

31

Share

Demo: Plan & Journey

Thanks for Listening!

Questions?