Ευρετική αξιολόγηση του ιστοτόπου Tumblr.com (Tumblr.com Heuristics Evaluation)

12/04/2012 § Σχολιάστε

Στα πλαίσια μιας εργασίας για το μεταπτυχιακό μου κλήθηκα να αξιολογήσω με τη βοήθεια της τεχνικής της ευρετικής αξιολόγησης την χρηστικότητα του περιβάλλοντος εργασίας του ιστοτόπου Tumblr.com.

Για το σκοπό αυτό και βασιζόμενος σε ήδη ανεπτυγμένες τεχνικές και λίστες ευρετικής αξιολόγησης, καθώς και σε βασικές αρχές ευχρηστίας (αναλυτική βιβλιογραφία παρουσιάζεται στο τέλος της ανάρτησης), ανέπτυξα δύο ομάδες-λίστες ευρετικής αξιολόγησης οι οποίες εξετάζουν τη χρηστικότητα του περιβάλλοντος του ιστοτόπου Tumblr.com από την προοπτική των δύο κύριων κατηγοριών των χρηστών του, αυτής του αναγνώστη του ιστολογίου αλλά και αυτής του συγγραφέα/διαχειριστή. Στόχος είναι η διερεύνηση της χρηστικότητας των λειτουργιών της διεπαφής (των τυπικών λειτουργιών που προσφέρονται δωρεάν στους χρήστες) για τη δημιουργία περιεχομένου και τη διαχείριση του ιστολογίου (για τους συγγραφείς) αλλά και του αποτελέσματος τους όπως  αυτό παρουσιάζεται ως διαθέσιμο προς «κατανάλωση» και αλληλεπίδραση με τους αναγνώστες του κάθε ιστολογίου.

Επειδή η εργασία έγινε στην αγγλική γλώσσα και η αγγλική διαθέσιμη ορολογία είναι συγκριτικά πιο ακριβής, κάτω από κάθε πρόταση παρατίθεται και η αγγλική μετάφραση. Θα ήθελα να ζητήσω προκαταβολικά την κατανόηση σας για τις ανακρίβειες της ελληνικής απόδοσης και να κάνω παράκληση για οποιαδήποτε πρόταση για χρήση ορθότερων ή καταλληλότερων όρων. Φυσικά οποιαδήποτε συζήτηση/ πρόταση/σχόλιο πάνω στο περιεχόμενο και τη μορφή της λίστας των heuristics είναι επίσης καλοδεχούμενη και επιθυμητή.

Σαν εισαγωγή στην έννοια της ευρετικής αξιολόγησης παραθέτω την παρακάτω παρουσίαση (πηγή εδώ)

ΕΥΡΕΤΙΚΗ ΑΞΙΟΛΟΓΗΣΗ : ΑΞΙΟΛΟΓΗΣΗ ΑΠΟ ΕΙΔΙΚΟΥΣ

1) ΠΕΡΙΓΡΑΦΗ ΤΗΣ ΤΕΧΝΙΚΗΣ:
Η ευρετική αξιολόγηση»Heuristic Evaluation», είναι μια υποκειμενική τεχνική που μας επιτρέπει να ανακαλύψουμε τα σφάλματα ευχρηστίας δικτυακών τόπων. Είναι αποτέλεσμα έρευνας των Jacob Nielsen και Rolf Molich που διεξήχθη στις αρχές της δεκαετίας του ’90. Η μέθοδος αυτή βασίζεται σε μια λίστα απο δέκα κανόνες ή αρχές ευχρηστίας δηλαδή «ευρετικά κριτήρια». Αξίζει να αναφερθεί ότι παλαιότερα οι κανόνες σχεδιασμού μιας σελίδας σύμφωνα με μετρήσεις είχαν ανέλθει σε 850 εκατομμύρια. Θεωρείται μια από τις αποτελεσματικότερες αλλά ταυτόχρονα μια απο τις πιο δαπανηρές μεθόδους αξιολόγησης ευχρηστίας. Η αξιολόγηση αυτή στοχεύει σε δύο κύρια σημεία, τη γενική σχεδίαση των οθονών του συστήματος και τη ροή διαλόγων, μηνυμάτων και ενεργειών που απαιτούνται για να γίνει μια συγκεκριμένη εργασία. Παράλληλα, η συγκεκριμένη μέθοδος πραγματοποιείται από έμπειρους αξιολογητές οι οποίοι δεν έχουν εμπλακεί στην ανάπτυξη του συστήματος και εργάζονται μόνοι τους για να μην επηρεάζονται έτσι ώστε να εξασφαλίζεται η ανεξαρτησία της γνώμης τους. Επιπλεόν ο κάθε ιστότοπος αξιολογείται με όποιο από τα κριτήρια επιθυμεί ο εκάστοτε αξιολογητής και ελέγχεται τουλάχιστον δύο φορές από τον κάθε χρήστη για καλύτερα αποτελέσματα. Την πρώτη φορά που αξιολογείται ο κάθε ιστότοπος συνήθως ανιχνεύονται λάθη που μπορεί να αντιμετωπίσουν μη έμπειροι χρήστες, οπότε οι έμπειροι τα βρίσκουν με ιδιαίτερη ευκολία. Επίσης, αναζητούνται από τους έμπειρους χρήστες προβλήματα σε σχέση με το νοητικό μοντέλο του κάθε δικτυακού τόπου. Τη δεύτερη φορά που ελέγχεται η αξιοπιστία του κάθε δικτυακού τόπου ελέγχονται οι πρωτεύοντες στόχοι των χρηστών όπως για παράδειγμα οδηγίες σχεδιασμού και άλλα. Επιπλέον μπορεί να πραγματοποιηθεί και τρίτη εξέταση του ιστοτόπου προκειμένου να ανιχνευτούν τυχόν λάθη όταν υπάρχει χρόνος. Οι αξιολογητές έχουν τη δυνατότητα να ζητήσουν διευκρινίσεις για τη χρήση του δικτυακού τόπου και μετά τον εντοπισμό κάποιου λάθους αλλά και νωρίτερα. Τέλος πραγματοποιείται μια κοινή λίστα αναφοράς των προβλημάτων που εντοπίστηκαν από όλους τους αξιολογητές και συνολική αξιολόγηση αυτών των προβλημάτων.

