Σκεφτείτε σαν ξένοι όταν εξετάζετε και αξιολογείτε ιστότοπους.
Πίστωση εικόνας: pichet_w/iStock/Getty Images
Για να δείτε τον δικό σας ιστότοπο αρκετά αμερόληπτα για να αποφασίσετε εάν εξυπηρετεί τις ανάγκες των επισκεπτών ή να κάνετε μια κριτική που παρέχει στοιχεία για ένα έργο επανασχεδιασμού, χρειάζεστε δύο πράγματα: ένα λογικό μάτι για το τι κάνει ο ιστότοπος και μια αιτιολογημένη ανάλυση του πώς μπορεί βελτιώσει. Αποφύγετε την κριτική που βασίζεται αποκλειστικά σε αυτά που σας αρέσουν και όχι σε αυτά που επιτυγχάνει ή δεν τα πάει καλά ένας ιστότοπος. Οργανώστε τις εντυπώσεις σας λογικά για να προσφέρετε χρήσιμες πληροφορίες για τη λειτουργικότητα του ιστότοπου.
Πρακτικές Πρώτα
Οι πρώτες εντυπώσεις μπορούν να καθορίσουν εάν ένας επισκέπτης του ιστότοπου μένει αρκετό καιρό ώστε να προβάλει περισσότερα από την αρχική σελίδα. Εάν προσγειωθείτε σε έναν ιστότοπο και δεν μπορείτε να πείτε τι επιτυγχάνει, προσδιορίστε το κοινό του και ανακαλύψτε σε ποιον ανήκει. Στη συνέχεια, αποκρυπτογραφήστε -- ή βρείτε -- το σύστημα πλοήγησής του. Οι σχεδιαστές του έβαλαν τη φόρμα αρκετά πάνω από τη λειτουργία για να δημιουργήσουν σύγχυση; Ο Vincent Flanders, προγραμματιστής και επιμελητής του Web Pages That Suck, επινόησε τον όρο "mystery meat navigation" για να υποδηλώνει οποιοδήποτε σύστημα μενού και συνδέσμων που προσπαθεί τόσο σκληρά να είναι έξυπνο που γίνεται δοκιμή, αντί να προσφέρει βοήθεια. Ανάμεσα στα πολλά πράγματα που δεν θέλετε να κάνει ένας ιστότοπος, το να εμποδίζετε την ικανότητα των επισκεπτών να απορροφούν κρίσιμα μηνύματα και πληροφορίες κατατάσσονται στην κορυφή της λίστας των αμαρτιών.
Το βίντεο της ημέρας
Οπτική Αξιολόγηση
Μόλις καταγράψετε τις παρατηρήσεις σας σχετικά με την προσβασιμότητα του ιστότοπου, προχωρήστε σε μια εκτίμηση αισθητικών κριτηρίων. Εστιάστε όχι στο αν σας αρέσει η εμφάνιση, αλλά στο αν αναδεικνύει το θέμα, παρέχει μια ευανάγνωστη εμπειρία και συμμορφώνεται με σταθερές αρχές σχεδιασμού. Αναζητήστε σκληρούς συνδυασμούς χρωμάτων, συμπεριλαμβανομένου του ανοιχτού τύπου σε ανοιχτόχρωμα φόντο, και σημειώστε τη χρήση σελίδων που αντιστρέφονται προς τα έξω ή τοποθετείτε ένα σκούρο φόντο πίσω από ανοιχτόχρωμο τύπο. Αξιολογήστε τη σύνδεση μεταξύ της εμφάνισης του ιστότοπου και της συνολικής επωνυμίας του, καθώς και πόσο συνεκτικά ταιριάζουν ο σχεδιασμός και ο συνδυασμός χρωμάτων στον τύπο της οντότητας που κατέχει τον ιστότοπο.
Λειτουργική Λογική
Ένας ιστότοπος που κατακερματίζει το περιεχόμενο σε πολλές υποσελίδες για να αυξήσει τις προβολές σελίδας ή που παραμελεί να εφαρμόζει τα σχήματα πλοήγησης με συνέπεια μεταξύ των σελίδων και ενότητες, προσθέτει δυσκολία στην εμπειρία των επισκεπτών, είτε σε μια προσπάθεια να εμποδίσει τους ανθρώπους να φύγουν είτε ως απόδειξη ότι ο ιστότοπος αναπτύχθηκε χωρίς την κατάλληλη σχεδίαση. Δοκιμάστε την ικανότητά σας να βρείτε κάτι που γνωρίζετε ότι πρέπει να υπάρχει -- μια σελίδα επικοινωνίας, μια σελίδα Σχετικά με εμάς, ένα προφίλ της εταιρείας ή του ατόμου που κατέχει τον ιστότοπο -- και σημειώστε πόσο απλή ή περίπλοκη είναι η διαδικασία γίνεται. Καταχωρίστε αναλυτικά τις ενότητες του ιστότοπου και αναλύστε πώς οργανώνουν το υλικό του. Η αμερόληπτη εξέταση αυτών των στοιχείων γίνεται πιο δύσκολη όταν εξετάζετε τον δικό σας ιστότοπο, φυσικά, αλλά η κριτική σας στηρίζεται ή πέφτει στην ικανότητά σας να σκέφτεστε σαν επισκέπτης.
Κριτική Κωδικοποίησης
Ακόμη και απλοί ιστότοποι μπορούν να βασίζονται σε μεγάλους όγκους σεναρίων, κώδικα CSS και άλλα παρασκήνια. Ορισμένοι από αυτόν τον κώδικα κόβουν τις γωνίες για να κάνουν τις σχεδιαστικές ιδέες να λειτουργούν χωρίς να βρίσκουν τους καλύτερους τρόπους προγραμματισμού ενός ιστότοπου. Ορισμένα από αυτά επιβραδύνουν τους χρόνους φόρτωσης της σελίδας. Ακόμη χειρότερα, ορισμένα από αυτά παραβιάζουν τις βασικές αρχές της HTML και της CSS. Καθώς εξετάζετε έναν ιστότοπο, αναζητήστε προβλήματα με τον τρόπο που παρέχει τη διαδραστική του εμπειρία: στοιχεία μενού που δεν λειτουργεί, σύνδεσμοι που τοποθετούν περιεχόμενο σελίδας εκτός τοποθεσίας σε σελίδες του ιστότοπου, κώδικας που ενεργοποιεί μηνύματα σφάλματος στο πρόγραμμα περιήγησης. Για μια διαφωτιστική ματιά στη συμμόρφωση, συνδέστε τη διεύθυνση μιας σελίδας στις ρουτίνες επικύρωσης στο W3Schools.com (δείτε Πόρους) και αναζητήστε αποτυχίες συμμόρφωσης με τα πρότυπα κώδικα.
Αναθεώρηση περιεχομένου
Ένα από τα τελικά τεστ για την αξία μιας ιστοσελίδας έγκειται στο περιεχόμενο που παρουσιάζει. Ένας όμορφος, εύκολος στην πλοήγηση ιστότοπος με τυπογραφικά και γραμματικά λάθη στο κείμενό του θα πρέπει να σκοράρει τόσο χαμηλά όσο ένας άσχημος, πολυσύχναστος ιστότοπος με λαμπρή πρόζα και όμορφες εικόνες. Οι σχεδιαστές ιστοσελίδων μπορούν να εμπλακούν στο gestalt ή στην επισκόπηση των τοποθεσιών τους χωρίς να διαβάσουν και να αναθεωρήσουν αυτά που λένε και δείχνουν. Φυσικά, εάν σχεδιάζετε έναν ιστότοπο για κάποιον άλλο και ο κάτοχος του ιστότοπου παρέχει το περιεχόμενό του, ενδέχεται να έχετε περιορισμένο έλεγχο σε αυτό που πραγματικά λέει, τόσο προφορικά όσο και οπτικά. Ωστόσο, η εμφάνιση ενός ιστότοπου δεν μπορεί να υπερισχύει των μηνυμάτων που μεταφέρει. Χωρίς πραγματική ουσία, ένας ιστότοπος γίνεται ένα άδειο κέλυφος.