Εάν είστε κάτι σαν εμένα, περνάτε πολύ χρόνο μελετώντας το έργο άλλων σχεδιαστών. Μου αρέσει να εξετάζω σχέδια για την εμπειρία και τις αλληλεπιδράσεις που δημιουργούνται για τους χρήστες.
Προφανώς, καθώς συμβαίνουν περισσότερες τεχνικές, συμβαίνουν οι αλλαγές στον σχεδιασμό ιστοσελίδων και φτάνουν τα νεότερα, καλύτερα πράγματα. Έχουμε βιώσει τη ζωή της αρχικής σελίδας, της κεφαλίδας εισαγωγής, της κύλισης parallax και τόσων άλλων στοιχείων που έχουν επηρεάσει την εμπειρία του διαδικτύου. Ωστόσο, αυτά τα πράγματα ήταν κυρίως αισθητικά και δεν άλλαξαν πραγματικά τον τρόπο δημιουργίας δικτυακών τόπων.
Τον τελευταίο καιρό, έχω ξεπεράσει κάποιους ιστότοπους και έχω δει μια νέα αλλαγή. Κάποιος νομίζω ότι μου αρέσει, αλλά δεν είμαι σίγουρος. Μια αλλαγή που θα μπορούσα να δω πραγματικά την επανεφεύρεση του τρόπου που σκεφτόμαστε ακόμη και για το σχεδιασμό ιστοσελίδων. Θα μας έκανε να είμαστε πιο έξυπνοι και να σκεφτόμαστε πιο διαισθητικά το κοινό μας. Και αυτό δεν θα μπορούσε να είναι κακό. Αυτή η τεχνική είναι κάτι που δεν είναι μοναδικό στον κόσμο του αισιόδοξου και κινητού σχεδιασμού. Ωστόσο, για ορισμένα tablet και επιτραπέζιους υπολογιστές, είναι μια νέα ποικιλία πλοήγησης.
Δεν θα ξεφορτωθούμε όλα τα μενού, απλά τα κρύβουμε μέχρι να τους ζητηθεί. Θα μπορούσε αυτό να ξεκινήσει;
Η γραμμή πλοήγησης γεννήθηκε ακριβώς μαζί με το Διαδίκτυο. Οι σχεδιαστές πιστεύουν ότι η τοποθέτηση όλου του περιεχομένου του μενού σε καθαρή προβολή σε μια σελίδα έχει νόημα. Και είναι δύσκολο να υποστηρίξουμε. Αν έρχεστε σε μια ιστοσελίδα για πρώτη φορά, θέλετε να μάθετε τι είναι διαθέσιμο και πού να πάτε. Φαίνεται να έχει τσιμεντοποιηθεί ως ένα σημαντικό μέρος του web design. Τα εργαλεία και προγράμματα εργαλείων συρραφής περιλαμβάνουν γραμμές πλοήγησης, όπως και αν συμπεριλαμβάνουν το αλάνθαστο κείμενο και κουμπιά.
Οι γραμμές πλοήγησης παρουσιάζονται με πολλούς διαφορετικούς τρόπους. Τον τελευταίο καιρό, τα κολλητικά navbars έχουν γίνει πολύ δημοφιλή. Σε αντίθεση με την προτεινόμενη προσπάθεια, αυτή η γραμμή πλοήγησης είναι πάντα παρούσα στη σελίδα. Ωστόσο, οι κολλώδεις ράβδοι χρησιμοποιούνται συνήθως σε τοποθεσίες με βαριά παράλλαξη με παράλλαξη (άλλη τεράστια τάση). Αυτό μπορεί να καταλήξει να αποπροσανατολίζει, ειδικά όταν καταλαμβάνει μια οριζόντια περιοχή στην κορυφή μιας σελίδας.
Είναι δύσκολο να υποστηρίξουμε την αποτελεσματικότητα των γραμμών πλοήγησης. Στην πραγματικότητα, δεν θα το κάνω. Είναι αποτελεσματικά και είναι ο κανόνας στο web design αυτή τη στιγμή. Αλλά, υπάρχει ένας καλύτερος τρόπος να παρουσιάσετε τα μενού μας που θα μπορούσαν ενδεχομένως να αλλάξουν ολόκληρο τον τρόπο που σκεφτόμαστε για το web design; Πιστεύω έτσι, και αυτός ο τρόπος για να αλλάξετε το web design είναι να ξεφορτωθείτε τη γραμμή πλοήγησης όλοι μαζί. Μα γιατί?
Αυτό είναι κάτι που έχω αγγίξει στο παρελθόν, αλλά με την απουσία γραμμών πλοήγησης, υπάρχουν προφανώς λιγότερες περισπασμούς. Οι γραμμές πλοήγησης έχουν γίνει ένα μέρος για να αποθηκεύσετε όλο το περιεχόμενο που δεν μπορείτε να χωρέσετε στον ιστότοπό σας. Εκτός από αυτό, βάζουμε κάθε σελίδα που έχουμε φανταστεί και καταλήξουμε στη γραμμή πλοήγησης. Μερικοί είναι γεμάτοι και γεμάτοι. Ορισμένοι διαθέτουν αριθμούς τηλεφώνου και κουτιά αναζήτησης. Μερικοί είναι απλώς μεγάλοι και έχουν μόνο τρεις μικρούς συνδέσμους πάνω τους. Ορισμένα έχουν αναπτυσσόμενα μενού που καλύπτουν όλο το ύψος μιας ιστοσελίδας. Ποιο ειναι το νοημα?
Τα τελευταία χρόνια έχουμε παρατηρήσει ότι το σχεδιασμό ιστοσελίδων έγινε λίγο υπερβολικά γεμάτο, και έτσι η αναβίωση του πάντα δημοφιλούς μινιμαλιστικού σχεδιασμού. Αλλά αντί να διορθώσουμε πραγματικά το πρόβλημα της ακαταστασίας, απλώς απογυμνώσαμε τα σχέδια του web για τα συναρπαστικά πράγματα. Επιπλέον, η εστίαση στο μενού και στον χάρτη ιστότοπου μας κοστίζει πραγματικά τα πιο σημαντικά μέρη του ιστότοπου. Αμέσως μόλις αρχίσουμε να σχεδιάζουμε, μας διδάσκουν να σκεφτόμαστε το sitemap και πώς όλα θα συνδεθούν. Φανταστείτε αν ξοδέψαμε εκείνη την ώρα να σκεφτόμαστε τι θέλει το ακροατήριο και πώς θα το χρησιμοποιήσει.
Σε ένα σημείο, έθεσα το ερώτημα εάν το επίπεδο σχέδιο έχει κάνει τις ιστοσελίδες μας πολύ απλές. Έχω ζητήσει επίσης από άλλα μέλη της κοινότητας αν πιστεύουν ότι ο μινιμαλισμός σκοτώνει τη δημιουργικότητά μας. Θα σας χαρίσω τη μακρά ανάγνωση και συνοπτική παρουσίαση λέγοντας αυτό: έχουμε πραγματοποιήσει συναλλαγές με εντυπωσιακό σχεδιασμό για απλές εμπειρίες web. Τι εννοώ; Θα προτιμούσαμε να έχουμε ένα απλό ιστολόγιο με λευκό φόντο, αρκεί οι αναρτήσεις να εμφανίζονται αυτόματα. Θα προτιμούσαμε να χρησιμοποιήσουμε ένα μονότονο ή δίχρωμο χρωματικό σχέδιο και να φτιάξουμε το τελείως διαφορετικό χρώμα που αναμενόταν. Επειδή πιστεύουμε ότι είναι δροσερό.
Τώρα, πρέπει να ομολογήσω ότι πρέπει να είμαστε κουρασμένοι από υπερβολική σχεδίαση. Είναι κάτι που δεν συστήνω καθόλου. Φαίνεται όμως ότι σταματήσαμε να σχεδιάζουμε όλοι μαζί. Και τα πράγματα που βρίσκουμε για καλό σχεδιασμό είναι πραγματικά μόνο πράγματα που άλλοι σχεδιαστές μπορούν να παρατηρήσουν και να απολαύσουν. Μου πήρε περίπου 5 χρόνια για να μάθω το μάθημα ότι αυτό που ένας σχεδιαστής μπορεί να σκεφτεί θα φανεί καλός δεν είναι πάντα αυτό που ο πελάτης νομίζει ότι φαίνεται καλός.
Για να είναι επιτυχής με αυτό, πρέπει να επικεντρωθούμε στον πελάτη / ακροατήριο όπως ποτέ πριν. Πρέπει να προσπαθήσουμε να καταλάβουμε τι ακριβώς θέλουν να δουν και πώς θέλουν να το δουν. Οι γραμμές πλοήγησης έχουν σαν μια καθοδηγούμενη διαδικασία πριν, αλλά δεδομένου ότι είναι ο κανόνας, απλά το χαστούμε σε έναν ιστότοπο σαν ένα ενιαίο μέγεθος. Η εστίαση στον πελάτη δημιουργεί μια μεγαλύτερη σύνδεση με τους και προσφέρεται για να βιώσουν τα σχέδια με γνώμονα, όπως ποτέ πριν.
Ας χτίσουμε μια γέφυρα. Αυτή η γέφυρα συνδέει αυτά που θέλουμε να δουν μαζί με το πώς θέλουμε να το δουν. Το μήκος της γέφυρας ποικίλλει ανάλογα με το πόσο μακριά είναι τα δύο από το άλλο, αλλά πρέπει να υπάρχει μια γέφυρα. Προφανώς θέλουμε να έχουμε την ομαλότερη γέφυρα δυνατή ώστε η μεταφορά των πληροφοριών να είναι όσο το δυνατόν πιο ομαλή. Αφαιρώντας τον εαυτό μας από τη γραμμή πλοήγησης, δημιουργήσαμε μια πλατφόρμα για να έχουμε ένα εντελώς συναρπαστικό σχέδιο μάρκας που θα εξυπηρετεί άμεσα τον πελάτη.
Αυτό μας επιτρέπει να δημιουργούμε τώρα εμπειρίες. Ναι, ίσως θα πρέπει να ξεφύγουμε από τον κόσμο του αυστηρού μινιμαλισμού. Ωστόσο, αυτό γίνεται web design πίσω σε αυτό που πρέπει να είναι? ένα χώρο στο διαδίκτυο αφιερωμένο στη σχέση μεταξύ μιας μάρκας και του πελάτη της. Αυτές οι εμπειρίες θα πρέπει να κάνουν τους επισκέπτες πιο μακριά από το εμπορικό σήμα, δημιουργώντας ταυτόχρονα έναν ενδιαφέροντα τρόπο για να το πράξουν. Αντί απλώς κάνοντας κλικ σε έναν σύνδεσμο και οδηγώντας σε μια εντελώς νέα σελίδα, τώρα υπάρχει η ευκαιρία να δημιουργήσετε κάτι πραγματικά. Υπάρχει μια ευκαιρία να πάρετε όλες τις δροσερές νέες προόδους σε HTML και CSS3 (εκτός από απλά κύλιση) και να δημιουργήσετε κάτι μαγικό και mindblowing.
Χωρίς αυτό το ενοχλητικό μπαρ στην κορυφή των σελίδων μας, απελευθερώνει πραγματικά έναν ολόκληρο νέο κόσμο σκέψης. Είμαι σίγουρος ότι σκέφτεστε, καλά κι αν κινείστε και είναι κρυμμένο, τότε δεν υπάρχει καμία διαφορά. Αλλά ουσιαστικά αφαιρούμε το ίδιο πράγμα που μετακινεί τους θεατές από σελίδα σε σελίδα. Πώς σχεδιάζει κάποιος ιστότοπος; Πώς μπορεί κάποιος να χειριστεί γύρω από έναν ιστότοπο; Φαίνεται αδύνατο και σαν να απομακρύνετε ένα μπαρ δεν θα μπορούσε να έχει τόσο μεγάλη επίδραση, αλλά παρακαλώ να διαφέρουν. Μπορείτε να ελέγξετε οποιονδήποτε ιστότοπο κύλισης που δεν κάνει μεγάλη χρήση της πλοήγησης.
Είναι αυτό το επόμενο πράγμα στον κόσμο του web design; Μπορείτε να φανταστείτε να πηγαίνετε σε έναν ιστότοπο που δεν έχει ορατό μενού, αλλά γνωρίζοντας πού θέλετε να πάτε; Φαίνεται σαν μια πολύ ενδιαφέρουσα πρόκληση. ένας πολλοί θα πάρουν. Φυσικά, το πρώτο πρόβλημα θα ήταν για ιστότοπους που είναι βαρείς στις σελίδες: Το μενού flyout περιέχει τόνους συνδέσμων ή απλώς μαθαίνετε να συμπυκνώνετε όλο το περιεχόμενο; Δεν υπάρχουν γραμμές πλοήγησης που θα μπορούσαν πραγματικά να αλλάξουν τον τρόπο του web design, αλλά μόνο το μέλλον μπορεί να πει αν αυτό θα είναι μια νέα τάση.
Έχετε δημιουργήσει έναν ιστότοπο χωρίς παραδοσιακή γραμμή πλοήγησης; Πιστεύετε ότι οι γραμμές πλοήγησης είναι απαραίτητες στο σχεδιασμό ιστοσελίδων; Ενημερώστε μας στα σχόλια.
Προτεινόμενη εικόνα / μικρογραφία, εικόνα πλοήγησης μέσω Shutterstock.