Οι τάσεις στον σχεδιασμό έρχονται και φεύγουν. Αξίζει να ακολουθήσετε μόνο όσες κάνουν μια ιστοσελίδα πιο κατανοητή, όχι απλώς πιο όμορφη. Παρακάτω είναι πέντε που χρησιμοποιούμε στις ιστοσελίδες που φτιάχνουμε, και πώς να αξιοποιήσετε την καθεμία χωρίς να κυριαρχήσει.
1. Glassmorphism: βάθος χωρίς φασαρία
Τα «θαμπά γυάλινα» πάνελ, δηλαδή ημιδιάφανα επίπεδα με απαλό θόλωμα από πίσω, δίνουν βάθος στη σελίδα. Ένα μενού ή μια κάρτα μπορεί να βρίσκεται πάνω σε ένα πλούσιο φόντο και να παραμένει ευανάγνωστο. Το αποτέλεσμα είναι σύγχρονο και ανάλαφρο.
Πώς να μην το παρακάνετε: χρησιμοποιήστε το σε ένα ή δύο επίπεδα, όπως το μενού ή τις κάρτες περιεχομένου, όχι παντού. Ελέγξτε ότι το κείμενο διαβάζεται σε πραγματικό κινητό, έξω στον ήλιο. Κρατήστε επίσης μικρές τις θολές περιοχές, γιατί το έντονο θόλωμα μπορεί να κάνει πιο αργά τα παλαιότερα κινητά.
2. Έντονη, εκφραστική τυπογραφία
Οι μεγάλοι, σίγουροι τίτλοι κάνουν πολλή δουλειά. Οι επισκέπτες πρώτα «σκανάρουν» και μετά διαβάζουν. Ένας καθαρός τίτλος τους λέει σε ένα δευτερόλεπτο πού βρίσκονται και τι προσφέρετε. Μια γραμματοσειρά με χαρακτήρα για τους τίτλους, μαζί με μια ήρεμη και ευανάγνωστη για τα κείμενα, δίνει προσωπικότητα χωρίς να κουράζει.
Πώς να μην το παρακάνετε: το πολύ δύο οικογένειες γραμματοσειρών. Κείμενο τουλάχιστον 16 pixel και γραμμές γύρω στους 60–75 χαρακτήρες. Μια όμορφη γραμματοσειρά που δεν διαβάζεται στο κινητό δεν είναι σχεδιαστική επιλογή. Είναι εμπόδιο.
3. Κίνηση που οδηγεί το βλέμμα
Διακριτικές κινήσεις, όπως μια ενότητα που εμφανίζεται καθώς κάνετε κύλιση, ένα κουμπί που αντιδρά όταν περνάτε από πάνω του ή μια μικρή επιβεβαίωση όταν στέλνεται μια φόρμα, τραβούν την προσοχή σε ό,τι έχει σημασία και κάνουν την ιστοσελίδα να μοιάζει ζωντανή.
Πώς να μην το παρακάνετε: κρατήστε τις κινήσεις σύντομες και μην αναγκάζετε ποτέ τον επισκέπτη να περιμένει για να διαβάσει. Σεβαστείτε τη ρύθμιση «μείωση κίνησης» που έχουν ενεργοποιήσει πολλοί στο κινητό ή τον υπολογιστή τους. Εμείς το κάνουμε στη δική μας ιστοσελίδα. Αν κινούνται όλα, τίποτα δεν ξεχωρίζει.
4. Σκούρα θέματα και βαθιά χρώματα
Ένα σκούρο φόντο με ένα φωτεινό χρώμα έμφασης δίνει premium αίσθηση και αναδεικνύει φωτογραφίες, προϊόντα και κουμπιά. Η δική μας ιστοσελίδα χρησιμοποιεί έναν βαθύ νυχτερινό ουρανό με φωτεινό κυανό ακριβώς γι' αυτό.
Πώς να μην το παρακάνετε: το σκούρο δεν ταιριάζει σε κάθε brand. Ένας φούρνος ή ένα παιδικό κατάστημα μπορεί να «δένει» καλύτερα με φωτεινά, ζεστά χρώματα. Αν επιλέξετε σκούρο, χρησιμοποιήστε υπόλευκο αντί για καθαρό λευκό στα μεγάλα κείμενα, και κρατήστε την αντίθεση αρκετά υψηλή ώστε να διαβάζουν όλοι άνετα.
5. Αληθινό περιεχόμενο αντί για φωτογραφίες stock
Η πιο δυνατή τάση δεν είναι καν οπτική: είναι η αυθεντικότητα. Αληθινές φωτογραφίες της ομάδας, του καταστήματος και των προϊόντων σας, και πραγματικά στιγμιότυπα από τη δουλειά σας, χτίζουν εμπιστοσύνη με τρόπο που δεν μπορεί καμία φωτογραφία stock. Ο κόσμος την αναγνωρίζει αμέσως, και του λέει σιωπηλά «αυτό θα μπορούσε να είναι οποιοσδήποτε».
Πώς να μην το παρακάνετε: αληθινό δεν σημαίνει πρόχειρο. Καλό φως, σταθερό χέρι και ενιαίο ύφος κάνουν μεγάλη διαφορά, ακόμη και με την κάμερα του κινητού.
Πώς να διαλέξετε τι σας ταιριάζει
Ξεκινήστε από τους πελάτες σας, όχι από την τάση. Ένα δικηγορικό γραφείο και ένα κατάστημα skate δεν πρέπει να μοιάζουν, ακόμη κι αν είναι και τα δύο «μοντέρνα». Πριν υιοθετήσετε οποιαδήποτε τάση, κάντε τρεις ερωτήσεις:
- Κάνει την ιστοσελίδα πιο γρήγορα κατανοητή;
- Λειτουργεί ακόμη σε ένα φθηνό κινητό με αδύναμη σύνδεση;
- Θα δείχνει ακόμη καλή σε τρία χρόνια;
Αν η απάντηση και στις τρεις είναι ναι, προχωρήστε. Μια τάση είναι εργαλείο, όχι στόχος. Ο στόχος είναι μια ιστοσελίδα που οι πελάτες σας χαίρονται να χρησιμοποιούν και θυμούνται.