Επικοινωνία Ανθρώπου-Μηχανής


Κληρονόμος Αντώνιος

Τσίρος Γεώργιος

Χριστοδούλου Δημήτριος


Περιεχόμενα

Βασικό Πρόβλημα 1 – Λύση
Βασικό Πρόβλημα 2 - Λύση
Βασικό Πρόβλημα 3 - Λύση
Βασικό Πρόβλημα 4 - Λύση
Βασικό Πρόβλημα 5 - Λύση
Δευτερεύον Πρόβλημα 1 - Λύση
Δευτερεύον Πρόβλημα 2 - Λύση
Δευτερεύον Πρόβλημα 3 - Λύση
Δευτερεύον Πρόβλημα 4 - Λύση
Δευτερεύον Πρόβλημα 5 - Λύση
Δευτερεύον Πρόβλημα 6 - Λύση
Δευτερεύον Πρόβλημα 7 - Λύση
Δευτερεύον Πρόβλημα 8 - Λύση
Δευτερεύον Πρόβλημα 9 - Λύση
Δευτερεύον Πρόβλημα 10 - Λύση
Δευτερεύον Πρόβλημα 11 - Λύση
Δευτερεύον Πρόβλημα 12 - Λύση
Δευτερεύον Πρόβλημα 13 - Λύση
Δευτερεύον Πρόβλημα 14 - Λύση
Δευτερεύον Πρόβλημα 15 - Λύση
Δευτερεύον Πρόβλημα 16 - Λύση
Δευτερεύον Πρόβλημα 17 - Λύση
Δευτερεύον Πρόβλημα 18 - Λύση
Δευτερεύον Πρόβλημα 19 - Λύση
Δευτερεύον Πρόβλημα 20 - Λύση










5 Γενικά Προβλήματα

1. Το Πρόβλημα

Πολλές πληροφορίες στην αρχική σελίδα,με αποτέλεσμα να εμφανίζεται αρκετά φορτωμένη και να βάζει τον χρήστη στη διαδικασία να ψάξει να βρει αυτό που τον ενδιαφέρει περισσότερο από τον αναμενόμενο χρόνο. Το γεγονός αυτό πάει κόντρα στην αρχή του KISS η οποία αποτελεί βασική μέθοδο στη δημιουργία διεπαφών.

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

Η Λύση

Οι πληροφορίες που βρίσκονται στα αριστερά μπορούν σύμφωνα με τις κατηγορίες τους να μπουν σε dropdown menus που αναπτύσσονται στα links που υπάρχουν ήδη στην αρχική σελίδα. Έτσι ο χρήστης μπορεί με απλό τρόπο να δεί μόνο τους υπερσυνδέσμους που τον ενδιαφέρουν.

Επίσης, η αρχική σελίδα μπορεί να φαίνεται πιο συμμαζεμένη αν έχει πλάτος που εκτείνεται σε όλη την περιοχή της οθόνης. Έτσι η πληροφορίες δεν παρουσιάζονται τόσο μαζεμένες και δεν κουράζουν τον χρήστη.

Τέλος, ακόμη μία λύση είναι το κείμενο που υπάρχει στην αρχική σελίδα να μαζευτεί σε ένα link « Πληροφορίες » και να μην φαίνεται στην αρχική σελίδα.

2. Το πρόβλημα

Υπάρχουν πολλά κουμπιά εγγραφής και καθένα από αυτά δεν ξεχωρίζει από τις υπόλοιπες επιλογές. Αυτό έχει ως αποτέλεσμα ο χρήστης να επιλέγει την ενέργεια που θέλει ανάλογα με την ιδιότητα του(Φοιτητής, Εκδότης, Γραμματεία) χωρίς να έχει κάνει εγγραφή.

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

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


3
Η λύση

Στην αρχική σελίδα πρέπει να είναι ξεκάθαρο ότι χρειάζεται εγγραφή για να συνεχίσεις και η εγγραφή να είναι ένα μόνο link που σε ανακατευθύνει σε μία φόρμα στην οποία μπορείς να επιλέξεις τι ιδιότητα κατέχεις (φοιτητής, εκδότης κ.α.)

3. Το πρόβλημα

Υπάρχουν αρκετά διπλότυπα links (π.χ. αριστερά υπάρχει η επιλογή συγγραμάτων και δεξιά υπάρχει εικόνα-σύνδεσμος δήλωση συγγραμάτων, όπου και τα δύο ανακατευθύνουν τον χρήστη στην ίδια σελίδα). Αυτό οδηγεί τον χρήστη να σκεφτεί ποιο από τα διαθέσιμα links είναι το σωστό, κάτι που αποτελεί παράβαση της βασικής αρχής σχεδίασης διεπαφών "Don't make the user think".

Η λύση

