Jak citlivý webový design zlepší uživatelské prostředí pro všechny návštěvníky
Udělejte si chvíli a přemýšlejte o všech zařízeních, která vlastníte a která mohou být použita k prohlížení webových stránek. Pokud jste jako většina lidí, tento seznam vzrostl v posledních několika letech. Pravděpodobně zahrnuje tradiční zařízení, jako je stolní počítač a / nebo přenosný počítač, a zařízení, která se za posledních několik let dostala do popředí, včetně smartphonů, tablet, nositelných zařízení, herních systémů a dalších. Můžete dokonce mít ve svém domě zařízení nebo obrazovku v autě, která vám umožní připojit se k internetu! Nejdůležitější je to, že se zařízení stále více rozšiřuje a rozmanitější, což znamená, že k prosperitě na webu dnes a v budoucnu musí být webové stránky postaveny na základě citlivého přístupu a dotazy médií CSS a musí zvážit, jak lidé budou pravděpodobně kombinovat tato různá zařízení do jednoho zážitku při prohlížení webových stránek.
Zadejte uživatele s více zařízeními
Jednou z pravd, kterou jsme viděli, je, že pokud se lidé dostanou k různým způsobům přístupu na web, budou je používat. Uživatelé, kteří používají spoustu různých zařízení, mají přístup k obsahu webových stránek, ale stejná osoba navštěvuje stejné stránky pomocí těchto různých zařízení. To je místo, odkud pochází koncept uživatele s více zařízeními.
Typický scénář pro více zařízení
Zvažte společnou interakci webových stránek, kterou každý den zažije mnoho lidí - procházení webových stránek v oblasti nemovitostí při hledání nového domova. Tato zkušenost může začínat na stolním počítači, kde někdo zadá kritéria toho, co hledá, a přezkoumá různé záznamy o vlastnostech, které odpovídají tomuto dotazu. Během dne se může tato osoba v mobilním zařízení znovu podívat na konkrétní vlastnosti nebo může dostávat upozornění na svůj e-mail (který zkontroluje na svém mobilním zařízení) pro nové záznamy, které odpovídají jejich parametrům vyhledávání. Mohly by dokonce dostat ty upozornění na nositelné zařízení, jako je inteligentní počítač, a přezkoumat základní informace na drobné obrazovce.
Tento proces by mohl pokračovat přes den s více návštěvami na webu na jiném stolním počítači, možná ze své kanceláře v práci. Ten večer mohou používat tabletové zařízení, aby zobrazovaly seznamy, které jsou pro jejich rodinu obzvlášť zajímavé, aby získaly svou zpětnou vazbu na tyto vlastnosti.
V tomto scénáři může zákazník našeho webu použít čtyři nebo pět různých zařízení, z nichž každý má velmi odlišné velikosti obrazovky, aby navštívil stejný web a podíval se na stejný obsah. Jedná se o uživatele s více zařízeními a pokud webové stránky, které navštěvují, je neumožňují na všech těchto různých obrazovkách, prostě opustí a najdou takovou, kterou dělá.
Další scénáře
Hledání nemovitostí je pouze jedním příkladem, kdy uživatelé během svého celkových zkušeností s webem přeskočí ze zařízení na zařízení. Další příklady zahrnují:
- Hledání automobilu k nákupu
- Plánování dovolené
- Čtení novinových článků
- Vyšetřování nápadů na zlepšení domácnosti
- Hledáte místní dodavatele / služby
- Plánujete svatbu nebo jinou velkou událost
- Po sportovním týmu nebo sportovní události
V každém z těchto případů se zkušenost s webem pravděpodobně rozkládá na více než jednu relaci, což znamená, že uživatel může používat různé zařízení, na základě kterých je pro ně vhodný v kterémkoli okamžiku.
Osvědčené postupy, které je třeba dodržovat
Pokud webové stránky dnes potřebují obstarávat stále více zařízení s využitím publika, existuje několik základních principů a osvědčených postupů, které je třeba dodržovat, aby bylo zajištěno, že tyto stránky jsou připraveny správně zvládnout tyto návštěvníky a že budou hodnoceny ve vyhledávačích .
- Odpovědná webová stránka - přizpůsobivé uspořádání, které se může přizpůsobit a měnit pro různé velikosti obrazovky, je rozhodující pro podporu různých dostupných dnes dostupných zařízení.
- Veškerý obsah by měl být k dispozici - pokud má někdo přístup k určitému obsahu nebo funkci při návštěvě webu na jednom zařízení, očekává, že budou k dispozici také v případě, že se vrátí na jiné zařízení. Obsah by měl být prezentován způsobem, který je vhodný pro každé zařízení, ale žádný obsah by neměl být pro některé zařízení "skrytý" nebo "vypnutý".
- Čitelnost je klíčem - bez ohledu na to, jaký typ zařízení nebo jakou velikost obrazovky se používá k návštěvě webových stránek, je snadné čtení tohoto webu důležité. To znamená, že typografie je důležitým konstrukčním prvkem, na který se dá zaměřit. Pokud někdo má těžké čtení obsahu webu, je pravděpodobné, že celý web opustí.
- Konzistence uprostřed rozmanitosti - zatímco rozložení představované pro každou jinou velikost obrazovky bude jiné, měla by existovat konzistence z jednoho zařízení na druhého. Celkové zkušenosti by měly být propojeny tak, aby uživatelé nemuseli stránky znovu zpřístupňovat pokaždé, když je navštíví na nové obrazovce.
- Udělat výkonnost jako prioritu - webové stránky by se měly rychle načíst a fungovat dobře na všech zařízeních, včetně mobilních zařízení s méně než dokonalými rychlostmi stahování. Celková výkonnost webových stránek by měla být prioritou ve všech aspektech návrhu a vývoje webu - koneckonců, nikdo nikdy neřekne, že webové stránky jsou naloženy příliš rychle nebo pracují příliš dobře !
Upravil Jeremy Girard dne 26.1.17