Επικοινωνία Ανθρώπου-Υπολογιστή

Transcript

1

2

3 Το έργο υλοποιείται στο πλαίσιο του υποέργου 2 με τίτλο «Ανάπτυξη έντυπου εκπαιδευτικού υλικού για τα νέα Προγράμματα Σπουδών» της Πράξης «Ελληνικό Ανοικτό Πανεπιστήμιο», η οποία έχει ενταχθεί στο Επιχειρησιακό Πρόγραμμα «Εκπαίδευση και Διά Βίου Μάθηση» (ΕΠΕΔΒΜ) του ΕΣΠΑ ( ), Άξονας Προτεραιότητας 7: «Ενίσχυση της Διά Βίου Εκπαίδευσης Ενηλίκων στις 8 Περιφέρειες Σύγκλισης» με κωδικό MIS και η οποία συγχρηματοδοτείται από την Ευρωπαϊκή Ένωση (Ευρωπαϊκό Κοινωνικό Ταμείο ΕΚΤ) και από εθνικούς πόρους, μέσω του Προγράμματος Δημοσίων Επενδύσεων (ΠΔΕ) του Υ.ΠΑΙ.Θ. Επικοινωνία Ανθρώπου-Υπολογιστή Σημείωση Το ΕΑΠ είναι υπεύθυνο για την επιμέλεια έκδοσης και την ανάπτυξη των κειμένων σύμφωνα με τη Μεθοδολογία της εξ Αποστάσεως Εκπαίδευσης. Για την επιστημονική αρτιότητα και πληρότητα των συγγραμμάτων την αποκλειστική ευθύνη φέρουν οι συγγραφείς, κριτικοί αναγνώστες και ακαδη μα ϊ κοί υπεύθυνοι που ανέλαβαν το έργο αυτό.

4 ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ Σχολή Θετικών Επιστημών και Τεχνολογίας Πρόγραμμα Σπουδών ΜΕΤΑΠΤΥΧΙΑΚΗ ΕΞΕΙΔΙΚΕΥΣΗ ΣΤΑ ΠΛΗΡΟΦΟΡΙΑΚΑ ΣΥΣΤΗΜΑΤΑ Θεματική Ενότητα ΣΧΕΔΙΑΣΜΟΣ ΚΑΙ ΔΙΑΧΕΙΡΙΣΗ ΛΟΓΙΣΜΙΚΟΥ Τόμος Γ Επικοινωνία Ανθρώπου-Υπολογιστή Συγγραφή ΣΠΥΡΙΔΩΝ ΣΥΡΜΑΚΕΣΗΣ Καθηγητής ΤΕΙ Δυτικής Ελλάδας ΝΙΚΟΛΑΟΣ ΤΣΕΛΙΟΣ Επίκουρος Καθηγητής Πανεπιστημίου Πατρών Κριτική Ανάγνωση ΙΩΑΝΝΗΣ ΦΟΥΝΤΟΣ Αναπληρωτής Καθηγητής Πανεπιστημίου Ιωαννίνων Ακαδημαϊκός Υπεύθυνος για την ανάπτυξη του έντυπου διδακτικού υλικού του Π.Σ. ΒΑΣΙΛΕΙΟΣ ΒΕΡΥΚΙΟΣ Καθηγητής Ελληνικού Ανοικτού Πανεπιστημίου Συντονιστής για την ανάπτυξη του έντυπου διδακτικού υλικού της Θ.Ε. ΒΑΣΙΛΕΙΟΣ ΒΕΡΥΚΙΟΣ Καθηγητής Ελληνικού Ανοικτού Πανεπιστημίου Ειδικός στη Μεθοδολογία της Ανοικτής και εξ Αποστάσεως Εκπαίδευσης ΑΔΑΜΑΝΤΙΑ ΣΠΑΝΑΚΑ Γλωσσική Επιμέλεια ΧΑΡΙΚΛΕΙΑ ΠΑΠΑΔΟΠΟΥΛΟΥ Καλλιτεχνική Επιμέλεια Σελιδοποίηση ΙΩΑΝΝΗΣ ΚΑΛΕΜΗΣ Εργαστήριο Εκπαιδευτικού Υλικού και Εκπαιδευτικής Μεθοδολογίας (ΕΕΥΕΜ) ISBN: Κωδικός Έκδοσης: ΠΛΣ 61/3 Copyright 2016 για την Ελλάδα και όλο τον κόσμο ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ Πάροδος Αριστοτέλους 18, Περιβόλα Πατρών Τηλ.: , Φαξ: To παρόν έργο πνευματικής ιδιοκτησίας προστατεύεται κατά τις διατάξεις του Ελληνικού Νόμου (Ν. 2121/1993 όπως έχει τροποποιηθεί και ισχύει σήμερα) και τις διεθνείς συμβάσεις περί πνευματικής ιδιοκτησίας. Απαγορεύεται απολύτως η άνευ γραπτής αδείας του εκδότη, κατά οποιονδήποτε τρόπο ή μέσο, αντιγραφή, φωτοανατύπωση και εν γένει αναπαραγωγή, εκμίσθωση ή δανεισμός, μετάφραση, διασκευή, αναμετάδοση στο κοινό σε οποιαδήποτε μορφή (ηλεκτρονική, μηχανική κ.λπ.) και η εν γένει εκμετάλλευση του συνόλου ή μέρους του έργου.

