Úvodná » UI / UX » Pozrite sa do webových stránok budov pre používateľov tabletov

    Pozrite sa do webových stránok budov pre používateľov tabletov

    Tabletová aréna, ktorá bola kedysi výlučne ovládaná iPadom Apple, dnes každý deň narastá s novým účastníkom. Google Nexus 7, Amazon Kindle, Microsoft Surface a množstvo ďalších tabletových zariadení, ktoré vstúpili na trh, tlačí obchodníkov, aby premýšľali nad webovými stránkami počítačov a vyvinuli samostatnú stratégiu pre tablety - alebo aspoň, webové stránky priateľské k tabletám.

    Sú tablety náhradou za smartfóny? Krátka odpoveď nie je. V skutočnosti nedávna správa comScore jasne odhaľuje, že jeden zo štyroch majiteľov smartfónov tiež použil tablet. Navyše existujú určité jasné rozdiely v spôsobe, akým ľudia používajú tieto dve zariadenia. Zatiaľ čo niektoré stratégie mobilného webu môžu pracovať pre používateľov tabletov, čitatelia tabletu majú osobitné potreby, ktoré si vyžadujú osobitnú pozornosť.

    Budova pre Tablet

    Prístup k obsahu a informáciám sa zdá byť najvyššou aktivitou majiteľov tabletov po celom svete, tvrdí štúdia združenia Online Publishers Association. Obsahová spotreba je zahrnutá sledovanie videí a čítanie správ. Takže, čo by ste mali, ako obchodník s obsahom alebo vydavateľ, robiť čítačky tabletov?

    Čítačky tabletov sa používajú na zapájanie sa do nespočetných aplikácií, ktoré sú postavené s bohatou grafikou a veľmi detailnou vizuálnou grafikou. Preto čítačky tabletov očakávajú rovnaký zážitok z čítania, ktorý sa používa na zobrazovanie na svojich desktopových prehliadačoch.

    Scroll is passé; pohyb prstom

    Jediný spôsob, ako zaujať stále rastúcich návštevníkov tabletov, je premýšľať nad normami webových stránok pre počítače, t. J. Vertikálne posúvače a rozloženia a začať budovať osobnejší a interaktívnejší web. Čítačky tabletov sa používajú na gestá, ako sú rýchle pohyby a rýchle pohyby, a uprednostňujú ich pred starším spôsobom navigácie stránok "posúvať a kliknúť".

    Využite HTML5 a CSS3 na zobrazenie obsahu v stránkovom, dobre formátovanom rozložení, ktoré napodobňuje vytlačený časopis a poskytuje čitateľom skúsenosti s prelistovaním stránok svojich obľúbených časopisov.

    Webové stránky priateľské k dotyku

    Každý tablet na trhu dnes pracuje s dotykovým rozhraním, ktoré predefinovalo myšlienku toho, ako interagujeme s osobnými počítačmi. Pre optimálne čítanie na tabletoch je to jednoduché ako umiestnenie minimálnej veľkosti textu na 14 pixelov. Ale čo používateľské rozhrania, najmä pokiaľ ide o ľudské vstupy?

    Je to v prstoch

    Zatiaľ čo webové stránky PC sa načítajú na obrazovke, ktorá je umiestnená v určitej vzdialenosti od oka, ktorá je prístupná myšou pomocou kurzora, tablety sú navrhnuté tak, aby boli držané v ruke a aby prijímali vstup z prstov používateľa.

    Zvýšte textové polstrovanie takže tam je dosť miesta okolo hypertextového textu, ktorý môže byť kliknutý aj veľkými prstami. tiež Zvýšenie medzery medzi vetami takže medzi nimi nie je konflikt prepojené texty, polia formulárov alebo rozbaľovacie ponuky. Odstrániť udalosti vznášania ale udržiavajte správanie a ovládanie intuitívne alebo aspoň dostatočne predvídateľné, aby sa používatelia nemuseli znova informovať o tom, ako navigovať na vašom webe.

    Odporúčame vám, aby ste pri vytváraní webovej stránky priateľskej k tabletu dodržiavali Pokyny spoločnosti Apple pre ľudské rozhranie.

    Vyhnite sa nápadným prvkom

    Aj keď je iPad stále lídrom balíčka na trhu s tabletami, je stále bezpečné vytvárať pre systém Flash. Na svojich prehliadačoch tabletov môžete pomocou aplikácie HTML5 vytvoriť pre svojich čitateľov zážitok podobný typu betterapp. Používajte menej animácií založených na jazyku JavaScript, aby ste mali webové stránky tabletu rýchle a prístupné vo všetkých tabletových zariadeniach.

    Orientačné záležitosti

    Váš návštevník tabletu môže zobraziť váš web v orientácii na šírku alebo na výšku. preto sa uistite, že obsah webovej stránky tabletu sa automaticky prestaví tak, aby sa prispôsobil obom týmto smerom. Pozrite si 30 odpovedajúcich portfólií pre vašu inšpiráciu, kde nájdete predstavu o tom, ako je potrebné, aby sa váš obsah usporiadal tak, aby zodpovedal rôznym rozmerom a orientácii obrazovky.

    A pre ďalšie čítanie sa pozrite na:

    • Mobilný webový dizajn: 10 tipov na lepšiu použiteľnosť
    • 30 Užitočné Nápovedné Web Design Tutoriály
    • 50 užitočných Responsive Web Design Tools pre návrhárov

    Nakoniec vždy používajte obrázky s veľmi vysokým rozlíšením alebo uistite sa, že vaše obrázky zmenia veľkosť pre rôzne orientácie, aby používatelia získali plný obraz. Pomer strán 16: 9 funguje dobre s väčšinou tabliet.

    Zabaliť

    Pri vytváraní webových stránok vhodných pre tablety premýšľajte nad rámec webových stránok a postupujte osobne. Prehodnoťte a znovu vytvorte webové stránky pre svet, kde sú tablety prvé.

    Poznámka redaktora: Tento príspevok je napísaný používateľom Lakshmi Harikumar pre Hongkiat.com.