Transcript Introduction to Usability

Εισαγωγή στην
Ευχρηστία
Τάσος Μακρής, MSc Computer Science
Σύμβουλος Λογισμικού
1
Παγκόσμια Ημέρα Ευχρηστίας 2008-12 στην Ελλάδα
2008
Ευχρηστία στις
Μεταφορές
2009
Σχεδιάζοντας για ένα
Βιώσιμο Κόσμο
2010
Επικοινωνώντας στην
Ψηφιακή Εποχή
2011
Σχεδιάζοντας για
Κοινωνική Αλλαγή
2012
Οικονομικά
Συστήματα
Ευχρηστία: ορισμός ISO 9241

Ο βαθμός στον οποίο ένα σύστημα, προϊόν ή
υπηρεσία μπορεί να χρησιμοποιηθεί από
συγκεκριμένους χρήστες να επιτύχουν
συγκεκριμένους στόχους με
αποτελεσματικότητα,
αποδοτικότητα και
ικανοποίηση
σε ένα καθορισμένο πλαίσιο χρήσης.
Εμπειρία Χρήστη / User Experience
ISO 9241

Αντιλήψεις και αντιδράσεις ενός ατόμου που
προκύπτουν από τη χρήση και / ή την
προβλεπόμενη χρήση του συστήματος,
προϊόντος, ή της υπηρεσίας
Ο κατασκευαστής οφείλει να μπει στο κεφάλι
του χρήστη, να δει με τα δικά του μάτια
Τι περιμένουμε από την Ευχρηστία
Καλύτερες εφαρμογές στους Η/Υ, κινητά,
ταμπλέτες
 Καλύτερες Διαδικτυακές εφαρμογές
(επομένως καλύτερη e-διακυβέρνηση)
 Καλύτερες μηχανές Αναζήτησης
 Καλύτερα ψηφιακά μηχανάκια

9
Αρκεί η παλιά μέθοδος υλοποίησης έργων πληροφορικής?
10
Προσβασιμότητα
Υπάρχουν διεθνείς κανόνες
 http://www.w3.org/
 Σήμα:

Εταιρική Ωριμότητα στην Ευχρηστία
Σταδιακή Ωρίμανση: η προσέγγιση στην
Ευχρηστία περνάει διάφορα στάδια από την
αρχική ΕΧΘΡΙΚΗ στάση έως την
τελική πλήρη ΑΠΟΔΟΧΗ.
4 στάδια κατά Nielsen
Χερούλι πόρτας


Μας «προτρέπει» να τραβήξουμε όταν είμαστε απ’ έξω
Μας «επιτρέπει» μόνο να σπρώξουμε όταν είμαστε μέσα
13
Σήμανση & Πλοήγηση
Όπως στο δρόμο , έτσι και στο διαδίκτυο, η
πλοήγηση πρέπει να είναι:






σύντομη,
σαφής,
μονοσήμαντη,
απέριττη,
σύμφωνη με τη κοινή λογική,
να μην απαιτεί νοητικούς μετασχηματισμούς
Γέφυρα Πελοποννήσου – Δυτικής Ελλάδας

Σήμανση μηδέν
15
Μια μικρόψυχη ταμπέλα για ένα μεγάλο
έργο. Αναποτελεσματική επίσης.
BRIDGE :
Parakalo pos pao
Igoumenitsa?
Quiz: Τι σημαίνει
ΖΕΥΞΗ ;;
16
Ιερός Βράχος
Ο βράχος είναι ακλόνητος, το τραμ επί σταθερής
τροχιάς, άρα …. ο πεζός θα υποφέρει.
17
Εγχειρίδιο χρήσης: ενσωματωμένο
Ο Μηχανισμός των Αντικυθήρων
(150πΧ) περιείχε χαραγμένο
εγχειρίδιο !!!
Πίσω στις λεπτομέρειες….
Όταν γράφουμε αριθμούς, σκεφτόμαστε αυτόν που
θα τους διαβάσει και πως θα τον διευκολύνουμε
(διότι οποιοδήποτε λάθος θα είναι εις βάρος μας):
Τηλ: 00302104290880 ή 0030 210 4290-880
ΑΦΜ: 025740632 ή 025.740.632
ΙΒΑΝ: GR7301401100110002786001247
ή GR73 0140 1100 1100 0278 6001 247
00302104290880
0030 210 4290-880
Αντικείμενα με Ευχρηστία ≤ 0
22
Ευχρηστία στην Πληροφορική

