Posterous theme by Cory Watilo

Miért kezdjük a tervezést a mobil felülettel?

Slide-41

Nem az idei évben hallottunk először a "mobile first" és ennek kapcsán a "reszponzív design" filozófiájáról, de mégis most lett gyakori téma. Mi történt, miért lett hirtelen fontos, hogy webes alkalmazásaink miként néznek ki mobiltelefonon? Mobiltelefonból eddig is sok volt, de idén csak az okostelefonok eladási számai meghaladják majd a számítógépekét (tavaly 364M). Erről és az egyes platformok lehetséges szerepéről található egy jó kis prezentáció a Business Insider oldalain. Érdemes végigmazsolázni akkor is, ha toppon érezzük magunkat a statisztikákban, bárhol előrántható diák vannak benne, amivel segíthetjük munkánkat. Én egy oldalt emelnék még ki az anyagból, ami a fejlesztők egyes platformok iránt mutatott érdeklődését próbálja megmutatni vonalas grafikon formában. Az Androidos projektek iránt enyhén csökken az érdeklődés, amivel a HTML5, mint potenciális cél platform, pont beelőz... Úgy teszik fel a kérdést: hosszú távon melyik platform lesz a nyerő? Én a következő évekre ezt egy több szereplős, szoros versenynek gondolom, ahol nem szükséges nyertes és vesztes. A natív alkalmazások vs. webapp-ok viszonylatában egészen biztosan. Míg ma web oldalainkat, web-es szolgáltatásainkat még többen nyitják meg asztali böngészőből, mint okostelefonról, ez nagyon gyorsan a telefonra szabottságnak lesz függvénye, nem pedig a mobilon való internetezés eltejedtségének. (A legfrissebb Facebook jelentésben 900 milló havi aktív felhasználóból, 500 már most mobilos!)

Érdekes adatokat taglalnak a prezentáció második felében, ahol a felhasználók fogyasztási szokásairól, hirdetési és fizetési gyakorlatról ill. hajlandóságról írnak. Én továbbra is szorgalmazom, nem szabad azt a lehetőséget eljátszanunk, hogy az ügyfelek számára értéket jelent az "SMS csengőhang" és telefonra letölthető "kvarcjáték" (tartalom). Az interneten sokkal nehezebb kitörni a különböző hirdetési modellekből, mert ott máskép szocializálódtak a felhasználók. Éljünk a mobil platform adta üzleti modellekkel is!

Új szerepek?

Az év elejének talán legfontosabb mobil böngészőket érintő bejelentése volt, a Chrome for Android megjelenése. Eddig is erős versenyző volt a webkit alapú, alapértelmezett böngésző, de egyrészt kapott egy apróbb ráncfelvarrást, pár új okos felhasználói felületet érintő újítást (tab-ok kezelése, nyitott oldalak szinkronizálása - akár asztali - Chrome böngészők között) és az oldalak letöltésének gyorsaságát javító funkciót (ha wifi-n lóg a telefon, akkor megpróbálja betippelni milyen oldalra indulunk tovább és előre letölti azt). Illetve eleve javulást mutat már a béta változat is pl. az ACID és SunSpider tesztekben, fejlesztőknek szánt eszközökben.

Legalább ilyen fontos változás, hogy a jövőben ez a böngésző már nem lesz része az Open Source Android projektnek. A nem licenszelt készülékeken, nem csak gmail kliens, appmarket alkalmazás nem lesz, de a böngésző sem lesz része az alap csomagnak. Nem tudom az Android piac pontosan mekkora szeletéről beszélünk, de az biztos, hogy az olcsóbb, elérhetőbb készülékeken fog ez változást jelenteni. Itt az alternatív, konkurens böngészők juthatnak lehetőséghez, mint a Dolphin és az Opera Mobile/Mini. Vagy éppen a Firefox vetheti meg lábát mobilon, megpróbálva kihasználni a meghatározó, de olvadozó asztali böngészők közti jelenlétét. Ők is masszív asztali-mobil integrációt ígérhetnek a felhasználók számára, olyan szabványok támogatása mellett mint a WebGL.

