Οι σκοτεινές διεπαφές χρήστη είναι δραματικές, κομψές και κομψές. Ωστόσο, οι σχεδιαστές πρέπει να πατήσουν προσεκτικά εάν επιλέξουν να περπατήσουν στη «σκοτεινή πλευρά».

Η δημιουργία της εμφάνισης ενός προϊόντος είναι μία από τις κύριες ευθύνες του σχεδιαστή - η αρχική απόφαση σχεδιασμού πρέπει να είναι κατάλληλη για τον σκοπό του προϊόντος, τη συγκεκριμένη κατάσταση και το κοινό του. Το χρωματικό σχέδιο θα έχει διαρκή επίδραση και πρέπει να επιλεγεί προσεκτικά - και όλα ξεκινούν με την επιλογή ενός φόντου στο οποίο θα τοποθετηθούν τα στοιχεία σχεδίασης - ο 'καμβάς'. Η συνήθης επιλογή, σχεδόν εξ ορισμού, είναι ένα λευκό φόντο.

Υπάρχουν καλοί λόγοι για να επιλέξετε ένα φωτεινό φόντο. Αντίθεση, κείμενο και αναγνωσιμότητα και η ικανότητα εργασίας με ένα ευρύ φάσμα λεπτών χρωμάτων είναι μερικά από αυτά. Σύμφωνα με πολλές επιστημονικές μελέτες, η βέλτιστη αναγνωσιμότητα απαιτεί μαύρο κείμενο σε λευκό φόντο. Η επωνυμία μπορεί επίσης να επηρεάσει την απόφαση, επειδή τα λογότυπα και τα χρώματα της εταιρείας δεν λειτουργούν με μια παλέτα σκούρου χρώματος.

Οι περισσότερες μελέτες έχουν δείξει ότι το σκούρο κείμενο σε ανοιχτόχρωμο φόντο είναι ανώτερο από το ανοιχτό κείμενο σε σκούρο φόντο, πράγμα που σημαίνει ότι είναι ευκολότερο να διαβαστεί. Σε μια διάσημη μελέτη, το 'eyestrain' ήταν σημαντικά υψηλότερο όταν τα άτομα διαβάζουν ανοιχτούς χαρακτήρες σε σκούρο φόντο έναντι σκούρους χαρακτήρες σε ανοιχτόχρωμο φόντο ( Bauer, D., Bonacker, Μ., Και Cavonius, C. R. 1983 ).

Υπάρχει επίσης ένα προσδοκία - Οι άνθρωποι συνηθίζουν να βλέπουν μια ποικιλία περιεχομένου που αποδίδεται σε σκούρο μελάνι σε λευκό φόντο που παρουσιάζεται δίπλα σε εικόνες. Σκεφτείτε εφημερίδες και περιοδικά - υπάρχουν εδώ και πάνω από 350 χρόνια. Επιστρέφοντας ακόμη πιο μακριά: τριάντα πέντε και μισή χρόνια στην Παλαιολιθική εποχή (τις ημέρες του σπηλαίου), βρίσκουμε σπηλιές από λιοντάρια και μαμούθ που συνήθως τοποθετούνται σε ανοιχτόχρωμο φόντο με κάρβουνα ή καμένα οστά που χρησιμοποιούνται για να σχεδιάσουν τις παραστάσεις.

Οι προϊστορικοί πίνακες τριάντα χιλιάδων ετών στο Σπήλαιο Chauvet, Γαλλία

Ωστόσο, όταν ένα έργο το εγγυάται, το τρέχοντες σχεδιαστές ψηφιακών προϊόντων Μπορούν να επιλέξουν να εργαστούν με ένα σκούρο χρώμα για διάφορους λόγους. Όπως προτείνεται παραπάνω, είναι συχνά μια αισθητική επιλογή που προορίζεται να μεταφέρει το δράμα και να προκαλέσει ένα συναίσθημα - κάτι απροσδόκητο - ή ίσως ένα σχεδιαστής Θέλετε να συγχωνεύσετε το σχεδιασμό με την επωνυμία ή να βεβαιωθείτε ότι το οπτικό περιεχόμενο ξεχωρίζει.