2) ΠΛΕΟΝΕΚΤΗΜΑΤΑ ΚΑΙ ΜΕΙΟΝΕΚΤΗΜΑΤΑ ΤΗΣ ΤΕΧΝΙΚΗΣ:
Η ευρετική αξιολόγηση αποτελεί μια τεχνική αξιολόγησης της ευχρηστίας δικτυακών τόπων η οποία παρουσιάζει ορισμένα πλεονεκτήματα αλλά και μερικά μειονεκτήματα, όπως κάθε τεχνική φυσικά. Πιο αναλυτικά, τα θετικά στοιχεία της συγκεκριμένης μεθόδου έχουν ως εξής: Πρώτον, είναι μια μέθοδος κατανοητή και εύκολη στην εφαρμογή της καθώς επίσης και αποτελεσματική αφού εντοπίζει την πλειοψηφία των σφαλμάτων μιας διεπιφάνειας χρήσης. Δεύτερον, είναι μια σχετικά φθηνή μέθοδος καθώς είναι πιο εύκολο να βρει κανείς ειδικούς διαθέσιμους να κάνουν αξιολόγηση παρά χρήστες. Επιπλέον, η ευρετική αξιολόγηση μπορεί να εφαρμοσθεί ακόμη και στα αρχικά στάδια σχεδίασης μιας ιστοσελίδας προκειμένου να αποφευχθούν σοβαρά λάθη. Παράλληλα, η συγκεκριμένη μέθοδος μπορεί να πραγματοποιηθεί εκτός από ειδικούς και από απλούς χρήστες. Επίσης, η ευρετική αξιολόγηση διαθέτει μια μινιμαλιστική προσέγγιση ενω παράλληλα αποτελεί μια από τις γρηγορότερες μεθόδους εύρεσης προβλημάτων στην διεπιφάνεια χρήσης καθώς βασίζεται σε ένα μικρό αριθμό ευρετικών κανόνων, ενώ παράλληλα, οι εξειδικευμένοι αξιολογητές μπορούν να παράγουν υψηλής ποιότητας αποτελέσματα σε στενά χρονικά περιθώρια. Όμως, αξίζει να αναφερθούν και τα αρνητικά σημεία της ευρετικής αξιολόγησης από ειδικούς. Πιο συγκεκριμένα, η τεχνική αυτή εξαρτάται σε πολύ μεγάλο βαθμό από τις δεξιότητες και την εμπειρία των αξιολογητών, καθώς οι αξιολογητές θα πρέπει να μπορούν να δουν το σύστημα με τα μάτια των χρηστών. Οι αρχάριοι αξιολογητές είναι χαμηλού επιπέδου αξιολογητές καθώς δεν διαθέτουν πείρα. Αντιθέτως, οι ειδικοί αξιολογητές είναι 1-8 φορές καλύτεροι από τους αρχάριους και οι διπλά ειδικοί είναι 2,7 φορές ακόμα καλύτεροι. Επιπλέον, αρκετά σημαντικά προβλήματα δεν γίνονται αντιληπτά ακόμα και από τους πιο έμπειρους χρήστες, γι’ αυτό η ευρετική αξιολόγηση θα πρέπει να συνδυάζεται και με άλλες μορφές αξιολόγησης. Τέλος, αξίζει να σημειωθεί ότι η συγκεκριμένη μέθοδος δεν αποτελεί πανάκεια καθώς, δεν μπορεί να εφαρμοσθεί σε όλες τις περιπτώσεις αξιολόγησης.