Γιατί χρειάζεται να μιλήσουμε εκτενώς για την
Ευχρηστία στην Πληροφορική, για την
Ευχρηστία του Λογισμικού & του Διαδικτύου;

Απλούστατα, διότι:
 Υπάρχει
υπερπληθώρα ψηφιακών προϊόντων
 Τα προϊόντα αυτά απευθύνονται σε ΟΛΟΥΣ
Ευχρηστία στην Πληροφορική
Στην Πληροφορική και ειδικότερα στην
Επικοινωνία Ανθρώπου-Υπολογιστή (ΕΑΥHCI), η Ευχρηστία συνήθως αναφέρεται στην
αποδοτικότητα, αποτελεσματικότητα, και τη
σαφήνεια με τις οποίες σχεδιάζεται η
αλληλεπίδραση με ένα πρόγραμμα
υπολογιστή ή το Internet
24
HCI (ΕΑΥ)
25
ΕΑΥ-HCI: διεπιστημονική προσέγγιση
 Πληροφορική
 Επιστήμη
Υπολογιστών
 Γνωστική Ψυχολογία
 Κοινωνική Ψυχολογία
 Εργονομία
 Γλωσσολογία
 Βιομηχανικός σχεδιασμός
26
Χρυσοί κανόνες (Shneiderman)
(1) ομοιομορφία και συνέπεια στην διεπαφή
για αποφυγή απροσδόκητης συμπεριφοράς
του συστήματος
(2) σύντομοι χειρισμοί για τη διευκόλυνση των
εμπείρων χρηστών
(3) συνεχής ανάδραση της κατάστασης του
συστήματος
(4) οι υπο-διάλογοι πρέπει να ολοκληρώνονται
σε λίγα βήματα.
27
Χρυσοί κανόνες (Shneiderman)
(5) πρόβλεψη για σφάλματα των χρηστών
(6) δυνατότητα αναίρεσης μιας ή περισσότερων
ενεργειών
(7) Η αλληλεπίδραση θα πρέπει να ελέγχεται
από τον χρήστη και όχι από το σύστημα.
(8) Το φορτίο βραχύχρονης μνήμης του
χρήστη θα πρέπει να ελαχιστοποιηθεί
(κανόνας 7±2)
28
Ορισμός Ευχρηστίας Λογισμικού

5Es:






Effective
Efficient
Engaging
Error tolerant
Easy to use
Αποτελεσματικό
Αποδοτικό
Συναρπαστικό
Ανεκτικό στα λάθη
Εύκολο στη χρήση
ISO 9241 (International
Standards Organization)
29
Παραδείγματα Ευχρηστίας Λογισμικού

Προοδευτική αποκάλυψη
Επίπεδο αρχαρίου
2. Επίπεδο έμπειρου
3. Επίπεδο βιρτουόζου
1.
Ξεκινάμε με τις απλές βασικές λειτουργίες και
προχωράμε σε όλο και πιο σύνθετες.
30
Παραδείγματα Ευχρηστίας Λογισμικού

Σαφή Μηνύματα σφάλματος
31
Παραδείγματα Ευχρηστίας Λογισμικού
τα ονόματα πεδίων δεν πρέπει να αλλάζουν ποτέ
 □√ = ΝΑΙ
□ = ΟΧΙ

Στο παράδειγμα, το πεδίο ονομάζεται “ACTIVE”, αλλά όταν το αποσημειώσω, το
όνομά του αλλάζει σε “INACTIVE”
32
Παραδείγματα Ευχρηστίας Λογισμικού

