7 Web design trends που θα στιγματίσουν το 2012

Αρχή του νέου έτους το οποίο, ιντερνετικά τουλάχιστον το περιμένω με μεγάλο ενδιαφέρον. Πολλά έγιναν το 2011 κι έρχονται ακόμα περισσότερα. Το internet είναι παντού πλέον, η πρόσβαση από κινητά και tablets αυξάνεται ραγδαίως και μαζί με όλα αυτά αλλάζει το design και όλη η λογική που αντιμετωπίζουμε τον σχεδιασμό μιας σελίδας.

Ακολουθεί μια σύντομη λίστα με τάσεις που κατά τη δική μου άποψη θα βλέπουμε συχνά το 2012.

1. Responsive Web Design

Το responsive web design ή, αν προσπαθήσουμε μια Ελληνική προσέγγιση, το προσαρμόσιμο web design το μάθαμε το 2010, το είδαμε περισσότερο το 2011 και αναμένουμε να το δούμε πολύ περισσότερο το 2012. Αν και πιστεύω ότι κάποια στιγμή θα θεωρείται δεδομένο, προς το παρόν λίγοι είναι οι designers και developers που γνωρίζουν τον όρο.

Simon Collison Responsive Website

 

2. HTML5 και CSS3

Οι εποχές αλλάζουν και οι ημέρες του flash είναι μετρημένες. Με HTML5, CSS3 και λίγο Javascrpit, μπορούμε πλέον να κάνουμε σχεδόν τα πάντα και η χρήση του flash περιορίζεται σιγά σιγά σε συγκεκριμένες λειτουργίες. Περιμένω να δούμε αρκετά περισσότερα websites σε HTML5 με ωραία design και ενδιαφέρουσες λειτουργίες. Μην ξεχνάτε επίσης ότι η χρήση αυτών των τεχνολογιών μας δίνει τη δυνατότητα να φτιάχνουμε html5 apps για όλες τις συσκευές και όχι διαφορετικό app για iPhone, Android κτλ. (χωρίς αυτό να σημαίνει ότι είναι πάντα η καλύτερη λύση)

html5 logo

 

3. Typography

Για πολλά χρόνια είμασταν περιορισμένοι σε συγκεκριμένες γραμματοσειρές (web safe fonts). Με την ανάπτυξη όμως των web fonts μπορούν πλέον οι web designers να σχεδιάσουν ξεχωριστά websites με έξυπνη χρήση τυπογραφίας.

Επίσης, μαζί με τη χρήση όμορφων γραμματοσειρών περιμένω να δούμε αρκετά νέα websites με μεγάλα header με oversized fonts.

 

4. Infographics

Αυτό το trend δεν αναφέρεται ακριβώς στο web design, αλλά στην εμπειρία του χρήστη (user experience) και την παρουσίαση του περιεχομένου. Σε μια ιντερνετική πραγματικότητα που η πληροφορία προσφέρεται απλόχερα, το να μπορείς να περνάς εύκολα το μήνυμα είναι ζωτικής σημασίας. Τα infographics, εμπλουτισμένα με ωραία γραφικά, διαγράμματα, τίτλους κτλ, κάνουν ακόμα και ένα μικρό παιδί μπορεί να καταλάβει την ουσία. Πιστεύω ότι θα δούμε δεδομένα από διάφορους κλάδους παρουσιασμένα με αυτή τη μορφή.

world-without-facebook

 

5. Social Media Sharing

Ήδη στα περισσότερα websites υπάρχουν με τον έναν ή τον άλλον τρόπο επιλογές για sharing στα social media. Καθώς όμως το internet γίνεται συνεχώς περισσότερο social, οι designers θα βρίσκουν συνεχώς καλύτερους, πιο έξυπνους και πιο αποδοτικούς τρόπους ώστε ο επισκέτπτης να μοιράζεται το περιεχόμενο.

Μοιραστείτε το άρθρο (δουλεύουν, μπορείτε να τα πατήσετε ευχαρίστως…):

 

6. Mobile, localization

Πολλοί λένε ότι η mobile πρόσβαση στο internet, σύντομα θα ξεπεράσει την αντίστοιχη από υπολογιστές. Το αν θα γίνει και πότε δεν το γνωρίζω, το σίγουρο όμως είναι ότι όλοι και περισσότεροι χρησιμοποιούν smartphones.

Με στόχο πάντα την καλύτερη εμπειρία του χρήστη, πιστεύω ότι θα δούμε πολλά websites να προσαρμόζονται σε mobile περιβάλλον και να προσπαθούν να διευκολύνουν τη ζωή του χρήστη προσαρμόζοντας το περιεχόμενό τους.

 

7. Personalization

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

Γνωρίζοντας τι αρέσει σε κάποιον ή τι προτιμά περισσότερο είναι σίγουρο ότι θα αυξήσουμε το conversion rate.

Σκεφτείτε π.χ. το YouTube που η αρχική του σελίδα περιέχει video που με κάποιο τρόπο προσπαθούν να πετύχουν τις προτιμήσεις σας, ανάλογα με αυτά που έχετε δει στο παρελθόν.

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

 

Συμπληρώστε τη λίστα αφήνοντας το σχόλιό σας.

 

Leave a Reply