Βασικές τάσεις σχεδιασμού, Μάιος 2016
Τίποτα δεν παγιδεύει την προσοχή σας σαν ένα σχέδιο υψηλής τέχνης. Μεγάλες εικόνες, ασυνήθιστη χρήση κοινών στοιχείων ή κενών χώρων και παιχνιδιού βασισμένου σε περιπέτεια είναι διαφορετικοί τρόποι εισαγωγής των χρηστών σε ένα έργο. Κάθε μια από αυτές τις τεχνικές έχει μια υπερβολική αίσθηση που δημιουργεί μια ισχυρή πρώτη εντύπωση και ενθαρρύνει την αλληλεπίδραση των χρηστών.
Ας δούμε τι συμβαίνει στον σχεδιασμό αυτού του μήνα:
1) Μια μεγάλη φωτογραφία
Ενώ οι ιστοσελίδες στυλ κολάζ με πολλές φωτογραφίες ή κεφαλίδες βίντεο είναι δημοφιλείς επιλογές, μια μεγάλη φωτογραφία κάνει μια επιστροφή στο σχεδιασμό της αρχικής σελίδας. Χαρακτηρίζεται από μια εντυπωσιακή εικόνα χωρίς πολλά άλλα εφέ, μια μεγάλη φωτογραφία μπορεί να φέρει πολύ βάρος και να εισαγάγει τους χρήστες στο περιεχόμενο της ιστοσελίδας.
Αλλά η φωτογραφία πρέπει να είναι της υψηλότερης ποιότητας και πολύ ενδιαφέρουσα να προσελκύσει τους χρήστες να συνεχίσουν να κάνουν κλικ.
Αυτό μπορεί να είναι μια σκληρή φόρμουλα για την επίλυση.
Ακολουθούν μερικές λύσεις:
- Ξεκινήστε με μια καθοριστική φωτογραφία. Πρέπει να είναι ενδιαφέρουσα και κάπως διαφορετική. (Αποφύγετε το χέρι που κρατάει εικόνες τηλεφώνου για εκτόξευσης εφαρμογών ή ένα άτομο σε συμπαγή πλάνα φόντου).
- Πετάξτε το σφιχτά.
- Επεξεργασία και αναπαραγωγή με ρυθμίσεις χρωμάτων. Πηγαίνετε για κάτι λίγο πιο ακραίο, όπως το ασπρόμαυρο.
- Παρουσίαση του προϊόντος ή της μάρκας σας.
- Κρατήστε τα άλλα στοιχεία στο ελάχιστο. Εξετάστε μόνο τη χρήση ενός αναγνωριστικού επωνυμίας, όπως ενός λογότυπου, και ενός σύντομου τίτλου.
- Μετακινήστε την πλοήγηση εκτός δρόμου.
- Παρέχετε μια ένδειξη για τους χρήστες, ώστε να γνωρίζουν τι πρέπει να ακολουθήσουν, όπως το βέλος που ενθαρρύνει ένα κύλινδρο.
- Κάντε μια δραματική φωτογραφία με τη βοήθεια φωτισμού, ενδιαφέροντος φόντου ή αστρικών περιβαλλόντων. (Απαιτείται ένας επαγγελματίας φωτογράφος γι 'αυτό.)
- Αναπαραγωγή του δράματος με τυπογραφία είναι ότι είναι υπερμεγέθης, μικρότερης κλίμακας ή χρησιμοποιεί ένα τυπογραφικό τυπογραφικό λάθος. Αλλά χρησιμοποιήστε μόνο μία από αυτές τις τεχνικές.
2) Πλοήγηση πλευρικής μπάρας
Ενώ η πιο κοινή τοποθέτηση για στοιχεία πλοήγησης είναι κατά μήκος της κορυφής μιας ιστοσελίδας, αυτό δεν είναι απαίτηση. Όσο είναι σαφές στους χρήστες πώς να χρησιμοποιούν έναν ιστότοπο, η πλοήγηση μπορεί να ζήσει σε διάφορα σημεία.
Η πλοήγηση σε στυλ πλευρικής γραμμής, συχνά στην αριστερή πλευρά της οθόνης, είναι μια τέτοια δημοφιλής επιλογή.
Αυτή είναι μια τάση που έρχεται αρκετά γρήγορα και βρίσκεται σε έναν αριθμό τοποθεσιών. Από το λεπτό, σχεδόν δεν υπάρχει στυλ σε ευρύτερα, σχεδόν υπερμεγέθη στοιχεία πλοήγησης σε μια διάταξη πλευρικής γραμμής, αυτή η τοποθέτηση έχει πολύ νόημα, επειδή οι χρήστες διαβάζουν από αριστερά προς τα δεξιά. Έτσι, τα αριστερά στοιχεία πλοήγησης θα μπορούσαν να είναι τα πρώτα πράγματα που οι χρήστες διαβάζουν στην οθόνη αφού δουν την κύρια επικεφαλίδα ή άλλο μεγάλο αντίγραφο.
Η τάση προέρχεται από τους κινητούς τύπους πλοήγησης και αποτελεί λογικό βήμα για τους ιστότοπους για επιτραπέζιους υπολογιστές. Για λίγο, έχουμε βιώσει την πλοήγηση pop-out από την πλευρά των συσκευών μικρής οθόνης. Αναζητώντας πλοήγηση από την πλευρά έχει γίνει ένα αρκετά κοινώς αποδεκτό πρότυπο χρήστη για αυτόν τον λόγο.
Ως μέρος μιας ευρύτερης εικόνας, είναι πιθανό να δούμε ακόμη περισσότερες τεχνικές που βασίζονται σε λύσεις που βασίζονται σε κινητά τηλέφωνα και δίνουν το δρόμο τους σε οθόνες παντός μεγέθους. Η επέκταση μιας λύσης μικρής οθόνης σε όλες τις συσκευές μπορεί να εξοικονομήσει χρόνο και να προσφέρει μεγαλύτερη συνέπεια στην εμφάνιση ενός έργου. Είναι επίσης μέρος της κινητής-πρώτης στρατηγικής σχεδιασμού.
Όταν πρόκειται για πλοήγηση στην πλαϊνή μπάρα σε μεγαλύτερες οθόνες, υπάρχουν μερικά συγκεκριμένα στοιχεία που πρέπει να λάβετε υπόψη.
- Η πλοήγηση πρέπει να είναι κάπως προφανής στους χρήστες, γι 'αυτό και πολλοί ιστότοποι εξακολουθούν να χρησιμοποιούν την εικονίδια χάμπουργκερ ως συμβολισμό.
- Η πλοήγηση μπορεί να εμφανιστεί από τα αριστερά ή τα δεξιά, αλλά μπορεί επίσης να είναι ένα ξεχωριστό στοιχείο σχεδίασης με στατική τοποθέτηση.
- Η πλοήγηση στην πλευρική μπάρα μπορεί να είναι μέρος του συνολικού σχεδιασμού και όχι παράταση. Σημειώστε πως ο ιστότοπος Quecha ενσωματώνει στοιχεία πλοήγησης στυλ πλευρικής γραμμής στο συνολικό σχέδιο.
- Παρέχετε άφθονο χώρο έτσι ώστε τα στοιχεία πλοήγησης να είναι σαφή και ευανάγνωστα. Οι χρήστες θα πρέπει να γνωρίζουν τι αυτές οι λέξεις ή τα εικονίδια είναι και ότι είναι ένα μονοπάτι για να πάρει γύρω από την ιστοσελίδα.
- Προσέξτε να αλλάξετε τις μορφές πλοήγησης μεταξύ των σελίδων, εκτός εάν επιστρέψετε σε μια πιο τυποποιημένη επιλογή στην κορυφή της οθόνης στις εσωτερικές σελίδες.
3) Διαδραστική περιπέτεια
Οι σχεδιαστές κάνουν βίντεο, κινούμενα σχέδια και αφήγηση στο επόμενο επίπεδο με διασκεδαστικούς ιστότοπους που κάνουν τους χρήστες σε μια διαδραστική περιπέτεια. Αυτοί οι ιστότοποι βασίζονται σε ιστορίες για μάρκες και επιχειρήσεις κάθε είδους, καθώς και για ιστότοπους που είναι απλώς ενημερωτικοί.
Κάθε διαδραστικός χώρος περιπέτειας τείνει να φαίνεται εντελώς διαφορετικός και μπορεί να χρησιμοποιήσει οποιοδήποτε αριθμό τεχνικών για να προσελκύσει τους χρήστες. Το κοινό νήμα είναι μια ιστορία όπου ο χρήστης ελέγχει τη δράση στην οθόνη. Αυτό λειτουργεί με τα κλικ, πληκτρολογώντας εντολές και κύλιση για να εμπλέξει τον χρήστη στην ιστορία και να βοηθήσει να καθορίσει τα αποτελέσματα.
Αυτός ο διαδραστικός τύπος ιστορικού σχεδιασμού ιστοτόπων είναι καλός για τους χρήστες και καλό για εσάς. Μια καλή ιστορία μπορεί να κρατήσει τους χρήστες στον ιστότοπό σας περισσότερο και κάνοντας κλικ στους συνδέσμους, ασχολούμενος με το περιεχόμενο. Αυτό θα σας βοηθήσει να δημιουργήσετε μια καλύτερη σύνδεση με το ακροατήριό σας.
Οι χρήστες σαν διαδραστικές ιστορίες επειδή μπορούν να είναι διασκεδαστικές και ενδιαφέρουσες. Το τέχνασμα κρατά την ιστορία αρκετά μικρή ώστε ο χρήστης να μπορεί να παίξει και να ολοκληρώσει το παιχνίδι σε μια συνεδρίαση. Εάν πρέπει να γυρίσουν μακριά, μπορεί να τους χάσετε.
Επίσης, εξετάστε το αποτέλεσμα της διαδραστικής εμπειρίας. Τι συμβαίνει στο τέλος της αλληλεπίδρασης; Μήπως σχετίζεται μόνο με το παιχνίδι; Ή επισημαίνετε ένα προϊόν ή μια υπηρεσία που οι χρήστες θα θέλουν να επιστρέψουν; Αν η απάντηση είναι η τελευταία, βεβαιωθείτε ότι έχετε συμπεριλάβει μια παράκαμψη επιλογή για τους χρήστες που έχουν ήδη παίξει (ή δεν θέλουν να παίξουν) το παιχνίδι, αλλά εξακολουθούν να έχουν πρόσβαση στο περιεχόμενο.
συμπέρασμα
Το θέμα στο trending σχεδιασμό αυτό το μήνα είναι μεγάλο δράμα. Παίρνει μεγάλη τέχνη, μια καλή ιστορία και πολλή σχεδίαση για να τραβήξει μια από αυτές τις τεχνικές, επειδή είναι τόσο ξεχωριστά επικεντρώθηκε στην αρπαγή τους χρήστες με μια γρήγορη εντύπωση. Είναι ένα στυλ που θα εξετάζατε;
Τι τάσεις αγαπάτε (ή μιλάτε) τώρα; Θα ήθελα πολύ να δω κάποιες από τις ιστοσελίδες που σας γοητεύει. Ρίξτε μου ένα σύνδεσμο στο Twitter . Θα ήθελα πολύ να σας ακούσω.