Προδιαγραφές Ευχρηστίας Ιστοχώρων Γενικές Αρχές και Σημεία Ελέγχου 11/11/2009 Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0

Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0 Περιγραφή Φορέας Εργαστήριο Νέων Τεχνολογιών Τμήματος ΕΜΜΕ, ΕΚΠΑ Ομάδα Διαβούλευσης Καθηγητής Νικόλαος Αβούρης, Καθηγητής Νικόλαος Μαρμαράς, Καθηγητής Μιχάλης Μεϊμάρης, Επίκουρος Καθηγητής Γεώργιος Λέπουρας, Λέκτορας Ανδρέας Γιαννακουλόπουλος, Δρ. Μαρία Ρούσσου, Τάσος Μακρής MSc. 10 Γενικές Αρχές – 87 Σημεία Ελέγχου Προσανατολισμός σε πρακτικά θέματα Διττός ρόλος των Σημείων Ελέγχων α) αποτελούν εργαλείο αναφορά για τις ομάδες ανάπτυξης β)λειτουργούν μηχανισμός αξιολόγησης ιστοχώρων 11/11/2009 Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0

Βαθμός Ευχρηστίας Ιστοχώρων Στοιχεία καθορισμού ευχρηστίας: αισθητικός σχεδιασμός λειτουργικότητα εργονομία προσβασιμότητα πλοηγησιμότητα  διαμορφώνουν την επικοινωνιακή εμπειρία του τελικού χρήστη και την αποτελεσματικότητα του Μέσου 11/11/2009 Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0

Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0 01. Βελτιστοποίηση Εμπειρίας Χρήστη Η εμπειρία του χρήστη πρέπει να είναι βελτιστοποιημένη Η γλώσσα που χρησιμοποιείται στον ιστοχώρο πρέπει να είναι απλή και κατανοητή από τους χρήστες Πρέπει να υπάρχει ενημέρωση για τα αποτελέσματα των διαδραστικών ενεργειών 11/11/2009 Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0

01. Χαρακτηριστικά σημεία ελέγχου (9) Ακριβές και περιγραφικό στυλ γραφής Προειδοποιήσεις για τα αποτελέσματα ενεργειών Ενημέρωση για το μέγεθος αρχείων Ενημέρωση για τους προορισμούς συνδέσμων Επιλογές ακύρωσης λανθασμένων ενεργειών 11/11/2009 Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0

Ενημέρωση για τον προορισμό ενός συνδέσμου 11/11/2009 Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0

Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0 02. Προδιαγραφές για τον Παγκόσμιο Ιστό Οι ιστοχώροι πρέπει να ακολουθούν τις προδιαγραφές για τον Παγκόσμιο Ιστό Να ακολουθούν τις προδιαγραφές για τον Παγκόσμιου Ιστού, όπως έχουν καθιερωθεί από το World Wide Web Consortium (W3C) Να είναι συμβατοί με τους πιο δημοφιλείς φυλλομετρητές Να ανταποκρίνονται με επιτυχία στους ελέγχους εγκυρότητας 11/11/2009 Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0

02. Χαρακτηριστικά σημεία ελέγχου (5) Συμβατότητα με φυλλομετρητές Έλεγχος εγκυρότητας γλώσσας σήμανσης Έλεγχος εγκυρότητας φύλλων στυλ Βέλτιστο βάρος για τη μέση ταχύτητα σύνδεσης 11/11/2009 Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0

Επιτυχία στους ελέγχους εγκυρότητας 11/11/2009 Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0

Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0 03. Προσβασιμότητα Οι ιστοχώροι πρέπει να χαρακτηρίζονται από υψηλή προσβασιμότητα Ο σχεδιασμός και η κατασκευή πρέπει να ακολουθούν τις οδηγίες προσβασιμότητας για το περιεχόμενο του Παγκόσμιου Ιστού (WCAG) Πρέπει να ανταποκρίνονται τουλάχιστον στους αυτοματοποιημένους ελέγχους προσβασιμότητας 11/11/2009 Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0

03. Χαρακτηριστικά σημεία ελέγχου (12) Συμβατότητα με οδηγίες προσβασιμότητας Πρόβλεψη για υποστηρικτικές τεχνολογίες Δυνατότητα χειρισμού μέσω πληκτρολογίου Περιγραφή σε κείμενο του περιεχομένου των πολυμέσων 11/11/2009 Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0

