System ostrości

W przeciwieństwie do interfejsów dotykowych telewizory w dużej mierze opierają się na różnych stanach głównych (domyślny, zaznaczony, naciśnięty), aby zwrócić uwagę użytkownika na zaznaczony element. Będzie to punkt początkowy nawigacji.

Najciekawsze

  • System zaznaczania składa się z sekcji elementów, które można zaznaczyć.
  • Wskaźniki zaznaczenia to elementy wizualne, które wyróżniają zaznaczone elementy.
  • Wskaźnik skali dostosowuje element o współczynnik x, gdy jest on zaznaczony lub wybrany.
  • Kolor tła jest statyczny, ale kolor powierzchni może się zmieniać, gdy jest ona aktywna.

Koncentracja

Skupienie to kluczowa definicja stanu w przypadku projektowania interfejsu telewizora. Nawigacja jest ograniczona do interakcji za pomocą przycisków na padzie kierunkowym dostępnych na pilocie. Użytkownicy mogą poruszać się za pomocą klawiszy strzałek, wybierać za pomocą środkowego przycisku i wracać za pomocą przycisku Wstecz. Pilot umożliwia użytkownikom przechodzenie między interakcjami pojedynczo. Zmiana stanu elementu jest reprezentowana za pomocą wskaźników fokusu, aby ułatwić użytkownikowi wizualizację.

Elementy i grupy, do których można przejść

„Elementy możliwe do zaznaczenia” są integralną częścią interfejsu telewizora. „Elementy, na których można ustawić fokus” to dowolne komponenty, takie jak przyciski, karty, elementy listy lub zdefiniowana przez użytkownika powierzchnia. Użytkownicy powinni mieć możliwość skupienia się w danym momencie tylko na jednym elemencie, na którym można ustawić fokus.

„Grupy, które można zaznaczyć” zawierają co najmniej 1 „element, który można zaznaczyć”. Może być dowolna liczba zagnieżdżonych „grup, na których można ustawić fokus”. Grupy elementów, na których można się skupić, służą do logicznego grupowania różnych elementów, na których można się skupić, aby ułatwić użytkownikom nawigację.

Skupienie na anatomii

Wskaźniki ostrości

Wskaźniki zaznaczenia to wyraźna wizualizacja zaznaczonego elementu. Po wybraniu elementu przechodzi on w stan „naciśnięty”, dopóki nie zostanie zwolniony przycisk pilota.

Każdy stan elementu, na którym można ustawić fokus, jest konfigurowany przez dostosowanie tych właściwości:

  • Skala – zmiana rozmiaru zaznaczonego elementu.
  • Obramowanie – rysuje obramowanie wokół elementu.
  • Poświata – tworzy cień pod elementem (często używany na kartach).
  • Kolory – zmiana koloru tła elementu i koloru treści.

Rodzaje ostrości

Wskazanie skali

Skaluje element po zaznaczeniu lub wybraniu. Domyślne wartości skalowania to 1,025, 1,05 i 1,1. Użyj tego wskaźnika, aby uzyskać jasne informacje zwrotne dotyczące nawigacji. Wartości skalowania różnych elementów mogą się różnić w zależności od ich rozmiaru.

Skala ostrości

Wskaźnik świecenia

Dodaje rozproszoną poświatę lub cień wokół elementu. Wskaźnik świecenia przyjmuje te parametry:

  1. Poziom blasku: sugeruje wysokość elementu, od 2 dp do 32 dp.
  2. Kolor blasku: można go określić na podstawie obrazu lub koloru marki.

Podświetlenie ostrości

Wskazanie konturu

Dodaje obrys wokół elementu niezależny od obramowania. Wskazanie konturu wykorzystuje te parametry:

  1. Szerokość konturu: kształty poza elementem
  2. Wcięcie konturu: odstęp między elementem a jego konturem.
  3. Kolor obrysu: można go określić na podstawie koloru obrazu lub koloru marki.

Obramowanie zaznaczenia

Wskaźnik koloru

Elementy mogą zmieniać stan, dostosowując się do kolorów. Wskaźnik koloru korzysta z tych parametrów:

  1. Kolor tła: zmienia kolor powierzchni elementu.
  2. Kolor treści: zmienia kolor treści na powierzchni.

Kolor zaznaczenia

Wzniesienie tonalne

Kolor tła jest statyczny, ale kolor powierzchni może się zmieniać. Powierzchnie na poziomach wysokości od +1 do +5 są przyciemniane za pomocą nakładek kolorystycznych na podstawie koloru podstawowego. Wprowadza to różnice tonalne w odniesieniu do podstawowej powierzchni.

Powierzchnie tonalne zapewniają wiele korzyści:

  • Utwórz efekt podniesienia, aby odróżnić różne elementy i tekst.
  • Zapewnianie kontrastu dla ułatwień dostępu
  • zwiększać zaangażowanie wizualne i łagodzić przejścia między elementami interaktywnymi,

Wyłączony

W stanie wyłączonym kolor tła i przezroczystość są mniej widoczne, aby wskazywać, że obiekt nie jest klikalny.

Przypadki użycia

Element, na którym można ustawić fokus, ma 3 główne stany: domyślny, zaznaczony i naciśnięty. Dodatkowe stany: włączony, wyłączony i wybrany tworzą macierz.

karty;

Domyślny Zaznaczone Naciśnięty
Włączono Karta domyślna Karta zaznaczona Naciśnięcie karty

Przyciski

Domyślny Zaznaczone Naciśnięty
Włączono Przycisk włączony (domyślnie) Przycisk włączony, zaznaczony Przycisk włączony, naciśnięty
Wyłączony Domyślny wyłączony przycisk Wyłączony przycisk z ogniskiem Naciśnięcie wyłączonego przycisku

Chipy

Domyślny Zaznaczone Naciśnięty
Włączono Element domyślnie włączony Element włączony, zaznaczony Naciśnięto włączony element
Włączono + wybrano Wybrany domyślny element włączony Wybrany element włączony i zaznaczony Naciśnięto przycisk włączania wybranego elementu
Wyłączony Domyślnie wyłączony Wyłączony element zaznaczony Naciśnięto wyłączony element
Wyłączono + wybrano Wyłączony element wybrany domyślnie Wybrany element wyłączony Naciśnięto wyłączony wybrany element