3) ΤΑ 10 ΕΥΡΕΤΙΚΑ ΚΡΙΤΗΡΙΑ ΑΞΙΟΛΟΓΗΣΗΣ ΣΥΜΦΩΝΑ ΜΕ ΤΟΝ NIELSEN: Αξίζει να αναφερθεί ότι πριν την δεκαετία του ΄90 υπήρχαν αρκετές λίστες με πληθώρα κανόνων που αξιολογούσαν την ευχρηστία διεπιφανειών χρήσης. Χαρακτηριστικά παραδείγματα αποτελούνοι οι Smith και Mosier οι οποίοι το 1986 διατύπωσαν 944 κανόνες, ο Brown ο οποίος το 1989 διατύπωσε 302 κανόνες αξιολόγησης, και τέλος ο Mayhew το 1992 δημιούργησε μια λίστα απο 288 κανόνες. Σύμφωνα όμως με έρευνα που πραγματοποίησαν ο Jacob Nielsen και ο Rolf Molich στις αρχές της δεκαετίας του 1990, κατάφεραν να ομαδοποιήσουν όλους αυτούς τους κανόνες αξιολόγησης ευχρηστίας σε μόλις 10, οι οποίοι έχουν ως εξής:
1. Ενημέρωση για την κατάσταση του συστήματος (δηλαδή οι χρήστες πρέπει να γνωρίζουν την πορεία των ενεργειών τους).
2. Αντιστοίχηση συστήματος- πραγματικού κόσμου ( δηλαδή να είναι κατανοητό το επίπεδο της γλώσσας και να χρησιμοποιούνται καθαρά σύμβολα).
3. Ελευθερία και έλεγχος από τον χρήστη ( δηλαδή ύπαρξη καθαρών εξόδων όπως η ύπαρξη κουμπιού που θα οδηγεί στην κεντρική σελίδα).
4. Διατήρηση συνέπειας και συνέχειας στο μοντέλο πλοήγησης και δόμησης της σελίδας ( δηλαδή η ίδια ενέργεια θα πρέπει να γίνεται πάντα με τον ίδιο τρόπο σε κάθε σημείο της διεπιφάνειας).
5. Αποφυγή λαθών ( δηλαδή έλεγχος για συνδέσμους που δεν οδηγούν πουθενά και έλεγχος εγκυρότητας).
6. Αναγνώριση αντί για ανάκληση ( δηλαδή να υπάρχουν σωστά ονόματα στα αντικείμενα πλοήγησης, ώστε να μην χρειάζεται περαιτέρω νοητική επεξεργασία).
7. Προσαρμοστικότητα και αποδοτικότητα ( λ.χ. να επιτρέπεται η χρήση σύνθετων τεχνικών αναζήτησης κλπ.).
8. Καλαίσθητος μινιμαλιστικός σχεδιασμός ( λ.χ. να μην υπάρχει περιττή πληροφορία που να μπερδεύει τους χρήστες).
9. Αναγνώριση και ανάνηψη από λάθη ( όπως εξήγηση των σφαλμάτων σε καθαρή και κατανοητή γλώσσα).
10. Παροχή βοήθειας και τεκμηρίωσης ( λ.χ. ύπαρξη χαρτών πλοήγησης, επεξήγηση ενεργειών).

4) ΑΞΙΟΛΟΓΗΤΕΣ ΚΑΙ ΣΦΑΛΜΑΤΑ ( ΠΟΣΟΙ ΑΞΙΟΛΟΓΗΤΕΣ ΑΡΚΟΥΝ ΓΙΑ ΝΑ ΚΑΛΥΦΘΕΙ ΤΟ 75-80% ΤΩΝ ΣΦΑΛΜΑΤΩΝ ΕΝΟΣ ΔΙΚΤΥΑΚΟΥ ΤΟΠΟΥ):
Όπως ήδη έχει αναφερθεί η ευρετική αξιολόγηση από ειδικούς αποτελεί μια αρκετά γρήγορη μέθοδος τόσο γιατί εργάζονται έμπειροι και εξειδικευμένοι αξιολογητές όσο και γιατί οι κανόνες αξιολόγησης είναι μόλις δέκα. Χαρακτηριστικό παράδειγμα αποτελεί το γεγονός οτι σε έναν πρώτο έλεγχο του δικτυακού τόπου χρειάζονται μόλις πέντε αξιολογητές προκειμένου να καλυφθεί το 75-80% των σφαλμάτων του συγκεκριμένου δικτυακού τόπου, ενώ με έναν δεύτερο θα αποκαλυφθεί το 13% των εναπομεινάντων σφαλμάτων. Παράλληλα αξίζει να αναφέρουμε πως το ποσοστό προβλημάτων που εντοπίζεται από κάθε αξιολογητή εξαρτάται και από την εμπειρία του. Πιο αναλυτικά, οι αρχάριοι αξιολογητές αυτοιί δηλαδή που δεν έχουν καμία εμπειρία αξιολόγησης εντοπίζουν κατα μέσο όρο το 22% των συνολικών προβλημάτων σε μια διεπιφάνεια χρήσης, οι τυπικοί αξιολογητές, διαθέτουν κάποια εμπειρία αξιολόγησης εντοπίζοντας έτσι το 41% των συνολικών σφαλμάτων, ενώ τέλος, οι αξιολογητές με διπλή εξειδίκευση εντοπίζουν περίπου το 60% των συνολικών προβλημάτων. Η εξίσωση που μας δείχνει το ποσοστό λαθών που βρίσκουν οι αξιολογητές είναι η εξής: N(1-(1-L)n). Δίνοντας διάφορες τιμές στην συγκεκριμένη εξίσωση προκύπτει το εξής διάγραμμα:

heur_eval_finding_curve.gif

εικόνα: ποσοστό των προβλημάτων ευχρηστίας που ανιχνεύονται από την ευρετική αξιολόγηση όταν χρησιμοποιούνται διαφορετικοί αριθμοί αξιολογητών.

Για τις λίστες των αρχών της ευρετικής αξιολόγησης πατήστε στον παρακάτω σύνδεσμο:

Γούργουρας Παναγιώτης Lists of Heuristics for Tumblr Interface

Η σχετική βιβλιογραφία είναι η παρακάτω:

Ευρετική αξιολόγηση του περιβάλλοντος εργασίας του Tumblr.com από την προοπτική του «Αναγνώστη»

List of heuristics for “Reader” interface evaluation

ΑΡΧΙΚΗ ΣΕΛΙΔΑ (Homepage)

·         Τα στοιχεία επικοινωνίας του συγγραφέα μαζί με πληροφορίες για το προφίλ του να είναι εμφανώς τοποθετημένα (ή προσβάσιμα μέσω εμφανούς συνδέσμου)

Blogger’s personal information/biography/credentials and contact details prominently placed (or clear link/path to them)

 

·         Η θεματολογία του ιστολογίου να είναι εύκολα και άμεσα αναγνωρίσιμη και κατανοητή (μέσω μιας σύντομης περιγραφής ή εμφανούς λίστας ετικετών/ κατηγοριών ή του αρχείου αναρτήσεων)

