6 βήματα για την τελειοποίηση του μινιμαλισμού στο σχεδιασμό ιστοσελίδων
Τα τελευταία χρόνια, το σχεδιασμό ιστοσελίδων έχει συγκλονιστεί από διάφορες τάσεις που έχουν έρθει και φύγει. Μία από τις τάσεις που έχει παραμείνει στην εξουσία είναι ο μινιμαλισμός, απλώς και μόνο επειδή είναι μια διαχρονική αντίληψη που έχει γίνει δημοφιλής σε διάφορα μέσα σε όλες τις ηλικίες. Γιατί λοιπόν όχι στο web design;
Ένα από τα πράγματα για τον μινιμαλισμό είναι ότι βελτιώνει επίσης την εμπειρία των χρηστών, εκτός από την ωραία εμφάνιση. Μια καταγγελία πολλών χρηστών με την πάροδο των χρόνων ήταν ότι μερικοί ιστότοποι είναι απλά πολύ περίπλοκοι για πλοήγηση. Υπάρχει ακριβώς πάρα πολλά πράγματα που συμβαίνουν εκεί που κάνει την εμπειρία του χρήστη λιγότερο από ό, τι θα έπρεπε ή θα μπορούσε να είναι.
Η παλιά παροιμία που λέει "λιγότερο είναι περισσότερο" εξακολουθεί να ισχύει, ειδικά όταν πρόκειται για σχεδιασμό στον 21ο αιώνα.
1) Αγκαλιάστε το επίπεδο σχέδιο
Όλοι γνωρίζουμε ότι η επίπεδη σχεδίαση είναι ουσιαστικά η απάντηση στον σχεδιασμό του κόσμου στον σπερμομορφολογισμό, ο οποίος έχει πρόσφατα χάσει την ευσπλαχνία του, με την Apple να αποτελεί πρωταρχικό παράδειγμα αυτής της θαλάσσιας αλλαγής. Η επίπεδη σχεδίαση χαρακτηρίζεται κυρίως από την απουσία σκιών, τρισδιάστατων εφέ και κλίσεων. χρησιμοποιεί επίσης τολμηρά και ζωντανά χρώματα για να τραβήξει το μάτι του χρήστη.
Ένα τεράστιο εμπορικό σήμα, που αγκαλιάζει το επίπεδο σχεδιασμό με έναν επιζήμιο τρόπο είναι η Microsoft, ειδικά με το λειτουργικό σύστημα Windows 8. Στο την επίσημη ιστοσελίδα της εταιρείας για την τελευταία έκδοση , 8.1, βλέπουμε επίπεδη σχεδίαση που παρουσιάστηκε σε όλη τη δόξα της. Αυτό έχει νόημα από την άποψη της συνοχής, καθώς τα Windows 8 ήταν γνωστά για την επίπεδη σχεδίαση της οθόνης εκκίνησης.
Επομένως, στον ιστότοπο, δεν βλέπετε καμία απόδειξη για σκιές ή κλίσεις - βλέπετε μόνο τα πάντα στο 2D. Η τυπογραφία των διαφόρων γραμματοσειρών για πρωτοσέλιδα και αντίγραφα σώματος δεν περιέχει υφές οποιουδήποτε είδους. η διάταξη της σελίδας είναι πολύ καθαρή και χωρίς ακαταστασία. τα εικονίδια και τα κουμπιά είναι ζωντανά και επίπεδη όπως μπορεί να είναι. και οι εικόνες των οθονών έναρξης των Windows 8 είναι μια μελέτη επίπεδης σχεδίασης.
2) Ενσωμάτωση του λευκού χώρου
Ό, τι κι αν θέλετε να το ονομάσετε, ο αρνητικός ή ο λευκός χώρος δεν είναι μόνο ένα εξαιρετικά έξυπνο στοιχείο σχεδιασμού που καθοδηγεί το μάτι να πηγαίνει εκεί που θέλετε να πηγαίνει σε μια ιστοσελίδα, αλλά είναι επίσης ένας βασικός φορέας για μινιμαλισμό. Όλο και περισσότεροι ιστότοποι πηγαίνουν σε αυτή την τεχνική σχεδιασμού καθώς αντιλαμβάνονται πόσο επωφελής είναι.
Το μοναδικό παράδειγμα αρνητικού ή λευκού χώρου σε όλο το Διαδίκτυο είναι ίσως ο ιστότοπος με τον οποίο το συσχετίζετε λιγότερο - μόνο και μόνο επειδή το θεωρείτε δεδομένο. Το χρησιμοποιείτε τόσο πολύ ώστε απλά διαφεύγει από την ειδοποίησή σας ... αλλά είναι εκεί! Μιλάω για Αναζήτηση Google . Είναι μια μελέτη σε λευκό χώρο, για λόγους που πρέπει να είναι αρκετά αυτονόητοι.
Δεδομένου ότι ο σκοπός του ιστότοπου αναζητά, η εταιρεία χρησιμοποίησε έξυπνα τόσο αρνητικό ή λευκό χώρο στη σελίδα, ώστε οποιοσδήποτε χρήστης σε ολόκληρο το σύμπαν δεν μπορούσε να αποσπάσει την προσοχή από οτιδήποτε άλλο στη σελίδα αναζήτησης. Όλα τα στοιχεία έχουν αφαιρεθεί και ο λευκός χώρος περιβάλλει τη γραμμή αναζήτησης. Προφανώς, αυτό κατευθύνει το μάτι του χρήστη στο σημείο της μεγαλύτερης και μόνο σημασίας: πού να πληκτρολογήσετε στην αναζήτησή σας.
Αν και ο αρνητικός ή ο λευκός χώρος είναι ένα ιδανικό παράδειγμα μινιμαλισμού, πρέπει επίσης να τονιστεί ότι δεν αντιπροσωπεύει κενό, per se. Είναι πραγματικά ένα πολύ έξυπνο στοιχείο σχεδιασμού που βοηθά στην καθοδήγηση των οφθαλμών του χρήστη.
3) Περιορισμός επιλογών
Ένας από τους μεγαλύτερους κανόνες για την αύξηση των μετατροπών σε οποιοδήποτε δικτυακό τόπο ηλεκτρονικού εμπορίου ή B2B είναι να αφαιρέσετε τον αριθμό των επιλογών που δίνετε στους χρήστες, τους αγοραστές ή τους επισκέπτες σας. Είναι απλά λογικό: Όταν παίρνετε όσο το δυνατόν περισσότερες επιλογές, δεν αφήνετε τους επισκέπτες σας να αποστασιοποιούνται από οτιδήποτε μπορεί να τους εμποδίσει να ολοκληρώσουν το στόχο της σελίδας, δηλαδή τη μετατροπή. Έτσι, λιγότερες επιλογές είναι ένα άλλο εντυπωσιακό παράδειγμα μινιμαλισμού στο σχεδιασμό ιστοσελίδων.
Ένα από τα καλύτερα μέρη για να δείτε τη μαγεία του μινιμαλισμού της επιλογής είναι στις σελίδες προορισμού-σελίδες προορισμού που πηγαίνουν γι 'αυτό σωστά ότι είναι. Μια εταιρεία που παίρνει την αρχή του μινιμαλισμού στην επιλογή είναι η Gengo, η επαγγελματική εταιρεία μετάφρασης λεζάντας.
Επί της σελίδας προορισμού , βλέπετε μια εντελώς απουσία επιλογής. Αυτό οφείλεται στο γεγονός ότι η σελίδα προορισμού καθιστά σαφές ποιο θα είναι το επόμενο (και μόνο) βήμα για τους επισκέπτες: μετατρέψτε πληκτρολογώντας το κείμενο ή ανεβάζοντας το αρχείο σας προς μετάφραση. Σίγουρα, οι καθαροί καθαροί στη σφαίρα της ελαχιστοποίησης των επιλογών θα υποστήριζαν ακόμη και ότι το μενού πλοήγησης παραπάνω στην κεφαλίδα θα πρέπει να αφαιρεθεί, επειδή οι χρήστες μπορούν να κάνουν κλικ εκεί, αντί να επικεντρωθούν στην υπηρεσία μετάφρασης.
4) Επικεντρωθείτε στην τολμηρή τυπογραφία
Εάν θέλετε να εκτιμήσετε πραγματικά τον μινιμαλισμό στο σχεδιασμό ιστοσελίδων με τα βασικά του γυμνά οστά, τότε ελέγξτε έξω Τοποθεσία του Brian Danaher . Ο Brian είναι καλλιτεχνικός διευθυντής, σχεδιαστής και εικονογράφος.
Όπως μπορείτε να δείτε, ο σχεδιασμός του site βασικά βασίζεται σε δύο πράγματα: τολμηρή τυπογραφία που δεν μπορείτε να χάσετε και μια μονή στήλη διάταξη. Αυτό είναι! Ναι, αυτή η προσέγγιση στον μινιμαλισμό μπορεί να είναι υπερβολικά ακραία για κάποια γούστα εκεί έξω, αλλά εξακολουθεί να επιτυγχάνει δύο πολύ σημαντικούς στόχους, οι οποίοι είναι κορυφαίοι στο μυαλό κάποιου όταν έχουν δικό τους site για να προωθήσουν τη σταδιοδρομία τους:
- Δεδομένου ότι η πλοήγηση έχει βασικά τοποθετηθεί στη διάταξη μιας στήλης, ο Brian είναι σε θέση να φτάσει στο σημείο για το τι κάνει, ποιος είναι και πώς οι επισκέπτες της τοποθεσίας μπορούν να έρθουν σε επαφή μαζί του
- Ο Brian επιτυγχάνει να χρησιμοποιήσει την αντίθεση (στα χρώματα των γραμματοσειρών και τα χρώματα φόντου όσο και ανάμεσα στα μεγέθη και τα στυλ των γραμματοσειρών) για να δώσει στους επισκέπτες του site κάτι ενδιαφέρον να δούμε
5) Απλοποιήστε την πλοήγησή σας
Το μενού πλοήγησης μπορεί συχνά να παραβλεφθεί όταν έχουμε μια συζήτηση σχετικά με τον μινιμαλισμό στο σχεδιασμό τοποθεσίας, αλλά μπορεί επίσης να είναι ένας τεράστιος (αν και σιωπηλός) συνεισφέρων στην προσπάθεια να δουλέψει ο μινιμαλισμός στον ιστότοπό σας. Ένα μενού πλοήγησης που δεν είναι ενοχλητικό και αθόρυβα αναμειγνύεται στο παρασκήνιο είναι το κλειδί για να κάνει μια περιοχή μινιμαλιστική σε ένα λειτουργικό επίπεδο.
Ελέγξτε φωτογράφο και σχεδιαστή Ο ιστότοπος του Cristian Ordonez αυτή είναι μια μελέτη στο μενού μινιμαλιστικής πλοήγησης. Το μενού είναι μια τέτοια αφοσιωμένη προσέγγιση στον μινιμαλισμό που δεν τεντώνει ούτε καν το πλάτος ολόκληρης της αρχικής σελίδας. Αντίθετα, είναι κάπως ήσυχα τοποθετημένο στην επάνω δεξιά γωνία του site. Επιπλέον, δεν υπάρχει καμία δράση μενού ολίσθησης, επομένως δεν υπάρχουν διαφορετικά ή πρόσθετα επίπεδα πλοήγησης. Τέλος, τα χρώματα του μενού (τουλάχιστον στην αρχική σελίδα) αναμειγνύονται απαλά στο χρώμα του φόντου.
6) Χρήση χρώματος σε μπαλώματα
Χρησιμοποιώντας μικρά κομμάτια χρώματος στο σχεδιασμό του ιστότοπού σας, θα μπορείτε να ακολουθείτε την ελάχιστη προσέγγιση, ενώ ταυτόχρονα θα διευκολύνετε τους επισκέπτες της ιστοσελίδας να ανακαλύψουν τι είναι σημαντικό σε οποιαδήποτε σελίδα. Με την ενσωμάτωση μικρών σημείων χρώματος εδώ και εκεί, θα καταφέρετε να τραβήξετε τα μάτια των επισκεπτών του ιστοτόπου σας σε συγκεκριμένους τομείς σημαντικούς.
Η τοποθεσία του 960 σύστημα πλέγματος , η αποστολή του οποίου είναι να εξορθολογίσει τη διαδικασία ανάπτυξης ιστοσελίδων, καταδεικνύει αυτή την έξυπνη χρήση του χρώματος πολύ καλά. Αμέσως βλέπετε τις μικρές κίτρινες πιτσιλιές, που χρησιμοποιούνται για εσωτερικούς συνδέσμους όπως "λήψη" και "προβολή επίδειξης". Ακόμη και το λογότυπο του Twitter με επικάλυψη στο πάνω αριστερό μέρος παρέχει ένα κομμάτι φωτεινό μπλε που τραβάει τα μάτια επισκεπτών του δικτυακού τόπου (σας πηγαίνει κατευθείαν στο feed του ιδιοκτήτη / σχεδιαστή του Nathan Smith).
Ο μινιμαλισμός λειτουργεί αν ξέρετε πώς να το χρησιμοποιήσετε
Αναφέρετε τη λέξη "μινιμαλισμός" σε ορισμένους σχεδιαστές και γίνονται ανησυχείσες επειδή πιστεύουν λανθασμένα ότι ένα υπερβολικά απλοϊκό σχεδιασμό τοποθεσίας θα είναι ελκυστικό. Όπως δείχνουν τα παραπάνω παραδείγματα, ωστόσο, τίποτα δεν θα μπορούσε να είναι μακρύτερα από την αλήθεια.
Εντάξει, ο μινιμαλισμός στο σχεδιασμό τοποθεσίας μπορεί να οδηγήσει σε κάποιες νέες και ζεστές τάσεις, όπως το επίπεδο σχεδιασμό ή να βοηθήσει τους ιδιοκτήτες ιστοτόπων να κερδίσουν περισσότερα χρήματα αυξάνοντας τις μετατροπές όταν η επιλογή είναι περιορισμένη. Συνολικά, ο μινιμαλισμός δημιουργεί έναν καθαρό, καλά οργανωμένο και όμορφο ιστότοπο που διευκολύνει τους επισκέπτες του ιστότοπού σας. Αυτός είναι ο μόνος λόγος να το χρησιμοποιήσετε στο σχεδιασμό του site σας.