finnováció 2012 - multiscreen experience
DESCRIPTION
Tresó Károly UX designer előadása a Finnováció 2012 konferencián a számtalan új digitális eszköz megjelenése kapcsán kihívást jelentő felülettervezési feladatokról.TRANSCRIPT
Multiscreen experienceTresó Károly
Hello
Tresó KárolyUser experience designer
Multiscreen
experienceés hatásai a weboldalak
kialakítására
Rengeteg eszközön netezhetünk, fogyaszthatunk
tartalmat
„Hagyományos” telefonokon
Okostelefonokon
Hordozható médialejátszókon, játékkonzolokon
Könyvolvasókon
Táblagépeken
Számítógépeken
Egyéb képernyőkön
Ráadásul több kijelzőt is használunk egy cél
érdekében
, Ipsos, Sterling Brands
És ki tudja mit hoz a jövő…
Szabadon állítható kijelző méret?
Minden felület kijelző is lesz?
Vagy másfajta „kijelzők” lesznek?
„Google CEO Larry Page Puts Focus On
Multiscreen Experiences With
Chrome, Google+ And Advertising”
Techcrunch
Hol tartunk mi,itt Magyarországon?
Egy ügyfelünk honlapjánoktóberben…
2128 különböző kijelző
felbontással látogatták meg a honlapot
62%-a
a látogatásoknakaz 5 legnépszerűbb kijelző
felbontással történt
És ez csak a képernyő maximális felbontása.
És akik kisebb böngésző ablakban nézték a
honlapot?
571 különböző kijelző
felbontás volt mobil készülékhez köthető
Igaz, a felbontás nem a legpontosabb mérce…
Néhány pixel eltérés nem mindig jelent nagyon más
valódi méretet
Nexus Phone
1280 x 768
Sasmung Galaxy S III1280 x 720
De azonos felbontás több valódi méretet is takarhat
Nexus Phone
1280 x 768
T-Mobile G-Slate
1280 x 768
Samsung LCD monitor1280 x 768
Ezekkel együtt is, több száz különféle kijelzőről
beszélünk.
Nem hiszed?Járj utána a saját honlapod látogatói statisztikáiban!
Hogyan jelenjünk meg ilyen sokféle kijelzőn?
One Web„means making, as far as is reasonable, the same information and services
available to users irrespective of the device
they are using.”The W3C Mobile Web best practices, 2008
Sokan a kis kijelzőn kezdik
, Ipsos, Sterling Brands
Ezért nem elég a csökkentett
tartalmú „mobil oldal”
Egy minden felületet átható, rugalmas design szemléletre
van szükség
Ez lehet aResponsive Web
Design
Az RWD lényege:Az egyes tartalmak vezérlik az oldal szerkezetét, működését
Meghatározzuk az egyes tartalmak főbb megjelenéseit
Minimális megjelenés Bővebb megjelenés
A tartalmak egymáshoz való viszonyát szabályokkal
kezeljük le
http://www.kiwibank.co.nz/
A technológia viszont nem feltétlenül tisztán
responsive(1 HTML, több CSS, Media Query)
Akkor dobjuk ki a meglévő portált és kezdjük elölről?
Nem feltétlenül.Inkább több lépésben
haladjunk.
Először legyen
érintőkijelző- barát a
honlapunk
Ezután a honlap jellegétől függően két irányba indulhatunk tovább
Vagy egyes oldalakat alakítunk át RWD
szemléletben
http://www.kiwibank.co.nz/
Vagy csak néhány kijelzőre koncentrálunk pl. kis
kijelzők
Bármelyik irányt választjuk, legjobb ha több lépcsőben, folyamatosan
építkezünk