Derick Carss
Hiking App UXD23: FINAL PRESENTATION Derick Carss | Hiking App | Final Presentation
1
PART 1: Research USER RESEARCH: ‘4 Lists’ and User Interviews
THE LONE ESCAPIST
“Sometimes I just want to get away for a while and turn my mind off.”
Derick Carss | Hiking App | Final Presentation
When I decide to go hiking I want to avoid the hassle of preparation so I can simply relax. When I go hiking I want to avoid distractions so I can let my mind wander. 2
PART 1: Research COMPETITOR RESEARCH: User Flows, Mini Frames and Footprints WALK HIGHLANDS
ALL TRAILS
– Narrows search with complex filters – Text based (online) directions – Ad funded business
– Narrows search with complex filters – Map based (online) directions – Subscription based business
Derick Carss | Hiking App | Final Presentation
3
PART 1: Research
A service that makes finding hikes easy, and following directions unobtrusive to the experience.
USER NEEDS
BUSINESS GOALS
Provide a free service that users appreciate enough they are willing to pay for supporting content.
THE PROBLEM: Create an iOS app that makes it easy for hikers to find
a trail, with premium AppleWatch content that helps them complete it in the most unobtrusive manner. Derick Carss | Hiking App | Final Presentation
4
PART 2: Initial Concepts USER FLOWS:
iPhone App
Apple Watch App Persistent Menu
Tap Search
Tap Nearby
Open App
Nearby (Hikes Nearby)
Nearby (None Nearby)
Tap Status
Search
Tap Profile
Select Ł Hike
Search
Profile
Select Ł Distance From User
Profile
Saved Hikes
Finish Search
No Signal
No Signal
TapŁ (No Signal)
TapŁ (No Signal)
Profile
Help Ł Web Page
Cancel
Profile Edit
Edit
TryŁ Again
Directions Ł on Watch
TryŁ Again
Help
Status (No Hike Selected)
Status
Save
TryŁ Again
Completed Hikes
Can’t Detect iPhone
Open App
Nearby Hikes (Menu)
Swipe Left
Search (Menu)
Status (Menu)
Swipe Left
Swipe Left
Profile (Menu)
Swipe Left
Help
Saved Hikes
Congratulations
Completed Hikes
Tap
Tap
Tap
Nearby Hikes
Search Filter 1
Status
Tap
Select Ł Hike
Select Ł Hike
Get It
Profile
Help
Definitions
Profile
EmergencyŁ Call
Phone (Outside App)
Quit
Are You Sure?
Back
Check iPhone
Help
Maps (Outside App)
Get There
Hike Overview
Cancel
Cancel
Step by Step
Define
Search Filter 2
Social Media (Outside App)
Step by Step
SavedŁ Hikes
Select Ł Hike
Apple WatchŁ Transfer Select Ł Search
Check iPhone
Cancel Continue
Share
View onŁ iPhone
Apple Watch Message Edit
Status
Step by Step
Go Pro
Nearby Back
Apple WatchŁ Transfer
Select Ł Difficulty
Status (Lost Signal)
Start
Saved Hikes
Swipe Left
Forget Hike? Quit
Profile
Finish
Search Clear
Select Ł Hike
Hike Overview
Select Ł Hike
Save
Search Results
Search Results
Edit
Start
Save
Get There
Start
KEY:
Hike Overview
Congratulations
Share
Social Media
Profile
Select Ł Hike
Hike Overview
Start
Get There
Maps (Outside App)
Action
Derick Carss | Hiking App | Final Presentation
Page
Persistent Menu Option
Starting Point
Transition point to Watch
Exit Point
Save
5
PART 2: Initial Concepts SEARCH: SEARCH SCREEN 1
SEARCH SCREEN 2
4
SEARCH RESULTS V1
SEARCH RESULTS V2
9
10 5
15
11
6
13
1 14 7
2
8
12
3
1 2 3 4 5
Filter 1 – Distance from current location Search based on Filter 1 Search based on entered zipcode or city Menu Navigation Button Image
Derick Carss | Hiking App | Final Presentation
6 7 8
Number of results returned based on Screen 1 Filter 2 – Difficulty level (slider) Filter 3 – Hike Distance
9 10 11 12
Back to Search Screen 2 Number of results returned based on Screen 2 Search Results (list) Completed hikes highlighted
13 Number of results returned based on Screen 2 14 Search Results (image grid) 15 Map
6
PART 2: Initial Concepts DIRECTIONS: TEXT BASED
1
MAP BASED
6
10
VISUAL BASED
COMPASS BASED
12
18
Back
N
13
30 meters 7
14
2 15 8
11
19
9
3
Back
N
20 16
Back
30 meters
4 17
Help
5
1 2 3 4 5
iPhone – Text based guide Step Number Visual Reference Textual Description Progress Status
Derick Carss | Hiking App | Final Presentation
6 7 8 9
Watch – Text based guide V1 Progress Status Watch – Text based guide V2 Scroll with Digital Crown
10 Watch – Map based guide V1 11 Watch – Map based guide V2 (including Progress and additional info)
12 13 14 15
Info
Watch – Visual based guide Taptic alerts Warning message Taptic alerts
16 Watch – Visual based guide (including additional support) 17 Progress Status
18 Watch – Compass based guide 19 User off course 20 Taptic alerts
7
PART 3: Revised Designs SEARCH: SEARCH SCREEN
SEARCH RESULTS
SEARCH SCREEN (DROPDOWN)
SEARCH RESULTS (DROPDOWN)
8 1 9
2
3 10
11
6 13
4
5 12
7
1 2 3 4 5
Filter 1 – Dropdown Distance Filter 2 – Difficulty Popup to define the difficulty levels Number of results shown Apply Filters (1-touch if using the same filters as last time)
Derick Carss | Hiking App | Final Presentation
6 7
Filter 1 – Dropdown Expanded Persistent Navigation
1 2 3 4 5
Filter 1 – Dropdown Distance Filter 2 – Difficulty Popup to define the difficulty levels Number of results shown Apply Filters (1-touch if using the same filters as last time)
1 2 3 4 5
Filter 1 – Dropdown Distance Filter 2 – Difficulty Popup to define the difficulty levels Number of results shown Apply Filters (1-touch if using the same filters as last time)
8
PART 3: Revised Designs DIRECTIONS: NEXT STEP
CONTEXT MENU
1
OVERVIEW
5
TEXT DETAILS (IPHONE)
6
13
14
2 7
15
8
3
9
12
4
1 2 3 4
Next Step Screen when nearing location Taptic alerts Warning Screen when off course Taptic alerts
Derick Carss | Hiking App | Final Presentation
11
10
5
Force Press to Context Menu
6 7 8 9 10
Overview Screen Sunlight Hours Status Progress Status Overview Screen with alert Taptic alerts
11 Warning Notice visible when alert icon is pressed 12 Close Notice
13 Step by Step Details when no signal 14 Toggle with Help Screen 15 Scrollable Step by Step Details
9