W3C
Webalkalmazás mobiltelefonraIrányelvek
Törekedj alacsony forgalomra
A webes protokollok megfelelő használatával csökkentheted a hálózat terhelését. Így alacsonyabb válaszidőt érhetsz el, és elkerülheted a forgalom akadozását.
- Adatátvitelnél használj tömörítést (transfer compression)
- Használj gyorsítótárat, amikor csak lehet (erőforrások, AJAX forgalom)
- Törekedj minél kevesebb külső erőforrás használatára
- Minimalizáld az alkalmazás és az adatok méretét
- Kerüld az útvonal-átirányítás használatát
- Optimalizáld a hálózati kéréseket
- Használj minél kevesebb cookie-t
fel ↑
Engedd szabadjára felhasználóidat
Mobil eszközöket számos helyzetben használunk, egyszerű időtöltéstől kezdve egészen a sürgős helyzetek kezeléséig. Mindig tudassuk a felhasználóval, mi történik, és engedjük, hogy irányítsa az eseményeket!
- Tedd lehetővé, hogy a felhasználó választhasson nézetek között (pl. mobil/teljes)
- Biztosíts automatikus bejelentkezési lehetőséget
- Informáld a felhasználót személyes adatainak felhasználásáról
- Biztosítsd, hogy az oldalak dinamikus frissítésekor se változzon a fókusz
fel ↑
Ügyelj a webes irányelvekre
Egy mobilon futó webalkalmazás is csupán a webhez való hozzáférés egy fajtája. A web általános irányelvei ugyanúgy érvényesek itt is.
- Készíts biztonsági mentéseket az adatokról
- Ne használj fel megbízhatatlan forrásból származó adathalmazt
- Könyvjelzőket (fragment identifier) használj az oldalon belüli navigálásra
- Biztosítsd az állapot-konzisztenciát, különböző eszközök között is
fel ↑
Tervezz rugalmas rendszereket
Egy webalkalmazásnak számos különböző, folyamatosan változó környezetben kell helyt állnia. A rendszer rugalmassága révén több felhasználót érhetsz el költségeid alacsonyan tartása mellett.
- Tervezz többféle kezelőfelületre
- Az erőforrásigényes, nem platform-független feladatokat bízd a szerverre
- Kliens oldalon csak a legszükségesebb számításokat végezd
- Ügyelj a szövegrészek megfelelő sorrendjére
- Ne különálló eszközökre, hanem eszköz-kategóriákra fejlessz
- Kerüld a JavaScript használatát!
fel ↑
Használd ki a telefon adottságait
Néhány webes technológia kifejezetten releváns lehet mobil környezetben. Használd ki ezeket!
- Fontold meg az eszköz-specifikus lehetőségeket egy mobil webalkalmazás indításakor
- Tedd kattintásra hívhatóvá a telefonszámokat
- Használd ki a viewport meta elemet megjelenítésnél
- Használj az eszköznek megfelelő adattárolási technikákat
fel ↑
Optimalizálj válaszidőre
Egy mobil alkalmazásnál is minden apró részlet számít. Azonban néhány technikai paraméter, közülük is leginkább a válaszidő kifejezetten nagyot lendíthet felhasználói élményen.
- A statikus képeket helyezd egyetlen, közös erőforrásba (sprite)
- A háttérképeket közvetlenül a css fájlba illeszd (css inline image)
- Rögtön adj visszajelzést a felhasználónak
- Törekedj minél kisebb DOM méretre
- Optimalizáld az indulási időt
fel ↑
Mobilizáld alkalmazásaidat!
Ezen útmutató célja a hatékony, funkcióban gazdag mobil webalkalmazások fejlesztésének elősegítése. További információ:
www.w3.org/TR/mwabp/
Supported by the MobiWebApp FP7 EU project
mobiwebapp.eu
fel ↑