Ευχρηστία & Προσβασιμότητα

Διάλεξη 5 Ευχρηστία & Προσβασιμότητα Ανάπτυξη Εφαρμογών για την Εκπαίδευση & την Ειδική Αγωγή Χαράλαμπος Καραγιαννίδης karagian@uth.gr Διάλεξη 5: Ευχρηστία & Προσβασιμότητα 1/38 21/3/2017

Σύνοψη μαθήματος 1. Εισαγωγή 2. Εκπαιδευτικός Σχεδιασμός, Εργασία 3. Εκπαιδευτική Ρομποτική 4. Συγγραφή Επιστημονικών Κειμένων 5. Ευχρηστία & Προσβασιμότητα Να επιμείνουμε λίγο εδώ... Διάλεξη 5: Ευχρηστία & Προσβασιμότητα 2/38 21/3/2017

Δηλαδή Διάλεξη 5: Ευχρηστία & Προσβασιμότητα 3/38 21/3/2017

Σύνοψη διάλεξης Ευχρηστία F what, why, examples Αρχές ευχρηστίας F guidelines F heurisncs Προσβασιμότητα F what, why, examples F guidelines, tools Διάλεξη 5: Ευχρηστία & Προσβασιμότητα 4/38 21/3/2017

What defininon & terms Usability (ευχρηστία) ISO F the effecnveness, efficiency & sansfacnon, with which specific groups of users perform specific tasks within specific environments of use F the ease of use and learnability of a human-made object a so ware applicanon, website, book, tool, machine, process, or anything a human interacts with User interface (διεπαφή χρήσης) F the part of the system that the user is working with Other terms F ergonomics, human factors, human-computer interacnon Διάλεξη 5: Ευχρηστία & Προσβασιμότητα 5/38 21/3/2017

What components Learnability - how easy is it for users to accomplish basic tasks the first nme they encounter the design? Efficiency - once users have learned the design, how quickly can they perform tasks? Memorability - when users return to the design a er a period of not using it, how easily can they re establish proficiency? Errors - how many errors do users make, how severe are these errors, and how easily can they recover from the errors? Sansfacnon - how pleasant is it to use the design? Διάλεξη 5: Ευχρηστία & Προσβασιμότητα 6/38 21/3/2017

Why Applicanon form F less errors annual savings of over $550.000 Telephone device F faster dialing annual savings of over $1.000.000 Also F ATMs F video machines F consumer appliances F etc Διάλεξη 5: Ευχρηστία & Προσβασιμότητα 7/38 21/3/2017

Why (2/2) Lee L., The day the phones stopped: How people can get hurt when computers go wrong, Primus Donald I. Fine, 1992. Three Mile Island, 1980 F one led mistakenly showed that a valve was closed F one important device was hidden... by a sign F the alarm system included more than 1500 visual and audio warnings Διάλεξη 5: Ευχρηστία & Προσβασιμότητα 8/38 21/3/2017

Interface hall of fame Διάλεξη 5: Ευχρηστία & Προσβασιμότητα 9/38 21/3/2017

Interface hall of fame (2/2) Διάλεξη 5: Ευχρηστία & Προσβασιμότητα 10/38 21/3/2017

Interface hall of shame Διάλεξη 5: Ευχρηστία & Προσβασιμότητα 11/38 21/3/2017

Interface hall of shame (2/2) Διάλεξη 5: Ευχρηστία & Προσβασιμότητα 12/38 21/3/2017

Μια μικρή διαφορά στο σχεδιασμό... Διάλεξη 5: Ευχρηστία & Προσβασιμότητα 13/38 21/3/2017

Σύνοψη διάλεξης Ευχρηστία F what, why, examples Αρχές ευχρηστίας F guidelines F heurisncs Προσβασιμότητα F what, why, examples F guidelines, tools Διάλεξη 5: Ευχρηστία & Προσβασιμότητα 14/38 21/3/2017

Ανθρωποκεντρικός σχεδιασμός User-centred design F a framework of processes (not restricted to interfaces or technologies) F in which the needs, wants, and limitanons of end users of a product, service or process F are given extensive a ennon at each stage of the design process Διάλεξη 5: Ευχρηστία & Προσβασιμότητα 15/38 21/3/2017

Αρχές The design is based upon an explicit understanding of users, tasks and environments Users are involved throughout design and development The design is driven and refined by user-centered evaluanon The process is iteranve The design addresses the whole user experience The design team includes mulndisciplinary skills and perspecnves Διάλεξη 5: Ευχρηστία & Προσβασιμότητα 16/38 21/3/2017

Ευχρηστία του web Διάλεξη 5: Ευχρηστία & Προσβασιμότητα 17/38 21/3/2017

Σημαντικά λάθη Διάλεξη 5: Ευχρηστία & Προσβασιμότητα 18/38 21/3/2017

