Články

Mobilní weby včera a dnes

V minulosti nebylo potřeba nějak zvlášť řešit design stránek pro mobilní zařízení. Internet v telefonu lidé používali jen minimálně a často navštěvované servery měly své "odlehčené" verze ve standardní výbavě. Tuto strohou podobu s ryzí funkčností si mnoho portálů udrželo až do současnosti. U ostatních webů je situace ještě horší. Pokud si chcete přečíst pár zajímavých článků, musíte se v první řadě vypořádat s mikroskopickým písmem a pomalým načítáním. To vše jsou přirozené brzdy, nemluvě o nutnosti dodatečně instalovat software jako Opera Mini  .

Popisek: Opera aneb cesta do pravěku



Právě Opera Mini je dle mého názoru to "nejlepší" z překonaných řešení. Podívejte se schválně na předchozí obrázek. Rozluštíte alespoň jedno slovo či větu? Těžko. Příliš velkou zábavou není ani prohlížení téměř neviditelných obrázků. Mini Operu tak beru pouze jako výpomoc do doby, než bude mít iPhone a podobné telefony většinový podíl na trhu.

iPhone ... a ti ostatní

Ve dne jej můžete pohrdavě ignorovat jako hračku pro manažery, ale v noci o něm budete tajně snít. Obliba iPhonu  zkrátka raketově roste napříč celou společností. Sám to kolem sebe pozoruji každý den. Už brzy proto marketéři skončí s přehlížením uživatelů iPhonu (celosvětově jich je téměř 50 000 000) a začnou navrhovat jednoduché, ale pěkné stránky upravené (nejen) pro tento typ telefonu. Navíc bude iPhonu zanedlouho sekundovat poslední novinka od společnosti Apple – iPad. Řekněte sami, kdo ze zapálených "jablíčkářů" by mu odolal…

Popisek: iPad aneb cesta do budoucnosti



iPad však podle mého úsudku nečeká v blízké budoucnosti extrémní rozmach. V rámci návrhu designu mobilních stránek bychom se tedy měli zaměřit na iPhone a okrajově na zařízení s OS Android, nové Blackberry, Palm Pre nebo HTC telefony. Víte, že zahájení prodeje iPhonu kopíruje křivka přenesených dat  ? Jak prosté – internet v tomto telefonu je vážně jiný zážitek než na klasickém mobilu.

Máte tři možnosti

1. Uživatele mobilního internetu ignorovat. Jen ať si stahují velká data.
2. Vytvořit speciální verzi stránek, která bude univerzální pro všechny mobily.
3. Udělat verzi pro iPhone a využít jeho velkého, dotykového displeje.

Tento článek chce mimo jiné poukázat na rostoucí trend v zahraničí, že nejen velké korporace, ale i malé firmy a designéři na volné noze mají mobilní verze stránek. Na displeji iPhonu o velikosti 320 × 480 pixelů se totiž dá pohodlně zobrazit mnoho různých informací. Pravda, v ČR zatím používá tento telefon "pouze" několik desítek tisíc uživatelů. I to je však zajímavé číslo.

Jak na to?

Představte si, že na vašem webu zrovna probíhá soutěž. Obyčejného uživatele obyčejného telefonu asi nepotěší, když mu načítání stránek a vyplňování soutěžního formuláře zabere 20 minut. Pokud lidem nabídnete mobilní verzi, získáte jejich přízeň už v samém začátku. A úspěšnost celé kampaně začne rychle stoupat. Podrobně jsme tématiku rozebrali ve článku Mobilní verze webu rychle a kvalitně, a tak zde připomenu jen základní pravidla:

• Displej telefonu je mnohem menší než u jiných přenosných zařízení. Nezapomeňte na toto omezení.
• Při navrhování aktivních prvků, například tlačítek a záložek, počítejte s neměnnými "vlastnostmi" lidského těla (prsty mají určitou tloušťku apod.).
• Odkazy musí být dostatečně velké, aby se na ně dalo snadno trefit.
• Nespoléhejte na podporu technologií Silverlight či Adobe Flash v prohlížeči telefonu.
• Texty zkraťte na minimum a vynechte veškerou "omáčku".
• Mobilní weby optimalizujte (někteří uživatelé stále platí za přenesená data).

Nic vám také nebrání vytvořit jednu univerzální verzi stránek pro běžné mobilní telefony a jednu speciálně pro iPhone. Návštěvníci vaši snahu jistě ocení. Podobně to mimochodem řeší i Facebook  .

Kam za inspirací?

• CSS iPhone  (galerie graficky povedených webů)
• Mobify  (o adaptaci wordpressových stránek na iPhone)
• Dashland  a Mobile Awesomeness  (další galerie)
• Mobile Web Design  (článek od Abduzeedo.com)

Není web jako web

Zkuste si porovnat stránky firmy Trek  a jejich mobilní verzi. To není jen lehce upravená prezentace, ale zcela jiná aplikace. Použít "stolní verzi" i pro mobily by byla katastrofa…

iPhone verze:



a klasická verze:



Připravil jsem pro vás ještě několik dalších ukázek klasických webů a jejich iPhone verzí. Chcete zjistit, jak se na tomto telefonu zobrazí vaše stránky? Vyzkoušejte jednoduchý simulátor  .

Vydrželi jste až do konce?

V tom případě máte slušné předpoklady zabodovat u návštěvníků svého webu zajímavou mobilní verzí. A pokud chcete dostat již aplaudujícího uživatele na kolena, nabídněte mu stylové pozadí (wallpapery) na iPhone. Ať už s obrázkem vašich produktů, nebo zcela odlišnou tématikou. iPhone wallpapery jdou totiž na dračku  .