Nem csak az Opera Android-os változatát érinti, de itt említeném meg a norvég cég új kezdeményezését is, az OPX-et. Az ötlet zseniális és kézenfekvő. Mi az appstore modell egyik legnagyobb előnye a webapp-okkal szemben? A könnyű és minden fél által megbízható számlázási megoldás! Az Opera Payment Exchange egyrészt (eleinte csak?) a Mini felhasználók számára biztonságos, széles körben használható, kényelmes fizetési megoldást fog tudni nyújtani, a kiadóknak, fejlesztőknek új bevételi lehetőséget, a mobil- (mint az ügyfél felé számlakapcsolattal bíró szereplő) és fizetési megoldást szolgáltatók számára pedig extra forgalmat ígér. Nyilván sok mindenen múlhat az OPX sikere, de nagyon jó helyre próbálnak meg beállni. Nem is értem, miért nem csinálták meg hamarabb, akár ők, akár mások. (Létezik mondjuk VISA/MC böngésző kiegészítés/plugin hasonló céllal?) Én drukkolok nekik, mert szívesen látnék a piacon egy olyan megoldást, ami segítheti akár már a meglévő webapp üzleti modellek szélesebb körű alkalmazását, akár új modellek kialakítását is.

Decemberi mobil évzáró

Nem lassult a mobil web sem az év végi finishben, bőven jutott decemberre is érdekes fejlemény, fejlesztés. Ezek közül szemezgetnék az ünnepi hangulatban. :)
  • Itthon is egyre több (online) szereplő ismeri fel a mobil (web-es) jelenlét fontosságát, köztük a MALÉV is, aki nemrég rukkolt ki mobilos check-in szolgáltatásával. Üröm az örömben, hogy landing page már nem készült hozzá. Így, vagy a nem túl beszédes és rövid teljes elérési utat kell begépelni, vagy olyan telefonnal illetve böngészővel kell a cég oldalán a szolgáltatást megkeresni, ami egyébként is képes a teljes weboldalak megjelenítésére.
  • Több statisztika és infógrafika is napvilágot látott a hazai mobil használattal kapcsolatban. Ezek szerint, ha az okos telefonok még nem is széleskörűen elterjedtek az előfizetők körében (1.3M), de számuk rohamosan növekedik, amit az is jelez, a Telenornál minden második most eladot készülék már ilyen. (Egy másik, T-mobile-os sajtóközlemény szerint, a teljes készülékparkra tekintve náluk minden 5. telefon okos.) Érdekes adat még, hogy az iOS platform mennyire népszerű a mobilon böngésző felhasználók között. Ők adják az 1.3M látogató 54%-át. (az okos telefonok összesen közel 80% -ot tesznek ki)
  • Számomra, aki nagyon sokáig az un. feature phone -ok támogatását is szorgalmaztam,  2011 az okos telefonok (mobil böngészésben való) messzemenő térnyeréséről szólt. Persze ha egy szolgáltatás 10-100 milliós ügyfélbázissal rendelkezik, akkor a böngészni vágyó feature phone tulajdonosok száma, ha arányaiban kevesebb is, számosságában azért komoly piac. Lásd a Google bejelentését ezen készülékek regisztráció során való támogatásáról...
  • Kihagyhatatlan téma a natív vs. mobil webes alkalmazások kérdése. A HTML5 szabvány bővülésével egyre jobban elmosódik a határvonal és talán a natív platformok egyik fő előnye jelenleg a push értesítések küldésének lehetősége. Izgalmas választás pl. a TeleNav részéről, hogy autós navigációs megoldását böngészőben valósította meg. A natív platformok egy másik erősség a (3D) játékok, amire pedig a jövőben akár a WebGL jelenthet veszély. Vitatott a technológia, de pl. a -4569">SonyEricsson elsők között tervezi támogatását telefonjaiban.
  • Egy biztos, 2012 a mobil web éve lesz Eric Schmidt szerint is: "In the next year, more searches and page views will come off of mobile phones than PCs or Macs."
Izgalmas projektekben gazdag Új Évet Kívánok én is, mindenkinek!

Új Nokia browser és Opera Mini trendek

Browsers-hu

 

Bejelentették a Nokia World eseményen, a mind a Microsoft, mind a Nokia által kritikusnak gondolt új készülékeket, amitől mind a készülékgyártó szekerének megfordítását, mind a Windows Phone irányba állítását remélik. Nagy meglepetés nem volt, az N8 (egyébként rendkívül tetszetős) külsejébe került a Windows Phone 7.5 Mango változata, a már ismert mobilos IE9 böngészővel. Igazából a kistestvér, a Lumia 710-es modell lehet izgalmas, mert a Nokiának még mindig jól csengő nevével fémjelzett készülék 100.000 forint alatti áron kerülhet forgalomba szolgáltató függetlenül, ami komoly versenytárs lehet az akciós Android készüléknek, 1-2 éves szerződéssel. Érdemes lesz odafigyelni a WP7 böngésző statisztikákra, rákészülni az IE9 esetleges szorosabb támogatására. 

