Πριν από μια δεκαετία, πολλοί χρήστες του Διαδικτύου έλεγξαν ανυπόμονα το Smashing Magazine για να διαβάσουν τα πιο πρόσφατα άρθρα σχεδιασμού ιστοσελίδων. Πολλοί πραγματικοί σχεδιαστές ιστοσελίδων βρήκαν το πάθος τους για τη δημιουργία ιστοσελίδων μέσα από αυτές τις αναρτήσεις. Ήταν μια εποχή που οι αρχές του σχεδιασμού ιστοσελίδων καθόρισαν μια παραγωγική συζήτηση μεταξύ των σχεδιαστών – τόσο αρχαρίων όσο και ειδικών.
Σήμερα, υπάρχουν σημαντικά λιγότερες συζητήσεις σχετικά με τις αρχές σχεδιασμού. Είναι νεκρό το πάθος για το καλό σχέδιο; Πιστεύω ότι οι σχεδιαστές, οι bloggers και οι προγραμματιστές δεν έχουν άλλο χρόνο για αυτές τις συζητήσεις.
Έχουμε πρόσβαση σε τόσα πολλά προγράμματα δημιουργίας ιστοτόπων, πρότυπα ιστότοπου, συστήματα διαχείρισης περιεχομένου (CMS) και άλλα εργαλεία για τη δημιουργία ιστοτόπων. Σε αυτήν την πληθώρα εναλλακτικών λύσεων, δημιουργούμε όλο και περισσότερους ιστότοπους, αλλά αγνοούμε τον σχεδιασμό τους.
Πιστεύω ότι όλοι χρειάζονται μια ανανέωση στις βασικές αρχές του σχεδιασμού ιστοσελίδων από καιρό σε καιρό. Δείτε αυτές τις ιδέες!
Simplicity in Is Design
Έχετε βαρεθεί τις αμέτρητες αναρτήσεις στο blog που αναδεικνύουν τη σεξουαλικότητα της απλότητας; Είναι απολύτως κατανοητό. Αλλά η σκληρή πραγματικότητα είναι ότι το 99% των τοποθεσιών είναι λίγο πολύ επιβαρυμένες με άχρηστα στοιχεία.
Οι ιδιοκτήτες ιστοτόπων θέλουν να βοηθήσουν τους χρήστες παρέχοντας όσο το δυνατόν περισσότερα δεδομένα σε όσο το δυνατόν λιγότερο χώρο. Ωστόσο, πρέπει να βρουν το γλυκό σημείο, γιατί τα πάρα πολλά δεδομένα ενοχλούν τους θεατές. Το web design είναι εν μέρει επιστήμη, εν μέρει τέχνη!
Σε αντίθεση με πριν από δέκα χρόνια, όταν τα smartphone χρησιμοποιήθηκαν από ένα μικρό μόνο ποσοστό του πληθυσμού, υπάρχουν πλέον περισσότεροι χρήστες κινητών από τους χρήστες επιτραπέζιων υπολογιστών. Σε αυτό το πλαίσιο, η απλότητα είναι ακόμη πιο σημαντική. Μια απλή διάταξη φορτώνει πιο γρήγορα και δεν ενοχλεί τους χρήστες.
Η απλότητα συμβαδίζει με την ταχύτητα φόρτωσης. Αυτές τις μέρες, μια τοποθεσία γρήγορης φόρτωσης είναι υποχρεωτική. Μην ξεχνάτε τη θεωρία του Steve Jobs - ο σχεδιασμός δεν είναι το πώς φαίνεται αλλά το πώς λειτουργεί.
Ελέγξτε κάθε στοιχείο στον ιστότοπό σας. Είναι περιττό; Αν ναι, διαγράψτε το. Είναι κάπως απαραίτητο; Αν ναι, διαγράψτε το. Είναι απαραίτητο; Αν ναι, διαγράψτε το! Είναι εξαιρετικά απαραίτητο; Αν ναι, κρατήστε το!
Μην κάνετε τους χρήστες να σκέφτονται
Ο Steve Krug έγραψε ένα βιβλίο με αυτόν τον τίτλο το 2000 και οι σχεδιαστές το εκτιμούσαν ιδιαίτερα. Οι ιδέες του Krug ισχύουν ακόμη και τώρα, σχεδόν δύο δεκαετίες αργότερα. Ένας καλός σχεδιαστής ιστοσελίδων δεν κάνει τους χρήστες να σκεφτούν. Και αυτή η ιδέα δεν είναι προσβλητική για τους χρήστες.
Οι άνθρωποι έχουν μικρότερο εύρος προσοχής από αυτό ενός χρυσόψαρου ! Το εύρος προσοχής του μέσου ανθρώπου ήταν 12 δευτερόλεπτα το 2002 και μόνο οκτώ δευτερόλεπτα το 2012. Σήμερα, πιθανότατα έχετε λιγότερα από οκτώ δευτερόλεπτα για να πείσετε τους χρήστες σχετικά με τη χρησιμότητα του ιστότοπού σας.
Οι πιθανότητες είναι ότι μια απλή διάταξη δεν θα κάνει τους χρήστες να σκεφτούν, αλλά υπάρχουν πολλές άλλες πτυχές που πρέπει να ληφθούν υπόψη. Ξεκινήστε με ένα επίπεδο που μπορεί να σαρωθεί—οι χρήστες σαρώνουν, όχι διαβάζουν. Βεβαιωθείτε ότι το σλόγκαν και το σύνθημά σας είναι εύκολα αντιληπτά. Οι άνθρωποι θα πρέπει να γνωρίζουν πού έχουν φτάσει και τον σκοπό της ιστοσελίδας από το πρώτο δευτερόλεπτο.
Η αρχιτεκτονική του ιστότοπου θα πρέπει να επιτρέπει στους χρήστες να πλοηγούνται από την αρχική σελίδα σε οποιαδήποτε άλλη σελίδα με λιγότερα από τρία κλικ. Τυχόν επιπλέον κλικ θα εγείρουν ερωτήματα. Όσο περισσότερες ερωτήσεις έχει ένας χρήστης, τόσο χαμηλότερη είναι η ποιότητα του ιστότοπου.
Οπτική Ιεραρχία
Δεν είναι όλα εξίσου σημαντικά σε μια ιστοσελίδα. Ενημερώστε τους ανθρώπους ποιο είναι το ισχυρότερο μήνυμά σας, εκμεταλλευόμενοι την οπτική ιεραρχία. Γι' αυτό το κουμπί παρότρυνσης για δράση θα πρέπει να είναι μεγάλο, τολμηρό και τοποθετημένο σε σημείο για να τραβήξει αμέσως τα βλέμματα.
Η οπτική ιεραρχία επιτυγχάνεται με την τοποθέτηση, το μέγεθος και το χρώμα. Σχεδιάστε τη διάταξη έχοντας υπόψη ότι οι άνθρωποι συνήθως σαρώνουν μια ιστοσελίδα με μοτίβο "F" ή "Z" .
Επίσης, μεγαλύτερα στοιχεία ιστοσελίδας συνδέονται με πιο σημαντικούς ρόλους. Είναι λογικό να έχουμε ένα μεγάλο tagline, έτσι δεν είναι;
Τέλος, τα χρώματα διαμορφώνουν επίσης την οπτική ιεραρχία, γι' αυτό και ένα καλό κουμπί παρότρυνσης για δράση έρχεται σε ισχυρή αντίθεση με το φόντο.
Νόμοι του σχεδιασμού Gestalt
Η ψυχολογία Gestalt στοχεύει να καθορίσει τους νόμους της ανθρώπινης αντίληψης σε έναν φαινομενικά χαοτικό κόσμο. Υπάρχουν μερικοί νόμοι που βοηθούν τους σχεδιαστές να δημιουργήσουν πιο φιλικά προς τον χρήστη σχέδια.
Νόμος της εγγύτητας
Σύμφωνα με αυτόν τον νόμο, τα αντικείμενα που βρίσκονται κοντά μεταξύ τους γίνονται αντιληπτά ως μια ενοποιημένη ομάδα. Εφαρμόστε αυτόν τον νόμο για τον σχεδιασμό ενός καλού μενού πλοήγησης, για παράδειγμα.
Οι χρήστες δεν θα αντιληφθούν το μενού στο σύνολό του εάν τα στοιχεία του δεν ομαδοποιηθούν ανάλογα, και αυτό θα βλάψει σημαντικά την εμπειρία του χρήστη. Ομαδοποιήστε όλα τα στοιχεία του μενού και προσπαθήστε για συμμετρία και ομοιότητα για να πραγματοποιήσετε ένα αισθητικό στοιχείο.
Νόμος της Ομοιότητας
Αυτός ο νόμος δηλώνει ότι παρόμοια αντικείμενα τείνουν να γίνονται αντιληπτά ως μια ενοποιημένη ομάδα. Όπως και ο προηγούμενος νόμος, προτείνω να σχεδιάσετε παρόμοια στοιχεία μενού.
Νόμος της συμμετρίας
Τα αντικείμενα που είναι συμμετρικά μεταξύ τους γίνονται αντιληπτά ως μια ενοποιημένη ομάδα. Οι άνθρωποι προτιμούν τη συμμετρία από την ασυμμετρία, γι' αυτό στοχεύστε στη συμμετρία στο σχεδιασμό της διάταξης σας.
Νόμος της συνέχειας
Σύμφωνα με αυτόν τον νόμο, ο ανθρώπινος εγκέφαλος τείνει να ενοποιεί τα αντικείμενα που βρίσκονται το ένα κοντά στο άλλο σε μια γραμμική διαδρομή. Ρίξτε μια ματιά σε αυτό το άρθρο για να μάθετε πώς λειτουργεί ο νόμος της συνέχειας στην τέχνη. Λάβετε υπόψη αυτόν τον νόμο όταν σχεδιάζετε διατάξεις που περιέχουν ακανόνιστα σχήματα και καμπύλες γραμμές.
Υπάρχουν μερικοί ακόμη νόμοι Gestalt που έχουν μικρότερη επιρροή στις εργασίες σχεδιασμού. Μην αγνοείτε την ανθρώπινη ψυχολογία όταν σχεδιάζετε ιστοσελίδες.
Τα χρώματα μιλούν
Το να παίζεις με τα χρώματα είναι ωραίο, αλλά είναι ένα ριψοκίνδυνο παιχνίδι! Τα προγράμματα δημιουργίας ιστοτόπων, όπως το Wix, το πρόγραμμα επεξεργασίας Gutenberg και άλλα προγράμματα δημιουργίας σελίδων WordPress, δίνουν τη δυνατότητα στους χρήστες να αλλάξουν ολόκληρο το συνδυασμό χρωμάτων ενός ιστότοπου σε μια στιγμή.
Είναι σίγουρα ένα εξαιρετικό χαρακτηριστικό, αλλά ταυτόχρονα, θα μπορούσε να επηρεάσει αρνητικά τον σχεδιασμό του ιστότοπου.
Ένας επιτυχημένος ιστότοπος είναι με επίκεντρο τον χρήστη, επομένως ο συνδυασμός χρωμάτων θα πρέπει να είναι άνετος για τους χρήστες και όχι η αγαπημένη επιλογή του διαχειριστή του ιστότοπου.
Η επιλογή του σωστού συνδυασμού χρωμάτων δεν είναι απλή. Κατά κανόνα, περισσότερα από τέσσερα χρώματα είναι πάρα πολλά, αλλά εξαρτάται από τον σκοπό και την πολυπλοκότητα του ιστότοπου. Τα χρώματα πρέπει να συμπληρώνουν τις εικόνες και να βοηθούν στη μετάδοση ενός ενιαίου μηνύματος.
Τέλος, μην ξεχνάτε ποτέ τη σημασία των χρωμάτων σε όλο τον κόσμο . Ευτυχώς για εμάς, υπάρχουν πολλές εφαρμογές ιστού που στοχεύουν να σας βοηθήσουν να εμπνευστείτε και να επιλέξετε τους κατάλληλους συνδυασμούς χρωμάτων.
Ευανάγνωστο
Κατά μέσο όρο, ένας στους δύο αναγνώστες αυτής της ανάρτησης τη διαβάζει σε μια φορητή συσκευή. Τα μεγέθη οθόνης και τα λειτουργικά συστήματα είναι διαφορετικά, αλλά το περιεχόμενο είναι το ίδιο. Ο τύπος και το μέγεθος γραμματοσειράς πρέπει να προσαρμόζονται σε κάθε συσκευή για να παρέχουν το καλύτερο περιβάλλον ανάγνωσης.
Περιττό να πούμε ότι οι άνθρωποι θα εγκαταλείψουν τον ιστότοπό σας εάν το περιεχόμενό σας δεν είναι ευανάγνωστο και μια κακή επιλογή γραμματοσειράς θα μπορούσε να καταστρέψει έναν καλό ιστότοπο. Δοκιμάστε κάθε επιλογή γραμματοσειράς πριν την εφαρμόσετε στον ιστότοπό σας.
Δοκιμή, Δοκιμή, Δοκιμή
Όχι μόνο έχει αλλάξει η τεχνολογία από την τελευταία δεκαετία, αλλά και ο τρόπος δημιουργίας και συντήρησης ενός ιστότοπου. Ένας ιστότοπος ήταν απλώς μια διαδικτυακή παρουσία πριν από δέκα χρόνια. Σήμερα είναι μέρος μιας επιχείρησης ή της ίδιας της επιχείρησης.
Οι άνθρωποι κρίνουν τις υπηρεσίες σας με βάση τον ιστότοπό σας. Κατά συνέπεια, ένας ιστότοπος δεν είναι πλέον μια στατική παρουσία - είναι μια ζωντανή οντότητα. Οι ιδιοκτήτες ιστοτόπων συνεργάζονται με σχεδιαστές και εργάζονται διαρκώς για να βελτιώσουν τους ιστότοπούς τους.
Η δοκιμή δεν είναι μια αρχή σχεδιασμού ιστοσελίδων, αλλά ένα μέρος της διαδικασίας δημιουργίας και βελτίωσης ενός ιστότοπου.
Αναδίπλωση
Το WordPress, το Bootstrap και το Wix εξουσιοδοτούν τους χρήστες με απεριόριστη δύναμη να δημιουργήσουν έναν ιστότοπο χωρίς κωδικοποίηση. Είναι υπέροχοι, αλλά οι άπειροι χρήστες θα μπορούσαν να μπουν στον πειρασμό να δημιουργήσουν ιστότοπους σύμφωνα με τις προτιμήσεις τους και να μην βασίζονται σε καλές αρχές σχεδιασμού ιστοσελίδων.
Οι παραπάνω συμβουλές ξύνουν μόνο την επιφάνεια, αλλά αποτελούν μια χρήσιμη ανακεφαλαίωση βασικών ιδεών. Έχασα μια σημαντική συμβουλή; Αφήστε ένα σχόλιο με τις γνώσεις σας. Περιμένουμε με ανυπομονησία τη συνεισφορά σας.
Αφήστε μια