Να είναι σαφές στον χρήστη, το επόμενο βήμα
1. Visibility of system status
Το σύστημα πρέπει να κρατάει τους χρήστες
ενήμερους κάθε στιγμή, για οτιδήποτε
συμβαίνει στο σύστημα (πχ κλεψύδρα +
εξήγηση)
Η ανοχή μας στην αναμονή μειώνεται κάθε
χρόνο.
2. Match between system and the
real world
Το σύστημα πρέπει να μιλάει τη γλώσσα του
χρήστη, με λέξεις, φράσεις & έννοιες γνωστές
στο χρήστη (και όχι πλέον στη γλώσσα του
προγραμματιστή)
3. User control and freedom
Οι χρήστες συχνά επιλέγουν κατά λάθος άλλη
διαδικασία από την επιθυμητή.
Απαιτείται λοιπόν να υπάρχει «ΕΞΟΔΟΣ
ΑΝΑΓΚΗΣ», χωρίς καταστροφικές συνέπειες ή
πολύπλοκο διάλογο.
Υποστήριξη “Undo” “Redo” σε βάθος
4. Consistency and standards
Συνέπεια στην ορολογία, στην διάταξη οθονών,
στην αισθητική, στο στυλ και βεβαίως σε
standards.
Βοηθάει τους χρήστες στην μη λεκτική
επικοινωνία με το σύστημα.
5. Error prevention
Απλά και κατανοητά μηνύματα σφάλματος,
βοηθούν το χρήστη να ανακτήσει έλεγχο.
Ακόμα καλύτερα, το σύστημα «προλαμβάνει»
σφάλματα.
6. Recognition rather than recall
Ελαχιστοποιούμε τα πράγματα που πρέπει να
θυμάται ο χρήστης, κάνοντας τις επιλογές,
αντικείμενα & δράσεις ορατά
7. Flexibility and efficiency of use
α) Το σύστημα αντιλαμβάνεται ποιος είναι
«πρωτάρης» και ποιος είναι «έμπειρος»
μειώνοντας ή αυξάνοντας την ταχύτητα
ορισμένων ενεργειών. Επίσης επιτρέπει στους
χρήστες να φτιάχνουν προσωπικές
«συντομεύσεις»
8. Aesthetic and minimalist design
Λιτότητα στα αντικείμενα, χρώματα, επιλογές.
Κάθε bit πληροφορίας στην οθόνη
ανταγωνίζεται με κάποιο άλλο για να
αποσπάσει την προσοχή του χρήστη.
9. Help users recognize, diagnose,
and recover from errors
Τα μηνύματα σφάλματος να:
Είναι γραμμένα σε απλή, κατανοητή γλώσσα,
Να εξηγούν επακριβώς το πρόβλημα
Και να προτείνουν λύση (ή λύσεις)
10. Help and documentation
«στόχος της Ευχρηστίας είναι να καταργήσει την
ανάγκη οδηγιών & τεκμηρίωσης. Όλα θα είναι
προφανή»
έως τότε όμως …
το εγχειρίδιο να είναι σύντομο,
σαφές, ενσωματωμένο,
task oriented.
ΠΡΟΔΙΑΓΡΑΦΕΣ ΕΥΧΡΗΣΤΙΑΣ ΙΣΤΟΧΩΡΩΝ
Γενικές Αρχές και Σημεία Ελέγχου

Φορέας: Εργαστήριο Νέων Τεχνολογιών Τμήματος ΕΜΜΕ,
Πανεπιστημίου Αθηνών

Επιστημονική επίβλεψη: Καθηγητής Μιχάλης Μεϊμάρης

Συντακτική Ομάδα: Δρ. Ανδρέας Γιαννακουλόπουλος,
Τάσος Μακρής, MSc.

Αναθεωρητές: Δρ. Μαρία Ρούσσου, Δρ. Γιώργος Λέπουρας
Περί αλληλουχίας…
Στοιχεία Ευχρηστίας Ιστοχώρων