Ami még ennél is fontosabb volt a Nokia World-ön, az az elsősorban fejlődő országok piacaira szánt új Asha sorozat. Ezt a készüléket (sorozatot) szánják a következő sok millió példányban eladott telefonjuknak, egy hasonló belépő szintű klasszikusnak, mint anno a megkerülhetetlen Nokia 3210 volt. Nyilván napjainkra aktualizálva, érintőképernyővel és kommunikációra kihegyezve. Eddig is sok szolgáltató eleve Opera Minivel értékesítette (akár Nokia gyártmányú) készülékeit, de most a Nokia saját készülékei és böngészői mögé hasonló szolgáltatást tesz, amivel az adatok tömörített formában, gyorsabban, kisebb adatforgalmat generálva kerülnek letöltésre. Ennek hatása sokkal inkább lehet számottevőbb, mint az Amazon által nemrég bejelentett, az új, színes, Android alapú tablet hasonló saját böngészőjének megjelenése. Érdemes odafigyelni erre a trendre. (Magyar statisztikák alapján is látszik, az ilyen módon költséghatékony Opera Mini egyre inkább népszerű Android-os körökben, le-leváltva a platform beépített böngészőjét.) Nagy bázissal rendelkezik az Opera az un. feature phone-okon is, ami a korábban itt is megemlített Telenor Klikk kampány ideje alatt láthatóan előre kapott használatban, 35%-ig kapaszkodva. Ugyan, az Amazon és a Nokia tömörítési megoldása részleteiben még nem ismert, de nem kis fejfájást okozhatnak, ha hasonló módon kezelik a biztonságos oldalakat mint az Opera. Ott ugyanis a HTTPS -en keresztül elért adatok is tömörítésre kerülnek, ami csak olyan módon oldható meg, ha sérül a telefon és a web szerverünk, web oldalunk közti biztonságos kapcsolat. Minden jelszó, érzékeny adat titkosítatlan formában vándorol át, kerül feldolgozásra a tömörítést végző szerveren. Kell-e védenünk ügyfeleinket, felhasználóinkat ettől? Ez szolgáltatásonként kell majd eldöntenünk.

Őszi mangó szüret

Not-so-fast-ios-5-browsing-fas

Már több mint a Windows Phone 7 tulajdonosok fele számára elérhető a Mangó kódnéven futó frissítés, ami a számtalan újdonság mellett, igen látványos különbséget hozott a böngésző teljesítményében is. Tavaly elég lelombozó volt az első találkozás, az acid3 teszt eredménye nem lett valami fényes. Tavasszal aztán az itt Budapesten is megtartott WP7 bemutatón azt is láthattuk, a kompatibilitás mellett, a gyorsaság is fókuszba került. (Lett is belőle egy kis számokkal dobálózás.) Az asztali IE9 motorja egyrészt HTML5, CSS3, XHTML kompatiblitást hoz, másrészt a CSS animációkat a telefon GPU-jára osztja ki, ami az új JavaScript motorral karöltve látványos gyorsulást eredményez. Mobilra költözött azon asztali újítás is, hogy az egyes böngésző tab-ok - egyszerre megnyitott oldalak - külön-külön szálat kapnak a processzortól, így egy esetleges hiba nem dönti le az egész böngészőt, csak az adott tab-ot. Így olyan kerek csomagot kapunk, ami minden fronton felveszi a versenyt az Android és iOS versenytársakkal. Kicsit talán még a mobil web designerek munkája is egyszerűsödik majd a jövőben ennek hatására.

A fent említett magyarországi WP7 rendezvényen rendkívül jó volt látni, milyen fontos a Microsoft számára a helyi piacokon való megfelelő részvétel. Szimpatikus volt ahogy igyekeztek biztosítani, a WP7 hazai megjelenésére legyen minden fontosabb mobil alkalmazáskategóriában 1-1 olyan alkotás, ami referenciaknét szolgálhat a többi fejlesztő számára. És ha spontán módon nem említették a hazai mobil web-es oldalak, szolgáltatások hasonló támogatását, de a beszélgetések során nyíltnak bizonyultak a lehetőség iránt.