Usability heurisncs Visibility of system status F The system should always keep users informed about what is going on, through appropriate feedback within reasonable nme. Match between system and the real world F The system should speak the users' language, with words, phrases and concepts familiar to the user, rather than system-oriented terms. Follow real-world convennons, making informanon appear in a natural and logical order. User control and freedom F Users o en choose system funcnons by mistake and will need a clearly marked "emergency exit" to leave the unwanted state without having to go through an extended dialogue. Support undo and redo. Consistency and standards F Users should not have to wonder whether different words, situanons, or acnons mean the same thing. Follow pla orm convennons. Διάλεξη 5: Ευχρηστία & Προσβασιμότητα 19/38 21/3/2017

Usability heurisncs (2/3) Error prevennon F Even be er than good error messages is a careful design which prevents a problem from occurring in the first place. Either eliminate error-prone condinons or check for them and present users with a confirmanon opnon before they commit to the acnon. Recogninon rather than recall F Minimize the user's memory load by making objects, acnons, and opnons visible. The user should not have to remember informanon from one part of the dialogue to another. Instrucnons for use of the system should be visible or easily retrievable whenever appropriate. Flexibility and efficiency of use F Accelerators -- unseen by the novice user -- may o en speed up the interacnon for the expert user such that the system can cater to both inexperienced and experienced users. Allow users to tailor frequent acnons Διάλεξη 5: Ευχρηστία & Προσβασιμότητα 20/38 21/3/2017

Usability heurisncs (3/3) Aesthenc and minimalist design F Dialogues should not contain informanon which is irrelevant or rarely needed. Every extra unit of informanon in a dialogue competes with the relevant units of informanon and diminishes their relanve visibility. Help users recognize, diagnose, and recover from errors F Error messages should be expressed in plain language (no codes), precisely indicate the problem, and construcnvely suggest a solunon. Help and documentanon F Even though it is be er if the system can be used without documentanon, it may be necessary to provide help and documentanon. Any such informanon should be easy to search, focused on the user's task, list concrete steps to be carried out, and not be too large. Διάλεξη 5: Ευχρηστία & Προσβασιμότητα 21/38 21/3/2017

Συζήτηση Σκεφτείτε την ευχρηστία των F www.sed.uth.gr F www.uth.gr F www.ypepth.gr Διάλεξη 5: Ευχρηστία & Προσβασιμότητα 22/38 21/3/2017

Αλλά και των εκπαιδευτικών λογισμικών Διάλεξη 5: Ευχρηστία & Προσβασιμότητα 23/38 21/3/2017

Και η εργασία κύριε??? Αρχές ευχρηστίας από τα usability heurisncs F consistence and standards F error prevennon F error recovery F help Εξειδικευμένες αρχές για την ομάδα εκπαιδευομένων που σας ενδιαφέρει F e.g. Google for usability guidelines aunsm Διεπαφή χρήσης F μόνιμο template F εισαγωγή δεδομένων μέσω μενού αντί για κείμενο F undo F επιλογή βοήθειας σε κάθε οθόνη F keep it as simple and short as the subject permits Διάλεξη 5: Ευχρηστία & Προσβασιμότητα 24/38 21/3/2017

Σύνοψη διάλεξης Ευχρηστία F what, why, examples Αρχές ευχρηστίας F guidelines F heurisncs Προσβασιμότητα F what, why, examples F guidelines, tools Διάλεξη 5: Ευχρηστία & Προσβασιμότητα 25/38 21/3/2017

Προσβασιμότητα Ιστού what Web accessibility F people with disabilines can use the web: they can perceive, understand, navigate, and interact with the web, and that they can contribute to the web F web accessibility also benefits others, including older people with changing abilines due to aging" Διάλεξη 5: Ευχρηστία & Προσβασιμότητα 26/38 21/3/2017

Προσβασιμότητα Ιστού why Σημασία F "the web is an increasingly important resource in many aspects of life: educanon, employment, government, commerce, health care, recreanon, and more F it is essennal that the web be accessible in order to provide equal access and equal opportunity to people with disabilines F an accessible web can also help people with disabilines more acnvely parncipate in society" Διάλεξη 5: Ευχρηστία & Προσβασιμότητα 27/38 21/3/2017

Παραδείγματα Οι χρήστες του web μπορεί F να μην έχουν τη δυνατότητα να δουν, ακούσουν, κινηθούν, ή να επεξεργαστούν συγκεκριμένους τύπους πληροφορίας F να συναντούν δυσκολίες στην ανάγνωση και κατανόηση του κειμένου F να μη διαθέτουν (ή να μη μπορούν να χρησιμοποιήσουν) πληκτρολόγιο ή ποντίκι F να διαθέτουν μια οθόνη κειμένου, μια μικρή οθόνη, μια αργή σύνδεση με το Internet, κλπ Διάλεξη 5: Ευχρηστία & Προσβασιμότητα 28/38 21/3/2017