«Don’t make me think» : Steve Krug
46
Ευχρηστία … γενικότερα
Ο όρος Ευχρηστία χρησιμοποιείται επίσης
συχνά στα πλαίσια των προϊόντων όπως:

ηλεκτρονικά είδη ευρείας κατανάλωσης (πχ
κινητό τηλέφωνο, MP3,DVD,
Ψηφ.Αποκωδικοποιητής ή 1click scan to
email), ή

στις περιοχές επικοινωνίας, και μεταφοράς
γνώσης (όπως Οδηγίες Χρήσεως, Συνταγές
Μαγειρικής, Έγγραφα, Εξ Αποστάσεως
Εκπαίδευση, κλπ).
47
Γιατί είναι σημαντική η Ευχρηστία;

Εστιάζει στις ανάγκες του χρήστη ή/και οργανισμού

Βελτιώνει την παραγωγικότητα

Βελτιώνει το ανταγωνιστικό πλεονέκτημα

Συμβαδίζει με τη Νομοθεσία περί Υγείας &
Ασφάλειας

Βελτιώνει την ποιότητα ζωής
 Μειώνει
 Μειώνει
τους χρόνους ανάπτυξης
την ανάγκη εκπαίδευσης, υποστήριξης και
τεκμηρίωσης
 Απλούστερη
διεπαφή = λιγότερα σφάλματα χρήστη
 Αυξάνει
την προσδοκία για «ευκολία χρήσης»
 Υψηλό προφίλ ευχρηστίας στην διαφήμιση
 Λιγότερο
στρες, οι χρήστες είναι πιο ικανοποιημένοι
48
Γιατί υπάρχει έλλειμμα Ευχρηστίας ;

Υπάρχει η εντύπωση ότι επιβαρύνει το έργο με χρόνο & χρήμα

Δεν τίθεται στις απαιτήσεις του έργου

Δεν υπάρχουν γνωστές πρακτικές (παρά την ύπαρξη ISO 13407
Human Centered Design Processes for Interactive Systems)

Δεν υπάρχει εμπειρία

Δεν υπάρχουν ειδικοί

Δεν διδάσκεται ευρέως
49
Γιατί υπάρχει έλλειμμα Ευχρηστίας ;
Στον ΚΑΤΑΝΑΛΩΤΗ:
 Δεν υπάρχει στο λεξιλόγιό του
 Άλλες προτεραιότητες (πχ: μόνο αισθητική στο κινητό ή
ΙΧ)
 Απαιτείται πολύς χρόνος για να αξιολογηθεί από τον
χρήστη
Στον ΚΑΤΑΣΚΕΥΑΣΤΗ
 Έλλειψη παιδείας
 Έλλειψη προδιαγραφών
 Έλλειψη Νομοθεσίας
 Έλλειψη Προτύπων
 Αδιαφορία, έλλειψη προσωπικής ευθύνης
50
«Μ’ αρέσουν οι παρατηρήσεις, διορθώνομαι»
Τι μπορεί να κάνει ο χρήστης ?
Σε κανένα δεν αρέσουν οι παρατηρήσεις
 Οι περισσότεροι κατασκευαστές όμως, ακούνε
προσεκτικά τα παράπονα και τις προτάσεις
των χρηστών
 Είναι αποκλειστικά ευθύνη του χρήστη να
επικοινωνήσει με τον κατασκευαστή.

