E.M.Π. Μονάδα Εργονομίας 1 /18 Δοκιμές με χρήστες στον πρώιμο σχεδιασμό: εφαρμογή στο δικτυακό τόπο PIRΑΕUSΒΑΝΚ.GR ΕΘΝΙΚΟ ΜΕΤΣΟΒΙΟ ΠΟΛΥΤΕΧΝΕΙΟ ΣΧΟΛΗ ΜΗΧΑΝΟΛΟΓΩΝ ΜΗΧΑΝΙΚΩΝ ΤΟΜΕΑΣ ΒΙΟΜΗΧΑΝΙΚΗΣ ΔΙΟΙΚΗΣΗΣ & ΕΠΙΧΕΙΡΗΣΙΑΚΗΣ ΕΡΕΥΝΑΣ Εργαστήριο Οργάνωσης της Παραγωγής – Μονάδα Εργονομίας Ομάδα Έργου Ναθαναήλ Δημήτρης PhD EurErg Ζαρμπούτης Νίκος PhD PMP Γκίκας Κώστας

E.M.Π. Μονάδα Εργονομίας 2 /18 Μέθοδοι –Εθνογραφικές παρατηρήσεις –Ερωτηματολόγια –Focus Groups –Card Sorting –Personas – Scenarios –Paper & low fid. Prototyping Προηγούνται της ανάπτυξης, Είναι αποδοτικές (C/B) αλλά απαιτούν πολύ καλή συνεργασία μεταξύ εμπλεκομένων Δεν δίνουν ποσοτικά στοιχεία Ελέγχουν & τεκμηριώνουν τις σχεδιαστικές επιλογές Μέθοδοι Ευχρηστίας Πληροφοριακών Συστημάτων Περί μεθόδων Ευχρηστίας - ανάλυση απαιτήσεων και σχεδιασμός

E.M.Π. Μονάδα Εργονομίας 3 /18 Μέθοδοι ενδιάμεσης και τελικής αξιολόγησης –User testing (mouse click level) –User Testing (eye fixation level) –User feedback (web based tests) –Log files (client side analysis) –Heuristic Evaluations –Cognitive walkthroughs –Think Aloud - Autoconfrontation Κατά τη διάρκεια ή μετά την ανάπτυξη Απαντούν σε συγκεκριμένα ερωτήματα Δίνουν ποσοτικά αποτελέσματα Όχι πάντα εύκολο να μεταφραστούν σε σχεδιαστικές παρεμβάσεις Μέθοδοι Ευχρηστίας Πληροφοριακών Συστημάτων Περί μεθόδων Ευχρηστίας - ενδιάμεση και τελική αξιολόγηση

E.M.Π. Μονάδα Εργονομίας 4 /18 ΜέθοδοςΑπό ποια φάσηΑπαντάει σεΠόροι Card SortingΑρχιτεκτονική πληροφορίας, ορολογία, εννοιολογία € Think Aloud + Auto- confrontation Λάθη, παρανοήσεις, ορολογία, εννοιολογική δομή, γνωστική δραστηριότητα € € Cognitive WalkthroughΔυσκολίες στην επίτευξη στόχων, ορολογία € Heuristic EvaluationΣυμμόρφωση με πρότυπα, παρανοήσεις, λάθη, € User Testing (mouse click level) Επίτευξη στόχων % Μέσοι χρόνοι, παρανοήσεις / λάθη, € € € User Testing (eye fixations level) Διαφήμιση, Απόσπαση προσοχής, γραφιστικά χωροθετήσεις χρώματα γνωστική δραστηριότητα € € € € € Server Log analysis (+client side analytics) Στατιστική κίνηση, λέξεις κλειδιά, clicks per Target κλπ. € € (€ ) Τι μαθαίνω και πότε / τι κοστίζει

E.M.Π. Μονάδα Εργονομίας 5 /18 Γενική Περιγραφή του Έργου για το piraeusbank.gr Στα πρώιμα σταδία του ανασχεδιασμού του διαδικτιακού τόπου piraeusbank.gr μας ζητήθηκε να διενεργήσουμε μια σειρά από ελέγχους ευχρηστίας Το υλικό που υπήρχε ήταν μόνο γραφίστικες προτάσεις της διεπαφής χωρίς καθόλου κώδικα Έλεγχοι που διενεργήθηκαν είχαν να κάνουν με: αρχιτεκτονική πληροφορίας και ορολογία με χωροταξικές και αισθητικές επιλογές Προτείναμε δύο συμπληρωματικές μεθόδους με χρήστες Card sorting για το πρώτο Eye tracking για το δεύτερο

