11 ιστότοποι που έχουν τέλειο UX εστιάζοντας στις λεπτομέρειες
Ο Charles Eames είπε: "Οι λεπτομέρειες δεν είναι οι λεπτομέρειες. Κάνουν το σχέδιο. "Μια ιστοσελίδα είναι ένα σύνθετο των λεπτομερειών - και το περιεχόμενό της μεταδίδεται μέσω αυτών. Είτε έχει σχεδιαστεί για να παρέχει πληροφορίες είτε να χρησιμεύει ως εφαρμογή, ένας ιστότοπος που εκτελείται καλά είναι αυτός που έχει στρέψει ένα κρίσιμο μάτι σε όλα, από το αντίγραφο σε εικόνες έως τη διάταξη.
Οι λεπτομέρειες αφορούν το σχεδιασμό ιστοσελίδων, διότι οι θετικές εντυπώσεις, που προκαλούνται από τη συνολική παρουσίαση και τη χρησιμότητα ενός ιστοτόπου, έχουν σημασία. Για να ηχούν οι Eames, κάνουν το σχέδιο, και η έλλειψη προσοχής στις λεπτομέρειες μπορεί να έχει ακριβώς το αντίθετο αποτέλεσμα.
Εδώ είναι μια ποικιλία λεπτομερειών - μερικές που σχετίζονται με τη διεπαφή, άλλες με αλληλεπίδραση - για να εξετάσετε κατά τη διάρκεια του επόμενου έργου που βασίζεται στο web.
Η ταχύτητα της επαλήθευσης κωδικού πρόσβασης του Basecamp
Κατασκήνωση βάσης είναι ένα διαδικτυακό εργαλείο για τη διαχείριση έργων. Από την εισαγωγή του, η ταχύτητα και η αποτελεσματικότητα ήταν πρωταρχικής σημασίας.
Για τη διεπαφή επαλήθευσης, αυτό που εξοικονομείται έξυπνα είναι η ανάγκη να πατήσετε ένα κουμπί "OK" μετά την εισαγωγή του κωδικού. Αν ο κωδικός εισαχθεί σωστά, εμφανίζεται αυτόματα η προεπιλεγμένη οθόνη. Τα μικροσκοπικά μέτρα όπως αυτά υποστηρίζουν την ήδη γρήγορη απόδοση του Basecamp.
Colophon ασκείται από Neoteric Design
Αν και οι κολοφόνες έχουν χρησιμοποιηθεί στα βιβλία από τον 15ο αιώνα, ο σκοπός τους ισχύει για τον ιστό. Νεοτερικός σχεδιασμός μοιράζεται τα σημειώματα παραγωγής της ιστοσελίδας τους - τι χρησιμοποιήθηκε, από τις γραμματοσειρές στο λογισμικό μέχρι τις γλώσσες προγραμματισμού στο σύστημα διαχείρισης περιεχομένου. Εάν ένας επισκέπτης αναρωτιέται για το πώς δημιουργείται ένας ιστότοπος, ένα κολοφόν είναι ένας τακτικός τρόπος για να ικανοποιήσει αυτή την περιέργεια σχετικά με ορισμένες ιδιαιτερότητες της κατασκευής ενός ιστότοπου. Επίσης, μαρτυρεί την εξερεύνηση των πτυχών της τυπωμένης επικοινωνίας που μπορούν να γίνουν σχετικές με την επικοινωνία μέσω διαδικτύου.
Ευέλικτο τυπογραφικό πλέγμα από την Berger & Föhr
Ο πρωτοποριακός σχεδιαστής Massimo Vignelli, ο οποίος απεβίωσε τον Μάιο του 2014, υποστήριξε το τυπογραφικό πλέγμα, το οποίο χαρακτήρισε ως "το εσώρουχο του βιβλίου" (από τη θέση του Brain Pickings "Massimo Vignelli για το μυστικό του μεγάλου βιβλίου"). Η τοποθέτηση του υποκείμενου πλέγματος είναι ένα ωριμασμένο μέσο για να διατηρηθεί η τοποθεσία τακτοποιημένα.
Μια δομή με βάση το δίκτυο είναι εμφανής στον ανασχεδιασμό της περιοχής του Berger & Föhr για το Boulder Μουσείο Σύγχρονης Τέχνης . Η φαινομενική διάκριση είναι η έκταση στην οποία το τυπογραφικό πλέγμα εφαρμόζεται πλήρως στο περιεχόμενο του ιστότοπου: είναι σαφώς συνεπής από τη φόρμα αναζήτησης, τα μενού πλοήγησης, τις προβολές ημερολογίου, το κείμενο υποσημείωσης και τους συνδέσμους. Πιο συγκεκριμένα, η χρησιμότητα του δικτύου παραμένει συνεπής στις καταστάσεις απόκρισης του ιστότοπου.
Όταν χρησιμοποιείται αυστηρά για την οργάνωση περιεχομένου, ανεξάρτητα από τον τύπο και την κλίμακα, το τυπογραφικό πλέγμα καταλήγει τελικά σε μια γενική αίσθηση συνοχής.
Η υπερηφάνεια στη θέση που γιορτάζει η σειρά του Maker
Υπάρχει μια αναδυόμενη πρακτική στον σχεδιασμό ιστοσελίδων που δείχνει με υπερηφάνεια τον τόπο όπου δημιουργήθηκε ένας ιστότοπος. Αυτό βρίσκεται συνήθως στο υποσέλιδο με την ένδειξη "Περήφανα φτιαγμένο σε ..." Σειρά του κατασκευαστή υπογραμμίζει τις ρίζες της ομάδας τους αποκαλύπτοντας την αντίστοιχη πατρίδα τους ως μέρος της σελίδας της ομάδας τους. Περισσότερο από το να ενεργεί ως απλή πληροφορία που βασίζεται στην τοποθεσία, η ανταλλαγή από όπου προέρχεται κάθε μέλος της ομάδας εκφράζει μια πολύτιμη αίσθηση τόπου.
Άμεση πρόσβαση από την TWLOHA στα κοινωνικά μέσα
Παρόλο που είναι τυπικό να εμφανίζεται μια σειρά από εικονίδια που συνδέονται με προορισμούς κοινωνικών μέσων, TWLOHA χρησιμοποιεί το πλήρες όνομα του ιστότοπου. Η κατανόηση είναι άμεση. Ένα προφανές όφελος: δεν συγχέουμε τα εικονίδια μεταξύ του "t" του Twitter και του "t" του Tumblr.
Desire από MINIMAL για σύνδεση
Συχνά, οι ιστότοποι περιλαμβάνουν μια σελίδα με την ένδειξη Επαφή. Στούντιο σχεδίασης ΕΛΑΧΙΣΤΟΣ θέλει να συνδεθεί. Μια διαφορετική λέξη προκαλεί έναν διαφορετικό τόνο (που θα μπορούσε να βοηθήσει να γίνει όλη η διαφορά για να καλέσετε μια ευκαιρία).
Το "Connect" ακούγεται πιο φιλόξενο από το "Contact". Περισσότερο ανθρώπινο, λιγότερο επιπόλαια.
Προωθεί το σχέδιο
Επειδή πρόκειται για μια πολύ ελεύθερη μορφή, μια σύνδεση / εγγραφή χρησιμοποιεί γενναιόδωρα περιθώρια. Nathan Kontny, ο οποίος έγραψε το app app Προσχέδιο , εισήγαγε τις υποδείξεις των χρηστών μαζί με τη φόρμα. Μπορούν να κατευθύνουν έναν μελλοντικό χρήστη να δοκιμάσει, ακόμη και να υιοθετήσει, το εργαλείο.
Από επιχειρηματική προοπτική, το μάθημα είναι: μην είστε ντροπαλός με την εμφάνιση θετικών εντυπώσεων από τους πραγματικούς χρήστες της εφαρμογής ή της υπηρεσίας που βασίζεται στον ιστό.
Χρώματα δημιουργικών πρωινών
Δίπλα στην τοποθεσία του, κάθε κεφάλαιο του CreativeMornings αναγνωρίζεται από ένα ξεχωριστό χρώμα. Αυτό το στοιχείο παραμένει εμπεριστατωμένο σε όλη την ιστοσελίδα του CreativeMornings. Εμφανίζεται στο αναπτυσσόμενο μενού του κεφαλαίου. Προσδίδει άκρα, σχήματα και άλλες παιχνιδιάρχες φόρμες. Απεικονίζεται ως κινούμενη ταινία όταν φορτώνεται περιεχόμενο.
Με ουσιαστικούς και λεπτούς τρόπους, ο ιστότοπος του CreativeMornings έχει κομψό συνδυασμό χρωμάτων.
Εξαιρετικά άκαμπτη σύνδεση του Τροχαλία
Δημιουργημένο από την ίδια ομάδα που κάνει δημιουργική αγορά, το Big Cartel, για δημιουργικούς επαγγελματίες που παρουσιάζουν και πωλούν την τέχνη και τα προϊόντα τους, Τροχαλία , είναι μια εφαρμογή ηλεκτρονικού εμπορίου για την πώληση ψηφιακών λήψεων.
Η σύνδεσή του απαιτεί μόνο τον κωδικό πρόσβασης. Πρόκειται για μια εκ των προτέρων κομμένη περίπτωση web-based entry με εξαιρετικά μειωμένη τριβή.
Ιστορίες του έργου της Crush Lovely
Για να κάνετε μια συστροφή σε συμβατικές ετικέτες όπως Case Studies και Portfolio, δημιουργικό στούντιο Συντριβή Lovely παρουσιάζει αυτό που κάνουν ως Ιστορίες του Έργου. Αυτή η προσέγγιση μιλάει για την αφήγηση του έργου. Για ένα έργο είναι ουσιαστικά μια ιστορία, ξεχωριστή με αρχή (αρχή του έργου) και τέλος (παράδοση έργου), και γεφυρωμένη με αφηγηματικό νήμα (διαδικασία).
Αυτό το περίγραμμα εξελίσσεται μετά την επιλογή ενός παραδείγματος πελάτη, της σειράς Ιστορικού Έργου , για να το δείτε. Άλλες τροποποιήσεις της επισήμανσης παρατηρούνται: ως μέρος της εισαγωγής στην κορυφή, αντί του "αντικειμενικού", επαναλαμβάνεται ως "φιλοδοξία". ως μέρος του συμπεράσματος στο κάτω μέρος, αντί του "βλέπουμε το βίντεο", οι χρήστες καλούνται να "συναντήσουν το τελικό προϊόν".
Συνολικά, αυτές οι προσαρμοσμένες ετικέτες δεν οδηγούν τον επισκέπτη του ιστότοπου σε μια στενή περιγραφή της εργασίας της επιχείρησης. Βοηθούν στην περιέργεια της περιέργειας και δείχνουν μια υπέροχη ιστορία.
Πλευρικά έργα της Knoed Creative
Μια κατηγορία Σχετικά με εμάς σχετίζεται με τη βασική περιγραφή του ποιος και τι της εταιρείας, η οποία μπορεί να περιλαμβάνει την αποστολή / όραμα / σκοπό τους. Knoed Creative εισήγαγε μια ενότητα Beyond Nine to Five που μοιράζεται την εργασία που κάνουν στο πλάι. Παγιδεύει το φαινόμενο (και αναγκαιότητα) των πλευρικών έργων. Επίσης διαφοροποιεί τι αναμένεται να παρουσιάσει ένα "Σχετικά με εμάς".
Και οι δύο πτυχές μιλούν για έναν προορατικό χαρακτήρα της δημιουργικότητας, που επεκτείνεται πέρα από την κανονική ημέρα εργασίας και χώρο.