Blog’s subject quickly and easily identifiable (by a short provided description or through prominently placed list of tags/categories or posts archive)

·         Καταναλωσιμότητα Περιεχόμενου Αρχικής Σελίδας

Homepage consumability:

§  Σημαντικό/Χρήσιμο περιεχόμενο (επιλογή συνδρομής, έρευνα, επικοινωνία με συγγραφέα, αρχείο αναρτήσεων/ετικετών/κατηγοριών) εμφανώς τοποθετημένο στην αρχική σελίδα ή άμεσα προσβάσιμο

Important/ useful content (subscription options, search, contact author, post/tags/categories archives) presented on homepage or within a click navigation

§  Λογικός χρόνος φόρτωσης αρχικής σελίδας  (να μην επιβαρύνεται από πολυμέσα, γραφικά, διαφημίσεις ή αναδυόμενα παράθυρα /μενού)

Reasonable homepage load time (not overloaded with multimedia/visual elements or obtrusive ads and pop-ups)

§  Να ζητείται εγγραφή του αναγνώστη μόνο όταν αυτή είναι απαραίτητη για πρόσβαση σε συγκεκριμένο περιεχόμενο

Avoid unnecessary registration to consume content

§  Η σύνθεση τη αρχικής σελίδας, η δομή της και η λειτουργικότητά της να γίνεται αντιληπτή σε σύντομο χρόνο. Συστήνεται  ο  αισθητικός αλλά ταυτόχρονα  και μινιμαλιστικός σχεδιασμός.

Homepage composition/ Image map digestible in short time. Aesthetic/ minimalist design

§  Χρήση κατάλληλων ¨συνειρμών¨ /¨μεταφορών¨ για την πλοήγηση από και προς την αρχική σελίδα (σύμφωνα με τις γενικά αποδεκτές συμβάσεις που ακολουθούνται στα ιστολόγια ή το διαδίκτυο)

Appropriate metaphor to navigation from homepage (following platform or generally accepted conventions)

·         Η χρησιμοποιούμενη ορολογία να είναι σχετική με το προφίλ των χρηστών και όχι τεχνική ή αργκό

Terminology related to users, not jargon, marketing language

ΠΛΟΗΓΗΣΗ  (Navigation)

·         Η πλοήγηση προς τις κύριες ενότητες όπως το προφίλ, η συνδρομή σε RSS ή newsletter να είναι ξεκάθαρη και διαισθητική.

Navigation path to main sections such as profile page, subscription to RSS, mailing list clear and intuitive

 

·         Να είναι υπάρχουν σταθερά διαθέσιμοι  σύνδεσμοι για την αρχική σελίδα και τις κυριότερες ενότητες σε κάθε σελίδα του ιστολογίου

Persistent link to home page (dashboard) and key pages available in each blog page

 

·         Να υπάρχουν ξεκάθαρες έξοδοι (επιστροφή στην αρχική ή προηγούμενη σελίδα) σε κάθε σελίδα του ιστολογίου

Clearly marked exits on every page – no dead ends

 

·         Τα αποτελέσματα και η ακολουθημένη διαδρομή της πλοήγησης να είναι εμφανή ή άμεσα ανιχνεύσιμα

Feedback of navigation provided through site – path followed evident or retractable

 

·         Να παρουσιάζεται εμφανώς  η  ημερομηνία /ώρα της δημοσίευσης κάθε ανάρτησης

Date/time of publication of each post prominently displayed

 

·         Να υπάρχει πληροφοριακό κείμενο/ hypertext  για κάθε σύνδεσμο ενδεικτικό της διεύθυνσης προς την οποία ανακατευθύνει

Textual context informative – links/hypertext available and indicative of destination

 

·         Η πλοήγηση να μπορεί να εκμεταλλευτεί και να αντικατοπτρίζει τις διάφορες κατηγοριοποιήσεις του περιεχομένου του ιστολογίου (όχι μόνο χρονολογικό αρχείο αλλά και επιλογές πλοήγησης με βάση τις ετικέτες ή τις κατηγορίες ή ακόμα και τη δημοφιλία)

Navigation can take advantage of and reflect content categorization (not only timeline/archive options but exploration options for tags/categorization/popularity)

ΔΙΑΤΑΞΗ ΚΑΙ ΣΧΕΔΙΑΣΜΟΣ ΣΕΛΙΔΑΣ (Page Layout & Visual Design)

·         Οι πιο σημαντικές/ πιο συχνά επισκεπτόμενες λειτουργίες να παρουσιάζονται ¨πριν το δίπλωμα¨ της σελίδας, χωρίς να απαιτείται κατακόρυφη και οριζόντια κύλιση της σελίδας στο παράθυρο της οθόνης

Most important/frequently accessed information/features presented “above the fold”

and without scrolling horizontally

 

·         Τα Οπτικά στοιχεία να μην αποτελούν εμπόδιο για την ευχρηστία της ιστοσελίδας (ευχρηστία κρίσιμων λειτουργιών):

Visual Elements do not compromise usability (of critical task features)

 

§  Να επιτρέπουν λογικό χρόνο φόρτωσης της ιστοσελίδας

Allowreasonablesiteloadtime

§  Η οπτική παρουσίαση να εστιάζεται στο περιεχόμενο και να μην γίνεται υπερβολική χρήση σύνθετων εικόνων και γραφικών

Visual presentation focus on content, images/graphics simple, uncluttered not overused

 

§  Η αναγνωσιμότητα της ιστοσελίδας να εξασφαλίζεται μέσα από ικανοποιητική αντίθεση μεταξύ κειμένου και φόντου, κατάλληλο μέγεθος των χαρακτήρων των γραμματοσειρών και του διάστιχου μεταξύ τους

