Internet Info, s.r.o. Lupa Měšec Podnikatel Root Zdroják DigiZone Slunečnice Vitalia TopDrive KupDnes Navrcholu NovýTarif Dobrý web Weblogy Woko Jagg Computer.cz SK: MojeLinky

Hlavní navigace

2010: Rok kdy se dotkneme webu

Dotyk. Slovo, které dneska v jeho anglické variantě (Touch) můžete zaslechnout snad všude. Částečně za to může Steve Jobs, částečně prostě poptávka uživatelů. Jisté ale je, že stará dobrá myš již brzy nebude výhradní prostředek pro pohyb po webových stránkách. Je nejvyšší čas se s tím sžít.

Tweetni to Twitter Jaggni to! Jagg Del.icio.us Delicious

V roce 2007 Apple představil iPhone. Přes počáteční výsměch ze strany technických nadšenců se tento telefon stal legendou a proměnil celé mobilní odvětví. Výrobci se vrhli do výroby vlastních dotykových mobilních zařízení. V roce 2009 se celosvětově prodalo 175 milionů smartphonů, naprostá většina z nich s dotykovým ovládáním. Nokia, RIM, HTC a další tak denně prodávají velké množství zařízení, pomocí kterých se uživatel může webu doslova dotknout.

Mobilní přístroje jsou ale dnes zodpovědné jen za 1 – 1,5% zobrazení stránek na internetu. Jejich podíl sice vzrostl meziročně o 110%, ale i kdyby vzrostl v dalším roce o 200%, stále jsme na nějakých 5% zobrazení. Mělo by nás to vzrušovat?

Letos možná ne. Ale dotykových zařízení v roce 2010 přijde mnohem více. Na CES 2010 byly pořádně vidět tablety – počítače s dotykovou obrazovkou. Zatím je nikdo výrazně nepoužíval, ale vystavovatelé na CESu se vezli na vlně pověstí o Apple tabletu. Apple poté skutečně představil iPad. A ať už si o něm myslíte cokoli, nemůžete mu upřít, že na pár dní ovládl stránky novin. Hype okolo tabletů otevírá trh pro další. Ať už běží na vlastním OS (JooJoo), využívají Windows 7 či plánují využívat Google Chrome OS. Jsou slyšet i zvěsti o tom, že další Amazon Kindle bude mít barevnou dotykovou obrazovku.

Dotyková zařízení v roce 2010 přesto pravděpodobně nezískají výrazný podíl na trhu, ale již v roce 2011 začnou být výraznými hráči. A protože to, co vytvoříme dnes, s největší pravděpodobností minimálně rok přežije, měli bychom s tím začít počítat.

Na co se máme připravit?

Zkontrolovat web ve třech verzích IE, Firefoxu, Chrome, Opeře a Safari již nebude stačit.

Byly doby, kdy stačilo zkontrolovat web ve svaté trojici – IE, Firefox, Opera. Dneska potřebujete k dokonalé kontrole funkčnosti webu Mac, Windows, Linux a alespoň desítku prohlížečů. Zítra budete potřebovat velké množství mobilních zařízení a pár tabletů. Kompletní testování se tak stává finančně i lidsky neúnosným a budete si muset vybrat pár zařízení a prohlížečů, ve kterých web otestujete. Pomoci mohou částečně emulátory, ale nakonec se budete muset spoléhat na své zkušenosti a znalosti.

Rozdílnost zařízení si vynutí používání progressive enhancement. Kdo nechce riskovat, vytvoří nejprve základní kostru stránky a poté na ni bude postupně stavět další funkčnost. V novějších prohlížečích bude stránka hezčí, ve starších stále dobře použitelná. Jinak se ale pro mobilní web vyvíjet nedá. Nebo snad myslíte že stačí, když vaše stránky běhají krásně na iPhone a Androidu? (Jděte i s iPhone do …)

Nepoužíváte standardy? Běžte si hledat jinou práci.

Dokud se designovalo pouze pro pár desktopových prohlížečů, mohla se používat nestandardizovaná řešení. Pluginy a podobné věci dlouho tlačily celý web kupředu. S tím je konec. Dneska už se nemůžete spolehnout ani na to, že uživatel uvidí váš flashový banner. Někteří tvrdí, že Flash je mrtvý. Další tvrdí, že se z něj stane volitelná nadstavba případně vylepšující uživatelský prožitek. Jisté je to, že Flash bude na webu přítomen v mnohem menší míře.

Zapomeňte co jste znali.

Nejprve zapomeňte na Photoshop. Web zítřka se designuje v prohlížeči. Pokud se moje stránky přizpůsobují schopnosti prohlížeče, který zrovna uživatel používá, jak pro jejich návrh mohu používat nástroj, ve kterém vše vypadá vždy stejně? Jak mohu designovat interakci v nástroji, který ji nepodporuje?

