Πορτρέτο του Ξενοφών Απάκη
Ξενοφών Απάκης
Web designer και developer από το 1997

web designer

web designer

· Με δύο λόγια

Τι κάνει ένας web designer, ποια παραδοτέα χρειάζονται, πώς ορίζεται το εύρος και με ποια κριτήρια αξιολογείτε μια πρόταση συνεργασίας..

Web designer: τι αναλαμβάνει και τι να ζητήσετε πριν την ανάθεση

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

Ο βασικός ρόλος στην πράξη

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

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

Τι δεν περιλαμβάνεται αυτομάτως

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

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

Η αρχική καταγραφή που πρέπει να παραδώσετε

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

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

Προσχέδιο δομής πριν από την αισθητική

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

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

Οπτικό σύστημα που αντέχει μελλοντικές αλλαγές

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

Τα στοιχεία αυτά πρέπει να φαίνονται σε επιτραπέζια και κινητή προβολή. Μια κάρτα που δείχνει σωστή σε τρεις στήλες μπορεί να χρειάζεται διαφορετικό ύψος και ιεραρχία όταν εμφανίζεται μόνη της. Η συνέπεια δεν σημαίνει ακαμψία· σημαίνει προβλέψιμους κανόνες που προσαρμόζονται στο περιεχόμενο.

Προσβασιμότητα ως μέρος του σχεδιασμού

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

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

Πώς αξιολογούμε δείγματα προηγούμενης δουλειάς

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

Όπου είναι δυνατό, δείτε λειτουργικό παράδειγμα σε κινητό και πληκτρολόγιο. Μην εξάγετε συμπεράσματα για αύξηση πωλήσεων από απλή οπτική επίδειξη· τέτοια αποτελέσματα χρειάζονται ξεχωριστά δεδομένα. Η κατάλληλη επιλογή εξαρτάται και από το αν ο επαγγελματίας κατανοεί τον ιδιαίτερο τύπο περιεχομένου του έργου σας.

Όρια διορθώσεων και διαδικασία εγκρίσεων

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

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

Πώς αντιμετωπίζονται οι αλλαγές στο περιεχόμενο

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

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

Παράδοση στον προγραμματιστή χωρίς απώλειες

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

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

Δικαιώματα, αρχεία και συνέχεια συνεργασίας

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

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

Τελική αξιολόγηση της προσφοράς

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

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