T RAVEL Drew Bregel, Marianne Goldin Thomas Kooi Joel Shapiro Joe Woo
Problem & Solution Previous Team’s Design Major Design Evolution Online Study Summary P RESENTATION O UTLINE
P ROBLEM Point APoint B
P ROBLEM Point APoint B Seems simple…
P ROBLEM Point APoint B Seems simple… …but it’s not
R EAL W ORLD …
Goal
Make it easy to plan a trip that is… ConvenientCost EffectiveEnvironmentally Friendly S OLUTION
P REVIOUS T EAM ’ S D ESIGN Checking bus schedule to see when you'll be home Easy Task Planning a bike and bus trip from Bellevue to Ballard Medium Task Tagging a trip to indicate a detour route Hard Task
S KETCHES /V IDEO P ROTOTYPE Adjusted 2 nd task Determine a bike route that considers community recommendations and issues (hills, traffic) Individual Sketches Combined Result Wifes, Bikes, and Fighting Terrorism
C OMBINED S KETCH Task 2: Get a community recommended bike route that considers issues such a hills
I NTERACTIVE P ROTOTYPE Completely Redo the Home Page Structure by Card Sorting Present New Future Past Default Settings Trips Paper PrototypeCard Sorting Professor’s Suggestion
Present New Future Past Default Settings Trips Interactive Prototype Home Screen
I NTERACTIVE P ROTOTYPE Paper PrototypeInteractive Prototype Added max bike travel preference
I NTERACTIVE P ROTOTYPE Paper PrototypeInteractive Prototype You can now tag any trip you are viewing
I NTERACTIVE P ROTOTYPE State of previous team Simulates our three representative tasks There is no actual database behind it Cannot explore the application beyond the scope of the task Implementation HTML/Javascript Photoshop
M AJOR D ESIGN C HANGES Fix only what is broken Only fixed level 3 and 4 HE violations
M AJOR D ESIGN C HANGES – WHY ? Did not want to reinvent the wheel:
M AJOR HE V IOLATIONS No Title Bar (Severity – 3):
M AJOR HE V IOLATIONS No way to save trips (Severity – 4):
M AJOR HE V IOLATIONS User selections are not obvious (Severity – 4):
M AJOR HE V IOLATIONS No sense of direction (Severity – 4):
Method TasksResults Design Changes O NLINE S TUDY O UTLINE
M ETHOD FOR S TUDY - S TRUCTURE Pre-Study Participants Study Demographic Questions Three main tasks Follow-up Questions Debriefing
M ETHOD FOR S TUDY - P ARTICIPANTS How did we recruit? Facebook/ /Chat/In-Person
M ETHOD FOR S TUDY - D EMOGRAPHICS Occupation Public transport usage Length of use Type of use Variation of use
M ETHOD FOR S TUDY - T ASKS Checking bus schedule to see when you'll be home Easy Task Planning a bike and bus trip from Bellevue to Ballard Medium Task Tagging a trip to indicate a detour route Hard Task
M ETHOD FOR S TUDY - T ASKS Demo
R ESULTS - O VERVIEW 31 Respondents 23 Completed Qualitative & Quantitative
R ESULTS - D EMOGRAPHICS
80% used the same routes most of the time
R ESULTS – T ASKS
R ESULTS – U SER ACCEPTANCE
R ESULTS - Q UALITATIVE Complaints about prototype limitation Complaints about unimplemented functionality Did not understand tagging Wanted to be able to minimize screens Did not understand what to do
D ESIGN C HANGES More robust and ubiquitous help/tutorial section More contextual information Make the common case faster
D ESIGN C HANGES - HELP
D ESIGN C HANGES - C ONTEXT Combine
UI I MPROVEMENTS – COMMON CASE
Problem & Solution Previous Team’s Design Major Design Evolution Online Study Summary S UMMARY
Q UESTIONS ?