[HR] Interakcije 101

Edec1d92a12c318ecfe087532c84be24?s=47 Tin Kadoic
November 05, 2012

[HR] Interakcije 101

Uvod u dizajn interakcije kroz tri točke: dizajn kao alat, dizajn kao inspiracija i dizajn kao način razmišljanja.

"Prazni" slideovi prikazuju video materijale.

Edec1d92a12c318ecfe087532c84be24?s=128

Tin Kadoic

November 05, 2012
Tweet

Transcript

  1. Uvod u oblikovanje interaktivnih medija i korisničkih iskustava Tin Kadoić

    FER 05.11.2012. Interakcije 101
  2. 1 @tinkadoic

  3. ljeto 85’

  4. LEGO h p://www.flickr.com/photos/kwl/3497587443/

  5. Turbo Pascal 7.0 h p://www.flickr.com/photos/66011859@N04/7013119175/

  6. prvi posao

  7. MIOC FER Studij dizajna Brlog MCWC Parsons school of Design

    Danas
  8. MIOC FER Studij dizajna Brlog MCWC Parsons school of Design

    Danas
  9. MIOC FER Studij dizajna Brlog MCWC Parsons school of Design

    Danas
  10. MIOC FER Studij dizajna Brlog MCWC Parsons school of Design

    Danas
  11. MIOC FER Studij dizajna Brlog MCWC Parsons school of Design

    Danas
  12. MIOC FER Studij dizajna Brlog MCWC Parsons school of Design

    Danas
  13. MIOC FER Studij dizajna Brlog MCWC Parsons school of Design

    Danas
  14. MIOC FER Studij dizajna Brlog MCWC Parsons school of Design

    Danas
  15. što sam naučio

  16. Dizajn je strast, a ne profesija Andy Rutledge, Design professionalism

  17. Stvari nisu uvijek onakve kakvima se čine

  18. Uvijek budite prisutni online

  19. 2 interaction design

  20. 1980-tih Moggridge i Verplank, prvi puta koriste termin interaction design,

    tj. IxD
  21. termin se referira na proizvode industrijskog dizajna koji sadrže so

    ware
  22. — 1990 Royal College of Art — 2001 Institut IVREA

    — 2007 CIID
  23. Danas se predaje diljem svijeta — Zagreb, Studij Dizajna —

    Split, UMAS
  24. About Face 3 — The essentials of Interaction Design

  25. Forma vizualne komunikacije industrijsko oblikovanje About Face 3 — The

    essentials of Interaction Design
  26. Forma vizualne komunikacije industrijsko oblikovanje Sadržaj informacijski arhitekti copywriteri animatori

    dizajneri zvuka About Face 3 — The essentials of Interaction Design
  27. Forma vizualne komunikacije industrijsko oblikovanje Sadržaj Ponašanje informacijski arhitekti copywriteri

    animatori dizajneri zvuka Dizajneri interakcija About Face 3 — The essentials of Interaction Design
  28. the guiding principle of interactive media is not narrative —

    it is behaviour Khoi Vinh
  29. About Face 3 — The essentials of Interaction Design

  30. About Face 3 — The essentials of Interaction Design Build

    / Test Programeri Proizvod Korisnici
  31. About Face 3 — The essentials of Interaction Design Build

    / Test Programeri Proizvod Korisnici ...
  32. About Face 3 — The essentials of Interaction Design Build

    / Test Programeri Proizvod Korisnici ... Iniciraju Menadžeri Dizajn Dizajneri Build Programeri Test QA Proizvod Korisnici
  33. 3 dizajn kao alat

  34. Web — ORYX Grupa, Brlog — USA Today, FI —

    HTZ, SD
  35. ORYX Grupa h p://www.oryx-grupa.hr 2011. Rebranding AMC-a ORYX Slobodno se

    zabavi
  36. ORYX Grupa — Zatečeno stanje h p://www.oryx-grupa.hr

  37. ORYX Grupa — IA h p://www.oryx-grupa.hr ORYX-GRUPA.HR + + +

    ORYX FB ORYX TW ORYX YT ORYX FL ASIS TW AŠ FB ASISTENCIJA RENT A CAR AUTOŠKOLA CENTAR ZA S V OSIGURANJE STANICA ZA TP DIGITALNI EKOSUSTAV 2011 ©BRLOG MAGAZIN 1 PRESS KUTAK 2 O NAMA 4 USLUGE 3 KONTAKT 5 USLUGE 1 FLOTA 2 POSLOVNICE 3 PRAVILA / PODRŠKA 4 TURISTIČKE INFO 5 O NAMA 6 KONTAKT 7 PREDNOSTI 1 CIJENE 3 ONLINE AŠ 4 USLUGE 2 TRENING 1 PO VOZILU .1 PRISTUP .1 VOZILA .2 NAJAM VOZILA .1 TRANSFER .2 Lease 4 bizz .3 CARGO .4 INOZEMSTVO .7 LIMO .6 DODATNA OP .8 AKTUALNO .9 USLUGE .1 UVOD .0 UČLANI SE .5 KATEGORIJE .1 TAGOVI .2 O NAMA .1 GRUPACIJA .2 KARIJERA .3 PAKETI .2 UŠTEDA .4 CIJENE .3 USLUGE .1 UVOD .0 UČLANI SE .5 PAKETI .2 UŠTEDA .4 CIJENE .3 TWITTER FEED .1 HAC VIJESTI .2 KAMERE .3 VRIJEME .4 KORISNO .5 MAPA .1 ZA TURISTE .2 STANJE U P .3 UVJETI KORIŠ .1 FAQ .2 FEEDBACK .3 ZAPOSLENICI .3 PRAĆENJE .1 ISPITI .2 UPIS .3 NOVI VOZAČI .1 POSTOJEĆI V .2 KORPORATIVNE .3 DODANA VRIJ .4 GDJE SMO .5 OSOBA .1 IMOVINE .2 VOZILA .3 TRANSPORTA .4 ODGOVOR. .5 ALLIANZ .1 CO .2 EUROHERC .3 PO TIPU .2 ŠTO NUDIMO .1 REF. LISTA .2 EVENTI 2 CIJENE 3 O NAMA 4 KONTAKT 5 OSIGURANJE 2 KALKULATOR 1 PARTNERI 3 FAQ 4 OSIGURANJE 2 PRIPREMA 3 KALKULATOR 1 GDJE SMO 4 O NAMA 5 KONTAKT 6 ZABAVA 5 O NAMA 6 KONTAKT 7 O NAMA 5 KONTAKT 6 ČLANSTVO 1 POMOĆ NA CESTI 2 POMOĆ NA MORU 3 KARTA 4 STANJE U PROMETU 5 O NAMA 6 KONTAKT 7 KORISNICI ? - MOTOCIKLI - OSOBNI I KOMBIJI - KAMIJONI I AUTOBUSI * GENERALNO ŠTO JE OSIGURANJE + ODABIR TIPOVA OSIGURANJA - TSV - EKO DRIVE - POSEBNI TRENINZI * PAMETAN WIZARD KALKULATOR SVIH CIJENA * PAMETAN WIZARD ZA ODABIR VRSTE I PAKETA ASISTENCIJE. DOLAZIMO DO SADRŽAJA IZ KATEGORIJE 2 ILI 3 * SVI ČLANCI SE KROZ TAGIRANJE I POVEZANE USLUGE PRIKAZUJU NA SVIM SESTRINJSKIM PORTALIMA NOVOSTI VEZANE UZ ORYX GRUPU I PRESS OBJAVE * SVI ČLANCI SE KROZ TAGIRANJE I POVEZANE USLUGE PRIKAZUJU NA SVIM SESTRINJSKIM PORTALIMA * INTERAKTIVNA LISTA SVIH REFERENCI SA GALERIJAMA KOD NEKIH DOGAĐAJA * USPOREDNE CIJENE SVIH TRENINGA ZA VOŽNJU
  38. ORYX Grupa — WF h p://www.oryx-grupa.hr oryx branding oryx grupa

    / asistencija / rentacar / autoškola / centarsv / osiguranje / stanica tp magazin - press kutak - usluge - o nama - kontakt search (+autocomplete) social button fotografija ili piktogram izdvojeni clanak / fotografija nekoliko izdvojenih clanaka - 1 - 2- 3 kategorija naziv clanka usluge najviše / zadnje komentirane link na detaljno stanje prognoza live zadnje stanje na cesti (ili zadnji tweet) izdvojena usluga saznaj više karta kratki uvod (”lead”) kratki uvod (”lead”) saznaj više broj komentara ikone za vezane usluge 1 tema naslov naše usluge novi vozači postojeći korporativno jednom traffic info hr
  39. ORYX Grupa h p://www.oryx-grupa.hr

  40. ORYX Grupa h p://www.oryx-grupa.hr

  41. ORYX Grupa h p://www.oryx-grupa.hr

  42. ORYX Grupa h p://www.oryx-grupa.hr

  43. ORYX Grupa h p://www.oryx-grupa.hr

  44. ORYX Grupa h p://www.oryx-grupa.hr

  45. ORYX Grupa h p://www.oryx-grupa.hr

  46. ORYX Grupa h p://www.oryx-grupa.hr

  47. ORYX Grupa h p://www.oryx-grupa.hr

  48. USA Today h p://www.usatoday.com

  49. USA Today h p://www.usatoday.com

  50. USA Today h p://www.usatoday.com

  51. USA Today h p://www.usatoday.com

  52. Hrvatska Turistička zajednica, Sandro Dujmenović

  53. Hrvatska Turistička zajednica, Sandro Dujmenović

  54. Hrvatska Turistička zajednica, Sandro Dujmenović

  55. Hrvatska Turistička zajednica, Sandro Dujmenović

  56. Web aplikacija — Honey™, Brlog — Basecamp, 37Signals

  57. Honey™ -

  58. Basecamp h p://www.basecamp.com

  59. Basecamp h p://www.basecamp.com

  60. Basecamp h p://www.basecamp.com

  61. Mobilna aplikacija — wasHere, Brlog — Clear, Realmac — Kaminata,

    SD
  62. wasHere h p://washere.brlog.biz

  63. Clear h p://www.realmacso ware.com/clear/

  64. Clear h p://www.realmacso ware.com/clear/

  65. Kaminata, Iva Hrvatin

  66. Kaminata, Iva Hrvatin

  67. Web gaming — Studena, Brlog — Axon, Preloaded

  68. Studena te vodi u London h p://brlog.biz/studena-case-study

  69. Studena te vodi u London h p://brlog.biz/studena-case-study

  70. Axon

  71. Axon

  72. Prostorna instalacija — B&Ž izložba, Brlog — Walk the light,

    Cinimod
  73. B&Ž izložba h p://www.izlozba.biz

  74. B&Ž izložba h p://www.izlozba.biz

  75. Walk The Light h p://cinimodstudio.com/project/walk-the-light-at-the-va/

  76. Walk The Light h p://cinimodstudio.com/project/walk-the-light-at-the-va/

  77. 4 dizajn kao inspiracija

  78. nove metode otvaraju mogućnost za nove ideje

  79. Kickstarter h p://www.kickstarter.com

  80. Studio Neat

  81. Studio Neat

  82. Makey Makey

  83. Makey Makey

  84. inspiracija u dizajnu kao benchmark za dobre stranice

  85. Styleboost h p://styleboost.com

  86. dimenzija vremena, tj. kako se digitalni proizvod koristi

  87. Hoverstat.es h p://hoverstat.es

  88. Hoverstat.es h p://hoverstat.es

  89. mobilne aplikacije mogu biti dobro oblikovanje

  90. Android niceties h p://androidniceties.tumblr.com

  91. 5 dizajn kao način razmišljanja

  92. zašto stvaratelji moraju razmišljati poput računala?

  93. Creators need to be able to see what they are

    doing. Bret Victor
  94. Scrubbing calculator vs 60 + 140 + (8 x 20)

    + (9 x y) = 768 h p://worrydream.com/ScrubbingCalculator
  95. Scrubbing calculator vs 60 + 140 + (8 x 20)

    + (9 x y) = 768 h p://worrydream.com/ScrubbingCalculator
  96. Dynamic pictures h p://worrydream.com/DynamicPicturesMotivation/

  97. Dynamic pictures h p://worrydream.com/DynamicPicturesMotivation/

  98. kako fokusom i redukcijom dolazimo do novih pristupa i proizvoda

  99. ... it is simplicity that is difficult to make. Bertholdt

    Brecht
  100. IA writer h p://www.iawriter.com

  101. IA writer h p://www.iawriter.com

  102. NYT h p://andyrutledge.com/news-redux.php

  103. NYT h p://andyrutledge.com/news-redux.php

  104. konstantna edukacija kao ključ uspjeha

  105. ALA h p://www.alistapart.com

  106. ALA h p://www.alistapart.com

  107. ALA h p://www.alistapart.com

  108. A book apart h p://www.abookapart.com

  109. ReWork h p://37signals.com/rework If given a choice between investing in

    someone who has read REWORK or has an MBA, I’m investing in REWORK every time. A must read for every entrepreneur. Mark Cuban, co-founder HDNet, owner of the Dallas Mavericks rework
  110. FFWD pro 2012 h p://2012.ffwd.pro/

  111. 6 budućnost

  112. budućnost je uzbudljiva

  113. keyword responsive

  114. Responsive layout h p://bostonglobe.com

  115. Responsive typography h p://informationarchitects.net/blog/responsive-typography/

  116. Responsive images h p://www.teehanlax.com/blog/readability-ipad-retina/

  117. keyword kinect

  118. V motion h ps://vimeo.com/45417241

  119. V motion h ps://vimeo.com/45417241

  120. keyword 3d printing

  121. Shapeways h p://shapeways.com

  122. Shapeways h p://shapeways.com

  123. keyword arduino

  124. Bakertweets, Poke London h p://bakertweets.com

  125. Bakertweets, Poke London h p://bakertweets.com

  126. Make something you love, and others will love it too.

    Simon Collins
  127. * hvala @tinkadoic h p://brlog.biz h p://studijdizajna.com