5 Σχολή Θετικών Επιστημών και Τεχνολογίας Πρόγραμμα Σπουδών ΜΕΤΑΠΤΥΧΙΑΚΗ ΕΞΕΙΔΙΚΕΥΣΗ ΣΤΑ ΠΛΗΡΟΦΟΡΙΑΚΑ ΣΥΣΤΗΜΑΤΑ Θεματική Ενότητα ΣΧΕΔΙΑΣΜΟΣ ΚΑΙ ΔΙΑΧΕΙΡΙΣΗ ΛΟΓΙΣΜΙΚΟΥ Τόμος Γ Επικοινωνία Ανθρώπου-Υπολογιστή ΣΠΥΡΙΔΩΝ ΣΥΡΜΑΚΕΣΗΣ Καθηγητής ΤΕΙ Δυτικής Ελλάδας ΝΙΚΟΛΑΟΣ ΤΣΕΛΙΟΣ Επίκουρος Καθηγητής Πανεπιστημίου Πατρών ΠΑΤΡΑ 2016

6 Βιογραφικά Ο Σπυρίδων Συρμακέσης είναι Καθηγητής στο Τμήμα Μηχανικών Πληροφορικής ΤΕ στο ΤΕΙ Δυτικής Ελλάδας. Το γνωστικό του αντικείμενο είναι πληροφοριακά συστήματα. Είναι κάτοχος πτυχίου (1992) και Διδακτορικού Διπλώματος (1997) του Τμήματος Μηχανικών Ηλεκτρονικών Υπολογιστών και Πληροφορικής του Πανεπιστημίου Πατρών. Είναι Διευθυντής του Εργαστηρίου Ηλεκτρονικής Επιχειρηματικότητας και Σχεδιασμού Αλληλεπίδρασης στο ΤΕΙ Δυτικής Ελλάδας. Ασχολείται με θέματα ευχρηστίας εφαρμογών και σχεδιασμού αλληλεπίδρασης από το Είναι συγγραφέας 4 βιβλίων και έχει την επιστημονική επιμέλεια σε άλλα 3 βιβλία στο γνωστικό του αντικείμενο. Έχει περισσότερες από 150 επιστημονικές δημοσιεύσεις σε διεθνή περιοδικά και συνέδρια. Συνεργάζεται με το Ελληνικό Ανοικτό Πανεπιστήμιο από το Ο Νικόλαος Τσέλιος είναι Επίκουρος Καθηγητής στο Τμήμα Επιστημών της Εκπαίδευσης και της Αγωγής στην Προσχολική Ηλικία (ΤΕΕΑΠΗ) του Πανεπιστημίου Πατρών. Είναι διδάκτωρ (2002) και διπλωματούχος (1997) του τμήματος Ηλεκτρολόγων Μηχανικών και Τεχνολογίας Υπολογιστών του Πανεπιστημίου Πατρών. Τα κύρια ερευνητικά του ενδιαφέροντα είναι η Αλληλεπίδραση Ανθρώπου-Υπολογιστή και η Εκπαιδευτική Τεχνολογία. Έχει πάνω από 85 δημοσιεύσεις σε διεθνή και ελληνικά συνέδρια και περιοδικά με περισσότερες από 900 αναφορές το Είναι μέλος του Τεχνικού Επιμελητηρίου Ελλάδος (ΤΕΕ), της Ελληνικής Εταιρείας Τεχνητής Νοημοσύνης (ΕΕΤΝ), της ACM, της ACMI SIGCHI Ελλάδας και της Ελληνικής Επιστημονικής Ένωσης Τεχνολογιών Πληροφορίας και Επικοινωνιών στην Εκπαίδευση (ΕΤΠΕ).

