Finnováció 2012 - Multiscreen experience

893 views

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
893
On SlideShare
0
From Embeds
0
Number of Embeds
3
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

×