Domovská » UI / UX » Podívejte se na vytváření webových stránek pro uživatele tabletu

    Podívejte se na vytváření webových stránek pro uživatele tabletu

    Tabletová aréna, která byla kdysi ovládána pouze iPadem společnosti Apple, je dnes na vzestupu s novým účastníkem. Google Nexus 7, Amazon Kindle, Microsoft Surface a řada dalších tabletových zařízení, která vstoupila na trh, tlačí marketingové pracovníky, aby přemýšleli nad webovou stránku PC a vyvinuli samostatnou tabletovou strategii - nebo minimálně, tablet-přátelské webové stránky.

    Jsou tablety náhradou smartphonů? Krátká odpověď je ne. Nedávná zpráva comScore ve skutečnosti jasně ukazuje, že jeden ze čtyř majitelů smartphonů také používal tablet. Navíc existují určité jasné rozdíly ve způsobu, jakým lidé používají tato dvě zařízení. Zatímco některé z vašich mobilních webových strategií mohou pracovat pro uživatele tabletů, čtenáři tabletů mají zvláštní potřeby, které vyžadují zvláštní pozornost.

    Budova pro Tablet

    Zdá se, že přístup k obsahu a informacím je nejvyšší aktivitou vlastníků tabletů po celém světě, uvádí studie asociace Online Publishers Association. Obsahová spotřeba v ceně sledování videa, následované čtením zpráv. Takže, co byste měli, jako obchodník s obsahem nebo vydavatel, dělat, aby se vaše tabletové čtečky?

    Čtečky tabletů jsou zvyklé na práci s nesčetnými aplikacemi, které jsou postaveny s bohatou grafikou a vysoce detailními vizuálními prvky. Čtenáři tablet tedy očekávají, že budou mít stejné zkušenosti se čtením, které se používají při prohlížení na svých stolních prohlížečích..

    Scroll je passé; swipe je v

    Jediný způsob, jak zapojit své stále rostoucí návštěvníky tablet, je přemýšlet nad rámec norem pro webové stránky, tj. Vertikálních formátů a rozvržení, a začít budovat osobní, interaktivní webové stránky. Čtečky tabletů jsou používány k gestům, jako je přejíždění a blikání, a dávají přednost staršímu způsobu procházení webů pomocí posuvníku a kliknutí.

    Využijte výhod HTML5 a CSS3 k zobrazení obsahu v rozloženém, dobře formátovaném rozložení, které emuluje tištěný časopis a umožní čtenářům procházet stránkami svých oblíbených časopisů..

    Dotykové webové stránky

    Každý tablet na trhu dnes pracuje s dotykovým rozhraním, které předefinovalo samotnou představu o tom, jak komunikujeme s osobními počítači. Pro optimální zážitek z čtení na tabletech je to tak jednoduché, že minimální velikost textu je 14 pixelů. Ale co uživatelské rozhraní, zejména pokud jde o lidské vstupy?

    Je to v prstech

    Zatímco se webové stránky PC zavádějí na obrazovku, která je umístěna v určité vzdálenosti od oka, přístupná myší pomocí kurzoru, jsou tablety navrženy tak, aby byly drženy v ruce a přijímaly vstup z prstů uživatele..

    Zvyšte textové polstrování tak, že tam je docela dost prostoru kolem hypertextového odkazu text, který lze kliknout i velkými prsty. Taky zvětšit řádkování mezi větami tak, aby nedošlo k žádnému střetu hypertextové odkazy, pole formuláře nebo rozbalovací nabídky. Odebrat události přechodu ale udržujte chování a ovládací prvky intuitivní, nebo přinejmenším dostatečně předvídatelné, aby uživatelé nemuseli znovu rozpoznávat, jak navigovat vaše stránky.

    Při vytváření webových stránek, které jsou přátelské k tabletu, doporučujeme dodržovat pokyny společnosti Apple iOS Human Interface Guidelines.

    Vyhněte se honosným prvkům

    S iPad stále vůdce balení na trhu tablet, je to stále bezpečné, aby se stavět pro Flash. Můžete však vytvořit lepší zážitek pro své čtenáře ve svých tabletových prohlížečích pomocí HTML5. Používejte méně animací založených na JavaScriptu, abyste udrželi webové stránky tabletu rychlé a dostupné ve všech tabletových zařízeních.

    Orientační záležitosti

    Návštěvník tabletu si může prohlížet vaše webové stránky v orientaci na šířku nebo na výšku; tak se ujistěte, že se obsah vaší webové stránky tabletu automaticky přeskupuje tak, aby vyhovoval oběma těmto orientacím. Informace o tom, jak váš obsah potřebuje změnit uspořádání, aby vyhovovaly různým velikostem a orientacím obrazovky, naleznete v tématu 30 Citlivá portfolia..

    Pro další čtení se podívejte na:

    • Mobilní Web Design: 10 tipů pro lepší využití
    • 30 Užitečné citlivé webové konzultace
    • 50 Užitečné nástroje pro návrh webových aplikací pro projektanty

    Nakonec vždy používejte obrázky, které mají velmi vysoké rozlišení, nebo se ujistěte, že vaše obrázky mění velikost pro různé orientace, takže uživatelé získají úplný obraz. Poměr stran 16: 9 funguje s většinou tablet dobře.

    Zabalit

    Při stavbě tablet-přátelské webové stránky, myslet mimo webové stránky PC a přijmout osobní interakci o krok dále. Přemýšlejte a obnovte své webové stránky pro svět, kde jsou tablety první.

    Poznámka editora: Tento příspěvek je napsán Lakshmi Harikumar pro Hongkiat.com.