Zapomeňte i :hover. Nic takového dotyková zařízení neznají. UI návrháři uroní slzu, :hover poskytoval spoustu zajímavých možností k zjednodušení uživatelského rozhraní. Stačí se kouknout na Facebook. Zase jedna oběť jediné neměnné konstanty webu – změny.

Zapomeňte na spory o používání jednotky "px" pro velikosti písma. Na webu, na kterém si celou stránku přibližuji dvěma prsty, to už nikoho netrápí.

A zapomeňte na všechny řeči o tom, že důležité věci musí být vidět nad zalomením stránky. Tzv. page fold za a) ničemu příliš nevadí a za b) ve chvíli, kdy si uživatel přibližuje jen části stránky, se jeho případný význam zcela mění.

Hlavní menu ztrácí význam.

Hlavní menu bývalo centrálním opěrným bodem stránek. Ale ve chvíli, kdy si uživatel přibližuje části stránky, je pro něj neviditelné. Krátké a výstižné odkazy pod článkem, výzvy k akci přímo na místě, kdy jste návštěvníka přesvědčili, že ji má provést – to je to, čím se budou zabývat experti na použitelnost na celém světě v příštích letech. Dodnes stačilo nadesignovat stránku jako celek. Zítra budete muset navrhovat každý detail. Bůh ví, kam se uživateli zachce zazoomovat.

Dotyk přináší revoluci do naší interakce s webem.

Sotva jsme se téměř naučili vytvářet dobré weby pro standardní obrazovky a někteří z nás i pro klasické mobily, jsme na prahu další velké změny. Nebude jí ale Sémantický web, – tou mnohem bližší revolucí bude změna ovládání.

(Děkuji Ondrovi Válkovi za jeho inspirativní seznam věcí, které změní iPad. – pozn.aut.)

Jan Sládek

Honza Sládek se zabývá webdesignem okolo sedmi let. V současné době působí jako webdesignér a vizionář ve společnosti Clevis. Rád hledá nová řešení.

Školení Google+ pro firmy

DW - Školení PPC
  • Jak využít Google+ pro firemní komunikaci a marketing.
  • Čím se liší Google+ od Twitteru a Facebooku z pohledu firemního využití.
  • Jak využít Google+ v souladu s pravidly užívání.
  • Založení Google+ Page (Stránky) krok po kroku, včetně praktických tipů.

Detailní informace o školení Google+ »

Přehled názorů

Bezva clanek
Ondrej Valka 17. 2. 2010 00:20
Nový
├ 
Re: Bezva clanek
Jan Sládek 17. 2. 2010 00:34
Nový
│
└ 
Re: Bezva clanek
ondrejvalka 17. 2. 2010 01:00
Nový
└ 
Re: Bezva clanek
Karel Fučík 17. 2. 2010 08:39
Nový
 
├ 
Re: Bezva clanek
Pavel Šimek 17. 2. 2010 09:03
Nový
 
└ 
Re: Bezva clanek
Jan Sládek 17. 2. 2010 10:30
Nový
 
 
├ 
Re: Bezva clanek
Tomáš Kafka 17. 2. 2010 15:45
Nový
 
 
│
└ 
Re: Bezva clanek
Karel Fučík 17. 2. 2010 16:22
Nový
 
 
│
 
├ 
Re: Bezva clanek
Petr Pecháček 18. 2. 2010 12:49
Nový
 
 
│
 
└ 
Re: Bezva clanek
Ondřej Válka 18. 2. 2010 15:36
Nový
 
 
│
 
 
└ 
Re: Bezva clanek
Jan Sládek 18. 2. 2010 17:41
Nový
 
 
└ 
Re: Bezva clanek
Tomáš Kafka 17. 2. 2010 15:48
Nový
iphone
dc 17. 2. 2010 01:00
Nový
Re: 2010: Rok kdy se dotkneme webu
wix 17. 2. 2010 07:26
Nový
NEKONEČNÝ vývoj
ra.ri.ta 17. 2. 2010 08:39
Nový
└ 
Re: NEKONEČNÝ vývoj
Jan Sládek 17. 2. 2010 11:42
Nový
Vize a realita
Radek 17. 2. 2010 08:54
Nový
└ 
Re: Vize a realita
Jan Sládek 17. 2. 2010 10:35
Nový
pekny clanek ale trochu prehnany
asystematic 17. 2. 2010 12:29
Nový
       

Tento text je již více než dva měsíce starý. Chcete-li na něj reagovat v diskusi, pravděpodobně vám již nikdo neodpoví. Pro řešení aktuálních problémů doporučujeme využít naše diskusní fórum.

Zasílat nově přidané příspěvky e-mailem