52
Το κόστος της έλλειψης Ευχρηστίας
Χρόνος (άσκοπη μετακίνηση, αναμονή ….
 Χρήμα
 Επιβάρυνση στην υγεία μας, στο περιβάλλον
 Computer rage
 ..

53
Μέθοδοι επίτευξης Ευχρηστίας








User-Centered Design
Expert design
Paper Prototyping
Computer Prototyping
Focus groups
…
..
.
54
Μέθοδοι αξιολόγησης Ευχρηστίας
User Testing
 Expert Review
 Eye Tracking
 Ethnography
…
 ..
.

55
Μέθοδοι αξιολόγησης Ευχρηστίας:
Εργαστήριο Ευχρηστίας
56
Μέθοδοι αξιολόγησης Ευχρηστίας:
Expert Review

Χρήση εξωτερικών έμπειρων συμβούλων

Ελέγχουν την εφαρμογή των βασικών
κανόνων ευχρηστίας αλλά και τις λεπτομέρειες
και συστήνουν αλλαγές.
57
Μέθοδοι αξιολόγησης Ευχρηστίας:
Eye Tracking
58
Καιρός να τελειώνουμε με τις βαρετές και
ακατανόητες αναφορές…
0 = Υπόλοιπο Μεριδίων στην έναρξη της αναφερόμενης χρονικής περιόδου
5 = Χρέωση Μεριδίων λόγω «Ελευθεροποίησης» της Σύμβασης ή ασφάλιστρα
κινδύνου και εξόδων διαχείρισης
59
Προσοχή στο κενό
μεταξύ Πληροφορίας και Απόφασης



60% - 80% από εμάς, δεν μπορεί να βρει ή δεν
μπορεί να «ερμηνεύσει» την πληροφορία που
απαιτείται για να πάρουμε μια απόφαση
From: The Simplicity Book
Εδώ έρχεται να μας βοηθήσει «Η οπτικοποίηση
της πληροφορίας» - Data Visualization
..έρχεται η οπτικοποίηση
http://www.informationisbeautiful.net/visualizations/snake-oil-supplements/
.. να δώσει νέο νόημα




Οι χρήστες «συνομιλούν» με τον υπολογιστή τους.
Η νέα ποικιλία Συστημάτων Οικονομικής Διαχείρισης
απευθύνεται στο Top Management που δεν έχει στη
διάθεσή του πολύ «χρόνο αποκωδικοποίησης», ούτε
την υπομονή να «μάθει»
Έχουν κίνητρα, στόχους, απαιτήσεις,.
Χρησιμοποιούν ένα δεδομένο λεξιλόγιο, το λεξιλόγιο
της δουλειάς τους όχι αυτό των προγραμματιστών..
«Έχουμε ακούσει πάμπολλες φορές ότι 1 εικόνα
αξίζει όσο 1000 λέξεις. Η φύση έχει δώσει στον
άνθρωπο πολλά κανάλια επικοινωνίας, αλλά η
όραση υπερτερεί κατά πολύ όλων των άλλων. Ας το
αξιοποιήσουμε δεόντως”.
ΑΦΟΡΙΣΜΟΙ







Ευχρηστία σημαίνει: Σκέψου αυτόν που θα
χρησιμοποιήσει το προϊόν σου.
Ευχρηστία σημαίνει: Πρόληψη & Πρόβλεψη
«Γνώρισε τους χρήστες σου, γιατί είναι πολύ
διαφορετικοί από εσένα»
Η Ευχρηστία έχει κυρίως Κοινωνικά χαρακτηριστικά.
Τα Τεχνικά είναι εύκολα.
Η Ευχρηστία κάνει τη ζωή ΟΛΩΝ καλύτερη.
Η έλλειψη Ευχρηστίας φέρνει εκνευρισμό, θυμό,
απόγνωση, λάθη. Επομένως μας αφορά ΟΛΟΥΣ.
Η έλλειψη Ευχρηστίας οδηγεί στον Ψηφιακό
Αναλφαβητισμό και τελικά στον Κοινωνικό
Αποκλεισμό.
Μπορεί η ευχρηστία να
είναι δυσεύρετη σήμερα ….
65
αλλά όταν βρεθούμε μπροστά της…
66
67
…αναγνωρίζεται αμέσως !
68
69
Ευχαριστώ !
70
Webography:





The Usability Body of Knowledge ,
http://www.usabilitybok.org/
O Πάπας της Ευχρηστίας:
http://www.useit.com/jakob/
Εγκυκλοπαίδεια: http://www.interaction-design.org/
Corporate Usability Maturity, Jackob Nielsen:
http://www.useit.com/alertbox/maturity.html .
http://www.visual-literacy.org/periodic_table/periodic_table.html