Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

UX Design: Trendy 2013-2014. Animacja i interakcja

11 308 vues

Publié le

Publié dans : Design
  • Sex in your area is here: ♥♥♥ http://bit.ly/2F7hN3u ♥♥♥
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • Dating direct: ❤❤❤ http://bit.ly/2F7hN3u ❤❤❤
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici

UX Design: Trendy 2013-2014. Animacja i interakcja

  1. 1. TRENDY 2013-2014 Animacja / Interakcja Marek Kasperski, ThinkLab
  2. 2. PRZYGOTOWANIA TRENDY 2013-2014. Animacja / Interakcja
  3. 3. html5-showcase.com 840 designmodo.com 500+ cssawards.net 420 awwwards.com 150+ csswinner.com 100+ thefwa.com 100+ cssdesignawards.com 100+ 2 210+
  4. 4. 100+
  5. 5. PODSTAWY TEORETYCZNE TRENDY 2013-2014. Animacja / Interakcja
  6. 6. Czas odpowiedzi… • poniżej 2 sekund – pożądany, sytuacja naturalna • 2-4 s, utrudniający pracę w przypadku czynności wymagających skupienia • 4+ sekundy – sprzyjający powstawaniu frustracji • 15+ sekund – uniemożliwiający płynną pracę Generalnie: czasy ładowania stron WWW do 7 sekund dopuszczalne; w okolicach 10 sekund pojawia się rozproszenie i zdenerwowanie użytkownika. • Rozwiązania: • Progress bar (pasek postępu) • Asynchronous progress indicator to wskaźnik postępu pracujący w tle, najczęściej przypominający kształtem jakiś kręciołek Po pierwsze: Funkcjonalność
  7. 7. Po drugie: Interakcja ma być przyjemna/zabawna* http://www.alessioatzeni.com/blog/mac-os-x-lion-with-css3/
  8. 8. * Ale nie kosztem Funkcjonalności ARTYKUŁ: http://azumbrunnen.me/blog/gangnam-design-vs-lasting-design/
  9. 9. http://dangelicoguitars.com
  10. 10. http://wildbluetech.com
  11. 11. http://daftpunk.themaninblue.com
  12. 12. ŁADOWNIE STRON TRENDY 2013-2014. Animacja / Interakcja
  13. 13. http://www.pipoldesenzano.com/en/
  14. 14. http://www.talentgarden.it/en/#!/home
  15. 15. http://portraits.aol.com
  16. 16. http://www.10ways.eu
  17. 17. http://1minus1.com/develop
  18. 18. http://yosoygil.com
  19. 19. http://www.swis.nl
  20. 20. http://www.google.com/insidesearch/howsearchworks/thestory/
  21. 21. http://sanchezromerocarvajal.com
  22. 22. http://marcorosella.com
  23. 23. http://tour.kathart.dk
  24. 24. http://adayinbigdata.com
  25. 25. http://www.boffard.com/#/home
  26. 26. http://lifestylefederation.com
  27. 27. http://www.athenos.com
  28. 28. http://www.kiubi.com
  29. 29. -
  30. 30. http://futureofcarsharing.com
  31. 31. http://www.freeger.com/projects/contextad/
  32. 32. http://hotdot.pro/en/
  33. 33. http://boy-coy.com/#home
  34. 34. http://enjoy-aiia.com
  35. 35. http://smartphood.it/index-en.html
  36. 36. http://www.agi-architects.com/#home
  37. 37. http://www.toyota.com/camryeffect/
  38. 38. MENU I LOGO Animacja i interakcja
  39. 39. http://jacobjoins.com
  40. 40. http://www.unheap.com/section/user-interface/
  41. 41. http://www.awakenings.nl
  42. 42. http://engageinteractive.co.uk/blog/the-big-move...-leeds-here-we-come
  43. 43. http://www.wise-digital.com
  44. 44. http://www.mustasj.no
  45. 45. http://thecreativeinstitute.ie/public-speaking-team-development-about-us
  46. 46. SLIDER TRENDY 2013-2014. Animacja / Interakcja
  47. 47. http://www.sequence.co.uk/case-studies/the-muppets
  48. 48. http://sosweetcreative.com
  49. 49. http://www.3magine.com
  50. 50. http://www.phive.org/#idmodalidade=5
  51. 51. http://uk.rimmellondon.com
  52. 52. http://www.comicsetc.com.au
  53. 53. http://www.parc-amazonien-guyane.fr/territoires-a-decouvrir/les-sentiers-de-saul/
  54. 54. WYSZUKIWARKA TRENDY 2013-2014. Animacja / Interakcja
  55. 55. http://wob.io/#/
  56. 56. http://qpoit.com/marcofolio_demo/apple_search/
  57. 57. DYMKI (TOOLTIPS) TRENDY 2013-2014. Animacja / Interakcja
  58. 58. http://projects.nickstakenburg.com/tipped
  59. 59. FILTROWANIE TRENDY 2013-2014. Animacja / Interakcja
  60. 60. http://standingby.co
  61. 61. http://teefouad.com/themes/truestory/portfolio-classic-4-w-filter.html
  62. 62. http://www.castirondesign.com/work/
  63. 63. http://www.bigr.it
  64. 64. http://felixplus.com/demo/mediastar/html/skins/light/blog-v1.html
  65. 65. ZDJĘCIA TRENDY 2013-2014. Animacja / Interakcja
  66. 66. http://www.brooklyngin.com/cocktails/
  67. 67. http://steeleimage.com
  68. 68. http://www.byhook.com/work
  69. 69. http://www.usatoday.com
  70. 70. http://lainvencionconcreta.org/en/tour/222/
  71. 71. http://www.vancleefarpels.com/ww/en/
  72. 72. http://escapeflight.com
  73. 73. http://coffeesurfing.illy.com/wps/wcm/connect/cs_en/home#/home/
  74. 74. http://jackietrananh.com
  75. 75. http://aarkcollective.com/products
  76. 76. http://tympanus.net/Tutorials/CaptionHoverEffects/
  77. 77. http://www.liftinteractive.com
  78. 78. http://www.amazon.com/dp/0756655307/
  79. 79. http://www.uzik.com/LouvreIslamicArts/
  80. 80. -
  81. 81. http://weareeli.dk
  82. 82. http://www.usatoday.com/big-page/
  83. 83. INFORGRAFIKI TRENDY 2013-2014. Animacja / Interakcja
  84. 84. http://www.snowbird.com/mountain-report/
  85. 85. http://sergiopedercini.com
  86. 86. http://www.anniwang.com
  87. 87. http://www.rateus.com.au
  88. 88. http://vasonanetworks.com/#/home
  89. 89. -
  90. 90. http://www.evoenergy.co.uk/uk-energy-guide/
  91. 91. http://www.jana-water.com/en/about-jana
  92. 92. http://creative9.com
  93. 93. http://graphicnovel-hybrid4.peugeot.com/start.html
  94. 94. WIZUALIZACJA DANYCH TRENDY 2013-2014. Animacja / Interakcja
  95. 95. http://www.wired.co.uk/mind/#/
  96. 96. -
  97. 97. http://cinema-series.orange.fr/evenement/universeries/en/
  98. 98. http://www.officialwaynerooney.com/profile
  99. 99. http://sonicomit.com
  100. 100. http://www.loisjeans.com/web2012/es
  101. 101. http://sidigital.co/team
  102. 102. http://digitalbakery.org/#points
  103. 103. http://thespace.org/items/s00007p8
  104. 104. http://vlog.it
  105. 105. http://tweetping.net
  106. 106. http://aworldoftweets.frogdesign.com/
  107. 107. http://austinmusicmap.com
  108. 108. http://libd.org
  109. 109. http://www.music-map.com
  110. 110. http://9elements.com/io/projects/html5/canvas/
  111. 111. http://evolutionofweb.appspot.com
  112. 112. http://fff.cmiscm.com/#!/main
  113. 113. STRONY TRENDY 2013-2014. Animacja / Interakcja
  114. 114. http://intothearctic.gp/en/
  115. 115. http://www.snowbird.com
  116. 116. http://www.chateauminuty.com
  117. 117. http://rallyinteractive.com
  118. 118. http://www.beoplay.com/Products/BeoplayV1
  119. 119. http://panasonic.jp/shaver/lamdash/dna/
  120. 120. http://www.aclamguitars.cat/en/floating-guitar#top
  121. 121. http://www.vacheron-constantin.com/en/metiers-d-art-florilege
  122. 122. http://indicius.com
  123. 123. http://www.voxelair.com
  124. 124. http://www.trinitywebtech.com/#portfolio
  125. 125. http://www.czk.fr
  126. 126. http://www.funkhaus.us
  127. 127.  Marek Kasperski ThinkLab.pl

×