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

Transcript

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

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

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

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

5 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

6 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

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

8 Why (2/2) Lee L., The day the phones stopped: How people can get hurt when computers go wrong, Primus Donald I. Fine, 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

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

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

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

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

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

15 Ανθρωποκεντρικός σχεδιασμός 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

16 Αρχές 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

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

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

19 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

20 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

21 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

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

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

24 Και η εργασία κύριε??? Αρχές ευχρηστίας από τα 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

26 Προσβασιμότητα Ιστού 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

27 Προσβασιμότητα Ιστού 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

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

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

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

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

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

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

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

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

36 Πρόσβαση σε ψηφιακό περιεχόμενο 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