Definování požadavků na uživatelské rozhraní
Požadavky na uživatelské rozhraní se týkají způsobu využívání sestav a vzhledu a chování sestav. Mezi aspekty, které je potřeba vzít v úvahu, patří form faktor, metoda zadávání, styl a motiv a přístupnost.
Tvarový faktor
V kontextu návrhu sestavy form factor popisuje velikost hardwaru, který se používá k otevírání sestav, a orientaci stránky (na výšku nebo na šířku).
Obecně platí, že dnešní počítače jsou doprovázeny velkými monitory a občas i několika monitory. Velké obrazovky monitoru jsou ideální pro zobrazení sestav ve webových prohlížečích, zejména pokud obsahují několik vizuálů nebo složité vizuály s orientací na šířku.
Mobilní zařízení, která se obvykle používají, když je uživatel sestavy mimo pracovní stůl, mají menší tvar. Telefony a tablety zobrazují obsah ve výchozím nastavení v orientaci na výšku. Menší tvarové faktory vyžadují jiný přístup k návrhu než sestavy, které jsou navržené pro větší tvarové faktory. Proto při návrhu menšího formátu snažte se o menší a méně složité vizuály. Vizuály by také měly být velké, aby usnadnily prohlížení a interaktivitu.
Mobilní zařízení zahrnují technologie rozšířené nebo hybridní reality, které umožňují zařízením připojeným k hlavě zobrazit sestavy, které jsou překryty nad realitou okolí.
Někdy je možné refaktorovat návrh sestavy, která je určená pro velký formát, a vytvořit tak mobilní zobrazení. Mobilní zobrazení může obsahovat podmnožinu vizuálů ze sestavy plné velikosti.
Metoda zadávání
Při definování požadavků na uživatelské rozhraní zvažte také metody zadávání, které jsou podporovány zařízeními nebo aplikacemi.
I když má počítač klávesnici a polohovací zařízení (myš), mobilní zařízení se spoléhají na běžná gesta, jako jsou klepnutí, poklepání, přetažení, stažení prstů, roztažení nebo stisknutí. Uživatelé sestav, kteří používají mobilní zařízení, můžou také používat klávesnice na obrazovce, hlasové ovládání nebo čtečky čárových kódů a KÓDŮ QR. Zařízení s rozšířenou nebo hybridní realitou se do značné míry spoléhají na gesta rukou nebo pohyb těla.
Znalost toho, jak uživatelé sestav pravděpodobně pracují se sestavami, by měla mít vliv na návrhy sestav. Zvažte počet vizuálů, které se zobrazují společně na stránce, složitost vizuálů, mezery mezi vizuály a použití interaktivních prvků návrhu, jako jsou popisky, průřezy, tlačítka nebo filtry.
Když je sestava vložena do aplikace, vstup lze z aplikace přijímat programově. Když například uživatel aplikace otevře stránku pro zobrazení historie pro konkrétního zákazníka, filtr se automaticky předá do vložené sestavy, která vyfiltruje a zobrazí historii prodeje pro daného zákazníka.
Styl a motiv
Požadavky uživatelského rozhraní by také měly brát v úvahu styl a motiv. Snažte se navrhovat sestavy s konzistentním a výrazným vzhledem, který je určen záměrným motivem.
Motiv sestavy by měl vyjadřovat branding vaší organizace nebo se snažit ho doplnit. Motiv by měl obsahovat minimálně následující prvky:
Značka značky nebo symbol loga.
Paleta barev, které odpovídají firemnímu brandingu nebo ho doplňují. Barvy by také měly být dostatečně odlišné, aby při použití u vizuálů poskytovaly odpovídající kontrast při zobrazení vedle sebe.
Nastavení textu, včetně výběru písma, velikostí a barev
Pokud chcete efektivně a efektivně spravovat změny stylů a motivů, navrhujte sestavy, které používají obrázky a motivy uložené v centrálním úložišti. Tento přístup zlepšuje správu změn: Změny, které se použijí v úložišti, se můžou automaticky kaskádovitě projít do sestav.
Usnadnění
Požadavky uživatelského rozhraní by také měly znamenat přístupnost. Sestavy musí komunikovat s co nejširší cílovou skupinou. Proto byste měli zvážit, jak můžou sestavy plně zaznamenat uživatelé bez zraku nebo jiného fyzického postižení.
I když v současné době nemusíte vědět o uživatelích sestav, kteří mají problémy s přístupností, je vhodné navrhnout přístupnost od samého počátku. Požadavky na přístupnost můžou ovlivnit návrhy sestav z hlediska provedení, metody zadávání, stylu a motivu.
Pokud chcete podporovat osoby se slabým zrakem nebo bez zraku, zvažte použití:
písma s jasnými a velkými velikostmi,
dobře rozmístěné a velké vizuály,
dostatečně kontrastní barvy,
a intuitivní navigaci v sestavách, která je srozumitelná pro klávesnice a čtečky obrazovky.
Některá fyzická postižení můžou uživatelům sestav bránit v plné interakci se sestavami tak, jak chcete. Pokud je to možné, zajistěte, abyste uživatelům nabídli alternativní cesty, kterými se můžou řídit, aby dosáhli výsledků interaktivního návrhu. Můžete například přidat alternativní text do vizuálů pro podporu čtečky obrazovky a nastavit pořadí ovládacích prvků pro navigaci pomocí klávesnice.