Για το Apple TV, ο ιστότοπος της Apple αλλάζει σε μια σκοτεινή διεπαφή χρήστη για δραματικά εφέ και επειδή η χρήση του συνδέεται συχνά με τη νυχτερινή διασκέδαση.

Ωστόσο, εάν ένας σχεδιαστής αποφασίσει να περάσει στη «σκοτεινή πλευρά», θα αντιμετωπίσει μια σειρά από προκλήσεις. Όλα τα είδη προβλημάτων χρηστικότητας μπαίνουν στο παιχνίδι - σχετίζονται κυρίως με τη δυνατότητα σάρωσης, την αναγνωσιμότητα και την αντίθεση. Η κύρια πτυχή που πρέπει να ληφθεί υπόψη είναι η επαρκής αντίθεση μεταξύ του κειμένου και του φόντου. Θα πρέπει επίσης να εξεταστεί το πλαίσιο (περίπτωση χρήσης) και το περιβάλλον, καθώς και η συσκευή στην οποία είναι πιθανό να προβληθεί η διεπαφή χρήστη.

Ο Breitling αποφάσισε σε μαύρο φόντο για να κάνει τα σχέδια ρολογιών τους να ξεχωρίζουν.

Ορισμένες σκοτεινές διεπαφές χρήστη έχουν σχεδιαστεί για να ελαχιστοποιούν την 'ψηφιακή καταπόνηση των ματιών'. Με την άνοδο της ψηφιακής τεχνολογίας, εξετάζουμε τις οθόνες για το μεγαλύτερο μέρος της ημέρας. Ψηφιακή καταπόνηση των ματιών Είναι μια κοινή κατάσταση που επηρεάζει εκατομμύρια ανθρώπους σε καθημερινή βάση. Προκαλείται από τα πάντα, από υπερβολική χρήση υπολογιστή έως τακτική έκθεση σε έντονο φως, μπορεί να προκαλέσει πονοκεφάλους, πόνο στον αυχένα, θολή όραση και κάψιμο / φαγούρα στα μάτια.

Υπάρχουν ακόμη και πράγματα όπως σύνδρομο όρασης υπολογιστή (CVS) και 'οφθαλμική δυσφορία.' Σύμφωνα με μια μελέτη, περισσότερο από το 83% των Αμερικανών χρησιμοποιούν ψηφιακές συσκευές για περισσότερες από δύο ώρες την ημέρα, με το 60,5% να αναφέρει ότι εμφανίζουν συμπτώματα ψηφιακής καταπόνησης των ματιών. ( Υπερβολικά εκτεθειμένα μάτια: Δίλημμα ψηφιακής συσκευής .)

Τα προϊόντα SaaS από επιχείρηση σε επιχείρηση και οι εφαρμογές επεξεργασίας πολυμέσων χρησιμοποιούνται για πολλές ώρες κάθε φορά. Πολλά έχουν σχεδιαστεί σε περιβάλλον εργασίας χρήστη με σκοτεινό θέμα για να μειώσουν την καταπόνηση των ματιών, ενώ παράλληλα παρέχουν οπτική ευκρίνεια. Ωστόσο, αυτή η προσέγγιση απαιτεί προσεκτική αρχική αξιολόγηση της κατεύθυνσης του σχεδιασμού.

Εφαρμογές στο iOS de Bloomberg Οπουδήποτε (από Τζέρεμι Φουέρτ ).

Οι περισσότεροι προγραμματιστές χρησιμοποιούν μια μαύρη οθόνη με σύνταξη χρωματικής κωδικοποίησης για να μειώσουν την καταπόνηση των ματιών. Όπως αποκαλύφθηκε από τον προγραμματιστή ApeeScape Κέβιν Μπλοχ : 'Ένα μαύρο φόντο μειώνει την καταπόνηση των ματιών και καθιστά την αυτόματη χρωματική κωδικοποίηση ευκολότερη στην ανάγνωση, καθιστώντας τον κώδικα πολύ πιο γρήγορο να κατανοηθεί με μια ματιά.'

