10 Τάσεις στο Web Design για το 2015

Main Image

Κάθε χρόνο το Web Design εξελίσσεται όλο και περισσότερο και καθημερινά βλέπουμε υπέροχα πράγματα να συμβαίνουν! Ας δούμε ποιες είναι οι τάσεις που περιμένουμε το 2015 για το web design!

1) Sites με μεγαλύτερο scrolling

Θα έχετε σίγουρα παρατηρήσει ότι τα περισσότερα νέα sites που βλέπετε είναι πολύ μεγαλύτερα σε μήκος. Καθώς οι φορητές συσκευές (κινητά, tablets) γίνονται όλο και δημοφιλείς, οι χρήστες βρίσκουν πιο εύκολο να σκρολάρουν στη σελίδα για να βρουν αυτό που ζητάνε, από το να κλικάρουν συνεχώς! Μεγάλο μήκος συναντάμε πλέον και σε άλλες σελίδες του site, εκτός από την αρχική, όπως η σελίδα About ή μια σελίδα με προϊόντα. Δείτε για παράδειγμα τη σελίδα της Apple για το νέο iPnone 6! Είναι μια μεγάλη σε μήκος σελίδα σχεδιασμένη όπως ένα ολόκληρο website, που παρουσιάζει όλα τα χαρατκηριστικά και τις πληροφορίες που χρειάζεται ο χρήστης.

2) Αφήγηση και αλληλεπίδραση

Ενώ το να έχετε καλό περιεχόμενο είναι πολύ σημαντικό για το site σας, το να μπορείτε να πείτε μια ιστορία μέσω αυτού του περιεχομένου είναι μεγάλο πλεονέκτημα! Το web design το 2015 θα εστιάσει πολύ στο να μας βοηθήσει να παρουσιάσουμε την πληροφορία μας στους επισκέπτες της σελίδας μας όπως σε μια ιστορία. Για παράδειγμα το Space Needle παρουσιάζει τα γεγονότα με όμορφο τρόπο, μέσω μιας ιστορίας και των γραφικών που την υποστηρίζουν (δείτε επίσης και το μεγάλο scrolling που αναφέραμε παραπάνω). Το 2015 το web design γίνεται ακόμη πιο διαδραστικό, έτσι ώστε το περιεχόμενο να παρουσιαστεί με μοναδικό και ελκυστικό τρόπο.

3)Απουσία των μεγάλων background εικόνων στο header

Τα τελευταία χρόνια επικρατεί να τοποθετούμε μεγάλες εικόνες στο header της σελίδας μας, συχνά με κάποιο κείμενο από πάνω. Αυτό είναι και το πρώτο πράγμα που βλέπουν οι χρήστες όταν μπαίνουν σε ένα site. Με ποιο τρόπο λοιπόν θα ξεχωρίσετε από το πλήθος; Κάνοντας ακριβώς το αντίθετο! Κάποια websites επέλεξαν να κρατήσουν τον μεγάλο χώρο στο header, αλλά χωρίς εικόνα στο background. Το The
 New Wave
 Company είναι ένα καλό παράδειγμα. Σε ένα μεγάλο header καλωσορίζει τους χρήστες, επιλέγοντας μεγάλη γραμματοσειρά στο κέντρο. Με έξυπνο τρόπο πετυχαίνουν αυτό που θέλουν, ξεχωρίζοντας από τη μάζα που επιλέγει μεγάλες εικόνες για το background.

4) Αφαιρούμε μη αναγκαία στοιχεία design, προς όφελος της απλότητας

Κάποιοι υποστηρίζουν ότι ένα σχέδιο είναι ολοκληρωμένο, όταν όλα τα περιτά στοιχεία έχουν αφαιρεθεί. Το 2015 αυτή η τάση θα επικρατήσει με site που θα έχουν απλά γραφικά και σίγουρα δεν θα χρησιμοποιούν περιττά στοιχεία! Κοιτάξτε το Rareview Digital Agency. Οι web designers δεν έβαλαν εικόνα στο background, και επέλεξαν να μην χρησιμποιήσουν στοιχεία που πολλά websites χρησιμοποιούν όπως χρώμα στο φόντο, πολλές φωτογραφίες κ.ά.

5) Sites με διάταξη στο κέντρο

