Η συντριπτική πλειοψηφία των καταναλωτών σήμερα κόβει το καλώδιο με συνδρομητική τηλεόραση, αλλά αυτό δεν σημαίνει ότι έχουν εγκαταλείψει τη μεγάλη οθόνη για να καταναλώσουν το περιεχόμενό της.
Σύμφωνα με μια ανακοίνωση δεδομένων από Νίλσεν Οι συνήθειες παρακολούθησης ενηλίκων των ΗΠΑ διαπίστωσαν ότι το 92% όλων των προβολών συνεχίζεται στην οθόνη της τηλεόρασης. Αυτοί οι αριθμοί είναι πολύ μεγάλοι.
Περισσότερο από το 92% του κοινού μεταξύ των Αμερικανών ενηλίκων είναι ακόμα στην οθόνη της τηλεόρασης.
Η έννοια της 'παρακολούθησης τηλεόρασης' έχει αλλάξει πολύ τις τελευταίες δεκαετίες. Δεν περιοριζόμαστε πλέον σε ένα ενσύρματο και απομακρυσμένο κουτί για να γεμίσουμε τις οθόνες μας. χρησιμοποιούμε Smart TV ή streaming χρησιμοποιώντας δίσκους όπως Roku, Amazon Fire και Apple TV ή συνδέουμε κονσόλες βιντεοπαιχνιδιών όπως το Xbox και το Playstation. Και κάθε μία από αυτές τις συσκευές επιτρέπει μια διεπαφή χρήστη που είναι πολύ πιο ισχυρή από τον παλιό σας οδηγό στην οθόνη.
Η πληρωμή για παρακολούθηση εκπομπών ή προγραμματισμού VOD μέσω συνδρομητικών διαδικτυακών υπηρεσιών όπως το Hulu, το Netflix ή το Amazon αντιπροσωπεύει το 26% των παγκόσμιων διαδικτυακών ερωτηθέντων ( Νίλσεν ). Αυτός είναι ένας σημαντικός αριθμός. Ωστόσο, το 72% των ερωτηθέντων επιβεβαίωσε ότι εξακολουθούν να πληρώνουν για να παρακολουθήσουν το περιεχόμενό τους μέσω παραδοσιακής τηλεοπτικής σύνδεσης.
Αυτό σημαίνει ότι η παραδοσιακή τηλεοπτική σύνδεση είναι εδώ για να μείνετε;
Όλοι φαίνεται να πιστεύουμε ότι οι κόπτες σχοινιών εκεί θα αντιπροσωπεύουν μεγαλύτερο αριθμό. Νίλσεν αναφέρει ότι 116,4 εκατομμύρια νοικοκυριά στις Ηνωμένες Πολιτείες αναμένεται να παρακολουθήσουν τηλεόραση κατά τη σεζόν 2015-16. Αυτός είναι ένας τεράστιος αριθμός και η έκθεση διαπίστωσε επίσης ότι περίπου 9,5 εκατομμύρια από αυτά τα σπίτια έχουν μεταβεί σε δωρεάν τηλεόραση OTA. Από όλες τις υπηρεσίες ροής εκεί έξω, το Netflix (60,7%) φαίνεται να είναι μπροστά από το παιχνίδι ακολουθούμενο από το Amazon Prime Video (49,4%) και το Hulu (26%). Νομίζω ότι ένας από τους μεγαλύτερους λόγους που οι άνθρωποι κόβουν το καλώδιο είναι ότι θέλουμε μόνο να πληρώσουμε για ό, τι χρησιμοποιούμε.
Σε σύγκριση με τους υπολογιστές και ακόμη και τα κινητά τηλέφωνα, ο σχεδιασμός διεπαφής χρήστη για την τηλεόραση εξακολουθεί να είναι ένας σχετικά νέος τομέας. Είναι επίσης μια θεμελιωδώς διαφορετική πλατφόρμα και ο τρόπος που καταναλώνουμε το περιεχόμενό μας είναι διαφορετικός. Ο σχεδιασμός για τηλεόραση απαιτεί ένα μοναδικό σύνολο παραμέτρων, όπως το μέγεθος της οθόνης και την απόσταση του θεατή, τους τεχνικούς περιορισμούς και το πλαίσιο χρήσης. Οι χρήστες είναι σε 'χαλαρή' εμπειρία, με απόσταση 10 μέτρων κατά μέσο όρο και το περιβάλλον εργασίας και η εμπειρία πρέπει να το αντικατοπτρίζουν. Σε αντίθεση με τα τηλέφωνα και τα tablet με οθόνη αφής, οι αλληλεπιδράσεις στις τηλεοράσεις πραγματοποιούνται μέσω D-pad (directional control) χρησιμοποιώντας ένα τηλεχειριστήριο ή ένα χειριστήριο βιντεοπαιχνιδιών, το οποίο καθιστά τις διαφημίσεις πιο περίπλοκες.
Οι τηλεοράσεις δεν είναι σαν tablet και τηλέφωνα.
Οι τηλεοράσεις έχουν αλλάξει πολύ με την πάροδο του χρόνου από ένα τεράστιο έπιπλο σε μια κομψή μινιμαλιστική οθόνη που κρέμεται από έναν τοίχο. Όταν οι τηλεοράσεις καταλάμβαναν ολόκληρο το σαλόνι, χρησιμοποίησαν τεχνολογία που παρήγαγε ασυνεπείς εικόνες στις τηλεοράσεις, ειδικά κοντά στις άκρες. Για να αντισταθμιστούν αυτά τα προβλήματα, οι τηλεοράσεις CRT υπέστησαν υπερβολική σάρωση. Αυτό σημαίνει απλώς ότι οι εικόνες είχαν ελαφρώς μεγεθυνθεί και έτσι οι άκρες δεν ήταν έξω από τα όρια της περιοχής προβολής.
Παραδοσιακά, οι ραδιοτηλεοπτικοί φορείς το περίμεναν αυτό και ήθελαν να αποτρέψουν την προβολή των κρίσιμων πληροφοριών τους πολύ κοντά στα άκρα της οθόνης. Για να λύσουν αυτό το πρόβλημα, δημιούργησαν μια ασφαλή περιοχή για έναν τίτλο για την εμφάνιση του κειμένου χωρίς παραμόρφωση και μια ασφαλή περιοχή δράσης όπου η εικόνα θα μπορούσε να εμφανίζεται με ασφάλεια.
Για λόγους πέρα από τον έλεγχό μας, η υπερβολική σάρωση εξακολουθεί να είναι κάτι ... ακόμη και στις νεότερες HDTV σας. Το ποσό της υπερβολικής σάρωσης δεν είναι συνεπές στις τηλεοράσεις. Για να διασφαλίσετε ότι όλες οι κύριες πληροφορίες σας, όπως σημαντικοί τίτλοι και αποθέματα, είναι ασφαλείς, φυλάξτε τις εντός ασφαλών ορίων.
Προς το παρόν δεν υπάρχει «πρότυπο» για ασφαλείς περιοχές δράσης, όπως ορίζεται κυρίως από την ίδια την πλατφόρμα. Η Google διατηρεί την ασφαλή περιοχή της στενή και η Apple είναι λίγο πιο γενναιόδωρη. Από τις πολλές αναζητήσεις μου στον Ιστό, αυτές οι περιοχές κυμαίνονται μεταξύ 85% και 95% μιας τηλεοπτικής οθόνης από το κέντρο. Προκειμένου να πληροίτε τις απαιτήσεις όλων των διαφορετικών πλατφορμών με τις οποίες ενδέχεται να εργάζεστε, θα πρότεινα να χρησιμοποιήσετε μια ασφαλή ζώνη άνω και κάτω περιθωρίων 60px και πλευρικά περιθώρια 90px. Αυτό σημαίνει ότι όλες οι κύριες πληροφορίες σας θα πρέπει να χωρέσουν σε αυτήν την περιοχή για να φιλοξενήσουν όλες τις τηλεοπτικές οθόνες και να πληρούν όλες τις απαιτήσεις της πλατφόρμας.
Για να ξεκινήσετε τη νέα σχεδίαση UI τηλεόρασης, δημιουργήστε έναν νέο καμβά 1920 x 1080. Το γέμισμά του (ζώνη ασφαλείας) πρέπει να είναι 90 pixel στις πλευρές (αριστερά και δεξιά), καθώς και 60 pixel για το πάνω και το κάτω μέρος. Μπορείτε να λάβετε το δωρεάν αρχείο σας κατεβάζοντας το εδώ .
Πώς 'πάνω-κάτω-αριστερά-δεξιά' σχηματίζουν διασυνδέσεις τηλεόρασης.
Ως σχεδιαστής, το υλικό με το οποίο σχεδιάζουμε θα καθορίσει ορισμένα από τα μοτίβα σχεδιασμού μας. Στο κινητό, περνάμε, πατάμε, παρατεταμένο πάτημα, τραβήξτε κλπ., Για να εκτελέσουμε ενέργειες. Οι καρτέλες και τα μενού χρησιμοποιούνται ως μοτίβα πλοήγησης στις συσκευές μας. Η τηλεόραση προσφέρει έναν μεγάλο καμβά που μπορεί εύκολα να γίνει πολύ περίπλοκος αν δεν γίνει σωστά. Η προβολή μεγάλων σειρών περιεχομένου για τη μεγιστοποίηση του όγκου αυτού που είναι ορατό στους χρήστες έχει γίνει τυπικό στοιχείο των τηλεοπτικών διεπαφών χρήστη.
Σε αντίθεση με τις κινητές συσκευές που ελέγχουμε με τα δάχτυλά μας, τα περισσότερα UI της τηλεόρασης ελέγχονται από D-pad και χρησιμοποιούνται σε απόσταση από την οθόνη. Είτε χρησιμοποιείτε τηλεχειριστήριο είτε gamepad, το D-pad περιορίζει την πλοήγηση σε τέσσερις κατευθύνσεις: πάνω, κάτω, αριστερά και δεξιά.
Κάθε πλατφόρμα έχει επίσης τις δικές της καθιερωμένες συμβάσεις. Στο Xbox, για παράδειγμα, οι κανόνες ετικέτας παρέχουν ένα στοιχείο ελέγχου 'Page Up' και 'Page Down' ενώ οι προφυλακτήρες χρησιμοποιούνται για την καρτέλα μεταξύ των προβολών του περιεχομένου. Υπάρχει επίσης ένας αριθμός κουμπιών 'power user' σε κάθε πλατφόρμα με τους πιο έμπειρους παίκτες.
Το άλλο κρίσιμο στοιχείο στα τηλεοπτικά περιβάλλοντα είναι η κατάσταση εστίασης. Χωρίς τη δυνατότητα να αγγίξετε την οθόνη ή να χρησιμοποιήσετε το ποντίκι, οι χρήστες πρέπει να πλοηγηθούν στο αντικείμενο που θέλουν να επιλέξουν. Καθώς ο χρήστης πλοηγείται εντός της εφαρμογής, πρέπει να επισημανθούν διαφορετικά στοιχεία της διεπαφής χρήστη για να υποδείξουν ότι ένα στοιχείο πλοήγησης είναι στο επίκεντρο.
Εστιάστε και επισημάνετε τις καταστάσεις κατά το σχεδιασμό της τηλεόρασης, καθώς είναι πολύ σημαντικές. Αυτή η κατάσταση εστίασης είναι το στοιχείο που επισημαίνει ένα επιλέξιμο στοιχείο και δηλώνει την τρέχουσα θέση του χρήστη στην οθόνη. Ο τρόπος εμφάνισης της εστίασης ενδέχεται να διαφέρει. ανάλογα με το στοιχείο, ωστόσο, η συνέπεια θα είναι πάντα βασική. Μια σαφής και εξαιρετικά ορατή εστίαση βοηθά τον χρήστη να αναγνωρίσει γρήγορα την τρέχουσα θέση του στην οθόνη και διευκολύνει την πλοήγηση. Όταν ένας χρήστης απομακρύνεται στιγμιαία από την τηλεόραση και μετά ξανακοιτάζει, πρέπει να είναι σαφές ποια επιλογή έχει επιλεγεί για πλοήγηση. Κάθε στοιχείο στην οθόνη πρέπει να είναι προσβάσιμο από τον κέρσορα και πρέπει πάντα να είναι σαφές πού μπορεί να κινηθεί ο δρομέας στη συνέχεια.
Παραδείγματα διατάξεων που μπορεί να κάνουν τους χρήστες να αναρωτιούνται πού βρίσκονται στην εφαρμογή. Αυτά τα παραδείγματα δεν παρέχουν επαρκή οπτική ένδειξη (κατάσταση εστίασης) της τοποθέτησης. Οι χρήστες πρέπει να είναι σε θέση να βλέπουν με σαφήνεια πού βρίσκονται ανά πάσα στιγμή χωρίς να χρειάζεται να μετακινηθούν προς τα πάνω ή προς τα κάτω. Πρέπει να είστε σε θέση να κοιτάξετε μακριά από την τηλεόραση και το αντίστροφο και να γνωρίζετε ακόμα τη θέση της.
Διαβάστε από δέκα πόδια μακριά.
Οι τηλεοπτικές εφαρμογές αναφέρονται συχνά ως εμπειρία δέκα ποδιών, ένας όρος που αναφέρεται σε μια κοινή απόσταση μεταξύ εσάς και της τηλεόρασής σας. Σε αντίθεση με άλλες συσκευές, όπως κινητές συσκευές και επιτραπέζιους υπολογιστές, η τηλεόραση είναι περισσότερο ένα περιβάλλον «χαλάρωσης και απόλαυσης». Δεδομένης αυτής της απόστασης, πρέπει να αντιμετωπίσουμε ένα ελαφρώς διαφορετικό περιβάλλον εργασίας χρήστη από αυτό που θα κάναμε στον Ιστό ή στο κινητό.
Οι οθόνες τηλεόρασης είναι γενικά μεγαλύτερες από τις φορητές συσκευές και τις οθόνες επιτραπέζιων υπολογιστών, αλλά προβάλλονται από μεγαλύτερη απόσταση. Η αναγνωσιμότητα γίνεται ένα σημαντικό χαρακτηριστικό, που σημαίνει ότι το μέγεθος του κειμένου και άλλα στοιχεία πρέπει να προσαρμοστούν ανάλογα. Ανάλογα με την ηλικία σας, τα 18 εικονοστοιχεία πιθανότατα θα ήταν το μικρότερο ευανάγνωστο μέγεθος και θα ήταν κατάλληλο μόνο για μη απαραίτητες ετικέτες, όπως βλεφαρίδες φρυδιών. Ωστόσο, κατά γενικό κανόνα, τα επιλεγμένα μεγέθη γραμματοσειρών δεν πρέπει ποτέ να είναι μικρότερα από 24 pt. Αυτό θα θεωρούσα το ελάχιστο μέγεθος γραμματοσειράς για κάθε τύπο χρήστη.
Το κλειδί για την καλή τυπογραφία στην τηλεόραση είναι να δοκιμάζουμε συνεχώς. Ο λεπτός, μικρός τύπος στην οθόνη σας θα φαίνεται καθαρός και ευκρινής, αλλά μία φορά στην τηλεόραση, μπορεί να φαίνεται φουσκωμένος ή ακατανόητος.
Το κλειδί για την καλή τυπογραφία στην τηλεόραση είναι να ελέγχετε συνεχώς. Λεπτός, μικρός τύπος στην οθόνη σας θα φαίνεται καθαρός και τραγανός, αλλά μία φορά στην τηλεόραση, μπορεί να φαίνεται φουσκωμένος ή να γίνει ακατανόητος.
Τι είναι οι γραμμές σάρωσης;
Σε αντίθεση με τις οθόνες επιτραπέζιων υπολογιστών, κινητών και tablet, η εικόνα σε μια οθόνη τηλεόρασης αποτελείται από περίεργες και ίσες γραμμές σάρωσης. Η τηλεόραση μετατρέπει αυτές τις γραμμές σε φάσεις εναλλάσσοντας γρήγορα μεταξύ μονών και ζυγών γραμμών σάρωσης. Κάθε εικονοστοιχείο (ή γραμμή εικονοστοιχείων) που πέφτει σε μία γραμμή σάρωσης θα αναβοσβήνει. Προκειμένου να αποφευχθεί το τρεμόπαιγμα των στοιχείων σας στην οθόνη, θα πρέπει πάντα να διατηρείτε τις γραμμές ίσων αριθμών και όχι λιγότερο από 2 pixel. Αυτό είναι κάτι που πρέπει να λάβετε υπόψη όταν εργάζεστε σε έργα πολλαπλών πλατφορμών και προετοιμάζεστε να μεταφέρετε τα σχέδιά σας σε συσκευές αφής (κινητό και tablet), όπου μπορείτε συχνά να βρείτε τη δημιουργία κουμπιών περιγράμματος 1px, για την τηλεόραση.
Ένας άλλος τρόπος για να αποφύγετε αυτές τις θολές γραμμές ή σχήματα είναι να βεβαιωθείτε ότι τα σχέδιά σας είναι πάντα τέλεια pixel. Η ακόλουθη ιδέα είναι ένα καλό παράδειγμα γραμμών που δημιουργούνται χρησιμοποιώντας ακανόνιστους αριθμούς. Όπως μπορείτε να δείτε, μπορούμε να δούμε ξεκάθαρα τα αποτελέσματα αυτού, και γίνεται στοιχειωμένο στα μάτια.
Οι οθόνες τηλεόρασης έχουν όρια.
Το πρώτο στοιχείο που πρέπει να θυμάστε είναι ότι οι τηλεοράσεις έχουν πολύ υψηλότερη τιμή γάμμα από τις συσκευές επιτραπέζιου, tablet και τηλεφώνου. Ο καλύτερος τρόπος για να περιγράψετε πώς το γάμμα επηρεάζει την ποιότητα της εικόνας είναι ότι το γάμμα αντιπροσωπεύει το επίπεδο διαφοράς στη φωτεινότητα μεταξύ κάθε βήματος κλίμακας του γκρι ή το πώς τα «γρήγορα» μαύρα γίνονται πιο φωτεινά. Αντιλαμβανόμαστε το φως δύο φορές ως ένα κλάσμα φωτεινότερο. Διαφορετικές μάρκες και μοντέλα τηλεοράσεων ποικίλλουν σε μεγάλο βαθμό όσον αφορά τη φωτεινότητα, την οθόνη και άλλες ρυθμίσεις. Όπως και ο τύπος, το χρώμα πρέπει να δοκιμάζεται νωρίς και συχνά στις τηλεοράσεις.
Ορισμένες οδηγίες που πρέπει να ακολουθείτε κατά την επιλογή των χρωμάτων σας: Τα φωτεινά χρώματα μπορεί να είναι σκληρά στα μάτια όταν παρακολουθείτε τηλεόραση τη νύχτα ή σε ένα σκοτεινό δωμάτιο. Αποφύγετε τη χρήση υπερβολικών κορεσμένων χρωμάτων (ειδικά κόκκινου) και τη χρήση έντονα λευκού χρώματος σε μεγάλα στοιχεία ή φόντο. Το καθαρό λευκό θα δημιουργήσει φωτοστέφανα και άλλες οπτικές περισπασμούς. Όταν επιλέγετε κενά, συνιστάται να επιλέξετε μια δεκαεξαδική τιμή # f1f1f1
για να μην τρεμοπαίζει. Για να αυξήσετε την αναγνωσιμότητα, φροντίστε να δημιουργήσετε αρκετή αντίθεση μεταξύ των στοιχείων σας
Ο γενικός κανόνας είναι η αποφυγή αιχμηρών άκρων ανάμεσα σε πολύ αντίθετα χρώματα (ειδικά φωτεινά χρώματα παράλληλα με τα σκούρα χρώματα) και την αποφυγή «καυτών» χρωμάτων όπως κορεσμένα κόκκινα και κίτρινα. Αυτά αιμορραγούν πιο εύκολα από λιγότερο κορεσμένα χρώματα, ή πιο δροσερά χρώματα όπως μπλουζ και πράσινα.
Πάντα δοκιμάστε τα χρώματα σε μια πραγματική τηλεόραση για να κατανοήσετε πώς οι επιλογές χρωμάτων σας μεταφράζονται στη μεγάλη οθόνη. Εάν είναι δυνατόν, κάντε προεπισκόπηση της εφαρμογής σας σε πολλές τηλεοράσεις, επειδή τα χρώματα μπορεί να διαφέρουν δραματικά μεταξύ των τηλεοπτικών μοντέλων. Απλώς συνδέστε το καλώδιο HDMI από την τηλεόρασή σας και δοκιμάστε το.
Μερικά μικρά πράγματα που πρέπει να λάβετε υπόψη.
Αυτά τα στοιχεία πρέπει να χρησιμοποιηθούν για να καθοδηγήσουν τα σχέδιά σας στο σύνολό τους. Οι σημαντικότερες εκτιμήσεις κατά το σχεδιασμό των τηλεοπτικών διεπαφών είναι η απλότητα και η ελαφριά αλληλεπίδραση.
Αν και πολλά από τα βασικές αρχές και βέλτιστες πρακτικές για το σχεδιασμό αλληλεπίδρασης εξακολουθούν να ισχύουν, η τηλεόραση χρησιμοποιείται με πιο χαλαρό τρόπο σε αντίθεση με υπολογιστή ή κινητή συσκευή. Το περιβάλλον εργασίας χρήστη στην τηλεόραση πρέπει να είναι σαφές, απλό και οπτικό. Ο σχεδιασμός απαιτεί απλότητα και σαφήνεια με χαμηλή πυκνότητα πληροφοριών. Τα αντικείμενα πρέπει να είναι μεγάλα και αρκετά μακριά ώστε να διαβάζονται από απόσταση. Παρουσιάζει ένα σαφές σύνολο ενεργειών ή επιλογών για κάθε οθόνη.
Βάλτε πρώτα το πιο σημαντικό περιεχόμενο ή επιλογές στην οθόνη, ώστε να είναι εύκολα ορατά και πλοήγηση από τον χρήστη. Τα περιττά επίπεδα οθόνης πρέπει να αφαιρεθούν. Η είσοδος σε διαφορετικά επίπεδα και η έξοδος ξανά πρέπει να είναι εύκολη και προφανής.
Ο πιο σημαντικός παράγοντας κατά το σχεδιασμό μιας εφαρμογής τηλεόρασης είναι η συμπερίληψη σαφούς και ακριβούς πλοήγησης για τις λειτουργίες των χρηστών. Εάν η πλοήγηση είναι ασαφής, οι χρήστες θα αισθάνονται μπερδεμένοι και ανασφαλείς.
Εν ολίγοις, οι χρήστες πρέπει πάντα να γνωρίζουν ακριβώς πού βρίσκονται μέσα σε μια εφαρμογή. Να θυμάστε ότι ο χρήστης χρησιμοποιεί μόνο τα βασικά στοιχεία ελέγχου για πλοήγηση. Μετακίνηση, Πίσω, Enter και άλλες βασικές λειτουργίες πλοήγησης πρέπει να είναι ξεκάθαρες. Οι χρήστες πρέπει να μπορούν να χρησιμοποιούν τις λειτουργίες που θέλουν με αυτές τις ενέργειες.
Ως σχεδιαστές, δουλειά μας είναι να δημιουργήσουμε και να σχεδιάσουμε διεπαφές χρήστη που επιτρέπουν στους χρήστες να έχουν πρόσβαση σε περιεχόμενο με σαφή και εύκολο τρόπο πλοήγησης. Δεν μπορούμε να περιμένουμε από τους χρήστες να υιοθετήσουν νέες συνήθειες ώστε να μπορούν να δουν το περιεχόμενό μας. Αντίθετα, πρέπει να προσαρμόσουμε τις διεπαφές χρήστη ώστε να μπορούν να λειτουργούν στο σκοτάδι από κάποιον που μας δίνει λιγότερα από την πλήρη πρόθεσή του και με μια πολύ περιορισμένη συσκευή εισόδου. Είναι μια μεγάλη πρόκληση, αλλά η πιθανή απόδοση είναι τεράστια. Καλή διασκέδαση στο σχεδιασμό!