Προσφορά σχεδίασης ιστοσελίδας: το λίστα ελέγχου που ξεκαθαρίζει το εύρος έργου

Η προσφορά σχεδίασης ιστοσελίδας πρέπει να απαντά σε κάτι πιο συγκεκριμένο από το «πόσο κοστίζει ο σχεδιασμός». Χρειάζεται να ορίζει ποιο πρόβλημα εμπειρίας χρήστη λύνεται, ποιο υλικό υπάρχει ήδη, πόσα διαφορετικά πρότυπα χρειάζονται, πώς θα γίνει η προσαρμογή σε κινητές συσκευές και ποιος εγκρίνει κάθε στάδιο. Όσο πιο σαφής είναι η δημιουργική και λειτουργική απαίτηση, τόσο λιγότερο η συνεργασία εξαρτάται από υποκειμενικές φράσεις όπως «κάν’ το πιο μοντέρνο». Ένα καλό σχεδιασμός σύντομη προδιαγραφή μετατρέπει την αισθητική συζήτηση σε ελέγξιμες αποφάσεις.

Λίστα απαιτήσεων πριν ζητήσετε τελική τιμή

• Εμπορική ταυτότητα βάση: λογότυπο, χρώματα, γραμματοσειρές, οδηγίες ύφους και όσα πρέπει να διατηρηθούν.
• Κοινό: κύριες κατηγορίες χρηστών, ανάγκες, συχνές απορίες και επίπεδο εξοικείωσης με την υπηρεσία.
• Περιεχόμενο: ποια κείμενα και πολυμέσα υπάρχουν, ποια λείπουν και ποιος τα εγκρίνει.
• Πρότυπα: λίστα διαφορετικών τύπων σελίδων, όχι μόνο συνολικό πλήθος διευθύνσεις.
• Δομικά στοιχεία: επαναχρησιμοποιούμενα στοιχεία όπως κάρτες, πτυσσόμενες ενότητες, φόρμες, πίνακες και προτροπές ενέργειας ενότητες.
• Προσαρμοζόμενος σχεδιασμός: προτεραιότητες για κινητό, τάμπλετ και υπολογιστή, όχι απλώς «να προσαρμόζεται σωστά».
• Καταστάσεις: κενές, σφάλματος, επιτυχίας και επικύρωσης καταστάσεις για διαδραστικά στοιχεία.
• Παράδοση: αρχεία, σύστημα σχεδιασμού, σχόλια, παράδοση προδιαγραφών και κανόνες για μελλοντικές σελίδες.

Αρχιτεκτονική πληροφορίας πριν από τα χρώματα

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

Πόσο προσαρμοσμένο χρειάζεται πραγματικά

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

εμπειρία χρήστη και περιεχόμενο σχεδιάζονται μαζί

Το εμπειρία χρήστη (Εμπειρία Χρήστη, User Experience) επηρεάζεται από το τι λέει η σελίδα, όχι μόνο από τη διάταξη. Ένας τίτλος, ένα προτροπή ενέργειας, μια λίστα προϋποθέσεων ή ένα συχνές ερωτήσεις αλλάζουν τον τρόπο που ο χρήστης προχωρά. Για αυτό η προσφορά πρέπει να ορίζει αν ο σχεδιασμός θα γίνει με πραγματικό περιεχόμενο ή με προσωρινά κείμενα και ποιος αναλαμβάνει την προσαρμογή όταν αλλάξει το μήκος. Το σχεδιασμός με αληθινό υλικό αποκαλύπτει νωρίτερα προβλήματα ιεραρχίας που δεν φαίνονται με προσωρινά κείμενα.

Προσαρμοζόμενο δεν σημαίνει απλή σμίκρυνση

Σε μικρή οθόνη αλλάζει η προτεραιότητα. Μεγάλα μενού γίνονται συμπαγή, πίνακες χρειάζονται άλλη παρουσίαση, εικόνες κόβονται διαφορετικά και δευτερεύοντα στοιχεία μπορεί να μετακινούνται χαμηλότερα. Ζητήστε να σχεδιαστούν κρίσιμες καταστάσεις και όχι μόνο μία αρχική σελίδα σε τρία πλάτη. Αν υπάρχουν σύνθετα δομικά στοιχεία, αυτά χρειάζονται πραγματικές προσαρμοζόμενο αποφάσεις. Μια προσφορά που περιγράφει μόνο υπολογιστή μακέτες αφήνει σημαντικό μέρος της εμπειρίας αόριστο.

Προσβασιμότητα ως σχεδιασμός απαίτηση

Η οπτική σχεδίαση πρέπει να λαμβάνει υπόψη αναγνωσιμότητα, αντίθεση, σαφή εστίαση καταστάσεις και προβλέψιμη πλοήγηση. Τα ετικέτες σε φόρμες, η διάκριση μεταξύ ενεργών και ανενεργών στοιχείων και το μέγεθος των πατήσιμων περιοχών επηρεάζουν πραγματική χρήση. Δεν χρειάζεται η προσφορά να υπόσχεται αόριστα «100% προσβασιμότητα». Χρειάζεται να δηλώνει ποια πρακτικά κριτήρια θα εξεταστούν και ποια στοιχεία χρειάζονται συνεργασία με υλοποίηση και περιεχόμενο.

Κύκλοι διορθώσεων χωρίς ατέρμονη ανατροφοδότηση

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

Παράδοση προς υλοποίηση και επόμενες σελίδες

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

Η σωστή προσφορά σχεδιασμός περιγράφει αποφάσεις, όχι μόνο οθόνες

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

Πόσα πρότυπα σελίδων χρειάζονται πραγματικά

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

Οπτική κατεύθυνση και επιχειρηματικός τόνος

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

Πώς περνά ο σχεδιασμός στην υλοποίηση

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

Τι πρέπει να εγκρίνεται σε κάθε στάδιο

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

Σχεδιασμός αξιολόγηση με κοινό λεξιλόγιο

Πριν ξεκινήσουν τα αξιολόγησηs, συμφωνήστε τι σημαίνουν όροι όπως «πιο καθαρό», «πιο ανώτερης ποιότητας» ή «πιο δυναμικό». Μεταφράστε τους σε παρατηρήσιμες επιλογές: λιγότερα στοιχεία ανά οθόνη, διαφορετική ιεραρχία, μεγαλύτερο αντίθεση, περισσότερος λευκός χώρος ή πιο εμφανής κύρια ενέργεια. Έτσι το ανατροφοδότηση γίνεται συγκεκριμένο και μειώνονται κύκλοι όπου οι ίδιοι όροι ερμηνεύονται διαφορετικά από κάθε πλευρά. Το σχεδιασμός προχωρά γρηγορότερα όταν οι παρατηρήσεις συνδέονται με σκοπό και χρήστη.

Τι δεν πρέπει να μείνει μόνο σε στιγμιότυπο οθόνης

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