E.M.Π. Μονάδα Εργονομίας 6 /18 Card Sorting - Κατασκευή Χάρτη Ιστοτόπου Πραγματοποιήθηκε και Ανοιχτό και Κλειστό Card Sorting για να απαντηθεί μια γκάμα ερωτημάτων από τη γενική κατηγοριοποίηση της πληροφορίας, ως την τιτλοδότηση την ιεράρχηση προϊόντων κλπ. 6 /20

E.M.Π. Μονάδα Εργονομίας 7 /18 Card Sorting - Τιτλοδότηση Κατηγοριών Ασφάλειες 5 Δάνεια 11 Επενδύσεις 6 Κάρτες 7 Λογαριασμοί 5 Ασφαλιστικά προϊόντα 3 Δάνεια / κάρτες 1 Επενδυτικά 3 Πιστωτικές κάρτες 2 Καταθέσεις 2 Ασφαλιστικά 2 Δανειοδότηση 1 Επενδύσεις/Χρηματιστήριο 1 Υπηρεσίες καρτών 2 Αποταμίευση & φύλαξη 1 Ζωή & Υγεία 2 Δανεισμός 1 Επένδυση κεφαλαίου 1 Δάνεια / κάρτες 1 Θέματα λογαριασμών 1 Ασφάλεια 1 Επενδύσεις / Ευκαιρίες 1 Λογαριαmo/κάρτες 1 Καταθέσεις/εμβάσματα 1 Ασφάλειες παροχές 1 Επενδυτικά προγράμματα 1 Τραπεζι. προϊόντα 1 Λογαριαμοί / κάρτες 1 Ασφαλιστικά προγράμματα 1 Επενδυτικά προϊόντα 1 Λογαριασμοί / καταθέσεις 1 Ασφαλιστικές παροχές 1 Τραπεζικά προϊόντα 1 Χρηματιστηριακές υπηρεσίες 3 Υποστήριξη 3 Διαφύλαξη 1 Επενδύσεις/Χρηματιστήριο 1 Φύλαξη 1 Χρηματοοικονομικές υπηρεσίες 1 Ο κάθε συμμετέχων μετά την κατηγοριοποίηση των καρτών καλούνταν να τις τιτλοδοτήσει - Οι ονομασίες που προέκυψαν ιεραρχημένες κατά συχνότητα εμφάνισης 7 /20 Αποτελέσματα από 20 άτομα

E.M.Π. Μονάδα Εργονομίας 8 /18 Κατηγοριοποίηση προϊόντων/υπηρεσιών – Σταθερότητα κατηγοριών Χρυσός & Χρηματιστηριακές Υπηρεσίες κατατάσσονται στα επενδυτικά extra Σύνταξη κατατάσσεται στα ασφαλιστικά με 76% & με 24% στα επενδυτικά PCP εμφανίζει αστάθεια με 41% στις Τρ. Υπηρεσίες & με 29% σε κάρτες & 29% σε Ασφ. 8 /20

E.M.Π. Μονάδα Εργονομίας 9 /18 Έλεγχοι Eye Tracking – Συνολικά ποσοστά οπτικής παρατήρησης Παρουσιαζόταν το στο tab «ΕΠΙΧΕΙΡΗΣΕΙΣ & ΕΠΑΓΓΕΛΜΑΤΙΕΣ» Καθήκον«Θέλετε να πάρετε δάνειο για κατοικία, βρείτε τους όρους» 13 από τους 23 συμμετέχοντες είδαν τα TABS Μικρός μέσος χρόνος εστίασης σε σχέση με το MENU *Το Banner εμπεριέχει και ματιές στο pull-down menu (~50%) 12%- 32% 31% 24% 1% 0% Tabs Menu Banner Shortcut-Menu Side-Menu Tools Footer

E.M.Π. Μονάδα Εργονομίας 10 /18 Ευκρίνεια TAB Menu – Χρονική εξέλιξη εστιάσεων (σύνολο) Το Banner τραβά το 60% των ματιών στο πρώτο sec Αμέσως μετά το μάτι πάει στο μενού Το μενού των shortcuts κερδίζει με το χρόνο έδαφος από το μενού Οι ματιές στο TABS όταν υπάρχουν συγκεντρώνονται από το 2 ο εως το 10 ο δευτερόλεπτο Το side menu υπό το συγκεκριμένο καθήκον τράβηξε πολύ λίγο την προσοχή banner Shortcut Menu Tabs