Χ. Καραγιαννίδης, ΠΘ-ΠΤΕΑ Ανάπτυξη Εφαρμογών για την ΕΕΑ Δηλαδή... Έχετε σκεφτεί, για παράδειγμα, πώς "ακούγεται" το site του ΠΘ, του ΠΤΕΑ, κλπ??? Διάλεξη 5: Ευχρηστία & Προσβασιμότητα 29/38 21/3/2017

Προσβασιμότητα ιστού how Οδηγίες για τη δημιουργία προσβάσιμου δικτυακού περιεχομένου (web content accessibility guidelines) F που περιλαμβάνουν και συγκεκριμένες τεχνικές Καθώς και F οδηγίες για τα εργαλεία ανάπτυξης (authoring tools) F εργαλεία αξιολόγησης της προσβασιμότητας (accessibility checkers) F εργαλεία επισκευής της προσβασιμότητας (accessibility repair tools) Διάλεξη 5: Ευχρηστία & Προσβασιμότητα 30/38 21/3/2017

Οδηγίες 1. Το περιεχόμενο πρέπει να είναι δυνατό να το λάβουν όλοι (perceivable) 1.1 Συμπεριλάβετε εναλλακτικά κείμενα για κάθε κομμάτι περιεχομένου που δεν είναι σε μορφή κειμένου 1.2 Συμπεριλάβετε εναλλακτικό περιεχόμενο για τα πολυμέσα 1.3 Διαχωρίστε την πληροφορία από την παρουσίασή της 1.4 Διευκολύνετε το διαχωρισμό της πληροφορίας από το φόντο (foreground/background) Διάλεξη 5: Ευχρηστία & Προσβασιμότητα 31/38 21/3/2017

Οδηγίες (2/4) 2 Τα στοιχεία αλληλεπίδρασης πρέπει να είναι λειτουργικά για όλους 2.1 Όλες οι λειτουργίες πρέπει να είναι διαθέσιμες μέσω του πληκτρολογίου 2.2 Οι χρήστες πρέπει να έχουν τον έλεγχο στο χρόνο (ανάγνωσης, αλληλεπίδρασης, κλπ) 2.3 Οι χρήστες πρέπει να μπορούν να αποφύγουν το περιεχόμενο που τους δυσκολεύει λόγω φωτο-ευαισθησίας 2.4 Οι χρήστες πρέπει να διαθέτουν μηχανισμούς για να αναζητούν περιεχόμενο, να προσανατολίζονται, κλπ 2.5 Βοηθήστε τους χρήστες να αποφύγουν τα λάθη, και να τα επανορθώνουν όταν συμβαίνουν Διάλεξη 5: Ευχρηστία & Προσβασιμότητα 32/38 21/3/2017

Οδηγίες (3/4) 3 Το περιεχόμενο και τα στοιχεία ελέγχου πρέπει να είναι κατανοητά 3.1 Διασφαλίστε ότι το κείμενο είναι ευανάγνωστο και κατανοητό 3.2 Διασφαλίστε ότι η τοποθέτηση και η λειτουργία του περιεχομένου είναι εύκολα προβλέψιμη Διάλεξη 5: Ευχρηστία & Προσβασιμότητα 33/38 21/3/2017

Οδηγίες (4/4) 4 Το περιεχόμενο πρέπει να μπορεί να είναι λειτουργικό με διάφορες τεχνολογίες 4.1 Υποστηρίξτε τη συμβατότητα με σύγχρονες και μελλοντικές τεχνολογίες (συμπεριλαμβανομένης και της υποστηρικτικής τεχνολογίας) 4.2 Διασφαλίστε ότι το περιεχόμενο είναι προσβάσιμο, ή συμπεριλάβετε μια προσβάσιμη εναλλακτική έκδοση Διάλεξη 5: Ευχρηστία & Προσβασιμότητα 34/38 21/3/2017

Παράδειγμα εργαλείου αξιολόγησης Διάλεξη 5: Ευχρηστία & Προσβασιμότητα 35/38 21/3/2017

Πρόσβαση σε ψηφιακό περιεχόμενο USDE Accessibility Enhancement Ininanve F Accessibility Requirements for Electronic Documents W3C Web Accessibility Ininanve F Web Content Accessibility Guidelines Διάλεξη 5: Ευχρηστία & Προσβασιμότητα 36/38 21/3/2017

Χ. Καραγιαννίδης, ΠΘ-ΠΤΕΑ Ανάπτυξη Εφαρμογών για την ΕΕΑ Webliography Διάλεξη 5: Ευχρηστία & Προσβασιμότητα 37/38 21/3/2017

Καλό απόγευμα karagian@uth.gr Διάλεξη 5: Ευχρηστία & Προσβασιμότητα 38/38 21/3/2017