Ο προγραμματιστής ApeeScape Amin Shah Gilani | προσθέτει: 'Χρησιμοποιώ προσωπικά το σκοτεινό σολάριουμ θέμα για τον επεξεργαστή κώδικα. Προτιμώ ένα σκοτεινό θέμα, επειδή ένα σκοτεινότερο φόντο αισθάνεται ευκολότερα στα μάτια, ειδικά επειδή μου αρέσει να κρατάω τα φώτα σκοτεινά ή να δουλεύω τη νύχτα.

Ο επεξεργαστής κώδικα ApeeScape Developer Amin Shah Gilani | με Ατομο .

Οι διεπαφές χρήστη βιντεοπαιχνιδιών τείνουν επίσης να είναι πιο σκοτεινά θέματα. Το πλαίσιο του παιχνιδιού και το περιβάλλον στο οποίο παίζουν οι παίκτες ταιριάζουν καλύτερα με μια παλέτα μαύρου χρώματος. Ένας σχεδιασμός μαύρου φόντου ενισχύει τα εντυπωσιακά γραφικά, εισάγει μια αίσθηση μυστηρίου, έχει καλύτερη αντίθεση και υποστηρίζει την οπτική ιεραρχία.

Όταν τα Dark UI λειτουργούν σωστά

Οι περισσότερες διεπαφές χρήστη που σχετίζονται με την ψυχαγωγία - έξυπνες τηλεοράσεις, κονσόλες βιντεοπαιχνιδιών και εφαρμογές τηλεόρασης και ταινιών - τείνουν να έχουν διατάξεις διεπαφής χρήστη με σκοτεινό θέμα - και για καλό λόγο. Οι περισσότερες δραστηριότητες που σχετίζονται με την ψυχαγωγία εμφανίζονται τη νύχτα, προβάλλονται σε απόσταση 6-10 μέτρων και προβάλλονται σε δωμάτια με χαμηλό φωτισμό - με άλλα λόγια, η οθόνη ταιριάζει με το περιβάλλον. Επιπλέον, το πολύχρωμο περιεχόμενο (για παράδειγμα, εξώφυλλο και προσφορές) ξεχωρίζει δραματικά σε διεπαφές χρήστη με σκοτεινό θέμα.

Ο στόχος είναι να ταιριάζει με το πλαίσιο της δραστηριότητας: «Γίνεται σκοτεινό, χαλαρώνομαι και θέλω να παρακολουθώ μια μικρή τηλεόραση». Παρόμοια με χιλιάδες μικροσκοπικούς λαμπτήρες, οι ψηφιακές οθόνες φωτίζουν οπουδήποτε υπάρχει φωτεινό pixel. Ως εκ τούτου, μια φωτεινή διεπαφή χρήστη θα φωτίζει το δωμάτιο - ένα ανεπιθύμητο αποτέλεσμα λαμβάνοντας υπόψη τη δραστηριότητα. Σε αυτό το σενάριο, ο σχεδιασμός διεπαφής χρήστη προσπαθεί να ταιριάζει με το περιβάλλον: συσκευή, περιεχόμενο, δραστηριότητα και περιβάλλον.

Χούλου

Netflix

iTunes από την Apple

Στο σωστό περιβάλλον, το περιβάλλον, την εφαρμογή και τη χρήση, τα UI μαύρου φόντου έχουν νόημα. Σκεφτείτε πάντα το συμφραζόμενα σε ποια διεπαφή είναι πιθανό να χρησιμοποιηθεί. Αλλά ξεπερνά αυτό - η επιλογή να το ακολουθήσετε πρέπει να εξαρτάται περιεχόμενο και πλαίσιο : ότι , που πότε Υ σε ποια συσκευή .

• Για μια ισχυρή και δραματική εμφάνιση για εντυπωσιακές εικόνες

• Προβάλετε μια αίσθηση στυλ και κομψότητας, πολυτέλειας και κύρους

• Δημιουργήστε μια αίσθηση ίντριγκας και μυστηρίου

• Για να εστιάσετε και να καθοδηγήσετε την προσοχή του χρήστη με ελάχιστες περισπασμούς

• Υποστήριξη οπτικής ιεραρχίας και αρχιτεκτονικής πληροφοριών

Έννοια και διάγνωση αυτοκινήτου τηλεχειριστηρίου από Ramotion .

