serendipity - courses.cs.washington.edu · app flows initial mockups from android to ios...

36
Jen Kang Tony Fan Brendan Lee Serendipity

Upload: others

Post on 25-Sep-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Serendipity - courses.cs.washington.edu · App flows Initial Mockups From Android to iOS Storyboards for Main Scenarios New Suggested Features Usability Testing 9 Design and Development

Jen Kang ◈ Tony Fan ◈ Brendan Lee

Serendipity

Page 2: Serendipity - courses.cs.washington.edu · App flows Initial Mockups From Android to iOS Storyboards for Main Scenarios New Suggested Features Usability Testing 9 Design and Development

Emily

Meet Emily

2

Page 3: Serendipity - courses.cs.washington.edu · App flows Initial Mockups From Android to iOS Storyboards for Main Scenarios New Suggested Features Usability Testing 9 Design and Development

Emily’s Current Process

3

Page 4: Serendipity - courses.cs.washington.edu · App flows Initial Mockups From Android to iOS Storyboards for Main Scenarios New Suggested Features Usability Testing 9 Design and Development

Emily’s Current Process

4

Page 5: Serendipity - courses.cs.washington.edu · App flows Initial Mockups From Android to iOS Storyboards for Main Scenarios New Suggested Features Usability Testing 9 Design and Development

Emily’s Current Process

5

Page 6: Serendipity - courses.cs.washington.edu · App flows Initial Mockups From Android to iOS Storyboards for Main Scenarios New Suggested Features Usability Testing 9 Design and Development

Emily’s Current Process

6

Page 7: Serendipity - courses.cs.washington.edu · App flows Initial Mockups From Android to iOS Storyboards for Main Scenarios New Suggested Features Usability Testing 9 Design and Development

Traveling with Serendipity

Emily

+

7

Page 8: Serendipity - courses.cs.washington.edu · App flows Initial Mockups From Android to iOS Storyboards for Main Scenarios New Suggested Features Usability Testing 9 Design and Development

○ Inspired by 2015 HCDE Capstone Journey

○ Enough CI & Interview Results

○ Brainstorm Features

8

Brainstorm

Page 9: Serendipity - courses.cs.washington.edu · App flows Initial Mockups From Android to iOS Storyboards for Main Scenarios New Suggested Features Usability Testing 9 Design and Development

○ User Scenarios

○ App flows

○ Initial Mockups

○ From Android to iOS

○ Storyboards for Main Scenarios

○ New Suggested Features

○ Usability Testing

9

Design and Development

Page 10: Serendipity - courses.cs.washington.edu · 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

Page 11: Serendipity - courses.cs.washington.edu · App flows Initial Mockups From Android to iOS Storyboards for Main Scenarios New Suggested Features Usability Testing 9 Design and Development

Plan

11

Add

Route

Explore

Page 12: Serendipity - courses.cs.washington.edu · App flows Initial Mockups From Android to iOS Storyboards for Main Scenarios New Suggested Features Usability Testing 9 Design and Development

Plan

12

Add

Route

Explore

Page 13: Serendipity - courses.cs.washington.edu · App flows Initial Mockups From Android to iOS Storyboards for Main Scenarios New Suggested Features Usability Testing 9 Design and Development

Plan

Add

Route

Explore

13

Page 14: Serendipity - courses.cs.washington.edu · App flows Initial Mockups From Android to iOS Storyboards for Main Scenarios New Suggested Features Usability Testing 9 Design and Development

Plan

Add

Route

Explore

14

Page 15: Serendipity - courses.cs.washington.edu · App flows Initial Mockups From Android to iOS Storyboards for Main Scenarios New Suggested Features Usability Testing 9 Design and Development

Add

Route

Explore

15

Plan

Page 16: Serendipity - courses.cs.washington.edu · App flows Initial Mockups From Android to iOS Storyboards for Main Scenarios New Suggested Features Usability Testing 9 Design and Development

Add

Route

Explore

16

Plan

Page 17: Serendipity - courses.cs.washington.edu · App flows Initial Mockups From Android to iOS Storyboards for Main Scenarios New Suggested Features Usability Testing 9 Design and Development