Adequate text-to-background contrast – font size/spacing easy to read (legible)

 

·         Υποστήριξη  μορφής κατάλληλης για εκτύπωση

A printer friendly version is provided

 

 

ΑΛΛΗΛΕΠΙΔΡΑΣΗ ΣΥΓΓΡΑΦΕΑ ΑΝΑΓΝΩΣΤΩΝ – ΣΧΟΛΙΑ – ΣΤΟΙΧΕΙΑ ΕΠΑΦΗΣ (Design of interaction – comment – contact features)

Ο σχεδιασμός να υποστηρίζει την αναγνώριση και όχι την ανάκληση από τη μνήμη.

Τα πεδία που ζητούν εισαγωγή δεδομένων να προσφέρουν προτεινόμενες τιμές, να παρουσιάζουν τη δομή και το είδος των απαιτούμενων στοιχείων (επεξηγώντας το τι απαιτείται να εισάγει ο χρήστης)

Design for recognition rather than recall. Field in data entry “suggest” default values, display structure and length/format of required field data (explain what entries require)

 

·         Σαφής διάκριση μεταξύ υποχρεωτικών/ προαιρετικών πεδίων

Clear distinction between required/optional fields

·         Η απαιτούμενη πληκτρολόγηση να περιοριστεί στο ελάχιστο με τη χρήση αυτόματης συμπλήρωσης/ αποθηκευμένου κειμένου (από προηγούμενη χρήση)

Typing kept to minimum with accelerators (“remember” input – autocomplete) for return users

 

·         Να προτιμάται η χρήση μενού, πλήκτρων επιλογής, πλαισίων ελέγχου αντί για εισαγωγή κειμένου

Pull down menus, radio buttons, check boxes preferred over text entry

 

·         Ύπαρξη συγκεκριμένη φόρμας επαφής με τον συγγραφέα ή υπερσύνδεσμος για ¨αποστολή email¨ (που να ανακατευθύνει σε κάποιο χρησιμοποιούμενο πρόγραμμα Ηλεκτρ.  Αλληλογραφίας) έτσι ώστε να μην υπάρχει η ανάγκη να θυμάται ο χρήστης ή να ¨μεταφέρει¨ τα στοιχεία επικοινωνίας σε κάποιο άλλο μενού/καρτέλα

Dedicated contact form or “email author” hyperlink available (redirecting to MS Outlook, Thunderbird or web-based email hosts such as Gmail, MSN etc.) so that there is no need to “remember” or “transfer”  contact details to input field in other window/tab

 

·         Να είναι διαθέσιμα εικονίδια/συντομεύσεις/ ειδικά πλήκτρα σε κάθε σελίδα και κάτω από κάθε ανάρτηση για να μπορεί ο αναγνώστης να μοιράζεται ή αναδημοσιεύει περιεχόμενο σε άλλα social media(Facebook, Twitter κλπ.)  τα οποία θα ακολουθούν την ευρύτερα αποδεκτή πρακτική του διαδικτύου ή των ιστολογίων (σε σχέση με την εμφάνιση και τη λειτουργικότητάς τους)

Action icons/shortcuts/dedicated buttons available in each page and/or under each post for sharing/republishing content to other social media (Facebook, Twitter, etc.) that follow internet widely accepted conventions in terms of functionality/appearance.

 

ΑΝΑΖΗΤΗΣΗ (search)

 

·         Το μενού αναζήτησης να είναι άμεσα προσβάσιμο (πεδίο αναζήτησης/σύνδεσμος διαθέσιμος σε κάθε σελίδα)

Easy to access site search (“Search” field/link available in every page)

 

·         Η αναζήτηση να είναι προσανατολισμένη στη δραστηριότητα του χρήστη – δυνατότητα παραμετροποιημένης αναζήτησης με βάση περιεχόμενο/τίτλο αναρτήσεων/ετικέτες/κατηγορίες/ετικέτες πολυμέσων/χρήστες/σχόλια   Search focused on user’s tasks – “suggest” customized search for content/post titles/tags /categories/ multimedia ALT-tags/people (users)/comments

·         Το μενού της αναζήτησης να είναι λειτουργικό και εύχρηστο. Η σελίδα των αποτελεσμάτων εύληπτη, με αποτελέσματα που ταξινομούνται με βάση τη σχετικότητά τους με τους όρους αναζήτησης, δυνατότητα επεξεργασίας και επανυποβολής της αναζήτησης και απόκρυψης επαναλαμβανόμενων αποτελεσμάτων

 Search intuitive to configure, search results clear, useful, ranked by relevance

Search results page easy to edit, resubmit search, not show duplicate results

ΒΟΗΘΕΙΑ, ΑΝΑΔΡΑΣΗ, ΔΙΑΧΕΙΡΙΣΗ ΣΦΑΛΜΑΤΩΝ  (Help, Feedback, Error Management)

·         Ο σύνδεσμος για Βοήθεια να είναι εμφανώς τοποθετημένος και άμεσα προσβάσιμος από κάθε σελίδα

Help link is prominently placed and easily accessible through every page

 

·         Να είναι διαθέσιμη Βοήθεια με βάση το περιεχόμενο και την εργασία που κάνει ο χρήστης – ύπαρξη συνδέσμων προς τη Βοήθεια από τα κύρια μενού (σχόλια/ εγγραφή σε RSS, αναδημοσίευση) και αντίστροφα

Provides form of contextual help – links from the main sections (e.g. comments/ RSS subscription share, republish) into specific help and vice versa

 

