Σχεδιαστές ιστοσελίδων: οδηγός για επιτυχία στην επιλογή συνεργάτη

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

Τι προσφέρει πραγματικά ένας σχεδιαστής ιστοσελίδων

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

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

Ποιο αποτέλεσμα πρέπει να υπηρετεί η αισθητική

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

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

Πίνακας κριτηρίων για σύγκριση σχεδιαστών

Πώς να διαβάσετε σωστά ένα χαρτοφυλάκιο

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

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

Σχεδιασμός, περιεχόμενο και SEO πρέπει να συναντιούνται νωρίς

Η SEO (Βελτιστοποίηση για Μηχανές Αναζήτησης, Search Engine Optimization) δεν είναι κάτι που προστίθεται αφού κλειδώσει η οπτική διάταξη. Η δομή των σελίδων, οι τίτλοι, η θέση του κύριου περιεχομένου, η εσωτερική σύνδεση και η δυνατότητα να επεκτείνονται θεματικές ενότητες επηρεάζουν το τελικό αποτέλεσμα. Αν ο σχεδιασμός αφήνει χώρο μόνο για μικρές φράσεις και μεγάλα διακοσμητικά στοιχεία, μπορεί να δημιουργεί σύγκρουση με πραγματικές ανάγκες περιεχομένου.

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

Τι πρέπει να συμφωνηθεί πριν ξεκινήσει η εργασία

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

Πώς αξιολογείται μια πρόταση συνεργασίας

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

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

Η σωστή επιλογή είναι επιλογή διαδικασίας, όχι μόνο ύφους

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

Ερωτήσεις που αξίζει να κάνετε στην πρώτη συνάντηση

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

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

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

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

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