Web Design trends

WDΦέτος είναι η κατάλληλη περίοδος να εκτιμήσουμε ποιες τάσεις του Web design θα ακολουθήσουν τον επόμενο καιρό. Τα trends δίνουν και παίρνουν στους καιρούς μας, αλλά σε αυτό το άρθρο, θα επικεντρωθούμε σε αυτές που είναι πιθανό να καθιερωθούν στον κλάδο μέσα στα επόμενα χρόνια. Οι παρακάτω λοιπόν είναι οι βασικές αρχές που πρέπει να εφαρμόσουν τα brands και οι web designers από το 2020 και έπειτα.

Web Experience design

Απαραίτητη ιδέα για το design που πρέπει να σκεφτούν τα brands είναι η σημαντικότητα του σχεδιασμού μίας ολόκληρης εμπειρίας και όχι απλά ενός website. Σύμφωνα με έρευνα της Google η βιωματική εμπειρία των καταναλωτών μπορεί να περιλαμβάνει μεταξύ 20 και 500+ σημεία επαφής. Αυτά μπορεί να περιλαμβάνουν τις αναζητήσεις, τα engagements με τις διαφημίσεις, τις προβολές της σελίδας, τα interactions κλπ.

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

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

Υπερ-εξατομίκευση

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

Κάθε χρήστης είναι ένα άτομο με τις δικές του μοναδικές ανάγκες και το 80% των αγοραστών είναι πιο πιθανό να αγοράσει από μια εταιρεία που προσφέρει εξατομικευμένες εμπειρίες.

Με την ενηλικίωση της AI (τεχνητής νοημοσύνης) και της μηχανικής μάθησης, οι designers και οι marketers μπορούν να δημιουργήσουν υπερ-εξατομικευμένες εμπειρίες που απευθύνονται σε μεμονωμένους χρήστες και όχι σε γενικές προσωπικότητες αγοραστών. Τα πιο διάσημα παραδείγματα αυτού είναι πιθανώς οι προτάσεις προϊόντων της Amazon και οι προτάσεις περιεχομένου του Netflix, οι οποίες συγκρίνουν τα δεδομένα χρηστών με εκατομμύρια άλλες συνήθειες χρηστών για να εντοπίσουν μοτίβα και να κάνουν σχετικές προτάσεις.

Minimal μενού πλοήγησης

Οι παλιές μέρες των mega μενού και των ένθετων links είναι πολύ πίσω μας. Τώρα, βρισκόμαστε στην εποχή των κινητών, η οποία αναγκάζει τους web designers να εξετάσουν εναλλακτικές προσεγγίσεις. Το hamburger menu σίγουρα υπήρξε ως λύση μετάβασης, αλλά η απόκρυψη μενού με διφορούμενα σύμβολα κάνει έναν αριθμό συμβιβασμών UX. Τώρα, οι designers ακολουθούν ολοένα και πιο εκλεπτυσμένη προσέγγιση στη δομή της ιστοσελίδας και στη σχεδίαση μενού.

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

Μικρο-αλληλεπιδράσεις

Οι μικρο-αλληλεπιδράσεις είναι ουσιαστικά κινούμενες εικόνες UI (διεπαφής χρήστη) που δημιουργούν διάδράση στους χρήστες και δημιουργούν μια πιο συναρπαστική εμπειρία. Μερικά από τα πιο κοινά παραδείγματα είναι τα likes και emoji στο Facebook ή ένας μετρητής ποσοστού όταν ανεβάζετε ένα αρχείο σε κάποιο λογισμικό cloud.

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

Dark modes

Tο dark mode (νυχτερινή λειτουργία) εμφανίζονται παντού αυτή τη στιγμή και δεν υπάρχει μεγάλη πιθανότητα αυτή η τάση σχεδιασμού ιστοσελίδων να περάσει απαρατήρητη. Ωστόσο, τα dark modes δεν υπάρχουν μόνο για τα οπτικά τους προνόμια. Υπάρχουν κάποιες σημαντικές αρχές σχεδιασμού πίσω τους:

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

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