·         Να προσφέρεται αποτελεσματική ανάδραση σε λογικό χρονικό διάστημα μετά από κάθε ενέργεια του χρήστη

 Efficient feedback of actions is provided within reasonable time

·         Ύπαρξη συνοχής σχετικά με τα χαρακτηριστικά της παρουσίασης, τη χρήση του κειμένου και τη λειτουργία των ενεργειών μεταξύ των  τμημάτων της ιστοσελίδας

There is internal consistency – including visual identity, use of text, actions performance

 

·         Να ζητείται επιβεβαίωση από το χρήση πριν εκτελεστούν «επικίνδυνες» ενέργειες (πχ. διαγραφή ενός σχολίου, εγγραφή σε RSS, λίστα αλληλογραφίας)

User confirmation is required before carrying out “dangerous” tasks (e.g. delete a comment, subscribe to RSS/ mailing list)

·         Να υποστηρίζονται  οι λειτουργίες/συντομεύσεις  «Αναίρεση» και «Επανάληψη» ενεργειών

“Undo” and “Redo” options are supported

Ευρετική αξιολόγηση του περιβάλλοντος εργασίας του Tumblr.com από την προοπτική του «Ερασιτέχνη Blogger»

List of heuristics for “Hobbyist Blogger” interface evaluation

ΕΓΓΡΑΦΗ –Σ ΥΝΔΕΣΗ  (Sign Up- Log in)

·         Η δημοσία αρχική σελίδα να παρουσιάζει τα χαρακτηριστικά, τη λειτουργικότητα και παραδείγματα ιστολογίων που χρησιμοποιούν τη συγκεκριμένη πλατφόρμα

Public homepage provides prominently based information of weblog platform characteristics/ functionality, examples of blogs using specific platform

 

·         Εύκολη (διαισθητική) διαδικασία εγγραφής/ σύνδεσης σε λογαριασμό

Intuitive registration/sign up process

 

§  Να ζητούνται μόνο τα απολύτως απαραίτητα προσωπικά στοιχεία για εγγραφή/σύνδεση

Require minimum personal data for registration/log in

 

§  Να γίνεται έλεγχος διαθεσιμότητας κατά την επιλογή του ονόματος του ιστολογίου και να εμφανίζεται προεπισκόπηση του ιστολογίου πριν ολοκληρωθεί η εγγραφή (ώστε να αποφεύγονται μη επιβεβαιωμένες/ανεπιθύμητες επιλογές)

Check for blog name availability, show preview of blog before complete registration

 

§  Πριν την ολοκλήρωση των ενεργειών εγγραφής να ζητείται επιβεβαίωση του αποτελέσματός τους.

 Ask for confirmation, provide feedback when complete.

 

§  Να γίνεται φόρτωση των προεπιλεγμένων/ πιο συνηθισμένων ρυθμίσεων ώστε να μπορεί το ταχύτερο δυνατό ο χρήστης να δημοσιεύσει αναρτήσεις

Load default/most common options to enable immediate posting (avoid requiring time consuming set up procedure, but make it available on demand)

ΔΟΜΗΚΕΝΤΡΙΚΗΣΣΕΛΙΔΑΣ(Homepage -dashboard- structure)

·         Η εικόνα/ σύνθεση της κεντρικής σελίδας να είναι κατανοητή και «αναλώσιμη» σε σύντομο χρόνο. Συστήνεται ο αισθητικός και μινιμαλιστικός σχεδιασμός της.

Homepage Composition/Image map digestible in short time. Aesthetic/ minimalist design

 

·         Άμεση και διαισθητική πρόσβαση στις κυριότερες/σημαντικότερες για το χρήστη λειτουργίες. Ευκρινής πλοήγηση προς:

Intuitive access to main/ key user functions, clear path clear to:

 

§  Δημιουργία νέας ανάρτησης

Create new post

 

§  Εξερεύνηση αρχείου αναρτήσεων για επεξεργασία/διαγραφή αναρτήσεων ή σχολίων

Explore post archives to edit/delete posts/comments

§  Επεξεργασία σελίδας προφίλ/ επικοινωνίας με συγγραφέα

Edit profile contact page

 

§  Ρυθμίσεις του ιστολογίου (εμφάνιση ιστολογίου, επιλογής συνδρομής, σελίδες μελών)

Access settings (blog appearance, subscription options, members’ pages)

§  Σελίδα στατιστικών στοιχείων χρήσης/επισκεπτών

Access statistics page

 

·         Προβεβλημένη τοποθέτηση των πιο σημαντικών/ συχνά χρησιμοποιούμενων λειτουργιών

Most important/frequently used functions prominently placed

 

·         Να υπάρχει συσχέτιση της εμφάνισης και λειτουργικότητας της κεντρικής σελίδας με τις ανάγκες του χρήστη. Επιλογή ορολογίας οικείας στο χρήση / όχι αργκό ή «διαφημιστικών» όρων

Match between system and user needs. Terminologies related to users/ not jargon, marketing language.

 

·         Λογικός χρόνος «φόρτωσης»

Reasonable homepage load time

προσαρμογη στις αναγκεσ και τα χαρακτηριστικα της εργασιασ (TaskOrientation)

 

·         Ιεραρχική ανάλυση/παρουσίαση όλων των βασικών εργασιών των χρηστών, εμφανής στη δομή του ιστολογίου

Natural hierarchical decomposition of all key user tasks/ evident in site structure

·         Οι συχνότερες εργασίες να μπορούν να εκτελούνται κατά το δυνατό ευκολότερα (λιγότερες απαιτούμενες ενέργειες από το χρήστη)

