JUNIOR TIDAL WEB SERVICES amp MULTIMEDIA LIBRARIAN NEW YORK CITY COLLEGE OF TECHNOLOGY CUNY April 6 th 2016 INTRODUCTIONS WHATS THIS WORKSHOP ABOUT ANYWAY WHAT IS USABILITY WHY USABILITY IMPORTANT ID: 558605
Download Presentation The PPT/PDF document "MAKING IT WORK FOR THE USER: A CRASH WOR..." is the property of its rightful owner. Permission is granted to download and print the materials on this web site for personal, non-commercial use only, and to display it on your personal computer provided you do not modify the materials and that you retain all copyright notices contained in the materials. By downloading content from our website, you accept the terms of this agreement.
Slide1
MAKING IT WORK FOR THE USER: A CRASH WORKSHOP INTO USABILITY TESTING FOR LIBRARY WEBSITES
JUNIOR TIDAL
WEB SERVICES & MULTIMEDIA LIBRARIANNEW YORK CITY COLLEGE OF TECHNOLOGY, CUNY
April 6th, 2016Slide2
INTRODUCTIONSSlide3
WHAT’S THIS WORKSHOP ABOUT, ANYWAY?WHAT IS USABILITY?
WHY USABILITY IMPORTANT?WHAT IS USER CENTERED DESIGN?
THE DESIGN PROCESSUSER-CENTERED DESIGNPLANNING A USABILITY TESTCONDUCTING A COGNITIVE WALKTHROUGH MOBILE USABILITY Slide4
WHAT IS USABILITY?Slide5
THE EXTENT TO WHICH A SYSTEM CAN BE USED BY A CERTAIN USER TO ACHIEVE EFFECTIVELY, EFFICIENTLY, AND SATISFYINGLY CERTAIN GOALS IN A CERTAIN CONTEXT (ISO 9241)Slide6
“USABILITY REALLY JUST MEANS MAKING SURE THAT SOMETHING WORKS WELL: THAT A PERSON OF AVERAGE ABILITY AND EXPERIENCE CAN USE THE THING…”
STEVE KRUG, DON’T MAKE ME
THINKSlide7
USABILITY DETERMINES IF A USER’S EXPERIENCE IS SATISFYING OR FRUSTRATING. Slide8
WHY IS USABILITY IMPORTANT?Slide9
WRITE INSTRUCTIONS DOWN FOR ASSEMBLING A PB&JYOU HAVE…
1 PACKAGE OF A BREAD LOAF1 CONTAINER OF PEANUT BUTTER1 CONTAINER OF JELLY
1 KNIFEEXERCISE: MAKE A PB&J SANDWICH Slide10
WHY
IS TESTING USABILITY IMPORTANT?Slide11
LIKE PB&J SANDWICHES, WEBSITES DON’T COME WITH INSTRUCTIONSSlide12
LIBRARY WEBSITES CAN BE VERY COMPLICATEDSlide13
IMPROVES PERFORMANCESlide14
KEEPS COST DOWN Slide15
TESTING IDENTIFIES WHAT WORKS AND WHAT DOESN’TSlide16
IMPROVES EFFICIENCY SO DEVELOPERS CAN FOCUS ON OTHER TASKSSlide17
DATA-DRIVEN DESIGN DECISIONS CAN BE MADESlide18
REDUCES REWORK OR BIG FIXESSlide19
HELPS MAKE DATA-BASED DECISIONSSlide20
INCORPORATES THE USER’S PERSPECTIVE AND VOICE Slide21
“YOU HAVE TO LOOK AT YOUR SERVICE FROM THE POINT OF VIEW OF SOMEONE WHO KNOWS A LOT LESS THAN YOU AND SEE WHERE THEY’RE COMING FROM.”
-SUMANA HARIHARESWARASlide22
WHAT IS USER CENTERED DESIGN?Slide23
INCORPORATING THE USER INTO EACH STAGE OF THE DESIGN PROCESS IS KNOWN AS USER CENTERED DESIGN.Slide24
UCD FOCUSES ON GOALS, USERS, TASKS, AND WORKFLOWS Slide25
STAGES OF USER-CENTERED DESIGNPLANNING
ANALYSISDESIGNEVALUATION
TEST AND REFINE Slide26
PLANNING PHASESlide27
WHAT’S THE PURPOSE OF YOUR WEBSITE?Slide28
WHAT ARE THE GOALS OF THE WEBSITE?Slide29
WHO IS THE TARGET AUDIENCE?Slide30
WHAT KIND OF CONTENT IS ON THE SITE?Slide31
ANALYSIS PHASESlide32
USER/AUDIENCE ANALYSIS PERSONAS FIELD STUDIES ANALYTICSSlide33
TASK LIST DISCOVERY TOOLS CATALOG INTERACTIONS ONLINE CIRCULATION INTERACTIONSSlide34
DEVELOPING THE INFORMATION ARCHITECTURE OF THE SYSTEM
CONTENT HIERARCHIES (VISUAL, URL, BREADCRUMBS)
ORGANIZATIONSlide35
CARD SORTING Slide36
CARD-SORTING IS A TYPE OF USABILITY TEST Slide37
IN A CARD SORT, USERS ARE GIVEN A STACK OF CARDS EACH LABELED WITH A TERM OR MENU ITEMSlide38
USERS ARE ASKED TO “SORT” THE CARDS INTO GROUPS THAT MAKES THE MOST SENSE TO THEMSlide39
RESULTS CAN BE USED TO DEVELOP MENUS Slide40Slide41
DESIGN PHASESlide42
CREATE DESIGN LAYOUTS Slide43
PAPER PROTOTYPING Slide44Slide45
WIRE FRAMINGSlide46
PAPER PROTOTYPING Slide47
TEST PAPER PROTOTYPES AND WIREFRAMES TO POTENTIAL USERS Slide48
EVALUATION PHASESlide49
COGNITIVE WALKTHROUGHSSlide50
TESTS THE WEBSITE, FOCUSING ON USERS INTERACTACTION WITH A GIVEN TASK Slide51
TASK ANALYSIS Slide52
EXAMINES THE SUCCESS OR FAILURE OF A TASK WITH USERSSlide53
TEST AND REFINE PHASEITERATIVE DESIGNSlide54Slide55
PLANNING A USABILITY TEST
THINGS YOU’LL NEED:
TESTING INSTRUMENT PARTICIPANTSGOALS METRICS TO RECORDNOTE TAKING LOGISTICS Slide56
PAPER PROTOTYPES
USEFUL
FOR EARLY DESIGNS AND REDESIGNSCHEAP TO DEPLOY NO CODING REQUIREDN = 5DATA: IMMEDIATE USER FEEDBACK Slide57
CARD SORT
USEFUL
FOR ORGANIZING CONTENTMENU DESIGNHELPS TO CREATE MENUS, IA N = 20 DATA: USER’S INPUT ON SITE ORGANIZATIONSlide58
COGNITIVE WALKTHROUGH
TAKES
TIME TO DEPLOYGATHERS LOTS OF USER INPUT THROUGH THE TALK ALOUD PROTOCOL (TAP)QUICKLY FINDS WHAT WORKS AND WHAT DOESN’TN = 5DATA: TAP, OTHER METRICSSlide59
PARTICIPANTSSlide60
PARTICIPANTS SHOULD MIRROR YOUR USERS Slide61
USERS SHOULD HAVE VARIOUS LEVELS OF EXPERIENCE Slide62
SCREEN USERS FOR PREFERRED DEVICESSlide63
GOALS Slide64
GOALS CAN BE DERIVED FROM ANALYTICSSlide65
THEY CAN BE DERIVED FROM REFERENCE TRANSACTIONSSlide66
COMPARISON OF NEW OR UPDATED TOOLS Slide67
GOALS CAN BE CONVERTED INTO TASK SCENARIOSSlide68
GOAL:
FIND A BOOK IN THE LIBRARY CATALOG
For Example…Slide69
TASK SCENARIO:
IMAGINE YOU ARE WRITING A BOOK REPORT FOR YOUR ENGLISH 101 COURSE AND YOU NEED TO FIND RESOURCES FOR
THE CATCHER AND THE RYE. HOW WOULD YOU FIND THE BOOK ON THE WEBSITE?Slide70
TASK SCENARIOS SHOULD BE WRITTEN SO NOT TO LEAD THE USER. Slide71
USERS CAN ASK QUESTIONS BUT THE PROCTOR SHOULDN’T ASSIST THEM. Slide72
METRICSSlide73
SUCCESS/FAILURE RATESlide74
TIME Slide75
NUMBER OF CLICKS OR TAPSSlide76
THINK ALOUD PROTOCOL Slide77
THINK ALOUD PROTOCOL IS WHERE THE USER “THINKS ALOUD.” THEY STATE WHAT THEY ARE FEELING, THINKING, AND THEIR OPINIONS WITH THE SITE. Slide78
TAKING NOTESSlide79
PEN AND PAPER WORKS IN A PINCHSlide80
DIGITAL AUDIO RECORDING IS BETTERSlide81
DIGITAL A/V RECORDING EVEN MORE SOSlide82
DIGITALLY RECORDING AUDIO, VIDEO, AND SCREENCASTS IS THE BESTSlide83
AUDIO: PEN AND PAPER, DIGITAL RECORDERSVIDEO: WEB CAMS, DOCUMENT CAMERASSCREENCASTING: CAMTASIA (WIN), QUICKTIME VIDEO (OS X), PHOTOBOOTH (OS X)Slide84
LOGISTICSSlide85
INSTITUTIONAL REVIEW BOARD APPROVALSlide86
SCHEDULE PARTICIPANTSSlide87
INCENTIVES Slide88
QUIET ROOM TO CONDUCT THE TESTSlide89
PROVIDE EQUIPMENT AND NETWORK ACCESSSlide90
CONDUCTING A COGNITIVE WALKTHROUGHSlide91
INFORM THE PARTICIPANT, SIGN CONSENT FORMS
BEGIN RECORDING PROCTOR EACH TASK SCENARIOS COLLECT DATA (TAP RESPONSES) WRAP-UP Slide92
COGNITIVE WALKTHROUGH ACTIVITY
FORM GROUPSONE PERSON WILL BE A PROCTORONE PERSON WILL BE A TESTER
OTHERS WILL BE OBSERVERS THE TESTER WILL USE THEIR INSTITUTION'S WEBSITE (OR ONE UNFAMILIAR TO THE USER)RECORD NOTES USING THE TAP METRICSlide93
REPORT BACK
WHAT USABILITY OBSTACLES, IF ANY, DID YOU FIND ON THE SITE?WHAT IMPROVEMENTS DID THE USER SUGGEST FOR THE SITE?WHAT DID TAP RESPONSES REVEAL?Slide94
MOBILE USABILITY TESTINGSlide95
DIFFERENCES:
USERS, CONTEXT, TASKS, AND GOALSDESKTOP WORKSTATIONS AND MOBILE DEVICESUSABILITY TESTING SETUP IS DIFFERENTSlide96
MOBILE USERS ARE ON THE GOSlide97
MOBILE DEVICES CAN BE USED ANYWHERE, ANYTIMESlide98
CONTEXT AND ENVIRONMENT OF USING THESE DEVICES IS FLEXIBLESlide99
CONSTRAINED BY CELL SIGNAL OR WIFI STRENGTHSlide100
FOR REALISTIC RESULTS OF A USABILITY TEST, ADMINISTER A FIELD TEST.Slide101
FIELD TESTS ARE CONDUCTED IN REALISTIC SITUATIONSMORE ACCURATE RESULT OF DATA Slide102
FOR IDENTIFYING USABILITY OBSTACLES, USE A LABORATORY TESTSlide103
LABORATORY TESTS ARE MORE CONTROLLEDSlide104
IMPORTANT TO PAIR USERS WITH FAMILIAR DEVICESSlide105
PAIRING AN ANDROID DEVICE WITH A IPHONE USER CAN TAINT THE USABILITY OF THE TESTSlide106
IMPORTANT TO ENSURE NETWORK CONNECTIVITYSlide107
MOBILE USABILITY TESTING SETUP
BYOD VS LAB SUPPLYINGNETWORK CONNECTIVITYDOCUMENTING THE TESTSlide108
WRAP UP
WHAT IS USABILITY?WHY USABILITY IMPORTANT?
THE DESIGN PROCESSUSER-CENTERED DESIGNPLANNING A USABILITY TESTCONDUCTING A COGNITIVE WALKTHROUGHMOBILE USABILITY Slide109
QUESTIONS?Slide110
THANKS!