Ako citlivý dizajn webových stránok zlepší používateľské prostredie pre všetkých návštevníkov
Chvíľu a premýšľajte o všetkých zariadeniach, ktoré vlastníte a ktoré sa dajú použiť na zobrazenie webových stránok. Ak ste ako väčšina ľudí, tento zoznam sa rozrástol v posledných rokoch. To pravdepodobne zahŕňa tradičné zariadenia, ako je stolný počítač a / alebo prenosný počítač, spolu s zariadeniami, ktoré sa dostali do popredia počas posledných niekoľkých rokov, vrátane inteligentných telefónov, tabletov, nositeľov, herných systémov a ďalšie. Môžete dokonca mať domáce spotrebiče alebo obrazovku v aute, ktorá vám umožní pripojiť sa na internet! Spodná línia spočíva v tom, že krajina zariadenia sa stále viac zväčšuje a rozmanitejší, čo znamená, že na dnešnej (a aj v budúcnosti) dnešnej webovej stránke sa musí dať vytvoriť webové stránky s rýchlym prístupom a otázkami médií CSS a musí zvážiť, ako ľudia budú pravdepodobne kombinovať tieto rôzne zariadenia do jedného prehliadania webových stránok.
Zadajte používateľa s viacerými zariadeniami
Jednou z pravdy, ktorú sme videli, je, že ak ľudia dostanú viac spôsobov prístupu na web, budú ich používať. Používatelia, ktorí používajú veľa rôznych zariadení, majú prístup k obsahu webových stránok, ale tá istá osoba navštevuje rovnaké webové stránky pomocou týchto rôznych zariadení. Toto je miesto, odkiaľ pochádza koncept používateľa "viacerých zariadení".
Typický scenár pre viaceré zariadenia
Zvážte spoločnú webovú interakciu, ktorú každý deň zažíva veľa ľudí - prehliadanie webových stránok s nehnuteľnosťami pri hľadaní nového domova. Táto skúsenosť sa môže začať na stolnom počítači, kde niekto zadá kritériá toho, čo hľadá, a posúdi rôzne zoznamy vlastníctva, ktoré zodpovedajú tomuto dopytu. V priebehu dňa sa táto osoba môže na svojom mobilnom zariadení znova pozrieť na konkrétne vlastnosti alebo môže dostávať upozornenia na svoj e-mail (ktorý skontroluje na svojom mobilnom zariadení) pre nové záznamy, ktoré zodpovedajú ich parametrom vyhľadávania. Môžu dokonca získať tieto upozornenia na nositeľné zariadenie, ako je smartwatch, a prezrieť si základné informácie na tejto malej obrazovke.
Tento proces by mohol pokračovať v priebehu dňa s ďalšími návštevami stránky na inom stolnom počítači, možno aj v kancelárii v práci. Ten večer môžu používať tabletové zariadenie na zobrazenie akýchkoľvek záznamov, ktoré sú pre ich rodinu obzvlášť zaujímavé, aby získali spätnú väzbu o týchto vlastnostiach.
V tomto scenári môže zákazník našej webovej stránky používať štyri alebo päť rôznych zariadení, každý s veľmi rozdielnymi rozmermi obrazovky, aby navštívil rovnakú stránku a pozrel na ten istý obsah. Je to používateľ s viacerými zariadeniami, a ak webové stránky, ktoré navštevujú, ich neumožňujú na všetkých týchto rôznych obrazovkách, jednoducho odídu a nájdu to, čo robí.
Iné scenáre
Vyhľadávanie nehnuteľností je len jedným príkladom, keď používatelia budú počas svojej celkovej skúsenosti so stránkou skočiť zo zariadenia na zariadenie. Ďalšie príklady zahŕňajú:
- Vyhľadávanie auta na nákup
- Plánovanie dovolenky
- Čítanie novinových článkov
- Preskúmanie nápadov na zlepšenie domáceho života
- Hľadáte miestnych dodávateľov / služieb
- Plánovanie svadby alebo inej veľkej udalosti
- Nasleduje športový tím alebo športovú udalosť
V každom z týchto prípadov sa skúsenosť s webom pravdepodobne rozšíri na viac ako jednu reláciu, čo znamená, že existuje šanca, že používateľ použije rôzne zariadenia, na základe ktorých je pre daný čas vhodný.
Najlepšie postupy, ktoré treba dodržiavať
Ak sa dnes webové stránky potrebujú uspokojiť čoraz viac zariadení pomocou publika, potom existujú niektoré základné zásady a osvedčené postupy, ktoré by sa mali dodržiavať, aby sa zabezpečilo, že tieto stránky sú pripravené na správne zaobchádzanie s týmito návštevníkmi a že budú vo vyhľadávačoch dobre zaradené .
- Responsivná webová stránka - prispôsobivé usporiadanie, ktoré sa môže prispôsobiť a meniť pre rôzne veľkosti obrazovky, je rozhodujúce pre podporu rôznych dostupných dnes dostupných zariadení.
- Všetok obsah by mal byť k dispozícii - ak má niekto prístup k určitému obsahu alebo funkciám, keď navštívia stránku na jednom zariadení, očakáva sa, že tieto budú k dispozícii aj vtedy, keď sa vrátia na iné zariadenia. Obsah by mal byť prezentovaný spôsobom, ktorý je vhodný pre každé zariadenie, ale žiadny obsah by nemal byť "skrytý" alebo "vypnutý" pre určité zariadenia.
- Čitateľnosť je kľúčom - bez ohľadu na to, aké zariadenie alebo akú obrazovku s veľkosťou sa používa na návštevu webových stránok, ľahké čítanie tejto stránky je dôležité. To znamená, že typografia je dôležitým dizajnovým prvkom, na ktorý sa dá zamerať. Ak niekto ťažko číta obsah stránky, pravdepodobne úplne opustí tento web.
- Konzistencia uprostred rozmanitosti - zatiaľ čo rozloženie prezentované pre každú inú veľkosť obrazovky bude iná, mala by existovať konzistentnosť medzi jednotlivými zariadeniami. Celkové skúsenosti by mali byť pripojené tak, aby používatelia nemuseli zverejňovať stránky vždy, keď ich navštívia na novej obrazovke.
- Nastavenie priority - webové stránky by mali rýchlo načítať a fungovať dobre na všetkých zariadeniach, vrátane mobilných zariadení s menej ako dokonalou rýchlosťou sťahovania. Celková výkonnosť webových stránok by mala byť prioritou vo všetkých aspektoch dizajnu a vývoja stránok - koniec koncov nikto nevie povedať, že webové stránky sa načítajú príliš rýchlo alebo fungujú príliš dobre !
Upravený Jeremy Girard dňa 26.1.17