Most common tasks can be completed easily (fewer user actions/clicks per task the better)

 

·         Για εργασίες που απαιτούν πολλαπλά βήματα εκτέλεσης να παρουσιάζεται εμφανώς  η ακολουθία των απαιτούμενων ενεργειών και να προσφέρεται  ανάδραση για το στάδιο εκτέλεσης και την απαιτούμενη ροή των εργασιών

For multiple steps tasks, concrete steps in order to complete are listed/ feedback of position and workflow provided

 

·         Να υποστηρίζει  κατάλληλα τα διαφορετικά επίπεδα των χρηστών (αρχάριους/ έμπειρους  χρήστες) προσφέροντας προσαρμοσμένες πληροφορίες – να υπάρχει η δυνατότητα χρήσης συντομεύσεων για τις πιο συχνές εργασίες

Support novice/expert users by different levels of explanations – provide accelerators of common tasks

ΠΛΟΗΓΗΣΗ (Navigation)

·         Οι επιλογές πλοήγησης από την αρχική σελίδα προς τις κυριότερες λειτουργίες να είναι ταξινομημένες σε λογική σειρά (ακολουθώντας τη γενικότερα αποδεκτή πρακτική του διαδικτύου ή της πλατφόρμας) ή  προσανατολισμένες με βάση τη σειρά των εργασιών.

Navigation choices from homepage (dashboard) to main functions ordered in logical (following platform or generally accepted conventions) or task oriented manner

·         Να υπάρχει σταθερός σύνδεσμος προς την αρχική και τις κυριότερες σελίδες του ιστολογίου

Persistent link to homepage (dashboard)  and key pages through site

 

·         Να υπάρχουν ξεκάθαρες έξοδοι (επιστροφή στην αρχική ή προηγούμενη σελίδα) σε κάθε σελίδα του ιστολογίου

Clearly marked exits on every page – no dead ends

 

·         Τα αποτελέσματα και η διαδρομή των επιλογών της πλοήγησης να είναι εμφανή ή άμεσα ανιχνεύσιμα

Feedback of navigation provided through site – path followed evident or retractable

 

·         Να υπάρχει πληροφοριακό κείμενο/ hypertext  για κάθε σύνδεσμο ενδεικτικό της διεύθυνσης που ανακατευθύνει

Textual context informative – links/hypertext available and indicative of destination

 

·         Η πλοήγηση να μπορεί να εκμεταλλευτεί και να αντικατοπτρίζει τις διάφορες κατηγοριοποιήσεις του περιεχομένου του ιστολογίου (όχι μόνο χρονολογικό αρχείο αλλά και επιλογές πλοήγησης με βάση τις ετικέτες ή τις κατηγορίες ή ακόμα και τη δημοφιλία)

Navigation can take advantage of and reflect content categorization (not only timeline/archive options but exploration options for tags/categorization/popularity)

 

·         Το ιστορικό της πλοήγησης να είναι εμφανές ή ανιχνεύσιμο

Path followed evident or retractable 

 

·         Τα πλαίσια κειμένου να είναι πληροφοριακά – Οι σύνδεσμοι γραφικών να είναι λειτουργικοί

Textual context informative – Graphic links usable

ΔΟΜΗΣΧΕΔΙΑΣΜΟΣΣΕΛΙΔΑΣ (Page Layout & Visual Design)

 

·         Οι πιο σημαντικές/ πιο συχνά επισκεπτόμενες λειτουργίες/πληροφορίες να παρουσιάζονται ¨πριν το δίπλωμα¨ της σελίδας

Most important/frequently accessed information/features presented “above the fold”

·         Ο σχεδιασμός των μενού να είναι κατά το δυνατό  οριζόντια παρά κατακόρυφα προσανατολισμένος

 Breadth rather than depth in menu/page hierarchy

 

·         Η ιστοσελίδα να μπορεί να χρησιμοποιηθεί χωρίς να απαιτείται οριζόντια κύλιση

Site can be used without scrolling horizontally

 

·         Ο αριθμός των συνδέσμων/ πλήκτρων λειτουργιών να μην είναι υπερβολικός Number of links/buttons reasonable

·         Η αναγνωσιμότητα της ιστοσελίδας να εξασφαλίζεται μέσα από ικανοποιητική αντίθεση μεταξύ κειμένου και φόντου, κατάλληλο μέγεθος των χαρακτήρων των γραμματοσειρών και του διάστιχου μεταξύ τους

Adequate text-to-background contrast – font size/spacing easy to read (legible)

·         Να υπάρχει συνοχή στην επιλογή του στυλ και των χρωμάτων ανάμεσα στις σελίδες του ιστοτόπου

Consistent style and colors through pages

 

·         Η χρήση Flash και αναδυόμενων μενού να γίνεται με φειδώ

Flash and pop-ups used sparingly

φορμεσ και εισαγωγη δεδομενων (Forms and Data entry)

·         Ο σχεδιασμός να υποστηρίζει την αναγνώριση και όχι την ανάκληση από τη μνήμη.

Τα πεδία που ζητούν εισαγωγή δεδομένων να προσφέρουν προτεινόμενες τιμές, να παρουσιάζουν τη δομή και το είδος των απαιτούμενων στοιχείων (επεξηγώντας το τι απαιτείται να εισάγει ο χρήστης)

Design for recognition rather than recall. Field in data entry “suggest” default values, display structure and length/format of required field data (explain what entries require)

·         Σαφής διάκριση μεταξύ υποχρεωτικών/ προαιρετικών πεδίων

Clear distinction between required/optional fields

 