E.M.Π. Μονάδα Εργονομίας 11 /18 Ευκρίνεια TAB Menu – Αποτελέσματα εκτέλεσης καθήκοντος “θέλετε να πάρετε δάνειο για κατοικία – βρείτε τους όρους» 5 Επιλογή TAB ιδιώτες Μέσος χρόνος 11,5 sec 12 Επιλογή Shortcut Menu Μέσος χρόνος 18 sec 6 Επιλογή Menu – Dropdown «Στέγη & Εξοπλισμός» Μέσος χρόνος 16,5 sec Μετά τα πρώτα 10 sec η πιθανότητα αντίληψης του μενού TABs γίνεται μηδαμινή

E.M.Π. Μονάδα Εργονομίας 12 /18 Συσσωρευτικός Χάρτης εστιάσεων - ΤΑΒ MENU Το μάτι δεν εστιάζει στον επεξηγηματικό τίτλο του ΤΑΒ Το μάτι σκανάρει αναζητώντας πόρτες και όχι τίτλους Πιθανά μια πόρτα διαφυγής π.χ. να βελτίωνε τα ποσοστά επιτυχίας Είστε Ιδιώτης ?

E.M.Π. Μονάδα Εργονομίας 13 /18 Β. Web Banking – Χρόνοι προσπέλασης για 4 τράπεζες Πειραιώς 9,8 sec (23) Εθνική 22,1 sec (11) EUROBANK 12,1 sec (17) ALPHA 10,8 sec (17) Προσδοκία Χωροθέτη ση Οπτική Βαρύτητα Αναγνωρισιμότητα Στόχος

E.M.Π. Μονάδα Εργονομίας 14 /18 Web Banking – Διαφορές μεταξύ πελατών Winbank και μη Χρήστες WinbankΥπόλοιποι 7,5 sec 10,9 sec Η διαφορά οφείλεται κυρίως στην οπτική αναγνωρισιμότητα του logo της Winbank από τους υφιστάμενους χρήστες, που έλκει γρηγορότερα το μάτι Η συμβολική αναγνωρισιμότητα του όρου φαίνεται να είναι καλή σε όλο τον πληθυσμό (1,4 ματιές πάνω στο logo οι υφιστάμενοι και 1,6 οι υπόλοιποι) Old New Glances 1,4 1,6 Fixations 2,1 2.9 Duration 0,91,3 O όρος WΙΝΒΑΝΚ λειτουργεί – Βελτίωση επιδέχεται η οπτική του αναγνωρισιμότητα π.χ. e

E.M.Π. Μονάδα Εργονομίας 15 /18 Web Banking – τα πρώτα 3 sec πελατών Winbank Η επίδραση του παρόντος site είναι εμφανής με τις ματιές να ξεκινούν από πάνω δεξιά, χωρίς όμως να υπάρχει τελικά πρόβλημα στον εντοπισμό του νέου link

E.M.Π. Μονάδα Εργονομίας 16 /18 Corporate site: «βρείτε την τιμή της μετοχής της τράπεζας» To TAB «Όμιλος Πειραιώς» γίνεται γενικά αντιληπτό υπό το συγκεκριμένο καθήκον Συνολικά το κοίταξαν 19 από τους 23 συμμετέχοντες 15 πέτυχαν το στόχο. 6 πέτυχαν το στόχο σε < 12 sec Κατά μέσο όρο το TAB κοιτάχθηκε 2 φορές Μετά τα 60 sec η πιθανότητα να γίνει ορατός ο στόχος είναι πολύ μειωμένη ■ Ματιές πάνω στο «Όμιλος Πειραιώς»

E.M.Π. Μονάδα Εργονομίας 17 /18 Συμπεράσματα Εντάσσοντας ελέγχους ευχρηστίας με χρήστες από τα αρχικά σταδία βοηθούμε τις ομάδες σχεδιασμού – απαντώντας σε συγκεκριμένα διλήμματα με τρόπο αντικειμενικό Οι μέθοδοι που χρησιμοποιούμε πρέπει να ανταποκρίνονται όχι μόνο στην εκάστοτε φάση ανάπτυξης αλλά και σε συγκεκριμένα ερωτήματα που θέλουμε να απαντήσουμε Απλές φτηνές μέθοδοι μπορούν να δώσουν πολλές απαντήσεις αν σχεδιαστούν και προσαρμοστούν προσεκτικά Σε εφαρμογές διαδικτύου μια γραφιστική – σχεδιαστική πρόταση από μόνη της, χωρίς καθόλου κώδικα μπορεί να αποτελέσει βάση για αξιόπιστους ελέγχους αντιληψιμότητας με eye tracking και να βοηθήσει τους σχεδιαστές να βελτιώσουν το σχεδιασμό από πολύ νωρίς

E.M.Π. Μονάδα Εργονομίας 18 /18 Ευχαριστώ