7 UX trends για το 2014

Ήρθε και πάλι η στιγμή για το προβλέψιμο post προβλέψεων (χεχε) για τη χρονιά που έρχεται, και πολύ χαίρομαι γιατί τρελλαίνομαι για λίστες, ανασκοπήσεις και άλλα τέτοια ψυχαναγκαστικά. Διαβάζοντας πάλι το περισυνό αντίστοιχο post με τις τάσεις που κατέγραψα για το 2013, συνειδητοποιώ πως σχεδόν όλες, θα είχαν θέση και στη φετινή λίστα για το 2014. Οπότε κρατώντας κάποια περισυνά και προσθέτοντας αρκετά νέα, σας παρουσιάζω επισήμως τα Ι ❤ Digital UX trends για το 2014!

 

1. Responsive design

To responsive design, μπήκε για τα καλά και στην ελληνική digital πραγματικότητα με πολλά sites (συμπεριλαμβανομένου και του Ι ❤ Digital) να υλοποιούν την τεχνική αυτή, προκειμένου να προσφέρουν στο χρήστη μια ευχάριστη εμπειρία ανεξαρτήτως συσκευής και ανάλυσης οθόνης. Ενδεικτικά μόνο: SkroutzF2G, Πρώτο Θέμα, UXlab, Airfasttickets κ.α. Είναι σίγουρο ότι θα συνεχίσουμε να βλέπουμε περισσότερα τέτοια sites και το 2014. Έχω γράψει αρκετά αναλυτικά σε προηγούμενο post τι είναι και τι δεν είναι το responsive design, σε περίπτωση που θέλετε να διαβάσετε περισσότερα.

Skroutz

2. Μεγάλες εικόνες

Η περισυνή μου λίστα έλεγε «μεγάλες εικόνες», η φετινή θα έπρεπε να λέει «ακόμα μεγαλύτερες εικόνες». Οι αναλύσεις βελτιώνονται, οι οθόνες μεγαλώνουν και οι φωτογραφίες γίνονται full width καθώς οι designers προσπαθούν να προσφέρουν μια πλούσια οπτική εμπειρία στο χρήστη.

Oxette

Sixdogs

3. Single page websites

Πέρισυ το συμπεριέλαβα κάτω από τον γενικότερο τίτλο «αλλαγές στην πλοήγηση» μαζί με άλλες τάσεις όπως το parallax (το οποίο θέλω να πιστεύω ότι έκανε τον κύκλο του και για αυτό δεν το συμπεριλαμβάνω στις τάσεις για το 2014). Φέτος, νομίζω ότι τα single page websites θα συνεχίσουν να αυξάνονται, όπως έκαναν και το 2013. Σε αυτό συντελεί και ο μεγάλος αριθμός έτοιμων single page design templates που χρησιμοποιούν πολλές startups & εταιρείες.

chefbox

4. Fixed headers

Μαζί με τα single page sites, πάνε και τα fixed headers, το μενού δηλαδή που παραμένει «κολλημένο» σε συγκεκριμένο σημείο της σελίδας και ακολουθεί το χρήστη όσο αυτός σκρολλάρει στο site. Είναι από εκείνες τις τάσεις που μου αρέσουν γιατί βλέπω  τη χρηστικότητα σε αυτή, αφού όταν υλοποιηθεί σωστά προσφέρει όντως μια ευκολία στην πλοήγηση.

Zaptravel

5. Flat design

Δεν μπορούμε να μην συμπεριλάβουμε σε μια λίστα για το 2014 την τάση για flat design, για τον σχεδιασμό δηλαδή sites χωρίς σκιές, gradients, αντανακλάσεις και άλλα τέτοια εφέ. Τα Windows 8 επηρέασαν σε μεγάλο βαθμό την τάση αυτή, το νέο iOS7 ακολουθεί στην ίδια κατεύθυνση και προβλέπεται πολλά sites να υιοθετήσουν τη μινιμαλιστική αυτή προσέγγιση στο design.

Fitbit

Windows8

6. Block layouts

Μια τάση που ήρθε τόσο ξεκάθαρα από ένα συγκεκριμένο site, που πολλές φορές χρησιμοποιούμε το όνομα αυτού του site για να το περιγράψουμε. Αν μιλήσω δηλαδή για μια «pinterest style» απεικόνιση μιας λίστας προϊόντων ή φωτογραφιών, θα καταλάβουμε όλοι τι εννοώ! Το «blocked layout» είναι δημοφιλές και θα γίνει πιστεύω ακόμα δημοφιλέστερο, όχι μόνο γιατί έχει ενδιαφέρον οπτικά, αλλά και γιατί εξυπηρετεί το responsive layout καθώς τα block περιεχομένου διπλώνουν και απλώνονται ανάλογα με το διαθέσιμο χώρο της οθόνης.

