Serendipity - courses.cs.washington.edu · App flows Initial Mockups From Android to iOS...
Transcript of Serendipity - courses.cs.washington.edu · App flows Initial Mockups From Android to iOS...
![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.](https://reader034.fdocuments.in/reader034/viewer/2022051808/600b860374debb21b47f1c38/html5/thumbnails/1.jpg)
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.](https://reader034.fdocuments.in/reader034/viewer/2022051808/600b860374debb21b47f1c38/html5/thumbnails/2.jpg)
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.](https://reader034.fdocuments.in/reader034/viewer/2022051808/600b860374debb21b47f1c38/html5/thumbnails/3.jpg)
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.](https://reader034.fdocuments.in/reader034/viewer/2022051808/600b860374debb21b47f1c38/html5/thumbnails/4.jpg)
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.](https://reader034.fdocuments.in/reader034/viewer/2022051808/600b860374debb21b47f1c38/html5/thumbnails/5.jpg)
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.](https://reader034.fdocuments.in/reader034/viewer/2022051808/600b860374debb21b47f1c38/html5/thumbnails/6.jpg)
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.](https://reader034.fdocuments.in/reader034/viewer/2022051808/600b860374debb21b47f1c38/html5/thumbnails/7.jpg)
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.](https://reader034.fdocuments.in/reader034/viewer/2022051808/600b860374debb21b47f1c38/html5/thumbnails/8.jpg)
○ 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.](https://reader034.fdocuments.in/reader034/viewer/2022051808/600b860374debb21b47f1c38/html5/thumbnails/9.jpg)
○ 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.](https://reader034.fdocuments.in/reader034/viewer/2022051808/600b860374debb21b47f1c38/html5/thumbnails/10.jpg)
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.](https://reader034.fdocuments.in/reader034/viewer/2022051808/600b860374debb21b47f1c38/html5/thumbnails/11.jpg)
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.](https://reader034.fdocuments.in/reader034/viewer/2022051808/600b860374debb21b47f1c38/html5/thumbnails/12.jpg)
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.](https://reader034.fdocuments.in/reader034/viewer/2022051808/600b860374debb21b47f1c38/html5/thumbnails/13.jpg)
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.](https://reader034.fdocuments.in/reader034/viewer/2022051808/600b860374debb21b47f1c38/html5/thumbnails/14.jpg)
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.](https://reader034.fdocuments.in/reader034/viewer/2022051808/600b860374debb21b47f1c38/html5/thumbnails/15.jpg)
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.](https://reader034.fdocuments.in/reader034/viewer/2022051808/600b860374debb21b47f1c38/html5/thumbnails/16.jpg)
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.](https://reader034.fdocuments.in/reader034/viewer/2022051808/600b860374debb21b47f1c38/html5/thumbnails/17.jpg)
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.](https://reader034.fdocuments.in/reader034/viewer/2022051808/600b860374debb21b47f1c38/html5/thumbnails/18.jpg)
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.](https://reader034.fdocuments.in/reader034/viewer/2022051808/600b860374debb21b47f1c38/html5/thumbnails/19.jpg)
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.](https://reader034.fdocuments.in/reader034/viewer/2022051808/600b860374debb21b47f1c38/html5/thumbnails/20.jpg)
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.](https://reader034.fdocuments.in/reader034/viewer/2022051808/600b860374debb21b47f1c38/html5/thumbnails/21.jpg)
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.](https://reader034.fdocuments.in/reader034/viewer/2022051808/600b860374debb21b47f1c38/html5/thumbnails/22.jpg)
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.](https://reader034.fdocuments.in/reader034/viewer/2022051808/600b860374debb21b47f1c38/html5/thumbnails/23.jpg)
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.](https://reader034.fdocuments.in/reader034/viewer/2022051808/600b860374debb21b47f1c38/html5/thumbnails/24.jpg)
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.](https://reader034.fdocuments.in/reader034/viewer/2022051808/600b860374debb21b47f1c38/html5/thumbnails/25.jpg)
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.](https://reader034.fdocuments.in/reader034/viewer/2022051808/600b860374debb21b47f1c38/html5/thumbnails/26.jpg)
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.](https://reader034.fdocuments.in/reader034/viewer/2022051808/600b860374debb21b47f1c38/html5/thumbnails/27.jpg)
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.](https://reader034.fdocuments.in/reader034/viewer/2022051808/600b860374debb21b47f1c38/html5/thumbnails/28.jpg)
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.](https://reader034.fdocuments.in/reader034/viewer/2022051808/600b860374debb21b47f1c38/html5/thumbnails/29.jpg)
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.](https://reader034.fdocuments.in/reader034/viewer/2022051808/600b860374debb21b47f1c38/html5/thumbnails/30.jpg)
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.](https://reader034.fdocuments.in/reader034/viewer/2022051808/600b860374debb21b47f1c38/html5/thumbnails/31.jpg)
31
Share
![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.](https://reader034.fdocuments.in/reader034/viewer/2022051808/600b860374debb21b47f1c38/html5/thumbnails/34.jpg)
![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.](https://reader034.fdocuments.in/reader034/viewer/2022051808/600b860374debb21b47f1c38/html5/thumbnails/35.jpg)
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.](https://reader034.fdocuments.in/reader034/viewer/2022051808/600b860374debb21b47f1c38/html5/thumbnails/36.jpg)
Questions?