art institute - design research - itc298
TRANSCRIPT
GOALS
increase enrollment
$reduce costs
...
improve user experience
EXISTING SITE
DEVELOPMENT PROCESS
DEFINE THE PROJECT
DEVELOP SITE STRUCTURE
DESIGN VISUAL INTERFACE
BUILD & INTEGRATE
LAUNCH & BEYOND
COMPETITIVE ANALYSIS
HEURISTIC REVIEW
BASELINE TESTING
CARD SORTING
PAPER PROTOTYPING
COMPARATIVE TESTING
USABILITY TESTING
COMPETITIVE ANALYSIS
ASSESS STRENGTHS & WEAKNESSES OF COMPETITORS’ SITES
IDENTIFY WHAT WORKS AND WHAT DOESN’T WORKCONSIDER COMPETITORS’ DESIGN PATTERNS
CONDUCTED DURING DEFINE THE PROJECT PHASE
SELECTING THE RIGHT COMPETITORS USE DIFFERENT MACHINES & BROWSERS
RHODE ISLAND SCHOOL OF DESIGN
USE OF IMAGERYNAVIGATION PLACEMENTFEATURES & FUNCTIONALITY
CORNISH COLLEGE OF THE ARTS
NOT OPTIMIZED FOR TOUCHLABELING CONVENTIONS
DIFFICULT TO FIND BASIC INFORMATION
COMPETITIVE ANALYSIS HELPED TO INFORM
PRELIMINARY UI DECISIONS
HEURISTIC REVIEW
EXPERT REVIEW TO IDENTIFY USABILITY ISSUES IN UI DESIGN
CHECKING FOR ADHERENCE TO USABILITY PRINCIPLES
CONDUCTED DURING DEVELOPMENT OF SITE STRUCTURE
JAKOB NIELSEN’S 10 USABILITY PRINCIPLES
CLUTTERED, NOT MINIMALISTIC
INCONSISTENT NAVIGATION
NO USER CONTROL & FREEDOM
OUR HEURISTIC REVIEW IDENTIFIED
USABILITY ISSUES AS THE FOCUS
OF SUBSEQUENT TESTS
BASELINE TESTING
EVALUATING THE SITE THROUGH THE LENS OF REAL USERS
TO IDENTIFY FRUSTRATIONS & PAIN POINTS OF THE USER INTERFACE
DEVELOPED TIMED TASKS AND TESTED WITH REAL USERS
CONDUCTED DURING DEVELOPMENT OF SITE STRUCTURE
FIND COURSE DESCRIPTIONS
FIND TUITION & FEES
CREATING AN ACCOUNT
FIND COURSE DESCRIPTIONS 100% FAILURE
FIND TUITION & FEES 75% FAILURE
CREATING AN ACCOUNT 75% FAILURE
BASELINE TEST TAKEAWAYS
● USERS DISLIKED INTERACTING WITH LARGE PDF FILES
● NAVIGATION LABELS CAUSED CONFUSION
● FLAWS IN INFORMATION ARCHITECTURE
● USERS DISLIKED POP-UP WINDOWS AND LARGE INPUT FORMS
BASELINE TESTING ALLOWED US TO
IDENTIFY USABILITY PROBLEMS
EXPERIENCED BY THE REAL USERS
CARD SORTING
ACTIVITY TO HELP WITH INFORMATION ARCHITECTURE REDESIGN
HELPED US UNDERSTAND HOW USERS CATEGORIZE ITEMS
CONDUCTED DURING DEVELOPMENT OF SITE STRUCTURE
USED OPTIMALSORT SOFTWARE (HYBRID METHOD)
‘PROGRAMS’ MORE EFFECTIVE THAN
‘MEDIA ARTS’
CREATE ‘SERVICES’ CATEGORY
FROM ‘STUDENT LIFE’
‘STUDENT WORK’ INSTEAD OF
‘GALLERY’
CARD SORTING
CARD SORTING ALLOWED US TO IMPROVE
THE INFORMATION ARCHITECTURE
PAPER PROTOTYPING
TESTING MEDIUM-FIDELITY PROTOTYPES WITH ACTUAL USERS
FAST & INEXPENSIVE WAY TO GET USER FEEDBACK
CONDUCTED DURING DESIGN OF VISUAL INTERFACE
HAD USERS COMPLETE TASKS ON 11x17 PAPER PROTOTYPES
‘PROGRAMS’ CATEGORY WAS EFFECTIVE.DOWN ARROWS WERE PREFERABLE
NOT TOO MANY COMPETING ELEMENTS PREFERED
INCLUDING SITE NAV IN THE FOOTER WAS HELPFUL
PAPER PROTOTYPE FINDINGS
THE IMAGES OVERSHADOW THE SIDEBAR NAV
SIDEBAR NAVIGATION WAS NOT UTILIZED
PAPER PROTOTYPE FINDINGS
*THIS LANDING PAGE MIGHT NOT BE NECESSARY
FIND COURSE DESCRIPTIONS 100% SUCCESS
FIND TUITION & FEES 100% SUCCESS
CREATING AN ACCOUNT 75% SUCCESS
PAPER PROTOTYPING ALLOWED US TO
FURTHER IMPROVE THE UI BASED ON USER
FEEDBACK
COMPARATIVE ANALYSIS
TESTING TWO DIFFERENT DESIGNS WITH SAME USER
TO SELECT THE MOST EFFECTIVE DESIGN OR COMBINE ELEMENTS
CONDUCTED DURING DESIGN OF VISUAL INTERFACE
COMPARED TWO DESIGNS IN RANDOM ORDER
COMPARATIVE TESTINGHOMEPAGE
A
A B B2
COMPARATIVETESTINGAPPLY PAGE
A
A B
COMPARATIVE ANALYSIS
REVEALED THE NEED TO
CREATE DESIGN C BY MERGING
SUCCESSFUL ELEMENTS OF
DESIGN A & DESIGN B
C
FINAL USABILITY TESTING
USER TESTING OUR FINAL DESIGN ( PROTOTYPE C )
AN OPPORTUNITY FOR MINOR TWEAKS & CHANGES
CONDUCT DURING DESIGN OF VISUAL INTERFACE
PAPER PROTOTYPE TESTING WITH USER GROUP
FINAL USABILITY TEST
A
FIND COURSE DESCRIPTIONS 100% SUCCESS
FIND TUITION & FEES 100% SUCCESS
CREATING AN ACCOUNT 100% SUCCESS
USABILITY TESTING ALLOWED US TO
TEST AND FINALIZE OUR DESIGN
GOALS
increase enrollment
$reduce costs
...
improve user experience
?
CONCLUSION
OUR RESEARCH ALLOWED US TO DESIGN A
FUNCTIONAL, NATURALLY FLOWING,
EFFICIENT AND AESTHETICALLY PLEASING
USER INTERFACE