Να υπάρχει μόνο ένας υπερσύνδεσμος για κάθε διπλότυπη πληροφορία, ώστε να μην υπάρχει σύγχυση από την πλευρά του χρήστη. Αυτό βοηθάει και στο decluttering της πληροφορίας στην κύρια σελίδα.

4. Το πρόβλημα

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

Η λύση

Αφαίρεση των γραφικών στοιχείων και των εικόνων και εφαρμογή καλών πρακτικών design ώστε ο ιστόχωρος να είναι πιο όμορφος γενικότερα, αλλά και να δίνει έμφαση στην πρόσφατη και σημαντική για τον χρήστη πληροφορία.

5. Το πρόβλημα


Δεν υπάρχει μπάρα αναζήτησης στον ιστόχωρο, κάτι που καθιστά δύσκολη την αναζήτηση συγκεκριμένης πληροφορίας από τον χρήστη. Αντ’αυτού, υπάρχει μπάρα αναζήτησης βιβλίων η οποία όμως δεν βρίσκεται σε σημείο εύκολα προσβάσιμο από τον χρήστη (αναγκάζεται να πατήσει σε link που τον κατευθύνει σε σελίδα, η οποία περιέχει μόνο την μπάρα αναζήτησης).

Η λύση


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






20 σημαντικά προβλήματα χρηστικότητας


	1.  Το πρόβλημα

	Σε περίπτωση που ο χρήστης εισέλθει σε μία από τις σελίδες μετά την εγγραφή,δεν 	δίνεται η δυνατότητα να επιστρέψει στην αρχική σελίδα του ιστοχώρου. Για 	παράδειγμα, εάν ως φοιτητής επιλέξω το κουμπί ‘" Έλεγχος εισόδου φοιτητή" δεν 	μπορώ μετά να πλοηγηθώ πίσω στην αρχική σελίδα παρά μόνο μέσω του κουμπί Back 	του Βrowser.

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

	Η λύση

	Το παραπάνω πρόβλημα θα μπορούσε να διορθωθεί εύκολα, με την τοποθέτηση ενός 	κουμπιού το οποίο θα ονομαζόταν “"Επιστροφή στην Αρχική σελίδα " και θα βρισκόταν 	σε εμφανή για τον χρήστη θέση


	2. Το πρόβλημα

	Σε πολλές περιπτώσεις, ο σύνδεσμος που αναφέρεται το κείμενο είναι στη λέξη «εδώ»
	αντί να είναι πράγματι πάνω στη λέξη-κλειδί που ενδιαφέρει τον χρήστη. Για 	παράδειγμα, ο έλεγχος εισόδου φοιτητή, αναφέρεται ως εξής. ‘"Ο έλεγχος εισόδου 	φοιτητή βρίσκεται εδώ‘", με το «εδώ» να είναι με διαφορετικό χρώμα και 	υπογραμμισμένο υποδηλώνοντας ότι πρόκειται για σύνδεσμο.

	Αυτό ωστόσο, το οποίο υπάρχει και σε άλλα σημεία του ιστότοπου, δεν συμβαδίζει με 	την 6η αρχή του  Νielsen σχετικά με την υπεροχή της αναγνώρισης έναντι της 	επανάκτησης.

	Η λύση

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

	Στην καρτέλα «Ανακοινώσεις» υπάρχουν ανακοινώσεις από το 2010, με αποτέλεσμα η 	σελίδα να είναι γεμάτη με άχρηστες πληροφορίες και να μην είναι όμορφη στο μάτι, 	καθώς ο χρήστης δεν βλέπει όλη την σελίδα με τη μία αλλά βλέπει ένα μέρος της.

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

	Η λύση

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


	4. Το πρόβλημα

	Πατώντας στο κουμπί “Διαχείριση Σημειώσεων” (στην ενότητα Διαθέτες Δωρεάν 	Ηλεκτρονικών Βοηθημάτων και Σημειώσεων) ο χρήστης βλέπει έναν σύνδεσμο με 	τίτλο “Εφαρμογή Διαθετών”.

	Ωστόσο, ανοίγοντας τον σύνδεσμο, ο τίτλος της σελίδας έχει αλλάξει σε “Εφαρμογή 	Εκδοτών”, κάτι που αντιτίθεται με τη συνέπεια μεταξύ των σελίδων όπως αυτή 	ορίζεται στον 4ο κανόνα του Nielsen.

	Η λύση

	Θα έπρεπε τα δύο ονόματα να είναι ίδια. Δηλαδή και στις δύο περιπτώσεις να είχε 	επιλεχθεί είτε το “Εφαρμογή Διαθετών” είτε το “Εφαρμογή Εκδοτών”

	5. Το πρόβλημα

	Άλλο παράδειγμα παράδειγμα έλλειψης συνέπειας παρατηρείται κατά το άνοιγμα δυο 	συνδέσμων οι οποίοι απαιτούν τη σύνδεση του χρήστη. Πιο συγκεκριμένα, όταν ο 	χρήστης ανοίγει τον σύνδεσμο που βρίσκει αφού πατήσει στη “διαχείριση σημειώσεων”
	πλοηγείται σε μία σελίδα η οποία ανοίγει ένα pop up παράθυρο το οποίο ενημερώνει
	τον χρήστη ότι πρέπει να συνδεθεί για να συνεχίσει.

	Αντίθετα, αν ο χρήστης ανοίξει τον σύνδεσμο που βρίσκει αφού επιλέξει την “Διαχείριση 	Μαθημάτων/Συγγραμάτων”, θα δει και πάλι το ίδιο παράθυρο, όμως αυτή τη φορά όχι 	σαν pop up αλλά σαν μέρος της σελίδας.




	Η λύση

	Όπως και πριν, η λύση είναι οι δυο σελίδες να παρουσιάζουν μεταξύ τους συνέπεια, 	επιλέγοντας τελικά τον έναν από τους δυο πιθανούς τρόπους εμφάνισης (με ή χωρίς 	pop up).

	6. Το πρόβλημα

	Στην αρχική σελίδα υπάρχουν 3 υπερσύνδεσμοι που δεν οδηγούν πουθενά (οι 	καρτέλες Νέα – Ανακοινώσεις, Βιβλιοθήκες και Χρήσιμοι Σύνδεσμοι) ενώ κάποιες άλλες 	«πορτοκαλί» καρτέλες έχουν πληροφορίες μέσα. Αυτό έρχεται σε αντίθεση με τον 	κανόνα του Nielsen που αναφέρεται στην συνέπεια καθώς και με τον κανόνα της 	αναγνώρισης (ο χρήστης πρέπει να θυμάται ποιοι υπερσύνδεσμοι περίεχουν 	πληροφορίες).

	Η λύση

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

	7. Το πρόβλημα

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

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


	Η λύση

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

	8. Το πρόβλημα

	Στην αρχική σελίδα υπάρχουν δύο ειδών υπερσύνδεσμοι, αυτοί που βρίσκονται 	αριστερά και αποτελούνται από κείμενα και αυτοί που βρίσκονται δεξιά και 	αποτελούνται από εικόνες. Το παραπάνω είναι σοβαρό πρόβλημα, γιατί αφενός ο 	ιστόχωρος δεν έχει συνέπεια στα links, παραβιάζοντας τον κανόνα του Nielsen για τη 	συνέπεια και αφετέρου, δημιουργεί ένα αντιαισθητικό περιβάλλον για τον χρήστη, 	παραβιάζοντας τον κανόνα του Nielsen για τη μινιμαλιστική σχεδίαση.


	Η λύση

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

	9. Το πρόβλημα

	Υπάρχουν τουλάχιστον 2 περιπτώσεις όπου δεν υπάρχει ο κατάλληλος μηχανισμός για
	την πρόληψη λαθών. Η πρώτη περίπτωση συναντάται όταν ο χρήστης, συγκεκριμένα 	 	στον ρόλο του φοιτητή επιθυμεί να αποσυνδεθεί από την ιστοσελίδα. Δεν εμφανίζεται 	κάποιο μήνυμα το οποίο προειδοποιεί τον χρήστη για αυτή του την ενέργεια και ζητάει 	επιβεβαίωση. Συνεπώς, δεν είναι δυνατή η πρόληψη μιας λανθασμένης αποσύνδεσης.

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

	Η λύση

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






	10. Το πρόβλημα

	Ο ιστόχωρος χαρακτηρίζεται από έλλειψη breadcrumbs ή γενικά κάποιας ένδειξης που 	να κατατοπίζει τον χρήστη ως προς το που βρίσκεται. Αυτό έχει ως αποτέλεσμα ο 	χρήστης να μην νιώθει ελεύθερος στις επιλογές του και αντιτίθεται στον αντίστοιχο 	κανόνα του Nielsen.
	Ως παράδειγμα στον ιστόχωρο του Εύδοξου δίνεται η μετάβαση του χρήστη από την 	αρχική σελίδα στην δήλωση συγγραμάτων, όπου μεταφέρεται σε μία πολύ διαφορετική 	ιστοσελίδα, χωρίς να γνωρίζει πως να γυρίσει πίσω και χωρίς ο ιστόχωρος να του δίνει 	κάποιο στοιχείο ως προς την πλοήγηση.

	Η λύση

	Σε κάθε ιστοσελίδα του χώρου ο χρήστης πρέπει να έχει επίβλεψη της κατάστασης του 	του που βρίσκεται και τι ενέργεια εκτελεί αυτήν την στιγμή). Αυτό γίνεται με την χρήση 	κάποιας μορφής αποθήκευσης της τοποθεσίας του χρήστη, κυρίως με breadcrumbs.