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