Sokan várták, a Mango megjelenésével egy időben jelenik majd meg a Nokia első WP7-es készüléke is. És ugyan egyre több alkalommal és egyre több (néven futó) készülék tűnik fel a pletyka oldalakon, mégis semmi konkrétum még ez ügyben. Pedig egyrészt a Nokiának nagyon nagy szűksége van egy élharcos készülékre (még az idén, a karácsonyi szezon előtt), másrészt a WP7-nek szüksége van egy jó alapos vérfrissítésre, hogy felkeltse a potenciális vásárlók érdeklődését az elmúlt egy év álmos, bepunnyad teljesítménye után.

WebAPI

Nemrég bejelentette a Mozilla a WebAPI-t, a mobiltelefonok natív funkcióinak böngészőből történő, szabványos elérésére. Mielőtt nagyon sóhajtanánk, hogy egy újabb "szabványt" vadászhatunk a készülékek kompatibilitás listáján, illetve fejünket vakarnánk, azon morfondírozva: miként veri ezt végig a Mozilla a piacon, amikor jelenleg a mobil böngészők piacán tulajdonképpen nem kimutatható a részesedése? De nem külön API-ról van szó, a WebAPI nem más, mint a Mozilla egy törekvése a meglévő, HTML5 alatt már elérhető szabványos API-k körének bővítésére. Hiszen a telefonok GPS-ét, illetve legújabban a gyorsulásérzékelőjüket már elérhetjük a böngészőből a HTML5-ben definiált javascript osztályokon keresztül.

Egy kicsit szkeptikusan várom a felvázolt FileAPI széleskörű támogatását, hiszen pl. az Apple natív alkalmazásaiban sem biztosít hozzáférést a teljes fájlrendszerhez, azok is csak egy homokozóban tudják saját fájljaikat kezelni. A Mozilla megerősít bennünket az (adat) biztonság fontosságáról, mégis az implementációk minőségére azért érdemes lesz odafigyelni, amikor egy-egy web oldal, web-es alkalmazás akar majd hozzáférni telefonunk névjegyzékéhez, kezdeményez majd hívást, küld sms-t, készít képet a beépített kamera segítségével vagy módosít készülékbeállításokat... Lehet kicsit döcögősen indul majd a történet, de érdemes lesz figyelemmel kísérni, mert egy újabb platformokon átívelő eszköz lehet a natív és (mobil) web-es alkalmazások közti különbségek csökkentésére. A zárójel szándékos, hiszen semmi nem korlátozza ezen funkciók elérhetőségét, ésszerűségét asztali környezetben sem.

Plastik.hu mobil stat, az elmúlt 4hónap

Újra megnéztük, az orvosi lóként már korábban is bemutatott, Plastik.hu mobil forgalmi statisztikáit, Schaffer Józsi jóvoltából. Igazából nagy átrendeződés nem történt a fenti időszakban, az iOS eszközök generálják a blog mobil forgalmának legnagyobb részét. Még az iPhone egyébként arányaiban kicsit visszaesett (magához képest -1% részesedés), a Windows Phone 7 készülékek még kevesebb oldalletöltést produkáltak, mint korábban. Áprilisi részesedésük közel felére estek vissza. Úgy látszik, a WP7 felhasználók kezdeti - egyébként is mérsékelt - lelkesedése tovább esett, ami tendenciát reméljük a mostanára várt Mango frissítés megfordít, a telefon böngészőjének komoly felokosításával. 

A vizsgált 4 hónap nyertese az Opera böngésző. Ha totálban még így sem érte el a 10%-ot, de hamarosan beérheti az Android gyári böngészőjét. Már csak azért is, mert a közel 30%-os részesedés növekedés okait kutatva azt látszik, a leggyakoribb mobiltelefon, amivel a Plastik.hu oldalait nézegetik, az Android táborból kerül ki (43%). Jelentősnek mondható még az iOS eszközökön futtatott Opera böngésző által generált forgalom (18%), de ne feledkezzünk meg a Nokiás Symbian és Java MIDP készülékekről sem. (37%)

HTML5 gaming

Sok izgalmas bejelentést tettettek a héten a Google fejlesztői konferenciáján, mégis, egy kis, független fejlesztő munkáját emelném ki, aki a számomra szintén kedves témában, a (mobil) játékok területén mutatott fel előremutatót. Noha egy-két mobil böngészős játék írásában volt már szerencsém közreműködni, azért nálam is a natív platformok "hazai pályája" a játékfejlesztés. Persze van olyan műfaj, ami gond nélkül adaptálható mobil web-es környezetre, de ezek gyakran "retró" hatásúak vagy csak simán elmaradnak látványban, interakciós lehetőségekben natív társaikhoz képest. Ez utóbbira hozott jó ellenpéldát a gameclosure csapata, akik HTML5-ben álmodták meg "tower defense" játékukat. Nem csak, hogy nem körökre osztott, fix táblán zajló stratégiai játék, de akár több játékossal egyszerre megosztható, un. real-time stratégia! Érdemes a csapat blogját is követni, mert be-bepillanthatunk egy-két technológiai döntésükbe vagy akár ötleteket meríthetünk a sokféle képernyőméret egységes kezelésére. A mobil webbel megúszhatunk "platform fragmentációs" problémákat (persze a platformok lehetőségeinek csak egy szűk, de közös halmazát használva), de a garantált felbontásbeli és orientációs eltérések mindig ott lesznek, akár játékot, akár csak egy portált, web oldalt készítünk.

