Ο σχεδιασμός ιστοσελίδων —ή web design— είναι η διαδικασία με την οποία οργανώνονται το περιεχόμενο, η εμφάνιση και οι αλληλεπιδράσεις ενός site, ώστε ο επισκέπτης να καταλαβαίνει γρήγορα πού βρίσκεται, τι μπορεί να βρει και πώς θα ολοκληρώσει την επόμενη ενέργειά του. Η αισθητική είναι μέρος της δουλειάς, όχι ολόκληρη η δουλειά.
Τι περιλαμβάνει το web design
Μια ιστοσελίδα αποτελείται από αποφάσεις που πρέπει να λειτουργούν μαζί. Η αρχιτεκτονική πληροφορίας καθορίζει ποιες σελίδες χρειάζονται και πώς συνδέονται. Η ιεραρχία περιεχομένου αποφασίζει τι εμφανίζεται πρώτο. Η πλοήγηση, τα κουμπιά, οι φόρμες και τα μηνύματα κατάστασης καθορίζουν πώς κινείται ο χρήστης.
Παράλληλα, η τυπογραφία, τα χρώματα, οι εικόνες και ο διαθέσιμος χώρος δίνουν χαρακτήρα και κάνουν τη σελίδα αναγνώσιμη. Το responsive design προσαρμόζει την παρουσίαση σε διαφορετικά μεγέθη οθόνης. Η προσβασιμότητα φροντίζει ώστε το περιεχόμενο και οι λειτουργίες να μπορούν να χρησιμοποιηθούν και από ανθρώπους με διαφορετικές ανάγκες ή τρόπους πλοήγησης.
Από την ανάγκη στη λειτουργική σελίδα
Ο σχεδιασμός ξεκινά πριν από το πρώτο χρώμα. Πρέπει να οριστεί ποιος θα χρησιμοποιεί το site, τι ζητά, ποιο περιεχόμενο χρειάζεται και ποια ενέργεια έχει αξία για την επιχείρηση. Σε ένα κατάλυμα μπορεί να είναι η εύρεση διαθεσιμότητας. Σε μια εταιρεία υπηρεσιών, η κατανόηση της πρότασης και η αποστολή ενός σαφούς αιτήματος. Σε ένα e-shop, η σύγκριση προϊόντων και η ολοκλήρωση αγοράς χωρίς αμφιβολίες.
Ακολουθούν συνήθως πρόχειρες δομές και wireframes, η οπτική κατεύθυνση, ένα διαδραστικό prototype και έλεγχοι πριν από την υλοποίηση. Η δοκιμή δεν γίνεται μόνο στο τέλος. Αποκαλύπτει έγκαιρα ασαφείς ονομασίες, κρυμμένες ενέργειες, περιττά βήματα και προβλήματα σε μικρές οθόνες.
Τι κάνει μια ιστοσελίδα πραγματικά εύχρηστη
Η καλή εμπειρία δεν απαιτεί να μαντέψει ο επισκέπτης. Το βασικό μενού χρησιμοποιεί κατανοητές λέξεις. Οι τίτλοι εξηγούν με ακρίβεια το περιεχόμενο. Τα κουμπιά περιγράφουν την ενέργεια αντί να λένε παντού «μάθε περισσότερα». Οι φόρμες ζητούν μόνο όσα χρειάζονται και εξηγούν καθαρά ένα σφάλμα.
Η ίδια λογική ισχύει στην οπτική παρουσίαση. Επαρκής αντίθεση, ευανάγνωστο κείμενο, σαφής εστίαση πληκτρολογίου και εναλλακτικό κείμενο στις ουσιαστικές εικόνες βοηθούν ανθρώπους με αναπηρίες, αλλά συχνά βελτιώνουν τη χρήση για όλους. Στη χρήση σε κινητό, το περιεχόμενο πρέπει να προσαρμόζεται χωρίς οριζόντια κύλιση ή απώλεια λειτουργιών.
Ο σχεδιασμός δεν τελειώνει στο mock-up
Ένα εντυπωσιακό mock-up μπορεί να αποτύχει όταν γεμίσει με πραγματικό περιεχόμενο ή όταν φορτώσει σε αργή σύνδεση. Γι’ αυτό ο σχεδιασμός χρειάζεται συνεργασία με content, development και τεχνικό SEO. Οι εικόνες πρέπει να έχουν σωστό βάρος, τα layouts να παραμένουν σταθερά και οι βασικές λειτουργίες να ανταποκρίνονται γρήγορα.
Η σχετική ποιότητα δεν κρίνεται από ένα μόνο σκορ. Χρειάζεται έλεγχος της πραγματικής διαδρομής: βρίσκει ο επισκέπτης την πληροφορία, καταλαβαίνει την προσφορά, εμπιστεύεται τη σελίδα και ολοκληρώνει την ενέργεια χωρίς εμπόδιο;
Web design, web development και WordPress
Το web design καθορίζει τη δομή, την εμπειρία και την οπτική συμπεριφορά. Το web development μετατρέπει αυτές τις αποφάσεις σε λειτουργικό κώδικα και διασυνδέσεις. Ένα σύστημα διαχείρισης περιεχομένου, όπως το WordPress, είναι μία πιθανή τεχνολογική βάση.
Οι ρόλοι συναντιούνται, αλλά δεν είναι ταυτόσημοι. Η επιλογή πλατφόρμας δεν διορθώνει από μόνη της μια μπερδεμένη αρχιτεκτονική, όπως και ένα όμορφο layout δεν λύνει προβλήματα συντήρησης ή ταχύτητας.
Πώς αξιολογείται ένας σχεδιασμός ιστοσελίδας
Πριν εγκριθεί μια κατεύθυνση, αξίζει να ελεγχθούν συγκεκριμένα σημεία:
- Η αρχική σελίδα εξηγεί καθαρά την επιχείρηση και την πρότασή της;
- Κάθε βασική ενέργεια έχει εμφανή και κατανοητή διαδρομή;
- Το περιεχόμενο διαβάζεται και οι λειτουργίες δουλεύουν σε κινητό;
- Η πλοήγηση παραμένει συνεπής από σελίδα σε σελίδα;
- Οι φόρμες, τα φίλτρα και τα κουμπιά έχουν προβλέψιμες καταστάσεις;
- Έχουν ελεγχθεί προσβασιμότητα, πραγματικό περιεχόμενο και χρόνοι φόρτωσης;
Αυτά τα κριτήρια μεταφέρουν τη συζήτηση από το αόριστο «μου αρέσει» στο αν το site εξυπηρετεί ανθρώπους και επιχειρηματικούς στόχους.
Όταν η ανάγκη δεν είναι μόνο να μάθετε τι είναι το web design αλλά να οργανώσετε ένα νέο εταιρικό site, δείτε τη διαδικασία της Visual Pro για κατασκευή και σχεδιασμό ιστοσελίδων.