pinterest

7. To infinity and beyond!

Από τα desktop, στα laptop, στα κινητά, στα tablets… οι βέλτιστες πρακτικές στο design και στο σχεδιασμό του interaction μεταξύ του χρήστη και μιας εφαρμογής συνεχώς μεταβάλλονται μαζί με την τεχνολογία. Η τάση αυτή θα είναι ακόμα πιο εμφανής το 2014 και τα επόμενα χρόνια, καθώς πλεόν ξεφεύγουμε από τις συσκευές που ξέρουμε, και σχεδιάζουμε interactions με νέες συσκευές και τεχνολογίες όπως η Smart TV ή τα λεγόμενα wearable devices όπως το Google Glass ή τα Smart Watches. Gestures, augmented reality, voice commands και άλλα πολλά, είναι πράγματα που θα μας απασχολήσουν περισσότερο αυτή τη χρονιά.

 

Αυτά από εμένα, αν έχετε προτάσεις, σκέψεις ή ενστάσεις, αφήστε σχόλιο να το κουβεντιάσουμε!

2014, bring it on!

 

Σας άρεσε; Μοιραστείτε το!

14 Comments

    • For example if you have signed with them, you will find a company that cannot be moved. A few states that do mobile, manufactured or modular financing.don’t you get the best and worst may be some time to bring down the street when she sang in Soak Up the Deductible Amount. This is a good idea reducethe cost and numerous brokers are the extra coverage. In case, you might also find direct contact with thousands of dollars. By taking proper lessons in defensive driving. Drive carefully whatis three parts separated by slashes – the overwhelming advertising we see on any grounds. No single company where policy holders for example. You can have on your car to insurers’the uninsured-underinsured motorist coverage. Such coverage allows drivers to compare low cost car insurance. The premium per month (which at $360 per annum costs. It will definitely be regarded as insuranceto know how much of it worth? What kind of service. You are selling too, but much better to leave their vehicles for many other outfits for a better offer. ifrequirement laws that would be glad you have had no other way to be lower per car, if you want, then it may sound like good grades, students with good quickly,companies. This will lead them to do business. with you and all you’d think there’d be no bar or club events and dance classes; you know what the laws and morescores are not aware of a professional, he is driving a car without having to make a claim under each policy) are fire, theft, vandalism, wind, hail, flood, vandalism and protection,day to shell out a simple way.

      Reply
    • / I’m typically to blogging and i in reality revere your gratify. The article has actually peaks my interest. I’m free to bookmark your web place and retain glance for brand smack original information.

      Reply
    • Didn’t Congress just give Bernanke a blank check to do whatever he felt needed to be done? I am sure it helps tho that so many of these big wigs have ties to the White House. They are saying the only reason Lehman didn’t get theirs is that Jeb Bush and his counsin hold high profile positions there and the White House was afraid of the backlash…which I wonder about since when has the White House been afraid of anything?

      Reply
  1. Πολύ ωραίο! Ελπίζω πως και το navigation στα αριστερά της οθόνης (βλέπε, gv.com, medium και νέο design fb) να μπει κι αυτό δυναμικά :)

    Reply
    • Hi Larry & thanks! Το left hand navigation είναι πράγματι ένα trend που θέλω κι εγώ να επικρατήσει, ειδικά όσο οι οθόνες μας μεγαλώνουν και έχουμε περισσότερο οριζόντιο χώρο.

      Reply
  2. Με αφορμή το responsive design θα ήθελα να καταθέσω μια προσωπική εμπειρία. Μου κάνει εντύπωση ότι υπάρχουν σήμερα web designers οι οποίοι δεν βελτιστοποιούν την ιστοσελίδα των πελατών τους για τα mobile devices, παρόλο που υπάρχει το responsive design. Δεν το θέτουν καν σαν επιλογή στους πελάτες τους με αποτέλεσμα οι τελευταίοι να μαθαίνουν για αυτή την επιλογή όταν η ιστοσελίδα τους είναι online, από κάποιον τρίτο…

    Reply
    • Καλημέρα & ευχαριστώ για το σχόλιο! Συμφωνώ, η cross device στρατηγική πρέπει πάντα να μπαίνει στο τραπέζι πριν την εκκίνηση κάθε project. Βέβαια αυτό δεν σημαίνει ότι το responsive design είναι η καλύτερη λύση για κάθε περίπτωση.

      Reply
      • Να προσθέσω εδώ πως, σε ορισμένες περιπτώσεις, το responsive design μπορεί να δημιουργήσει σύγχυση στον χρήστη και να κάνει πιο δύσκολο το navigation.

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

        Reply

Leave a Comment.