Add

Route

Explore

17

Plan

Page 18: Serendipity - courses.cs.washington.edu · App flows Initial Mockups From Android to iOS Storyboards for Main Scenarios New Suggested Features Usability Testing 9 Design and Development

18

Plan

Add

Route

Explore

Page 19: Serendipity - courses.cs.washington.edu · App flows Initial Mockups From Android to iOS Storyboards for Main Scenarios New Suggested Features Usability Testing 9 Design and Development

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

Page 20: Serendipity - courses.cs.washington.edu · App flows Initial Mockups From Android to iOS Storyboards for Main Scenarios New Suggested Features Usability Testing 9 Design and Development

20

Plan

Add

Route

Explore

Page 21: Serendipity - courses.cs.washington.edu · App flows Initial Mockups From Android to iOS Storyboards for Main Scenarios New Suggested Features Usability Testing 9 Design and Development

21

Plan

Add

Route

Explore

Page 22: Serendipity - courses.cs.washington.edu · App flows Initial Mockups From Android to iOS Storyboards for Main Scenarios New Suggested Features Usability Testing 9 Design and Development

22

Plan

Add

Route

Explore

Page 23: Serendipity - courses.cs.washington.edu · App flows Initial Mockups From Android to iOS Storyboards for Main Scenarios New Suggested Features Usability Testing 9 Design and Development

23

Plan

Add

Route

Explore

Page 24: Serendipity - courses.cs.washington.edu · App flows Initial Mockups From Android to iOS Storyboards for Main Scenarios New Suggested Features Usability Testing 9 Design and Development

24

Journey

Discover

Deviate

Navigate

Page 25: Serendipity - courses.cs.washington.edu · App flows Initial Mockups From Android to iOS Storyboards for Main Scenarios New Suggested Features Usability Testing 9 Design and Development

25

Journey

Discover

Deviate

Navigate

Page 26: Serendipity - courses.cs.washington.edu · App flows Initial Mockups From Android to iOS Storyboards for Main Scenarios New Suggested Features Usability Testing 9 Design and Development

26

Discover

Deviate

Navigate

Journey

Page 27: Serendipity - courses.cs.washington.edu · App flows Initial Mockups From Android to iOS Storyboards for Main Scenarios New Suggested Features Usability Testing 9 Design and Development

27

Discover

Deviate

Navigate

Journey

Page 28: Serendipity - courses.cs.washington.edu · App flows Initial Mockups From Android to iOS Storyboards for Main Scenarios New Suggested Features Usability Testing 9 Design and Development

28

Journey

Discover

Deviate

Navigate

Page 29: Serendipity - courses.cs.washington.edu · App flows Initial Mockups From Android to iOS Storyboards for Main Scenarios New Suggested Features Usability Testing 9 Design and Development

29

Discover

Deviate

Navigate

Journey

Page 30: Serendipity - courses.cs.washington.edu · App flows Initial Mockups From Android to iOS Storyboards for Main Scenarios New Suggested Features Usability Testing 9 Design and Development

30

Share

Page 31: Serendipity - courses.cs.washington.edu · App flows Initial Mockups From Android to iOS Storyboards for Main Scenarios New Suggested Features Usability Testing 9 Design and Development

31

Share

Page 32: Serendipity - courses.cs.washington.edu · App flows Initial Mockups From Android to iOS Storyboards for Main Scenarios New Suggested Features Usability Testing 9 Design and Development

Demo: Plan & Journey

Page 34: Serendipity - courses.cs.washington.edu · App flows Initial Mockups From Android to iOS Storyboards for Main Scenarios New Suggested Features Usability Testing 9 Design and Development
Page 35: Serendipity - courses.cs.washington.edu · App flows Initial Mockups From Android to iOS Storyboards for Main Scenarios New Suggested Features Usability Testing 9 Design and Development

Thanks for Listening!

Page 36: Serendipity - courses.cs.washington.edu · App flows Initial Mockups From Android to iOS Storyboards for Main Scenarios New Suggested Features Usability Testing 9 Design and Development

Questions?