Οι σκοτεινές διεπαφές χρήστη θα πρέπει να χρησιμοποιούνται μόνο με ελάχιστο και αραιό κείμενο και πληροφορίες 'chunky' με έντονη έμφαση στις εικόνες - φως στο κείμενο. Εάν χρησιμοποιείται κείμενο, πρέπει να είναι σε υψηλή αντίθεση με το σκούρο φόντο - κατά προτίμηση καθαρό λευκό ή άλλο έντονο χρώμα (όχι σκούρο γκρι) σε μαύρο φόντο.

Το CINEMATEK, ένα αρχείο ταινιών στις Βρυξέλλες, χρησιμοποιεί ένα μαύρο φόντο για δραματικό αποτέλεσμα.

Όταν οι σκοτεινές διεπαφές χρήστη δεν λειτουργούν σωστά

Όπως αναφέρθηκε προηγουμένως στο άρθρο, οι διεπαφές χρήστη με σκοτεινό θέμα είναι μια κακή επιλογή για περιεχόμενο με βαρύ κείμενο και βαρύ περιεχόμενο ή όταν χρησιμοποιείτε διάφορους τύπους περιεχομένου (κείμενο, εικόνες, βίντεο, πίνακες δεδομένων, αναπτυσσόμενα, πεδία κ.λπ.). Η γενική συναίνεση στην κοινότητα του σχεδιασμού είναι ότι οι σκοτεινές διεπαφές χρήστη είναι μια τεράστια πρόκληση για το σχεδιασμό, εκτός εάν είναι απλό περιεχόμενο και απλώς ένα ψέκασμα κειμένου εδώ και εκεί.

ποιο πρόγραμμα αρπάζει αρχεία χρήστη από ένα σύστημα ώστε να μπορείτε να τα μετεγκαταστήσετε σε άλλον υπολογιστή;

Η πρόκληση προσπαθεί να διατηρήσει επαρκή αντίθεση, η οποία επηρεάζει τη συνολική πρόκληση: αναγνωσιμότητα, η οποία συνδέεται με τη χρηστικότητα, η οποία επηρεάζει το UX. Γενικά, όλα τα χρώματα λειτουργούν σε λευκό φόντο, ενώ σε σκούρο φόντο η χρήσιμη σειρά χρωμάτων μειώνεται δραστικά.

Δεν υπάρχει επαρκής αντίθεση σε ορισμένα από τα στοιχεία UI σε αυτό το παράδειγμα, επηρεάζοντας το UX (από GUOHAO.W )

Ακολουθεί ένα πραγματικό παράδειγμα πότε να μην χρησιμοποιώ ένα UI με σκοτεινό θέμα: Συμμετείχα σε ένα έργο B2B SaaS όπου ο Διευθύνων Σύμβουλος ήταν ανένδοτος και για να 'είμαι διαφορετικός', ήθελα να πάω με ένα σκοτεινό θέμα UI - που ταιριάζει με το μάρκα εταιρείας… για ολόκληρη την πλατφόρμα. Για όλα. Μετά από αρκετές συναντήσεις και συγκεντρώνοντας την ομάδα σχεδιασμού και τους διαχειριστές προϊόντων πίσω από την αιτία, καταφέραμε να τον πείσουμε για μια πιθανώς καταστροφική απόφαση.

Η πλατφόρμα χρησιμοποίησε ένα τυπικό σύνολο στοιχείων UI εφαρμογής SaaS και κατά συνέπεια γέμισε με φόρμες, widgets , αναπτυσσόμενες λίστες, εικονογράμματα και εικονίδια μαζί με κείμενο και αριθμητικά δεδομένα σε πίνακες. Η πλοήγηση, η διάταξη και η λειτουργικότητα θα ήταν εξαιρετικά δύσκολο να χειριστούν, ενώ θα επιτυγχάνουν επαρκή αντίθεση και συνεπές χρωματικό συνδυασμό. Εν ολίγοις, θα ήταν σχεδόν αδύνατο να κάνουμε τα πάντα να λειτουργούν με ένα περιβάλλον εργασίας με σκοτεινό θέμα.