Πρόβλεψη για προσβάσιμες τεχνολογίες 11/11/2009 Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0

Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0 04. Πλοηγησιμότητα Οι ιστοχώροι πρέπει να διαθέτουν εύκολη και σαφή πλοήγηση Πρέπει να υπάρχει πλήρης χάρτης ιστοχώρου (sitemap) Πρέπει να υπάρχουν πολλαπλές δυνατότητες πλοήγησης Οι σύνδεσμοι θα πρέπει να ξεχωρίζουν από το απλό κείμενο Πρέπει να υπάρχει σύνδεσμος μετάβασης στην αρχική σελίδα Ανά πάσα στιγμή ο χρήστης θα πρέπει να μπορεί άμεσα να απαντήσει σε τρεις βασικές ερωτήσεις: α) Πού είμαι; β) Πώς έφτασα εδώ; γ) Πού μπορώ να πάω; 11/11/2009 Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0

04. Χαρακτηριστικά σημεία ελέγχου (13) Εμφανής επιστροφή στην αρχική σελίδα Ομαδοποίηση των στοιχείων της πλοήγησης Ράβδος διαδρομής (breadcrumbs) Εμφανής επιλογέας γλώσσας Διαθέσιμος χάρτης ιστοχώρου 11/11/2009 Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0

Αναλυτική αναζήτηση και ομαδοποίηση 11/11/2009 Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0

Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0 05. Θέματα Περιεχομένου Θέματα περιεχομένου που ενδείκνυνται για περισσότερο εύχρηστους ιστοχώρους Πρέπει να είναι καθορισμένος ο σκοπός και η χρησιμότητα του ιστοχώρου Το περιεχόμενο να είναι κατανεμημένο σε οργανωτικές κατηγορίες με σαφή δομή Η γλώσσα να είναι απλή και κατανοητή 11/11/2009 Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0

05. Χαρακτηριστικά σημεία ελέγχου (7) Οργάνωση περιεχομένου σε κατηγορίες Επαρκής έλεγχος για ορθογραφικά, συντακτικά και τυπογραφικά λάθη Σύντομες ενότητες κειμένου για ανάγνωση σε οθόνη Σημαντικές και επικαιροποιημένες πληροφορίες στην πρώτη σελίδα 11/11/2009 Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0

Επικαιροποίηση και οργάνωση πρώτης σελίδας 11/11/2009 Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0

Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0 06. Θέματα Σχεδίασης Θέματα σχεδίασης που ενδείκνυνται για περισσότερο εύχρηστους ιστοχώρους Οι σελίδες είναι καλό να είναι λιτά σχεδιασμένες, διευκολύνοντας τον χρήστη στην κατανόηση της απεικονιστικής δομής του περιεχομένου Τα σημαντικότερα στοιχεία πρέπει να τοποθετούνται στην κορυφή της σελίδας Να υπάρχουν διαθέσιμες ρυθμίσεις για την εξατομίκευση της μορφής της σελίδας Οι σύνδεσμοι πρέπει να είναι άμεσα ορατοί 11/11/2009 Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0

06. Χαρακτηριστικά σημεία ελέγχου (11) Ισορροπημένη κατανομή γραφικών, μενού και κειμένων Εμφανή στοιχεία ταυτότητας του ιστοχώρου Ενημέρωση σχετικά με το χρόνο δημιουργίας και τροποποίησης του περιεχομένου Πρόβλεψη για την απεικόνιση σε διαφορετικές αναλύσεις οθόνης 11/11/2009 Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0

Ενημέρωση για το χρόνο δημιουργίας 11/11/2009 Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0

Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0 07. Εικόνες & Πολυμέσα Οι εικόνες και τα πολυμέσα δεν πρέπει να δημιουργούν εμπόδια στη χρήση Η χρήση εικόνων προτείνεται να είναι περιορισμένη, αλλά ταυτόχρονα κατανεμημένη με ισορροπημένο τρόπο Πρέπει να γίνεται επιλογή κατάλληλων και διαδεδομένων τεχνολογιών πολυμέσων 11/11/2009 Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0