7 Περιεχόμενα ΚΕΦΑΛΑΙΟ 1 Εισαγωγή στο επιστημονικό πεδίο της Αλληλεπίδρασης Ανθρώπου- Υπολογιστή και θεωρητική θεμελίωση Σπ. Συρμακέσης Σκο πός, Προσ δο κώ μενα Αποτε λέ σματα, Έννοιες-Κλει διά, Εισαγωγικές Παρατηρήσεις Ορισμός Eυχρηστία και HCI Ευκολία εκμάθησης Αποδοτικότητα χρήσης Δυνατότητα απομνημόνευσης Συχνότητα σφαλμάτων Υποκειμενική ικανοποίηση Γνωσιακές αναφορές Οπτική αντίληψη Η κατασκευαστική προσέγγιση Η συλλεκτική προσέγγιση Γραφική αναπαράσταση στο Interface Μοντελοποίηση γραφικών και αναπαράσταση στις τρεις διαστάσεις Γραφική κωδικοποίηση...47 Σύνοψη...58 Λίστα Ελέγχου Γνώσεων...60 Ευρετήριο Όρων...61 Γλωσσάρι...62 Βιβλιογραφία...63 Οδηγός για Περαιτέρω Μελέτη...65

8 8 ΕΠΙΚΟΙΝΩΝΊΑ ΑΝΘΡΏΠΟΥ-ΥΠΟΛΟΓΙΣΤΉ Απαντήσεις σε Ασκήσεις Αυτοαξιολόγησης...66 Απαντήσεις Δραστηριοτήτων...69 Κατάλογος εικόνων...71 Κατάλογος πινάκων...72 ΚΕΦΑΛΑΙΟ 2 Γνωσιακή ανάλυση της Αλληλεπίδρασης Ανθρώπου-Υπολογιστή Σπ. Συρμακέσης Σκο πός, Προσ δο κώ μενα Αποτε λέ σματα, Έννοιες-Κλει διά, Εισαγωγικές Παρατηρήσεις Γνωσιακά μοντέλα Μοντέλο Ανθρώπινου Επεξεργαστή Το μοντέλο διάδρασης χρήστη-συστήματος κατά Norman Κατανεμημένα γνωσιακά μοντέλα Αναπαράσταση γνώσης και νοητικά μοντέλα Θεωρία αναζήτησης πληροφορίας Διάσπαρτα τμήματα πληροφορίας (information patches) Διαδικασίες εμπλουτισμού (enrichment activities) Διαδικασίες όσφρησης (scent-following activities) Μοντέλο CoLiDeS Αναπαράσταση των αντικειμένων οθόνης σε ιστοσελίδες Προγραμματισμός ενέργειας καθοδηγούμενος από το στόχο του χρήστη Επίδραση των μηχανισμών προσοχής Μοντέλο συμπεριφοράς του χρήστη κατά την πλοήγηση Λάθη και νοητικά μοντέλα Προσοχή και μνήμη...107

9 ΠΕΡΙΕΧΟΜΕΝΑ Συγκεντρώνοντας την προσοχή μας Συγκεντρωμένη και μοιρασμένη προσοχή Συγκεντρώνοντας την προσοχή μας στο interface Συνδυάζοντας και διακόπτοντας εργασίες Αυτοματοποιημένες δραστηριότητες Σύνοψη Λίστα Ελέγχου Γνώσεων Ευρετήριο Όρων Γλωσσάρι Βιβλιογραφία Οδηγός για Περαιτέρω Μελέτη Απαντήσεις σε Ασκήσεις Αυτοαξιολόγησης Απαντήσεις Δραστηριοτήτων Κατάλογος εικόνων Κατάλογος πινάκων ΚΕΦΑΛΑΙΟ 3 Αρχές σχεδιασμού διαδραστικών συστημάτων Σπ. Συρμακέσης Σκο πός, Προσ δο κώ μενα Αποτε λέ σματα, Έννοιες-Κλει διά, Εισαγωγικές Παρατηρήσεις Γενικές οδηγίες σχεδιασμού εύχρηστων διεπιφανειών χρήσης Σχεδίαση εικονιδίων Αρχές σχεδιασμού εικονιδίων Κύκλος σχεδιασμού εικονιδίων Επαναληπτικός σχεδιασμός Διαισθητική δοκιμή εικονιδίων Χρήση χρωμάτων...163

10 10 ΕΠΙΚΟΙΝΩΝΊΑ ΑΝΘΡΏΠΟΥ-ΥΠΟΛΟΓΙΣΤΉ 3.4 Η έννοια των χρωμάτων στο σχεδιασμό συστημάτων Το χρώμα ως παράγοντας ευχρηστίας στο διαδίκτυο Επιλογή χρώματος και ψυχολογία Η γραμματοσειρά ως παράγοντας ευχρηστίας Είδη γραμματοσειρών με βάση το σχεδιασμό τους Συγκριτικά αποτελέσματα για τη χρήση των γραμματοσειρών Επιλογή γραμματοσειράς στο διαδίκτυο Σύνοψη Λίστα Ελέγχου Γνώσεων Ευρετήριο Όρων Γλωσσάρι Βιβλιογραφία Οδηγός για Περαιτέρω Μελέτη Απαντήσεις σε Ασκήσεις Αυτοαξιολόγησης Απαντήσεις Δραστηριοτήτων Κατάλογος εικόνων Κατάλογος πινάκων ΚΕΦΑΛΑΙΟ 4 H Αλληλεπίδραση Ανθρώπου-Υπολογιστή στον κύκλο ζωής του λογισμικού Ν. Τσέλιος Σκο πός, Προσ δο κώ μενα Αποτε λέ σματα, Έννοιες-Κλει διά, Εισαγωγικές Παρατηρήσεις Σχεδιασμός: Βασικοί ορισμοί Διαδικασία σχεδιασμού Κατανόηση των χρηστών...244