Η στοίχιση στο κέντρο είναι μια από τις τάσεις που θα δούμε το 2015! Μια τάση που ενώ επικρατούσε χρόνια πριν, επανέρχεται με μια πιο μοντέρνα προσέγγιση. Το Michele Mazzucco είναι ένα καλό παράδειγμα. Όταν ο χρήστης βλέπει το site από οθόνη μεγαλύτερη από 1.350 pix wide, το περιεχόμενο (και το χρώμα στο φόντο) τελειώνουν στο αριστερό και δεξί μέρος.

6) Επαγγελματική και υψηλής ανάλυσης φωτογραφία

Ενώ το stock photography εξακολουθεί να έχει θέση στο design, πολλοί σχεδιαστές τελευταία επιλέγουν την επγγελματική φωτογράφιση μεγάλης ανάλυσης, που γίνεται ειδικά για το site και την προώθησή του. Για παράδειγμα στο Grain and Mortar η φωτογραφία στο header είναι τραβηγμένη ειδικά για το site και παρουσιάζει τους ίδιους τους ανθρώπους της Grain and Mortar!

7) Flyout/slideout μενού όπως στα applications

Το Responsive Web Design έχει πλέον καθιερωθεί και βοηθάει κάθε site να δείχνει τέλειο από οποιαδήποτε συσκευή. Στο 24ways μπορούμε να το δούμε ξεκάθαρα αυτό! Το μενού βρίσκεται στην πάνω δεξιά γωνία, αντί του τυπικού οριζόντιου μενού στην κορυφή της σελίδας!

8) Κρυμμένα κεντρικά μενού

Όπως το flyout/slideout μενού που είδαμε παραπάνω, περιμένουμε να δούμε περισσότερα sites να κρατούν κρυφό το κεντρικό μενού, και όταν ο επισκέπτης νιώσει έτοιμος, να κλικάρει στο εικονίδιο και να δει το μενού. Αυτό οφείλεται κυρίως στην τάση των χρηστών να βλέπουν τα site μέσω κινητών συκευών.Το νέο site του Brian Hoff Design έχει τοποθετήσει εικονίδιο πάνω δεξιά, το οποίο οδηγεί στο κεντρικό μενού!

9) Μεγάλες σε μέγεθος γραμματοσειρές

Το 2014 η τυπογραφία έπαιξε μεγάλο ρόλο στο web design, και θα συνεχίζει να παίζει και το 2015. Απλά το μέγεθος των γραμμάτων θα είναι ακόμη μεγαλύτερο, όπως στο Tiny Giant, που χρησιμοποιεί αυτό το design για να δηλώσει με μεγάλη επιτυχία αυτό που θέλει να πει. Το μεγάλο μέγεθος στα γράμματα θα είναι ίσως το κλειδί στο design για το 2015!

10) Επίδοση και ταχύτητα

Μερικές τάσεις στο design έχουν διαμορφωθεί με βάση την ανάγκη να γίνουν τα sites πιο γρήγορα και με λιγότερο bandwidth. Οι περισσότερες τάσεις που αναφέραμε σ’ αυτό το post, δημιουργήθηκαν από την ανάγκη να μειώσουμε το μέγεθος των sites και να βρούμε τρόπους να «φορτώνουν» γρηγορότερα σε κινητές συσκευές ή αργές συνδέσεις. Είναι σχεδόν σίγουρο ότι το Responsive Web Design και η ανάγκη για γρήγορα sites θα φέρει κι άλλες αλλαγές μέσα στο 2015.

11) Έμφαση στο Material Design

Το Google προβάλει μια νέα τάση στο design παρουσιάζοντας το material design στην τελευταία έκδοση του Android, σε web εφαρμογές και στον Chrome. Με τo material design μπορείς να πετύχεις όμορφα layouts, μεταβάσεις (μεταφορές σε άλλες σελίδες), scrolling effects και υπέροχα διαδραστικά σχέδια! Δείτε μερικά παραδείγματα εδώ.

12) Wearables: Ετοιμαστείτε να τα υποδεχτείτε!

Η επανάσταση του iPhone 6 και του Apple Watch σίγουρα θα αλλάξει τον τρόπο που σχεδιάζουμε! Πλέον ο σχεδιασμός του site σας πρέπει να βασιστεί περισσότερο στις φοριτές συσκευές και όχι στον κλασικό σχεδιασμό που ίσχυε έως σήμερα.

Πηγή: thenextweb.com και teslathemes.com