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 ishaszná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 PagePuts Focus On MultiscreenExperiences With Chrome,Google+ And Advertising”                    Techcru...
Hol tartunk mi,itt Magyarországon?
Egy ügyfelünk honlapján     októberben…
2128kü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ásvolt mobil készülékhez köthető
Igaz, a felbontás nem a legpontosabb mérce…
Néhány pixel eltérés nem mindigjelent nagyon más valódi méretet       Nexus Phone   Sasmung Galaxy S III       1280 x 768 ...
De azonos felbontás több valódi      méretet is takarhatNexus Phone   T-Mobile G-Slate   Samsung LCD monitor1280 x 768    ...
Ezekkel együtt is, több százkü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 servicesavailable to users irrespective of ...
Sokan a kis kijelzőn kezdik                    , Ipsos, Sterling Brands
Ezért nem elég acsö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éseitMinimá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 nemfelté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őrekoncentrá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
Finnováció 2012 - Multiscreen experience
Finnováció 2012 - Multiscreen experience
Upcoming SlideShare
Loading in...5
×

Finnováció 2012 - Multiscreen experience

728

Published on

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.

Published in: Economy & Finance
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
728
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Finnováció 2012 - Multiscreen experience

  1. 1. Multiscreen experienceTresó Károly
  2. 2. Hello
  3. 3. Tresó KárolyUser experience designer
  4. 4. Multiscreen experienceés hatásai a weboldalak kialakítására
  5. 5. Rengeteg eszközön netezhetünk, fogyaszthatunk tartalmat
  6. 6. „Hagyományos” telefonokon
  7. 7. Okostelefonokon
  8. 8. Hordozható médialejátszókon, játékkonzolokon
  9. 9. Könyvolvasókon
  10. 10. Táblagépeken
  11. 11. Számítógépeken
  12. 12. Egyéb képernyőkön
  13. 13. Ráadásul több kijelzőt ishasználunk egy cél érdekében , Ipsos, Sterling Brands
  14. 14. És ki tudja mit hoz a jövő…
  15. 15. Szabadon állítható kijelző méret?
  16. 16. Minden felület kijelző is lesz?
  17. 17. Vagy másfajta „kijelzők” lesznek?
  18. 18. „Google CEO Larry PagePuts Focus On MultiscreenExperiences With Chrome,Google+ And Advertising” Techcrunch
  19. 19. Hol tartunk mi,itt Magyarországon?
  20. 20. Egy ügyfelünk honlapján októberben…
  21. 21. 2128különböző kijelző felbontással látogatták meg a honlapot
  22. 22. 62% -a a látogatásoknakaz 5 legnépszerűbb kijelző felbontással történt
  23. 23. És ez csak a képernyő maximális felbontása. És akik kisebb böngészőablakban nézték a honlapot?
  24. 24. 571 különböző kijelző felbontásvolt mobil készülékhez köthető
  25. 25. Igaz, a felbontás nem a legpontosabb mérce…
  26. 26. Néhány pixel eltérés nem mindigjelent nagyon más valódi méretet Nexus Phone Sasmung Galaxy S III 1280 x 768 1280 x 720
  27. 27. De azonos felbontás több valódi méretet is takarhatNexus Phone T-Mobile G-Slate Samsung LCD monitor1280 x 768 1280 x 768 1280 x 768
  28. 28. Ezekkel együtt is, több százkülönféle kijelzőről beszélünk.
  29. 29. Nem hiszed?Járj utána a saját honlapod látogatói statisztikáiban!
  30. 30. Hogyan jelenjünk meg ilyen sokféle kijelzőn?
  31. 31. One Web „means making, as far as is reasonable, the same information and servicesavailable to users irrespective of the device they are using.” The W3C Mobile Web best practices, 2008
  32. 32. Sokan a kis kijelzőn kezdik , Ipsos, Sterling Brands
  33. 33. Ezért nem elég acsökkentett tartalmú „mobil oldal”
  34. 34. Egy minden felületet átható,rugalmas design szemléletre van szükség
  35. 35. Ez lehet aResponsive Web Design
  36. 36. Az RWD lényege:Az egyes tartalmak vezérlik az oldal szerkezetét, működését
  37. 37. Meghatározzuk az egyes tartalmak főbb megjelenéseitMinimális megjelenés Bővebb megjelenés
  38. 38. A tartalmak egymáshoz valóviszonyát szabályokkal kezeljük le http://www.kiwibank.co.nz/
  39. 39. A technológia viszont nemfeltétlenül tisztán responsive (1 HTML, több CSS, Media Query)
  40. 40. Akkor dobjuk ki a meglévőportált és kezdjük elölről?
  41. 41. Nem feltétlenül.Inkább több lépésben haladjunk.
  42. 42. Először legyenérintőkijelző- barát a honlapunk
  43. 43. Ezután a honlap jellegétől függően két irányba indulhatunk tovább
  44. 44. Vagy egyes oldalakat alakítunk át RWD szemléletben http://www.kiwibank.co.nz/
  45. 45. Vagy csak néhány kijelzőrekoncentrálunk pl. kis kijelzők
  46. 46. Bármelyik irányt választjuk, legjobb ha több lépcsőben, folyamatosan építkezünk
  47. 47. Köszönöm a figyelmet! Tresó Károly treso.karoly@kirowskiisobar.com
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×