Ο σχεδιασμός ποτέ δεν χρησιμοποίησε πραγματικά τόση σημασία.
Είναι δύσκολο να φανταστεί κανείς τώρα, αλλά πριν από τη μετεωρική άνοδο της Apple στην παγκόσμια δημοτικότητα, ο σχεδιασμός συνήθως πήρε πίσω τη λειτουργικότητα. Σήμερα, ο σχεδιασμός έχει γίνει ένας κόσμος πάνω στον εαυτό του και η κοινότητα των σχεδιαστών και προγραμματιστών έχει ενώσει για να αναπτύξει ένα συνεκτικό σύνολο κανόνων για τη δημιουργική πρακτική.
Η εξέλιξη του σχεδιασμού είναι σταθερή και υπάρχουν πάντα νέα πράγματα που πρέπει να μάθουμε και να επικεντρωθούμε ώστε να φέρνουμε τη λειτουργία και την αισθητική μαζί σε ένα πακέτο.
Για να παραμείνετε στην κορυφή του παιχνιδιού σχεδιασμού σας, εδώ είναι 10 σημαντικοί κανόνες σχεδιασμού διεπαφής χρήστη για να θυμάστε:
Με την έκρηξη διαφορετικών τύπων συσκευών σήμερα, ένα μέγεθος σίγουρα δεν ταιριάζει σε όλα .
Οταν εσύ δημιουργήστε τον ιστότοπό σας ή εφαρμογή, πρέπει να βεβαιωθείτε ότι σχεδιάζετε με όλα τα μεγέθη οθόνης. Αυτό σημαίνει ότι μπορείτε να φορτώσετε πλήρως τις συνδέσεις Internet χαμηλού και υψηλού εύρους ζώνης, ώστε να διαμορφώσετε κατάλληλα το iPad και το iPhone.
Στο παρελθόν, οι προγραμματιστές έχουν επικεντρωθεί κυρίως στη δημιουργία μιας καλής διεπαφής χρήστη για επιφάνεια εργασίας. Αλλά, για να ανανεώσετε τη μνήμη σας, η χρήση κινητών τηλεφώνων ξεπέρασε την χρήση της επιφάνειας εργασίας το 2014. Επομένως, θα πρέπει τώρα να αλλάξετε την εστίασή σας σε κινητά; Ενώ είναι σημαντικό να δοθεί ιδιαίτερη προσοχή στο κινητό, αξίζει επίσης να θεωρηθεί ότι η χρήση της επιφάνειας εργασίας εξακολουθεί να είναι σημαντικά υψηλή, με μερίδιο 42% .
Ως εκ τούτου, το κλειδί είναι να δημιουργήσετε προσαρμοστικές διεπαφές χρήστη που θα δώσουν στον καταναλωτή μια μεγάλη εμπειρία παρά την εμφάνιση ή τον προσανατολισμό της συσκευής που χρησιμοποιούν.
Οι άνθρωποι είναι εξαιρετικά απασχολημένοι και γι 'αυτό σπάνια αφιερώνουν την πλήρη προσοχή τους σε ένα έργο. Εξαιτίας αυτού, θα πρέπει να κρατάτε το σχέδιό σας απλό για κατανόηση.
Μην κάνετε τους χρήστες σας να μαντέψουν. Χρησιμοποιήστε τη γλώσσα που μπορούν εύκολα να καταλάβουν όσον αφορά τις λέξεις, τις φράσεις και τις έννοιες. Αποφύγετε τη χρήση ειδικών όρων του συστήματος ή της βιομηχανίας και επιμείνετε σε μια γλώσσα εξοικειωμένη με το κοινό.
Εάν σκοπεύετε να πετύχετε ορισμένους στόχους από τον χρήστη, αφήστε τις ενέργειες να είναι σε μια ακολουθία που έχει αρχή, μέση και τέλος. Όταν ολοκληρωθεί, χρησιμοποιήστε μια ειδοποίηση για να ενημερώσετε το χρήστη και να συμπεριλάβετε τα επόμενα βήματα.
Για παράδειγμα, αν σχεδιάζετε μια σελίδα για ένα ηλεκτρονικό τραπεζικό σύστημα, μπορείτε να ομαδοποιήσετε τις ενέργειες στις "Λεπτομέρειες επικοινωνίας", "Λεπτομέρειες λογαριασμού" και "Ρυθμίσεις προφίλ" αντί να τις έχετε σε μια ενιαία φόρμα.
Τα σφάλματα δεν είναι μόνο ανωμαλίες και λάθη, αλλά και μεγάλα οδοφράγματα οι επισκέπτες παίρνουν την επιθυμητή δράση .
Εάν κάτι πάει στραβά ή φορτώνεται λανθασμένα, οι περισσότεροι επισκέπτες δεν θα περιμένουν για μια λύση, απλά θα φύγουν. Μείνετε σε εγρήγορση και παραμείνετε σε επιφυλακή για λάθη, καθορίζοντας αυτά που κάνετε το συντομότερο δυνατόν.
Οι χρήστες δεν τους αρέσει να κάνουν λάθη. Αισθάνονται ακόμα χειρότερα αν πιστεύουν ότι είναι υπεύθυνοι για το λάθος. Εάν δεν μεταφέρουν αυτό το μίσος σε σας και προχωρήσουν, θα εγκαταλείψουν τους λογαριασμούς τους, ακόμη και πριν από τη σύστασή τους, για παράδειγμα.
Κατά το σχεδιασμό, εξαλείψτε τη πιθανότητα σφάλματος ή σχεδιάστε ένα σύστημα που ελέγχει το σφάλμα γι 'αυτά πριν προχωρήσουν πάρα πολύ μακριά. Για παράδειγμα, ας υποθέσουμε ότι απαιτείτε από τους χρήστες να δημιουργήσουν έναν κωδικό που έχει μήκος τουλάχιστον 8 χαρακτήρων και περιλαμβάνει τουλάχιστον ένα ψηφίο.
Το σύστημά σας θα επιτρέψει στον χρήστη να συνεχίσει να δημιουργεί έναν κωδικό πρόσβασης που δεν επαρκεί, μόνο για να τον ειδοποιήσει όταν κάνει κλικ στο κουμπί "Επόμενο" ή μπορεί να τον ειδοποιήσει καθώς πληκτρολογεί τον κωδικό πρόσβασης; Ο τελευταίος είναι ο καλύτερος σχεδιασμός.
Η συνοχή σε όλη τη διεπαφή χρήστη μειώνεται σταδιακά, καθιστώντας τα πράγματα συνεχή, προβλέψιμη και εντός των προσδοκιών. Σχεδιάζοντας τα πάντα στο πλάι όσο το δυνατόν πιο ομοιόμορφα και διασφαλίζοντας ότι δεν υπάρχουν εκπλήξεις ή απροσδόκητα αποτελέσματα πηγαίνει πολύς δρόμος για να καταστούν τα πράγματα συνεπή.
Με το Αρχή της ελάχιστης έκπληξης : "Εάν ένα απαραίτητο χαρακτηριστικό έχει έναν παράγοντα μεγάλης έκπληξης, μπορεί να χρειαστεί να επανασχεδιάσετε το χαρακτηριστικό."
Οι χρήστες πρέπει να μαντέψουν ποιες λέξεις σημαίνουν και ποιες λένε το ίδιο πράγμα; Πρέπει να ανησυχούν για να κάνουν κλικ σε ένα συγκεκριμένο κουμπί επειδή δεν είναι σίγουροι τι θα κάνει; Διασφάλιση της συνέπειας των διαδικασιών, της λειτουργικότητας, της εμφάνισης και της ορολογίας.
Ευτυχώς, δεν υπάρχει έλλειψη πόρων για το θέμα αυτό. Οι περισσότεροι απο αξιόπιστους κατασκευαστές ιστοσελίδων θα σας βοηθήσουν σε αυτό, καθώς διαθέτουν ένα ομοιόμορφο και σταθερό σχέδιο σχεδίασης πλέγματος.
Όπως λέγεται συχνά σήμερα, το "Πλαίσιο είναι όλα". Το πλαίσιο είναι το πώς μπορούμε να συνδέσουμε νέες ιδέες με παλιές ιδέες, οικοδομώντας σχέσεις και νόημα στον κόσμο μας.
Ο καλύτερος δάσκαλος για αυτό το μάθημα είναι πιθανώς ένας διαφημιζόμενος. Οι διαφημιζόμενοι γνωρίζουν ότι χωρίς ευαισθησία στο περιβάλλον για τον χρόνο και τον τρόπο με τον οποίο παρουσιάζουν τις διαφημίσεις τους, τότε οι διαφημίσεις καθίστανται άχρηστες - και αυτό είναι σπατάλη χρημάτων ( δείτε πώς το Google AdWords καθορίζει τον τρόπο παρουσίασης των διαφημίσεων ).
Ομοίως, πρέπει να εφαρμόσετε σχεδίαση με βάση τα συμφραζόμενα στις διεπαφές χρήστη. Η συμφραζόμενη διεπαφή χρήστη είναι ο σχεδιασμός ενός δικτυακού τόπου ή μιας εφαρμογής με βάση την τοποθεσία, τον χρόνο και την κατάσταση, ώστε να παρέχει τα πιο σχετικά δεδομένα στον χρήστη. Και αυτό δεν ήταν μια μεγάλη ανησυχία για τους σχεδιαστές μέχρι πριν από λίγα χρόνια.
Με την αύξηση της συνδεσιμότητας σε πραγματικό χρόνο και την εξάρτηση από το Διαδίκτυο, το πλαίσιο μπορεί να είναι η αιτία της αποτυχίας ή της επιτυχίας σας.
Το πλαίσιο είναι το κλειδί για τις ανθρώπινες σχέσεις και εξίσου σημαντικό για τα βασικά στοιχεία του σχεδιασμού . Περιμένουμε ότι τα διαδραστικά αντικείμενα θα είναι διαισθητικά και θα πρέπει να σχεδιάζονται έτσι ώστε να διαμορφώνουν συνεπείς σχέσεις μεταξύ μας λειτουργία και σχεδιασμό .
Προσδιορισμός του μεγέθους των αντικειμένων UI και της ποσότητας των κενό διάστημα μεταξύ τους είναι ζωτικής σημασίας για να βεβαιωθείτε ότι ο σχεδιασμός φαίνεται ισορροπημένη και προβλέψιμη .
Εκτός από τη λαβή της προσοχής του χρήστη, αυτό βοηθά επίσης τους χρήστες να καταλάβουν πού βρίσκονται τα αντικείμενα, χωρίς να χρειάζεται να τα κοιτάζουν παντού.
Συνεχής δοκιμή είναι καλύτερο για τον προσδιορισμό του καλύτερου τρόπου να προχωρήσουμε σε αυτό, διευρύνοντας τι πρέπει να απαιτήσει περισσότερη προσοχή και να συρρικνωθεί αυτό που χρειάζεται να αποθαρρύνει λιγότερο.
Οι προγραμματιστές και οι σχεδιαστές συνήθως προτιμούν να προσαρμόζουν τα πάντα.
Αυτό μας επιτρέπει να έχουμε τον έλεγχο όλων, από διασυνδέσεις με wallpapers έως ringtones. Οι περισσότεροι άνθρωποι, ωστόσο, δεν φαίνεται να ενοχλούν από την προσαρμογή. Οι περισσότερες συσκευές και άλλα καταναλωτικά ηλεκτρονικά είδη που αγοράστηκαν σχεδόν ποτέ δεν αλλάζουν . Οι άνθρωποι συνήθως δεν προσαρμόζουν τις εργοστασιακές ρυθμίσεις τους, καθώς η αλλαγή τους παίρνει τεχνογνωσία, χρόνο και προσπάθεια.
Γνωρίζοντας αυτό το γεγονός, είναι σημαντικό να βεβαιωθείτε ότι οι προεπιλεγμένες ρυθμίσεις σας είναι κατάλληλες για μια μεγάλη ομάδα χρηστών για να καταλάβετε και να πλοηγηθείτε εύκολα. Αυτό σημαίνει να πει ο χρήστης: "Γεια σου, μπορείτε να προσαρμόσετε αυτό, αλλά δεν χρειάζεται να".
Οι άνθρωποι συνήθως δεν θα λάβουν καμία ενέργεια εκτός αν τους ζητηθεί. Αυτός είναι ο λόγος για τον οποίο οι τακτικές, όπως η παρότρυνση για δράση, είναι τόσο ισχυρές για να βοηθήσουν μετατρέψτε τις μετατροπές .
Το πιο σημαντικό, ρωτήστε τους "ωραία". Τι σημαίνει αυτό? Για παράδειγμα, εξετάστε το χρονοδιάγραμμα και το πλαίσιο. Θα ζητήσετε από τον χρήστη να ξεκινήσει ένα άλλο στόχο χωρίς να ολοκληρώσει το συγκεκριμένο στόχο; Εξετάστε πότε εμφανίζεται ένα pop up ζητώντας τους να ελέγξουν κάποια άλλα πράγματα. Αν δεν εμφανιστεί μετά την κύλιση στο τέλος της ανάρτησης τότε το κάνετε λάθος.
Σημειώστε ότι λειτουργεί μόνο όταν ο επισκέπτης ενδιαφέρεται πραγματικά για κάτι που προσφέρετε. Εάν μπορείτε να αποδείξετε ότι προσφέρετε σημαντική αξία στους ανθρώπους, τότε μην διστάσετε να ζητήσετε από τους χρήστες να κάνουν κάτι σε αντάλλαγμα, όπως ακολουθώντας τις σελίδες κοινωνικών μέσων ή το ιστολόγιό σας. Αυτό λειτουργεί για να κρατήσει τους χρήστες σας ενημερωμένους, αλλά και φυσικά να αυξήσετε την επισκεψιμότητα ιστού σας στο περασμα του χρονου.
Στην εταιρεία σχεδιασμού ιστοσελίδων μας παρατήρησα ότι οι επισκέπτες του ιστότοπου δεν θα ξέρουν πώς να επικοινωνούν μαζί μας. Υπήρχαν πάρα πολλές επιλογές. Οι άνθρωποι συχνά γίνονται συντριπτικοί και δεν ξέρουν πώς να ξεκινήσουν τη διαδικασία επαφών.
Δεύτερον, θα μπορούσαν να μαντέψουν τους εαυτούς τους και τελικά κατέληξαν να λαμβάνουν λιγότερες μετατροπές επαφών ως αποτέλεσμα. Κάνοντας πιο προφανείς τις επιθυμητές ενέργειές μας, βρήκαμε οπτικά τους χρήστες για τις ενέργειες που θέλαμε .
Και πάλι, μην αφήνετε τους χρήστες σας να μαντέψουν. Αφήστε τους να γνωρίζουν ακριβώς τι θέλετε και να τους ενημερώσετε όταν ολοκληρώνουν τη δράση.
Όταν περπατάτε σε ένα σκοτεινό δωμάτιο και σπρώχνετε ένα διακόπτη φωτός, αναμένετε να ανάψει το φως. Εάν δεν συμβαίνει τίποτα όταν μετακινείτε το διακόπτη, μπορεί να υποθέσετε ότι κάτι πήγε στραβά. Αυτό ισχύει εξίσου και όταν πρόκειται για σχεδιασμό.
Κανείς δεν θέλει να είναι αβέβαιος για τις ενέργειές τους, οπότε θα πρέπει να υπάρξει ανατροφοδότηση από τα μηνύματα εργαλείων και τις ειδοποιήσεις για να δείξουν στους επισκέπτες ότι οι ενέργειές τους ήταν επιτυχείς και έχουν αναγνωριστεί. Η ανατροφοδότηση μπορεί να είναι τόσο απλή όσο διεξαγωγή έρευνας ιστού ή προσθέτοντας μια "ολοκληρωμένη" ειδοποίηση μόλις υποβληθεί ένα έντυπο, αλλά είναι κρίσιμο πότε ξεκινώντας ένα blog ή app.
Αυτό υπογραμμίζει επίσης την ανάγκη να μην αφήσετε τους επισκέπτες σας να μαντεύονται. Το σύστημα θα πρέπει να είναι σε θέση να προσφέρει ανατροφοδότηση που είναι συναφής, προσαρμοσμένη στη σημασία και επείγουσα ανάγκη, περιεκτική και λογική και συμφραζόμενη.
Η τέχνη του σχεδιασμού αλλάζει συνεχώς και θα συνεχίσουμε να βρούμε νέους τρόπους για να συνδυάσουμε τη λειτουργία και τη μορφή σε σχεδιασμό UI. Έχουμε περάσει από πράγματα όπως ο μινιμαλισμός και ο ευαίσθητος σχεδιασμός, η αλλαγή και ο μετασχηματισμός καθώς οι νέες τεχνολογίες έρχονται στο προσκήνιο.
Με αυτούς τους δέκα κανόνες UI, μην ξεχνάτε ότι έχουν γίνει κάποιες κανόνες για να σπάσουν.
Η δοκιμή και ο πειραματισμός είναι πώς μαθαίνουμε νέες αξιόπιστες τεχνικές, αλλά μπορούμε να βασιστούμε σε πολλούς από αυτούς τους κανόνες ως το θεμέλιο μας.