Ανάλογα με την ευκολία της εφαρμογής, ίσως η σωστή επιλογή θα ήταν να προτείνουμε ένα μίγμα φωτεινά και σκοτεινά UI. Για παράδειγμα, σελίδες διαμόρφωσης με widgets και οι φόρμες και οι πίνακες δεδομένων θα μπορούσαν να είχαν σχεδιαστεί με ανοιχτόχρωμο φόντο και αναλυτικές σελίδες με γραφήματα θα μπορούσαν να είχαν σχεδιαστεί με πιο σκούρο χρώμα.

Το περιβάλλον εργασίας χρήστη του πίνακα ελέγχου, τα αναλυτικά στοιχεία και τα γραφήματα λειτουργούν καλά σε ένα σκοτεινό περιβάλλον εργασίας χρήστη, αλλά πρέπει να αντιμετωπιστούν με προσοχή για να διασφαλιστεί επαρκής αντίθεση (από Άλεξ Γκίλεφ ).

Οι κανόνες για τη χρήση ή τη μη χρήση σκοτεινών UI

Κλείνοντας, η απόφαση για χρήση με σκοτεινό περιβάλλον εργασίας χρήστη πρέπει να προσεγγιστεί προσεκτικά. Οι σχεδιαστές Δεν πρέπει να το κάνετε για λάθος λόγους - να είστε μοντέρνοι, να είστε διαφορετικοί ή να αντιγράφετε το σχέδιο κάποιου άλλου. Είναι ζωτικής σημασίας ο σχεδιαστής να εξετάσει το περιεχόμενο, το περιεχόμενο (αντίθεση και αναγνωσιμότητα), τη συσκευή και τη θήκη χρήσης και να έχει έναν καλό λόγο να επιλέξει. Είναι μια λεπτή πράξη εξισορρόπησης, καθώς υπάρχουν δυνητικά πολλά οφέλη, αλλά και πολλές παγίδες.

Όταν είναι εντάξει η χρήση σκοτεινών διεπαφών χρήστη:

• Όταν υποστηρίζει ένα συνδυασμό χρωμάτων μάρκας

• Όταν ο σχεδιασμός είναι αραιός και μινιμαλιστικός με λίγα μόνο είδη περιεχομένου

• Όταν είναι κατάλληλο για περιβάλλον και χρήση, όπως εφαρμογές ψυχαγωγίας αργά το βράδυ

• Για τη μείωση της καταπόνησης των ματιών, όπως σελίδες ανάλυσης που χρησιμοποιούνται για μεγάλα χρονικά διαστήματα

• Να προκαλέσει ένα συναίσθημα - για παράδειγμα, ένα συναίσθημα ίντριγκας και μυστηρίου

• Για να δημιουργήσετε μια εντυπωσιακή και δραματική εμφάνιση

• Δημιουργήστε μια αίσθηση πολυτέλειας και κύρους

• Για την υποστήριξη της οπτικής ιεραρχίας

Πότε είναι καλύτερο να μείνετε μακριά από το σκοτεινό περιβάλλον χρήστη:

• Όταν υπάρχει πολύ κείμενο (η ανάγνωση σε σκούρο φόντο είναι δύσκολη)

• Όταν υπάρχει πολύς συνδυασμός περιεχομένου στην οθόνη

• Στην περίπτωση εφαρμογών B2B με πολλές φόρμες, στοιχεία και widget

• Όταν ο σχεδιασμός απαιτεί ένα ευρύ φάσμα χρωμάτων

Αν και είναι ένα παιχνίδι, πολλοί τύποι μικτού περιεχομένου δεν λειτουργούν καλά με μια παλέτα σκούρου χρώματος.

Το πέρασμα προς τη «σκοτεινή πλευρά» πρέπει να προσεγγιστεί προσεκτικά. Συνιστάται περαιτέρω και σε βάθος έρευνα και ανάλυση προτού λάβετε μια δυνητικά επισφαλή και δύσκολη απόφαση. Μόλις ένας σχεδιαστής ακολουθήσει αυτό το μονοπάτι, είναι πολύ δύσκολο να επιστρέψετε. Οι σχεδιαστές καλούνται να λάβουν υπόψη όλες τις πτυχές - το καλό και το κακό, τι να κάνουν και τι δεν πρέπει να κάνουν, πριν πηδήσουν και στα δύο πόδια.