07. Χαρακτηριστικά σημεία ελέγχου (6) Χρήση πολυμέσων για τη μεταφορά πληροφοριακού περιεχομένου Προσδιορισμός εικόνων που είναι ταυτόχρονα και διαδραστικά στοιχεία Περιορισμός χρήσης κινούμενων εικόνων Δυνατότητα ελέγχου των πολυμέσων από τον χρήστη 11/11/2009 Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0

Δυνατότητα ελέγχου πολυμέσων 11/11/2009 Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0

Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0 08. Αναζήτηση, Φόρμες, Σύνδεσμοι Τα διαδραστικά στοιχεία πρέπει να είναι σαφή και απλά στη χρήση Πρέπει να υπάρχει η δυνατότητα αναζήτησης Να περιλαμβάνονται αναλυτικές οδηγίες για τις φόρμες Τα διαδραστικά στοιχεία θα πρέπει εύληπτα και να δηλώνεται με σαφήνεια το αποτέλεσμα της αξιοποίησής τους 11/11/2009 Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0

08. Χαρακτηριστικά σημεία ελέγχου (11) Καλή λειτουργία της αναζήτησης και δυνατότητα σύνθετης αναζήτησης Επισήμανση των συνδέσμων που έχει ήδη επισκεφθεί ο χρήστης Ενημέρωση σχετικά με προορισμούς που ανοίγουν σε νέο παράθυρο Σαφήνεια στα ζητούμενα των πεδίων που πρέπει να συμπληρωθούν στις φόρμες 11/11/2009 Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0

Επισήμανση υποχρεωτικών πεδίων σε φόρμα 11/11/2009 Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0

Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0 09. Βοήθεια & Διαχείριση Σφαλμάτων Η βοήθεια και η διαχείριση των σφαλμάτων κρίνονται απαραίτητες Πρέπει να παρέχεται αναλυτική βοήθεια και να αποφεύγονται οι τεχνικοί όροι Να υπάρχει πρόβλεψη για την πρόληψη πιθανών σφαλμάτων και τη διαχείρισή τους Στην περίπτωση σφάλματος θα πρέπει το μήνυμα βοήθειας να εμφανίζεται στο σημείο που παρουσιάσθηκε το πρόβλημα 11/11/2009 Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0

09. Χαρακτηριστικά σημεία ελέγχου (7) Διαθέσιμη εμφανώς βοήθεια σε όλη την έκταση Αποφυγή τεχνικών ή δυσνόητων όρων Θετικές διατυπώσεις (τι να κάνει ο χρήστης) αντί για αρνητικές (τι να αποφύγει) Βοηθητικές πληροφορίες κοντά στα σημεία των ενεργειών 11/11/2009 Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0

Bοηθητικές πληροφορίες στα σημεία ενεργειών 11/11/2009 Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0

Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0 10. Επικοινωνία & Αξιολόγηση Η δυνατότητα της επικοινωνίας και της αξιολόγησης συμβάλλουν στην ευχρηστία Είναι σημαντικό να δίνεται η δυνατότητα στο χρήστη να αξιολογήσει τον ιστοχώρο και να επικοινωνήσει με την ομάδα διαχείρισης για την παροχή τεχνικών ή άλλων πληροφοριών 11/11/2009 Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0

10. Χαρακτηριστικά σημεία ελέγχου (6) Σελίδας επικοινωνίας με πλήρη στοιχεία Ανατροφοδότηση αμέσως μετά την αποστολή φόρμας Άμεσο στοιχείο επικοινωνίας (email, τηλέφωνο), διαθέσιμο σε όλες τις σελίδες 11/11/2009 Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0

Εμφανή στοιχεία επικοινωνίας 11/11/2009 Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0

Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0 Τελικός Στόχος Η δημιουργία ενός σταθερού, επιστημονικά ελεγμένου και επίκαιρου εγγράφου αναφοράς το οποίο θα επιτρέπει την ανάπτυξη, αλλά και την a posteriori αξιολόγηση ιστοχώρων με βάση ένα σαφές και εφαρμόσιμο σύνολο από κανόνες και προδιαγραφές ευχρηστίας. 11/11/2009 Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0

Ευχαριστούμε πολύ για την προσοχή σας! 11/11/2009 Προδιαγραφές Ευχρηστίας Ιστοχώρων 1.0