11 ΠΕΡΙΕΧΟΜΕΝΑ Σχεδιασμός δομής/πλοήγησης Φυσικός σχεδιασμός Δημιουργία πρωτοτύπου Μηχανική ευχρηστίας (usability engineering) Αρχές σχεδιασμού Ευκολία εκμάθησης Ευκαμψία Ευρωστία Ιδιαιτερότητες σχεδιασμού δικτυακών τόπων και εφαρμογών Ποικιλία συσκευών Οι χρήστες ελέγχουν την πλοήγηση Μέρος του όλου Κανόνες αποτελεσματικού σχεδιασμού ιστοσελίδων Πληροφοριακή αρχιτεκτονική ενός δικτυακού τόπου Επισκόπηση τεχνικών σχεδιασμού της πληροφοριακής αρχιτεκτονικής Ταξινόμηση καρτών (card sorting) Ελεύθερη διατύπωση εννοιών (free-listing) Έλεγχος ευρεσιμότητας (findability testing) Έλεγχος πλοηγησιμότητας (navigation stress test) Επιλογή κατηγορίας, περιγραφή περιεχομένου και κατονομασία κατηγοριών Άλλες τεχνικές Αδυναμίες των τεχνικών που παρουσιάστηκαν Μετρικές Lostness Σύνοψη...287

12 12 ΕΠΙΚΟΙΝΩΝΊΑ ΑΝΘΡΏΠΟΥ-ΥΠΟΛΟΓΙΣΤΉ Λίστα Ελέγχου Γνώσεων Ευρετήριο Όρων Γλωσσάρι Βιβλιογραφία Οδηγός για Περαιτέρω Μελέτη Απαντήσεις σε Ασκήσεις Αυτοαξιολόγησης Απαντήσεις Δραστηριοτήτων Κατάλογος εικόνων ΚΕΦΑΛΑΙΟ 5 Τεχνικές αξιολόγησης διαδραστικών συστημάτων Ν. Τσέλιος Σκο πός, Προσ δο κώ μενα Αποτε λέ σματα, Έννοιες-Κλει διά, Εισαγωγικές Παρατηρήσεις Αξιολόγηση από ειδικούς Ευρετική αξιολόγηση (heuristic evaluation) Γνωσιακό περιδιάβασμα (cognitive walkthrough) Γνωσιακό περιδιάβασμα για τον ιστό (cognitive walkthrough for the web) Αξιολόγηση προσβασιμότητας Μέθοδοι αξιολόγησης με τη συμμετοχή χρηστών Μέτρηση απόδοσης Αρχεία πληκτρολογήσεων Πρωτόκολλο ομιλούντος υποκειμένου Ερωτηματολόγια Πλουραλιστικό περιδιάβασμα Αξιολόγηση με εξοπλισμό οφθαλμικής εστίασης (eye tracking)...349

13 ΠΕΡΙΕΧΟΜΕΝΑ Αναλυτικές μέθοδοι αξιολόγησης Ανάλυση εργασιών Αξιολόγηση διαδικτυακών τόπων Κάλυψη της δοκιμής Σύνοψη Λίστα Ελέγχου Γνώσεων Ευρετήριο Όρων Γλωσσάρι Βιβλιογραφία Οδηγός για Περαιτέρω Μελέτη Απαντήσεις σε Ασκήσεις Αυτοαξιολόγησης Απαντήσεις Δραστηριοτήτων Κατάλογος εικόνων Κατάλογος πινάκων ΚΕΦΑΛΑΙΟ 6 Παράρτημα: Χρήσιμα εργαλεία για την υποστήριξη του σχεδιασμού και της αξιολόγησης διαδραστικού λογισμικού Ν. Τσέλιος Σκο πός Χαρτί και μολύβι Concept feedback Chalkmark Clickheat Clicktale Crazy Egg Ethnio Feng-GUI...395

14 14 ΕΠΙΚΟΙΝΩΝΊΑ ΑΝΘΡΏΠΟΥ-ΥΠΟΛΟΓΙΣΤΉ 6.9 Five Second Test Feedback Army Loop Mechanical Turk Morae TryΜyUI ( Silverback Simple Mouse Tracking Usabilla Usertesting.com Google Analytics Google Website Optimizer Autocardsorter Άλλα εργαλεία...408