·         Να ζητούνται/ συλλέγονται μόνο τα απαραίτητα δεδομένα (εισαγωγή από χρήστη)

Minimum amount of data required/collected

·         Η απαιτούμενη πληκτρολόγηση να περιοριστεί στο ελάχιστο με τη χρήση αυτόματης συμπλήρωσης/ αποθηκευμένου κειμένου (από προηγούμενη χρήση)

Typing kept to minimum with accelerators (“remember” input – autocomplete) for return users

·         Να προτιμάται η χρήση μενού, πλήκτρων επιλογής, πλαισίων ελέγχου αντί για εισαγωγή κειμένου

Pull down menus, radio buttons, check boxes preferred over text entry

ΑΝΑΖΗΤΗΣΗ (search)

 

·         Το μενού αναζήτησης να είναι άμεσα προσβάσιμο (πεδίο αναζήτησης/σύνδεσμος διαθέσιμος σε κάθε σελίδα)

Easy to access site search (“Search” field/link available in every page)

 

·         Η αναζήτηση να είναι προσανατολισμένη στη δραστηριότητα του χρήστη – δυνατότητα παραμετροποιημένης αναζήτησης με βάση περιεχόμενο/τίτλο αναρτήσεων/ετικέτες/κατηγορίες/ετικέτες πολυμέσων/χρήστες/σχόλια   Search focused on user’s tasks – “suggest” customized search for content/post titles/tags /categories/ multimedia ALT-tags/people (users)/comments

·         Το μενού της αναζήτησης να είναι λειτουργικό και εύχρηστο. Η σελίδα των αποτελεσμάτων εύληπτη, με αποτελέσματα που ταξινομούνται με βάση τη σχετικότητά τους με τους όρους αναζήτησης, δυνατότητα επεξεργασίας και επανυποβολής της αναζήτησης και απόκρυψης επαναλαμβανόμενων αποτελεσμάτων

 Search intuitive to configure, search results clear, useful, ranked by relevance

Search results page easy to edit, resubmit search, not show duplicate results

ΒΟΗΘΕΙΑ, ΑΝΑΔΡΑΣΗ, ΔΙΑΧΕΙΡΙΣΗ ΣΦΑΛΜΑΤΩΝ  (Help, Feedback, Error Management)

·         Ο σύνδεσμος για Βοήθεια να είναι εμφανώς τοποθετημένος και άμεσα προσβάσιμος από κάθε σελίδα

Help link is prominently placed and easily accessible through every page

 

·         Να είναι διαθέσιμη Βοήθεια με βάση το περιεχόμενο και την εργασία που κάνει ο χρήστης – ύπαρξη συνδέσμων προς τη Βοήθεια από τα κύρια μενού (σχόλια/ εγγραφή σε RSS, αναδημοσίευση) και αντίστροφα

Provides form of contextual help – links from the main sections (e.g. comments/ RSS subscription share, republish) into specific help and vice versa

 

·         Να προσφέρεται αποτελεσματική ανάδραση σε λογικό χρονικό διάστημα μετά από κάθε ενέργεια του χρήστη

 Efficient feedback of actions is provided within reasonable time

·         Ύπαρξη συνοχής σχετικά με τα χαρακτηριστικά της παρουσίασης, τη χρήση του κειμένου και τη λειτουργία των ενεργειών μεταξύ των  τμημάτων της ιστοσελίδας

There is internal consistency – including visual identity, use of text, actions performance

 

·         Να ζητείται επιβεβαίωση από το χρήση πριν εκτελεστούν «επικίνδυνες» ενέργειες (πχ. διαγραφή ενός σχολίου, εγγραφή σε RSS, λίστα αλληλογραφίας)

User confirmation is required before carrying out “dangerous” tasks (e.g. delete a comment, subscribe to RSS/ mailing list)

·         Να προσφέρεται βήμα-προς-βήμα καθοδήγηση για τις πιο σημαντικές εργασίες

Step-by-step guidance to most important tasks is provided

 

·         Αποτελεσματική διαχείριση σφαλμάτων

Effective error management

o   Εντοπισμός σφαλμάτων – κατάλληλο εύρος πεδίων, επιπρόσθετος έλεγχος μετά τη συμπλήρωση των απαιτούμενων δεδομένων

error detection – suitable field lengths, additional user-check after submission

 

o   Διόρθωση λαθών – Μηνύματα σφαλμάτων σε απλή γλώσσα, να είναι ακριβή στον εντοπισμό και την παρουσίαση του σφάλματος και να προτείνουν εναλλακτικές λύσεις

error correction – error messages in plain language, precisely indicate the problem and constructively suggest a solution

·         Να υποστηρίζονται  οι λειτουργίες/συντομεύσεις  «Αναίρεση» και «Επανάληψη» ενεργειών

“Undo” and “Redo” options are supported

 

Advertisements

Σχολιάστε

Εισάγετε τα παρακάτω στοιχεία ή επιλέξτε ένα εικονίδιο για να συνδεθείτε:

Λογότυπο WordPress.com

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό WordPress.com. Αποσύνδεση / Αλλαγή )

Φωτογραφία Twitter

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό Twitter. Αποσύνδεση / Αλλαγή )

Φωτογραφία Facebook

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό Facebook. Αποσύνδεση / Αλλαγή )

Φωτογραφία Google+

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό Google+. Αποσύνδεση / Αλλαγή )

Σύνδεση με %s

What’s this?

You are currently reading Ευρετική αξιολόγηση του ιστοτόπου Tumblr.com (Tumblr.com Heuristics Evaluation) at The Human Factor - Εργονομία (στα ελληνικά).

meta

Αρέσει σε %d bloggers: