Βασικές Τάσεις Σχεδίασης, Ιανουάριος 2016
Οι εφαρμογές είναι παντού. Έχουν γίνει αναπόσπαστο κομμάτι της καθημερινής μας ζωής χάρη στον αριθμό των smartphones και φορητών συσκευών που διαθέτουμε.
Και εξαιτίας αυτού, οι εφαρμογές είναι ένας από τους μεγαλύτερους παράγοντες οδήγησης όταν πρόκειται για τις τάσεις σχεδιασμού ιστοσελίδων. Ας ΡΙΞΟΥΜΕ μια ΜΑΤΙΑ.
Επιστροφή του κυλίνδρου
Μικρές, κάθετα προσανατολισμένες οθόνες έχουν φέρει το κύλινδρο πίσω με σημαντικό τρόπο. Μόλις θεωρήθηκε ότι είναι κάτι που θέλετε να αποφύγετε, επειδή οι χρήστες δεν θα κινηθούν προς τα κάτω στην οθόνη, η κύλιση είναι ένα αρκετά αναπόσπαστο μέρος της διαδικασίας σχεδιασμού και πάλι.
Και η κύλιση τώρα είναι καλύτερη από ποτέ. Χάρη στα μεγάλα κινούμενα σχέδια, τα εφέ parallax και πολλές δημιουργικές ιδέες για το περιεχόμενο, η κύλιση είναι πολύ διασκεδαστική και ένας καλός τρόπος για να προσελκύσετε τους χρήστες.
Μην σταματήσετε με ένα συνηθισμένο κάτω από τη σελίδα κύλισης? εξετάστε μια οριζόντια μετακίνηση ή μια κινούμενη επιλογή που μπορεί να ευχαριστήσει τους χρήστες χάρη στη μικρή έκπληξη. Απλά φροντίστε να συμπεριλάβετε ένα οπτικό συμβόλαιο σε δύο για χρήστες με εφέ κύλισης που είναι εκτός του κανόνα, ώστε να μην συγχέονται ή να εγκαταλείπουν τον ιστότοπό σας επειδή δεν καταλαβαίνουν πώς να το χρησιμοποιήσουν.
Υλικό Σχεδιασμός πηγαίνει mainstream
Η ιδέα σχεδιασμού υλικού της Google ξεκίνησε ως κινητή διεπαφή. Η επίπεδη εμπνευσμένη, βασισμένη στη φυσική, πολυεπίπεδη διεπαφή ξεκίνησε ως αισθητική για τις συσκευές Android, αλλά γρήγορα εξαπλώθηκε και στις εφαρμογές που βασίζονται σε iOS.
Οι σχεδιαστές επεκτείνουν την έννοια για χρήση σε ιστότοπους πλήρους οθόνης επίσης.
Η ιδέα του υλικού είναι απλή, διαισθητική και ριζωμένη σε ρεαλιστικά στοιχεία, ώστε να είναι εύκολη στη χρήση και κατανόηση. Οι σχεδιαστές έχουν πολύ διασκεδαστικό με το στυλ διεπαφής με φωτεινά χρώματα και άφθονα όμορφα κινούμενα σχέδια.
Η κρυφή πλοήγηση είναι παντού
Αυτή είναι μία από αυτές τις μεταφορές που αλλάζουν πραγματικά τον τρόπο που σκέφτεστε για το σχεδιασμό της αρχικής σελίδας. Η κρυφή πλοήγηση έχει μια σημαντική στιγμή αυτή τη στιγμή.
Ο συζητήσιμος σχεδιασμός του εικονιδίου χάμπουργκερ είναι η πιο ευρέως χρησιμοποιούμενη εφαρμογή, με ένα εικονίδιο που ξεδιπλώνει ένα πλήρες μενού. Οι σχεδιαστές ιστοσελίδων επιλέγουν μία από τις δύο επιλογές: Ένα μενού που ξεδιπλώνεται σε ένα μέρος της οθόνης ή στην πλοήγηση σε πλήρη οθόνη. Η επιλογή πλήρους οθόνης λειτουργεί σχεδόν πανομοιότυπα με το πώς λειτουργούν τα slides out styles σε εφαρμογές και με τους πρόσθετους σχεδιαστές ακινήτων έχουν πολλά περιθώρια να δημιουργήσουν μια σελίδα πλοήγησης που είναι κάτι περισσότερο από λίγες εσωτερικές συνδέσεις.
Αυτό που είναι ιδιαίτερα ωραίο για υπερμεγέθη στυλ πλοήγησης είναι ότι είναι εύκολο να το διαβάσετε και να κάνετε κλικ. (Τίποτα δεν είναι χειρότερο από τα μικροσκοπικά στοιχεία πλοήγησης που έχουν σχεδιαστεί σχεδόν ως μια σκέψη.)
Κάρτες, κάρτες και περισσότερες κάρτες
Μπορείτε δύσκολα να περιηγηθείτε στον ιστό χωρίς να συναντήσετε μια διεπαφή στυλ κάρτας. Αυτά τα δοχεία περιεχομένου είναι άκρως χρήσιμα και στοιβάζονται καλά σε πλαίσια απόκρισης.
Οι κάρτες είναι μια δημοφιλής επιλογή επειδή μπορούν να είναι πολύ διασκεδαστικές για το σχεδιασμό επίσης. Οι κάρτες μπορούν να προσαρμοστούν ανάλογα με το σχεδιασμό και να λειτουργούν με σχεδόν οποιοδήποτε τύπο περιεχομένου. Ένα πράγμα που πρέπει να θυμάστε σχετικά με τις κάρτες είναι ότι κάθε δοχείο πρέπει να κατέχει μια φορά κομμάτι περιεχομένου και να συνδεθεί σε ένα κλικ. Αυτό το "πράγμα" μπορεί να ενεργοποιήσει ένα βίντεο, να υποβάλει μια φόρμα, να μετακινηθεί σε άλλη σελίδα, να αγοράσει ένα στοιχείο ή οποιοδήποτε άλλο αριθμό μεμονωμένων ενεργειών. Διαφορετικές κάρτες στον ίδιο ιστότοπο μπορούν να κάνουν διαφορετικά πράγματα. (Όσο οι χρήστες κατανοούν τις ενέργειες.)
Είναι ένα στυλ διεπαφής που χρειάζεται πολύ λίγη εξήγηση. Οι ιστότοποι κοινωνικών μέσων όπως το Facebook, το Twitter και το Pinterest έχουν τις ρίζες τους σε διεπαφές τύπου κάρτας με άπειρη κύλιση, έτσι ώστε το νέο περιεχόμενο να είναι ολοένα και πιο έντονο. Οι συντριπτικοί χρήστες φαίνεται να συμπαθούν και να αποδεχτούν αυτό το σχέδιο.
Οι μικρο-αλληλεπιδράσεις είναι απαραίτητες
Όχι πολύ καιρό πριν, οι μικρο-αλληλεπιδράσεις ήταν σχεδόν αποκλειστικά ένα στοιχείο εφαρμογής. Ίσως θελήσετε να επανεξετάσετε αυτή την ιδέα. Η γραμμή μεταξύ εφαρμογών και ιστότοπων είναι εντελώς θολή. Οι χρήστες θέλουν να επισκεφτούν μια εφαρμογή και στη συνέχεια ίσως την ιστοσελίδα αργότερα και να αποκτήσουν την ίδια ακριβώς εμπειρία.
Αυτό ισχύει και για τις μικρο-αλληλεπιδράσεις. Μικρο-αλληλεπίδραση είναι οτιδήποτε βοηθά το χρήστη να επικοινωνεί με τη διεπαφή, να βλέπει μια ενέργεια να λαμβάνει χώρα ή να χειρίζεται τη διασύνδεση. Κάθε ένα από αυτά τα κομμάτια επικοινωνίας είναι τόσο μικροσκοπικό που ο χρήστης σχεδόν δεν σκέφτεται γι 'αυτό, όπως ένα συναγερμό, ένα μήνυμα κειμένου ή ένα δάχτυλο για ανανέωση του περιεχομένου. (Απλά σκεφτείτε πόσες ειδοποιήσεις συνάντησης θα λάβετε στον υπολογιστή εργασίας ή το τηλέφωνό σας, αυτές είναι οι μικρο-αλληλεπιδράσεις.)
Ο παράγοντας σύνδεσης για την πραγματοποίηση αυτής της ομαλής μετάβασης είναι ένα άγγιγμα εξατομίκευσης και πολλές επιλογές για την προσαρμογή του χρήστη. Η χρήση μικρο-αλληλεπιδράσεων είναι δύσκολη επειδή υπάρχει μια λεπτή γραμμή μεταξύ των επιθυμητών ειδοποιήσεων ή συναγερμών ή μηνυμάτων και συντρίβοντας τον χρήστη.
Κατά την ενσωμάτωση των μικρο-αλληλεπιδράσεων ακολουθήστε μερικές από τις πιο βασικές λειτουργίες για να δείτε πρώτα πώς αντιδρούν οι χρήστες. Στη συνέχεια, μπορείτε να προσθέσετε στο μείγμα εάν η βάση χρηστών σας αποδεχτεί.
Και τώρα ... φορούν
Η επόμενη φάση του σχεδιασμού ιστοτόπων συμβαίνει ήδη. Καθώς οι φορητές συσκευές αυξάνουν τη δημοτικότητα, έτσι θα σχεδιάσουν στοιχεία από αυτές τις μικροσκοπικές οθόνες.
Στοιχεία που θα έχουν αντίκτυπο περιλαμβάνουν μικρά, βασισμένα σε κατάσταση κινούμενα σχέδια, όπως τροχούς κύλισης που γεμίζουν για να δείξουν επιτυχίες, περισσότερες μικρο-αλληλεπιδράσεις και πολλούς ιχνηλάτες. (Οι χρήστες είναι σχεδόν εμμονή με τα δεδομένα αυτή τη στιγμή, από τα δεδομένα που βασίζονται σε φυσική κατάσταση έως τα κέρδη για αγορές.)
Το Wearables προσθέτει επίσης ένα άλλο στρώμα gamification στην καθημερινή ζωή. Αυτό πιθανότατα θα μεταφερθεί και στο σχεδιασμό ιστοσελίδων.
Τι φορεσιά θα κάνει πραγματικά είναι περαιτέρω η γραμμή μεταξύ όλων των συσκευών μας. Οι ιστότοποι, οι εφαρμογές, οι φορητοί υπολογιστές - όλοι πρέπει να παρέχουν ολοκληρωμένες εμπειρίες για τους χρήστες, ώστε η μετάβαση από τη συσκευή στη συσκευή να είναι απρόσκοπτη και η εμπειρία να είναι συνεπής.
συμπέρασμα
Καθώς οι οθόνες αλλάζουν το μέγεθος, έτσι και ο τρόπος που σχεδιάζουμε γι 'αυτούς. Για να δημιουργήσετε συγκλονιστικές αλληλεπιδράσεις με τις οποίες επιθυμεί ο χρήστης να ασχολείται, ανεξάρτητα από τη συσκευή, κάθε διεπαφή πρέπει να λειτουργεί με τον ίδιο τρόπο. Η ιδέα επηρεάζει δραματικά τον τρόπο με τον οποίο σχεδιάζονται όλοι οι ιστότοποι (ακόμα και εκείνοι που δεν έχουν αναγκαστικά app ή wearable αντίστοιχα).
Δημιουργώντας κάτι που οι χρήστες επιθυμούν στις μικρότερες οθόνες και επεκτείνοντας το σε μεγαλύτερες συσκευές, οι σχεδιαστές μπορούν να δημιουργήσουν διεπαφές που είναι εύκολο να κατανοηθούν. Κάνει επίσης τη διεπαφή σας λίγο πιο απαιτητική.