10 RAD PRO LEP­ŠÍ MOBIL­NÍ WEB DESIGN

Webdesigning / 15. augusta 2014 / Business

Inter­na­ti­onal Tele­coms Uni­on před­po­ví­dá, že v průběhu něko­li­ka měsí­ců bude na světě pou­ží­va­ný­ch více mobil­ní­ch tele­fo­nů než je počet oby­va­tel. Smartp­ho­ny jsou všu­de kolem nás a není mož­né tuto sku­teč­nost zasta­vit. To, zda byz­nys v těch­to čase­ch vydr­ží mezi vel­kou kon­ku­ren­cí zále­ží od mno­ho fak­to­rů a jed­ním z nich je urči­tě i mobil­ní sfé­ra.

Tuto skutečnost si uvědomuje i mnoho "klientů" a mobilní stránky o to žádají. Nejedná se jen o mobilní stránky ale i aplikace a jiné možnosti.

Design pro mobilní zařízení znamená přemýšlení nad různorodými mobilními zařízeními od tabletů, které jsou často schopny procházet celou stránku, přes smartphony s omezeným prostorem pro obsah. Stále více vzpomíná se responzívny design, či mobilní design nebo "mobile-friendly" stránky. Proto bychom rádi představili 10 základních rad pro tvorbu mobilního web designu.

 

1. Poznej své publikum a zařízení které používá
Stále bohužel není možné dělat dokonalé web stránky pro všechny mobilní zařízení najednou. Proto je ideálnější se soustředit na to nejpoužívanější, udělat web stránky "dokonalé" pro něj, ale nechat kvalitní rozhraní i pro ostatní zařízení.

Proto poznání zda používají vaši návštěvníci např. iPhone nebo Android hraje v tomto významnou roli. Pro zjištění můžete využít průzkum, Google analytics či jiné analýzy. Další podstatná věc, která se dost spojuje se zařízením je rychlost připojení. V našich zeměpisných šířkách je stále mobilní internet podstatně omezen, proto je nutné myslet i nato.

 

2. Buďte stručný
Ať už se jedná o frázi KISS (Keep it simple, stupid) na mobilních zařízeních je esenciální vědět účel stránky, designu nebo aplikace. Pak je na vás dostat uživatele co nejrychleji z bodu A do bodu B bez zbytečných zdržování. Pokud je možné vynechat nějakou část stránky, tak ji vynechte. V designu pro mobilní zařízení není místo pro zbytečnosti. Je esenciální být stručný, výstižný a bez zbytečností.

 

3. Jedno-sloupcový layout je fajn
S tím, že myslíte na již napsáno je jeden sloupec postačující k předání potřebných informací. Nejen že funguje fajn ale je fajn pro menší displeje s limitovaným prostorem. Zde se určitě osvědčí responzívny design, kde můžete změnit více sloupcový design na jedno-sloupcový.

 

 

4. Ikony šetří nejen místo
O hamburger ikoně pro menu se poslední dobou píše hodně negativ. Ale využití ikony pro hledání, sociální ikony, kliknutím zavolat a podobné prvky je určitě vhodné. Jelikož byly představeny i SVG ikony, není problém s optimalizací i pro větší displeje. Využitím ikon ušetříte místo a často i počet kliků, které musí uživatel udělat, aby se dostal do "cíle".

 

5. Myslete prstem.
8 x 8 mm je průměrná dotyková plocha palce a 7 ​​x 7 mm je plocha ukazováčku. To znamená, že plocha jednoho tlačítka by neměla být menší než 1 cm / 28 px a podle některých výzkumů až 44 pixelů.

Myslete nato, že nikdo nechce držet telefon ve dvou rukách, proto se zaměřte nato aby byla vaše stránka plně ovladatelná jedním palcem a nevyžadovala žádné jiné prsty navíc. Pokud není možné vaši stránku takto projít celou, asi nebude dobře zoptimalizování pro telefony.

Buďte si jistý, že menu, tlačítka a všechny call to action prvky jsou dost velké i pro tučné prsty a mají dostatek prostoru od sebe. Nikdo nechce kliknout na nesprávné tlačítka a pak se muset vracet.

 

6. Kontaktní informace mějte viditelně
Vždy je třeba mít kontaktní informace viditelné a po ruce. Uživatelé často hledají, kontakt, adresu či otevírací hodiny. Nenechte je hledat tyto informace po celé stránce a poskytněte jejich tak rychle jak je možné pro lepší UX.

 

7. Označkujte stránku pořádně.
Branding z mobilní stránky musí sršet. Samozřejmostí je logo ale i barvy a styly, které dělají značku rozpoznatelnou. Korporátní identitu je třeba zapojit důmyslně bez narušení použitelnosti.

 

8. Myslete i na baterku.
Možná to bude znít směšně ale kvalitně optimalizována stránka šetří smartphone i baterku. Čím více musí smartphony stahovat různé animace, nástroje, geo-localizáciu a jiné, rychle vyčerpávají baterku. Proto se snažte vyčistit vaše stránky od nepotřebných hloupostí a ušetřit tím uživatelům čas nato, aby ho mohli strávit možná i na vašich stránkách.

 

9. Rychlost na prvním místě.
Optimalizace obrázků, počtu requestu je nezbytné. Jak jsme vzpomínali ne všude je pokrytí 3G dobré, ne to 4G. Pokud chcete aby se vaše stránka načítala letos, optimalizujte. Odpojte se z kabelu, jděte ven a uvidíte, že internet pak není až takový rychlí jako v "labolatórnych" podmínkách.

 

10. Testujte na zařízení, ne v generátorech a jiných nástrojích
Když už víte pro jaké zařízení optimalizujete web, tak ho i používejte v první řadě. Ale myslete i na ostatní zařízení a určitě i na různé verze operačních systémů.

Někdy pro testování stačí zajít do nejbližšího elektra a poprosit je o pomoc. Osobně s tím mám dobré zkušenosti. Pokud by to nebylo možné, zkuste si půjčit smartphone od kolegy či kolegů. Myslím, že nasbíráte kvalitní inventář na proběhnutí vašich stránek.

 

 

Zdroj: webdesigning.sk

Pridať komentár (0)