Τι είναι το Storyboarding στο Web Design;

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

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

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

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

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