Finnováció 2012 - Multiscreen experience

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

Köszönöm a figyelmet!

Tresó Károly

treso.karoly@kirowskiisobar.com