Régi példa, de érdemes megnézni a Google mobilos kép keresőjét is. (asztali böngészőben a legbutább mobil kimenetet kapjuk) Az iPhone verzió megtévesztésig natív élményt nyújt, köszönhetően a "touch gesture"-ök támogatásának. Érdekes módon Androidon jobbra-balra gomb "kattintásával" lehet csak a teljes képernyős képek között lapozni... Másik, már frissebb példa a twitter új HTML5 alapú felülete, ami olyan szempontból is érdekes, hogy a kiváló saját és számtalan alternatív natív mobil kliens mellett is fontosnak tartottak foglalkozni vele.

Hogyan adjuk el mobil reklámot?

Kiváló kis összefoglaló a googletől azoknak, akik mobilon hirdetnének. Meg azoknak, akik szeretik az infógrafikákat. :) És azért az is kiesik, kis hazánk azért sok területen lemaradásban van, ami persze nem baj, hanem lehetőség a fejlesztőknek, tartalom tulajdonosoknak, termék gazdáknak. Tessék ásót, kapát fogni!

plastik.hu analitika

Sikerült elültetni a bogarat Józsi Úr fülébe, lehet ott még pár mobilos felhasználó a plastik.hu olvasói között, csak keresni kell. Szerettünk volna gyorsan életjelet találni olyan mobiltelefonokról is, akik nem látszottak a plastik.hu jelenlegi Google Analytics mérésében, ezért a mobilos kimenetért felelős wordpress plugin barkácsolását elvetettük. Főleg, mert a plugin kifejezetten az érintőképernyős, iOS-Android tábort igyekszik kiszolgálni, az egyszerűbb, ill. Opera Minit használó telefonok továbbra is a full weboldalt kapják. Ezért az Apache web szerver konfig fájljában megadtuk, egy külön log-ba mentse el a beérkező kérések user-agent -jeit. Fontos, az így kapott adatok nem vethetőek össze direktben az Analytics visits / visitors mérőszámaival. Az Apache forgalmi logja és az Analytics adatainak eltéréséből pl. az kiesett, az iPhone -os plastik olvasók kicsit nagyobb átlagos forgalmat generálnak, több oldalt/fájlt töltenek le a blogról, mint az Androidos tábor. De mielőtt elmerülnénk a mobilos részletekben, megemlíteném, a plastik forgalmának 3%-át iPad-ek generálják, míg mobil készülékről érkezik a kérések kb 6.5%-a.

Plastik-overview
Ami pedig a mobil frontot illeti.. Józsinak messze igaznak bizonyult a megérzése, hogy olvasótábora az átlag feletti gépparkkal rendelkezik. Ha a forgalmi adatok arányait nem is szabad konkrétumként kezelni (hiszen egy iphone/android felhasználó visszatérő vendégként gyakoribb forgalmat generál, mint egy olyan, aki nem kap készülékére optimalizált megjelenést, netán telefonja nem vagy nehézkesen birkózik meg a teljes, eredeti web oldallal), azért azon telefonok is az "okosabb" típusba sorolhatóak, amiről csak egyetlen oldal letöltési kísérletet is találtunk. De milyen készülékek is ezek, amik eddig rejtve maradtak és akik egyébként kb. ugyanakkora forgalmat generáltak összesen, mint az Android felhasználók? Opera Mini, Windows Phone 7, Samsung (BADA OS-es + más egyszerűbb telefonjaik), BlackBerry és fehér hollónak pár SonyEricsson, Motorola, illetve Windows Mobile 6.0 készüléket találtunk. Symbiant, meg Nokia telefont általában, Opera Minivel használnak a legtöbben, kevesen vannak akik a Nokia saját böngészőjét veszik elő plastik olvasáshoz.
Plastik-mobile
(iPhone+iPod ~76%, Android ~11%, Opera Mini ~6,5%, többi nem focizik)