Web design: από τη δημιουργική ιδέα στη λειτουργική ιστοσελίδα
Ο web design οδηγός για επιτυχία και δημιουργικότητα αρχίζει από μια αντίφαση που αξίζει να λυθεί: μια ιστοσελίδα πρέπει να έχει ιδιαίτερη ταυτότητα, αλλά ο επισκέπτης πρέπει να τη χρησιμοποιεί χωρίς να μαθαίνει από την αρχή πώς λειτουργεί. Η δημιουργικότητα έχει αξία όταν βοηθά να αναδειχθεί το μήνυμα, όχι όταν το κρύβει. Γι’ αυτό η διαδικασία χρειάζεται χώρο για ιδέες, μαζί με σαφή σημεία αξιολόγησης. Κάθε στάδιο παράγει κάτι που μπορεί να συζητηθεί, να διορθωθεί και να παραδοθεί χωρίς να χαθεί ο αρχικός σκοπός.
Στάδιο 1: ανακαλύψτε την πραγματική αποστολή
Πριν από το πρώτο σκίτσο, διατυπώστε ποιον εξυπηρετεί η ιστοσελίδα και ποια εργασία πρέπει να διευκολύνει. Η αποστολή μπορεί να είναι η παρουσίαση ενός έργου, η οργάνωση ραντεβού ή η πώληση προϊόντων. Δώστε προτεραιότητα στις ενέργειες που έχουν πραγματική αξία και καταγράψτε τα εμπόδια που συναντά σήμερα το κοινό σας.
Μη μετατρέπετε κάθε στόχο σε αόριστο σύνθημα όπως «να είμαστε οι καλύτεροι». Περιγράψτε τι θα μπορεί να κάνει κάποιος μετά την επίσκεψη και ποια πληροφορία θα χρειαστεί. Το πρώτο παραδοτέο είναι μια σύντομη στρατηγική με κοινό, στόχους, ενδεχόμενους περιορισμούς και κριτήρια αποδοχής.
Στάδιο 2: οργανώστε πληροφορίες πριν από σελίδες
Συγκεντρώστε τα βασικά θέματα, τις υπηρεσίες, τις συχνές ερωτήσεις και τις επιθυμητές ενέργειες. Χτίστε χάρτη περιεχομένου με καθαρές ονομασίες και λογική σχέση ανάμεσα στις ενότητες. Μια επιτυχημένη αρχιτεκτονική πληροφορίας δεν απαιτεί από τον επισκέπτη να γνωρίζει την εσωτερική ορολογία της επιχείρησης.
Χρησιμοποιήστε πραγματικούς τίτλους αντί για γενικές θέσεις με άγνωστο μελλοντικό περιεχόμενο. Η Google στις οδηγίες ποιότητας τονίζει το χρήσιμο, πρωτότυπο περιεχόμενο που προσφέρει ουσιαστική αξία. Αυτό ενισχύει την ανάγκη να εξηγείτε με σαφήνεια το θέμα κάθε σελίδας αντί να γεμίζετε την επιφάνεια με άδειες υποσχέσεις.
Στάδιο 3: βρείτε δημιουργική κατεύθυνση
Η ταυτότητα της ιστοσελίδας πρέπει να συνδέεται με τη φωνή της επιχείρησης και τις προσδοκίες των επισκεπτών. Εξετάστε χρώματα, τυπογραφία, φωτογραφικό ύφος και ρυθμό διάταξης. Φτιάξτε εναλλακτικές κατευθύνσεις που διαφέρουν ουσιαστικά: για παράδειγμα μια αυστηρή, πληροφοριακή παρουσία και μια πιο εκφραστική, οπτική αφήγηση.
Αξιολογήστε κάθε κατεύθυνση με ερωτήσεις: διαβάζονται εύκολα οι τίτλοι, ξεχωρίζει η βασική ενέργεια, αναγνωρίζεται το περιεχόμενο και είναι εφικτή η υλοποίηση; Η πρωτοτυπία που εμποδίζει την πλοήγηση δεν είναι τελικό πλεονέκτημα. Το παραδοτέο αυτού του σταδίου είναι αιτιολογημένη επιλογή ύφους και όχι απλώς ένα σύνολο όμορφων εικόνων.
Στάδιο 4: χαρτογραφήστε τις διαδρομές επισκέπτη
Ένας επισκέπτης μπορεί να φτάσει σε εσωτερικό άρθρο αντί στην αρχική σελίδα. Άλλος θα έρθει από μήνυμα που αφορά συγκεκριμένη υπηρεσία. Σχεδιάστε βασικές διαδρομές από κάθε σημαντικό σημείο εισόδου προς την επόμενη χρήσιμη ενέργεια. Η πλοήγηση πρέπει να βοηθά χωρίς να υποχρεώνει τον άνθρωπο να επιστρέφει συνεχώς στην αρχή.
Προσθέστε δύσκολες καταστάσεις: μηδενικά αποτελέσματα αναζήτησης, ελλιπή πεδία φόρμας και ακύρωση μιας ενέργειας. Όταν οι διαδρομές περιγράφονται νωρίς, οι σχεδιαστικές αποφάσεις γίνονται πιο συγκεκριμένες. Το παραδοτέο είναι ένα σύνολο σεναρίων που θα χρησιμοποιηθεί και στους τελικούς ελέγχους.
Στάδιο 5: προσχέδια και πρωτότυπα
Ξεκινήστε από βασικά περιγράμματα ώστε να ελεγχθούν η σειρά πληροφοριών και οι σχέσεις μεταξύ ενοτήτων. Στη συνέχεια περάστε σε πιο λεπτομερές πρωτότυπο με πραγματικά κείμενα, ενδεικτικές εικόνες και βασική αλληλεπίδραση. Κάθε αύξηση λεπτομέρειας πρέπει να λύνει κάποιο ερώτημα και όχι απλώς να παρουσιάζει μια πιο γυαλισμένη εικόνα.
Δοκιμάστε το πρωτότυπο με έναν άνθρωπο που δεν συμμετείχε στον σχεδιασμό. Ζητήστε να βρει μια υπηρεσία, να διαβάσει τους όρους ή να ξεκινήσει ένα αίτημα. Παρατηρήστε πού διστάζει χωρίς να του υποδείξετε διαδρομή. Η ανακάλυψη ενός αδιεξόδου σε αυτό το στάδιο είναι πολύ χρησιμότερη από τη διαπίστωσή του μετά την κατασκευή.
Στάδιο 6: οπτική συνοχή σε όλα τα πρότυπα
Μετατρέψτε την επιλεγμένη κατεύθυνση σε σύνολο κανόνων. Ορίστε ενδεικτικά τη χρήση επικεφαλίδων, κειμένου, συνδέσμων, καρτών και κουμπιών. Η σταθερότητα κάνει την εμπειρία προβλέψιμη, ενώ αφήνει περιθώριο για δημιουργικές διαφοροποιήσεις σε ιστορίες, φωτογραφίες και ειδικές σελίδες.
Δοκιμάστε κάθε στοιχείο με διαφορετικά μήκη κειμένου. Μια διάταξη που στηρίζεται σε όλα τα πλαίσια να έχουν ίδιες λέξεις δεν θα αντέξει πραγματική ενημέρωση. Ο ευρύτερος οδηγός δημιουργίας ιστοσελίδας μπορεί να συμπληρώσει την οργάνωση των επόμενων τεχνικών βημάτων.
Στάδιο 7: υλοποίηση με προτεραιότητα στη χρήση
Κατά την ανάπτυξη, οι εικόνες μετατρέπονται σε πραγματικά στοιχεία που πρέπει να δουλεύουν με αφή και πληκτρολόγιο. Ελέγξτε πως η διάταξη προσαρμόζεται σε πολλά πλάτη, πως τα ονόματα ενεργειών είναι κατανοητά και πως εμφανίζονται μηνύματα όταν κάτι δεν ολοκληρώνεται. Η λειτουργία δεν πρέπει να θεωρείται αυτονόητη επειδή έχει εγκριθεί το σχέδιο.
Διατηρήστε σωστή δομή τίτλων και κοινή λογική πλοήγησης. Αν απαιτούνται επιπλέον δεδομένα ή συνδέσεις με άλλες υπηρεσίες, ορίστε τι θα συμβεί όταν η εξωτερική εξάρτηση δεν ανταποκρίνεται. Το παραδοτέο αυτής της φάσης είναι λειτουργικό περιβάλλον δοκιμών, όχι ακόμη τελική υπόσχεση παραγωγικής διαθεσιμότητας.
Η δημιουργική επιμέλεια του μικροκειμένου
Συχνά η ποιότητα κρίνεται από λίγες λέξεις: το όνομα ενός κουμπιού, το μήνυμα κενού αποτελέσματος ή την οδηγία δίπλα σε ένα πεδίο. Αυτά τα μικρά κείμενα χρειάζονται την ίδια φροντίδα με τον μεγάλο τίτλο, επειδή εμφανίζονται ακριβώς τη στιγμή μιας απόφασης. Μια σαφής διατύπωση μπορεί να αποτρέψει λάθος πριν προκύψει.
Συγκεντρώστε τις κρίσιμες μικρές διατυπώσεις σε κατάλογο και ελέγξτε την κατανόησή τους με ανθρώπους εκτός ομάδας. Η δημιουργικότητα λειτουργεί καλύτερα όταν δεν θυσιάζει την ακρίβεια των οδηγιών.
Στάδιο 8: έλεγχος περιεχομένου και αναζήτησης
Πριν από τη δημοσίευση διαβάστε κάθε κύρια σελίδα σαν αυτόνομη απάντηση σε πραγματικό ερώτημα. Ο τίτλος πρέπει να συμφωνεί με την ενότητα και η περιγραφή να μην υπόσχεται κάτι που δεν υπάρχει. Ελέγξτε εσωτερικούς συνδέσμους, περιγραφές εικόνων και τη συνέχεια της ανάγνωσης σε κινητές συσκευές.
Η βελτιστοποίηση για αναζήτηση δεν αντικαθιστά την ουσία. Αναζητήστε επαναλαμβανόμενες παραγράφους, ασαφείς ισχυρισμούς και σελίδες που δεν προσθέτουν νέα πληροφορία. Για επιπλέον εμβάθυνση υπάρχει ο οδηγός βελτιστοποίησης ιστοσελίδας. Η ποιότητα περιεχομένου είναι μέρος του σχεδιασμού και όχι συμπλήρωμα μετά από αυτόν.
Στάδιο 9: δοκιμές με πραγματικές συνθήκες
Χρησιμοποιήστε τα αρχικά σενάρια για να ελέγξετε αν ο άνθρωπος ολοκληρώνει τις εργασίες του. Επιβεβαιώστε τη λειτουργία σε διαφορετικά πλάτη, τη διαχείριση σφαλμάτων, τις φόρμες και τα κουμπιά. Εξετάστε την πρώτη φόρτωση χωρίς προηγούμενη αποθήκευση, καθώς και την επαναφορά μετά από προσωρινή αποτυχία σύνδεσης.
Καταγράψτε τις δοκιμές ως επιτυχείς, αποτυχημένες ή μη εκτελεσμένες. Μην μετατρέπετε τις εκκρεμότητες σε θεωρητικά επιτυχή αποτελέσματα. Οι διορθώσεις επανελέγχονται και οι κρίσιμες διαδρομές δοκιμάζονται ξανά, ώστε μια αλλαγή σε μενού ή φόρμα να μην ακυρώσει προηγούμενη λειτουργία.
Στάδιο 10: δημοσίευση και αρχική παρακολούθηση
Η δημοσίευση περιλαμβάνει αντίγραφα όπου χρειάζονται, έλεγχο πραγματικών διευθύνσεων και επιβεβαίωση ότι οι ενέργειες φτάνουν στον σωστό παραλήπτη. Αν η νέα σελίδα αντικαθιστά παλιές διευθύνσεις, οργανώστε τη συνέχεια των συνδέσμων. Ελέγξτε ξανά τις βασικές φόρμες μετά τη μετάβαση στο περιβάλλον παραγωγής.
Η πρώτη περίοδος παρακολούθησης δεν κρίνει την επιτυχία από τον αριθμό επισκέψεων και μόνο. Εντοπίστε πού εγκαταλείπονται σημαντικές διαδικασίες, ποια ερωτήματα επαναλαμβάνονται και ποιο περιεχόμενο δημιουργεί σύγχυση. Τα ευρήματα μετατρέπονται σε προτεραιότητες βελτίωσης με συγκεκριμένο ιδιοκτήτη.
Στάδιο 11: βελτίωση χωρίς απώλεια ταυτότητας
Μια ζωντανή ιστοσελίδα δεν πρέπει να παγώνει μόλις δημοσιευθεί. Η ομάδα μπορεί να βελτιώνει κείμενα, ροές και οπτικά στοιχεία βάσει πραγματικών αναγκών, χωρίς να αλλάζει συνεχώς όλο το ύφος. Διατηρήστε αρχείο αποφάσεων ώστε να γνωρίζετε τι δοκιμάστηκε, τι άλλαξε και γιατί.
Η δημιουργικότητα έχει μεγαλύτερη διάρκεια όταν στηρίζεται σε καθαρή στρατηγική. Ένα ιδιαίτερο τυπογραφικό στοιχείο ή μια πρωτότυπη παρουσίαση αξίζει να διατηρηθεί αν βοηθά τον αναγνώστη να καταλάβει. Αν δημιουργεί σύγχυση, ξανασχεδιάστε τη λειτουργία του αντί να υπερασπίζεστε την αισθητική ως αυτοσκοπό.