Κατασκευή ιστοσελίδας ξενοδοχείου με καθαρή διεπαφή και διαδρομή κράτησης
Ο επισκέπτης δεν πρέπει να χρειάζεται να «μάθει» την ιστοσελίδα ενός ξενοδοχείου. Από τα πρώτα δευτερόλεπτα πρέπει να καταλαβαίνει πού βρίσκονται τα δωμάτια, πώς ελέγχει διαθεσιμότητα, πού βλέπει την τοποθεσία και πώς επικοινωνεί. Η καλή διεπαφή δεν είναι θέμα εντυπωσιασμού αλλά ιεράρχησης. Κάθε οθόνη χρειάζεται μία κύρια δουλειά και λίγες σαφείς δευτερεύουσες επιλογές. Όταν όλα ζητούν ταυτόχρονα προσοχή, η εμπειρία γίνεται κουραστική. Όταν η πληροφορία και οι ενέργειες έχουν τάξη, ο επισκέπτης προχωρά χωρίς να σκέφτεται τη δομή της ιστοσελίδας.
Μία κύρια ενέργεια σε κάθε κρίσιμη οθόνη
Η αρχική μπορεί να προβάλλει την πρόσβαση στη διαθεσιμότητα, αλλά η σελίδα δωματίου χρειάζεται να συνδέει την ενέργεια με το συγκεκριμένο δωμάτιο. Η σελίδα τοποθεσίας μπορεί να δίνει προτεραιότητα στην πρακτική ενημέρωση και η επικοινωνία στην αποστολή ερώτησης. Αυτή η λογική περιορίζει τον ανταγωνισμό ανάμεσα σε κουμπιά. Δεν σημαίνει ότι υπάρχει μόνο μία δυνατότητα, αλλά ότι ο χρήστης καταλαβαίνει ποια είναι η φυσική συνέχεια. Η ιεραρχία μπορεί να ενισχυθεί με θέση, μέγεθος και σαφή λεκτική διατύπωση, χωρίς να χρειάζονται επιθετικά μηνύματα.
Η κύρια πλοήγηση πρέπει να αντέχει σε μικρή οθόνη
Η κύρια πλοήγηση χρειάζεται να παραμένει σύντομη. Σε ένα κινητό, κάθε επιπλέον επιλογή αυξάνει το οπτικό βάρος και μπορεί να κρύψει τις πραγματικά σημαντικές διαδρομές. Οι βασικές κατηγορίες είναι προτιμότερο να είναι ευρείες και κατανοητές, ενώ οι λεπτομέρειες να εμφανίζονται μέσα στις αντίστοιχες σελίδες. Το μενού δεν πρέπει να επαναλαμβάνει κάθε σύνδεσμο που υπάρχει στην ιστοσελίδα. Στόχος του είναι να προσφέρει σταθερά σημεία προσανατολισμού. Ελέγχουμε επίσης ότι ανοίγει και κλείνει με προβλέψιμο τρόπο, ότι η τρέχουσα θέση είναι κατανοητή και ότι το περιεχόμενο δεν καλύπτεται από μόνιμα στοιχεία.
Η διαδρομή κράτησης χρειάζεται συνέχεια, όχι εκπλήξεις
Η διαδρομή κράτησης αρχίζει πριν από το σύστημα διαθεσιμότητας. Ξεκινά όταν ο επισκέπτης βλέπει ένα δωμάτιο, μια προσφορά ή μια γενική ενέργεια κράτησης. Αν το επόμενο βήμα αλλάζει ξαφνικά εμφάνιση, γλώσσα ή ορολογία, πρέπει τουλάχιστον να είναι σαφές ότι η διαδικασία συνεχίζεται. Τα κουμπιά πρέπει να περιγράφουν αυτό που κάνουν και να μην στέλνουν τον χρήστη σε άσχετη σελίδα. Εφόσον η κράτηση γίνεται σε εξωτερικό περιβάλλον, η μετάβαση χρειάζεται να έχει δοκιμαστεί από κινητό και υπολογιστή και να μεταφέρει σωστά όσα στοιχεία υποστηρίζει η πραγματική σύνδεση.
Οι φόρμες ζητούν μόνο ό,τι χρειάζεται
Μια φόρμα επικοινωνίας δεν χρειάζεται να λειτουργεί ως δεύτερο σύστημα κράτησης, εκτός αν αυτό αποτελεί συγκεκριμένη απαίτηση. Για μια απλή ερώτηση, λίγα πεδία είναι συνήθως αρκετά: στοιχεία επικοινωνίας, θέμα και μήνυμα. Όταν ζητούνται πολλές πληροφορίες χωρίς εξήγηση, ο χρήστης επιβαρύνεται και η επιχείρηση συγκεντρώνει δεδομένα που ίσως δεν χρειάζεται. Το μήνυμα επιβεβαίωσης πρέπει να εξηγεί ότι η αποστολή έγινε και τι μπορεί να περιμένει ο επισκέπτης, χωρίς να υπόσχεται χρόνο απάντησης αν αυτός δεν έχει οριστεί από την επιχείρηση.
Πίνακας αποφάσεων διεπαφής
| Σημείο | Κύρια απόφαση | Έλεγχος |
|---|---|---|
| Αρχική | Να εξερευνήσω ή να ελέγξω διαθεσιμότητα; | Δύο καθαρές διαδρομές χωρίς οπτικό ανταγωνισμό |
| Δωμάτιο | Μου ταιριάζει αυτή η επιλογή; | Χαρακτηριστικά και επόμενη ενέργεια κοντά μεταξύ τους |
| Παροχές | Καλύπτει τις ανάγκες μου; | Ομαδοποίηση και εύκολη σάρωση |
| Κράτηση | Μπορώ να προχωρήσω με ασφάλεια; | Συνεπής ορολογία και προβλέψιμη μετάβαση |
| Επικοινωνία | Πώς στέλνω μια ειδική ερώτηση; | Μικρή φόρμα και σαφής επιβεβαίωση |
Ο έλεγχος γίνεται με πραγματικές διαδρομές
Δεν αρκεί να εξετάσουμε ξεχωριστές οθόνες. Χρειάζεται να ολοκληρώσουμε σενάρια: να μπούμε από την αρχική, να βρούμε ένα δωμάτιο, να διαβάσουμε παροχές, να ελέγξουμε τοποθεσία και να ξεκινήσουμε τη διαδικασία κράτησης. Έπειτα επαναλαμβάνουμε από μικρή οθόνη, με διαφορετικό σημείο εισόδου, για παράδειγμα απευθείας σε μια σελίδα δωματίου. Έτσι εντοπίζονται νεκρά άκρα, κουμπιά που δεν έχουν νόημα εκτός αρχικής και πληροφορίες που εμφανίζονται μόνο σε μία διαδρομή. Η χρηστικότητα είναι ιδιότητα της συνολικής πορείας, όχι μόνο της εμφάνισης.
Η οπτική συνέπεια μειώνει τον χρόνο κατανόησης
Όταν ίδια είδη ενεργειών εμφανίζονται με διαφορετικό σχήμα, θέση ή λεκτικό, ο χρήστης πρέπει κάθε φορά να ξαναερμηνεύει τη σελίδα. Η συνέπεια στα κουμπιά, στις κάρτες δωματίων, στα πεδία φόρμας και στα μηνύματα κατάστασης δημιουργεί προβλεψιμότητα. Δεν σημαίνει ότι κάθε σελίδα πρέπει να είναι πανομοιότυπη. Σημαίνει ότι η ίδια λειτουργία μοιάζει και συμπεριφέρεται με τον ίδιο τρόπο. Αυτό είναι ιδιαίτερα σημαντικό σε μικρές οθόνες, όπου ο διαθέσιμος χώρος είναι περιορισμένος και η ιεράρχηση πρέπει να παραμένει καθαρή.
Σημεία κινδύνου πριν τη δημοσίευση
Ελέγχουμε ιδιαίτερα μόνιμα αναδυόμενα στοιχεία που καλύπτουν περιεχόμενο, κουμπιά που αλλάζουν θέση από σελίδα σε σελίδα, φόρμες χωρίς σαφή μηνύματα σφάλματος, εικόνες που σπρώχνουν το χρήσιμο περιεχόμενο πολύ χαμηλά και συνδέσμους κράτησης που δεν οδηγούν εκεί που υπόσχονται. Ελέγχουμε ακόμη ότι η ιστοσελίδα παραμένει λειτουργική όταν μια εικόνα αργεί να εμφανιστεί και ότι οι βασικές πληροφορίες δεν εξαρτώνται αποκλειστικά από κινούμενα στοιχεία. Για συμπληρωματική ανάγνωση υπάρχουν ο γενικός οδηγός ξενοδοχειακής ιστοσελίδας, μια σχετική πρακτική ενότητα και ένα επιπλέον θέμα.
Η απλότητα είναι αποτέλεσμα επιλογών
Μια ήρεμη διεπαφή δεν προκύπτει επειδή λείπει περιεχόμενο. Προκύπτει επειδή κάθε στοιχείο έχει σαφή προτεραιότητα. Το ξενοδοχείο χρειάζεται να αποφασίσει ποια ενέργεια είναι σημαντικότερη, ποιες πληροφορίες πρέπει να είναι άμεσα προσβάσιμες και ποια στοιχεία μπορούν να περιμένουν πιο κάτω στη σελίδα. Μετά, η ομάδα σχεδίασης δοκιμάζει αν αυτή η ιεραρχία επιβιώνει σε διαφορετικές οθόνες και πραγματικές διαδρομές. Δοκιμάστε τη διαδρομή σαν επισκέπτης που βλέπει το ξενοδοχείο για πρώτη φορά και αφαιρέστε κάθε βήμα που δεν εξυπηρετεί πραγματική απόφαση.
Τα μηνύματα λάθους είναι μέρος της διαδρομής
Μια διεπαφή δεν αξιολογείται μόνο όταν όλα πηγαίνουν σωστά. Χρειάζεται να σχεδιάζεται και για τη στιγμή που λείπει ένα υποχρεωτικό πεδίο, μια ημερομηνία δεν γίνεται αποδεκτή ή μια εξωτερική λειτουργία δεν απαντά. Το μήνυμα πρέπει να εξηγεί τι συνέβη, τι μπορεί να διορθώσει ο χρήστης και ποιο είναι το επόμενο βήμα. Ένα γενικό «σφάλμα» χωρίς οδηγία μετατρέπει μικρό πρόβλημα σε αδιέξοδο.
Οι επιβεβαιώσεις είναι εξίσου σημαντικές. Μετά την αποστολή φόρμας ή άλλης κρίσιμης ενέργειας, ο επισκέπτης πρέπει να γνωρίζει ότι η ενέργεια ολοκληρώθηκε και τι θα ακολουθήσει. Η ορατή κατάσταση μειώνει τα διπλά πατήματα και την αβεβαιότητα για το αν το αίτημα καταγράφηκε.
Η διεπαφή πρέπει να αντέχει σε πραγματικό περιεχόμενο
Τα σχέδια συχνά δείχνουν ιδανικούς τίτλους και μικρές περιγραφές. Στην πραγματική λειτουργία, όμως, ένα όνομα δωματίου μπορεί να είναι μεγαλύτερο, μια πολιτική να χρειάζεται περισσότερες γραμμές και μια μετάφραση να καταλαμβάνει περισσότερο χώρο. Πριν κλειδώσει η διεπαφή, πρέπει να δοκιμαστεί με τις μεγαλύτερες ρεαλιστικές τιμές και με κανονικές φωτογραφίες του ξενοδοχείου.
Έτσι αποκαλύπτονται προβλήματα που δεν φαίνονται σε ένα καθαρό προσχέδιο: κουμπιά που σπάνε σε δύο γραμμές, τίτλοι που σπρώχνουν σημαντικές πληροφορίες χαμηλότερα και κάρτες που παύουν να είναι συγκρίσιμες. Η ανθεκτικότητα στο πραγματικό περιεχόμενο είναι βασικό κριτήριο πριν από την τελική έγκριση.
Η σειρά των πληροφοριών πρέπει να μένει σταθερή
Όταν παρόμοιες σελίδες, όπως οι σελίδες δωματίων, χρησιμοποιούν διαφορετική σειρά για τα ίδια στοιχεία, ο επισκέπτης χρειάζεται κάθε φορά να ξαναμάθει τη διάταξη. Η συνέπεια στη θέση φωτογραφιών, βασικών χαρακτηριστικών, παροχών και ενέργειας κράτησης κάνει τη σύγκριση πιο εύκολη. Οι εξαιρέσεις πρέπει να υπάρχουν μόνο όταν ένα δωμάτιο έχει πραγματικά διαφορετική πληροφορία που δικαιολογεί αλλαγή στη σειρά.
Στον τελικό έλεγχο πρέπει επίσης να δοκιμάζονται οι βασικές επιλογές με πραγματικό ρυθμό χρήσης και όχι μόνο με προσεκτική περιήγηση από την ομάδα κατασκευής. Έτσι φαίνονται γρήγορα τα σημεία που απαιτούν περιττή σκέψη ή επανάληψη.