Prophets trends in Interactive Design 2012

117,301 views
115,191 views

Published on

Prophets presents the 2012 trends in interactive design on http://www.prophets.be/DesignTrends

Our vision of where interactive design is going in the near future and how to respond to it. An inspiring presentation filled with real life examples of top-advertisers with a vision.

More info on www.prophets.be/DesignTrends

Published in: Design, Technology, Business
13 Comments
331 Likes
Statistics
Notes
No Downloads
Views
Total views
117,301
On SlideShare
0
From Embeds
0
Number of Embeds
26,461
Actions
Shares
0
Downloads
2,441
Comments
13
Likes
331
Embeds 0
No embeds

No notes for slide

Prophets trends in Interactive Design 2012

  1. ID12 the 2012 trendsin interactive design
  2. about mehi, my name is Petra Sellgerman designer living in Belgiumdesign director @prophetsagencyfollow me on twitter or behanceget more details on linkedin
  3. links in this pres:
  4. 2012 design trendsemerging trends in 2011
  5. 1 emerging trends in 2011multiple device thinking
  6. foodsense.is1 responsive design
  7. www.flowfestival.com1 responsive design
  8. 2 emerging trends in 2011 flashsteps aside
  9. www.onehourpersecond.com2 campaign sites fully animated in css
  10. “we will no longer continueto develop Flash Player in the browserto work with new mobile deviceconfigurations (…) for Android andBlackBerry PlayBook. ADOBE press release “
  11. 3emerging trends in 2011this is not an arial
  12. www.kitchensinkstudios.com3 mad about webfonts
  13. dentsunetwork.com3 show off with typo text
  14. 4emerging trends in 2011parallaxed
  15. www.editsquarterly.com4 parallax goes mainstream
  16. www.janploch.de4 no words – just scroll
  17. www.soul-reaper.com4 html5 comic
  18. 5 emerging trends in 2011infographics
  19. www.good.is/1005 animated infographics are the new infographics
  20. slaveryfootprint.org5 survey goes visual
  21. 6 emerging trends in 2011onepager deluxe
  22. www.nest.com/living-with-nest6 scroll and discover
  23. www.neotokio.it6 expandable content
  24. onepagelove.com6 one page lover gallery
  25. 2012 design trendsway to go in 2012
  26. 1 way to go in 2012 content is king,users are queens
  27. “ Designers are no longer designing for the device, they are designing for the experience. “ COURTNEY BOYD MYERS, Features Editor of the next web
  28. 1 editorial design experience on ipad
  29. 1 instapaper: read later (+ remove the clutter)
  30. vimeo.com/361406361 couch mode
  31. livetour.mas.be1 couch mode 2 (live tour through a museum)
  32. 2way to go in 2012 lessis more
  33. path.com2 only the essence
  34. www.hanzell.com/winemaking.html2 hugh emotional headers (and arrow links to content)
  35. 3 way to go in 2012apps redefining the web
  36. www.icloud.com3 apps inspire the web
  37. 4 way to go in 2012useful, custom and pretty
  38. littlebigdetails.com/post/14671757055/path-when-signing-up-as-a-new-member-the-iphone4 registration as convenient as possible
  39. 4 form informs function
  40. www.smashingmagazine.com/2011/10/07/16-pixels-body-copy-anything-less-costly-mistake4 make online reading more convenient
  41. contrastrebellion.com4 not just good-looking
  42. “With more companies and startupsplacing high importance on design andusability the web will only continue toget better and more user-friendly. RYAN ESSMAkER, design entrepreneur “
  43. fab.com4 design sells more than ever
  44. tattly.com4 upgrade your body as design object
  45. www.thrivesolo.com3 prettify administration
  46. 5 way to go in 2012 even googlerealizes that
  47. 5 no more function over form (even google got it)
  48. “you can’t just be geekyanymore, you have to bebeautiful too. “ BRAD MCCARTY, Managing Editor the next web
  49. www.googlezeitgeist.com/en/top-searches/adele5 google zeitgeist
  50. mail.google.com/mail/?shva=1#compose5 UI experience x 2000
  51. 6 way to go in 2012bookmarking gets visual
  52. pinterest.com6 is ‘pin it’ the new ‘like it’?
  53. gimmebar.com6 inspiration library
  54. 2012 design trendstechnological progress
  55. 1technological progressanimate
  56. beta.rallyinteractive.com1 funky css3 shapes and animations
  57. nizoapp.com1 css animation
  58. www.360langstrasse.sf.tv/page1 scroll innovation
  59. lamoulade.com/#!/services1 parallax pearle
  60. discover.store.sony.com/tablet/1 no flash - all html
  61. 2 technological progress flash isthe new niche
  62. solutionsthatmatter.van.fedex.com/full.php#/healthcare/2 and sometimes flash is just right
  63. experience.mtvnhd.com2 webcam integration & video
  64. 3technological progress challengethe site flow
  65. www.nikesnowboarding.com/products3 innovative navigation
  66. www.crateandbarrel.com/dining-and-entertaining/individual-bowls/gemma-wave-bowl/s5441353 functional navigation
  67. 4 technological progress custom fontsare mainstream
  68. mahifx.com4 minimalism: typo meets color meets animation
  69. ie.microsoft.com/testdrive/Graphics/opentype/opentype-fontbureau/index.html#small-caps4 webfont is approaching the finesse of a printfont
  70. 5technological progressweb GL
  71. www.ro.me/film5 web GL experiments
  72. www.adidas.com/football/uk/pages/f505 web GL commercial use
  73. 6technological progress APImash ups
  74. ink361.com/#/popular6 instagram, my favourite app
  75. bergcloud.com/littleprinter/#!prettyPhoto6 daily dosis best of social goes offline
  76. 7 technological progress responsiveweb design 2.0
  77. www.bostonglobe.com7 mastering responsive design
  78. “Simply using responsive design tomake full site accessible on mobiledevices results in substandard UX. JAkOB NIELSEN, UI expert “
  79. “associate devices with purpose:I want to check (mobile),I want to manage (desktop),I want to immerse (tablet). “ WhITNEY hESS, UX Designer
  80. 7 RESS: Responsive Design + Server Side Components
  81. 2012 design trendsso what you really need to do
  82. 1 what you really need to do Acknowledge and embraceunpredictability
  83. wave.google.com1 trial & error
  84. betali.st2 beta testing (the geeks in us love it)
  85. www.kickstarter.com1 fund design projects
  86. 2what you really need to doprocess mix
  87. boooig yessssss!2 rethink the workflow
  88. “This past year, I’ve led more working sessions,had more discussions, simplified more wire-frames, edited more collaborative Google docs,responded to more Basecamp posts, writtenmore stories, and spent less time in Photoshopand Illustrator than I ever have before. I’m abetter designer for it. DAN MALL, DD Big Spaceship “
  89. www.wunderkit.com2 beta multitask
  90. 3 what you really need to do Useyour instinct
  91. “Emotion is at the heart ofevery decision we make. …We do what feels right,we go with our gut. “ AARON WALTER, lead designer Mail Chimp
  92. www.heringberlin.com3 capture the soul of the product
  93. 3 read about it
  94. “ “users tell us so much about themselvesthrough their repeated use of ourproduct and we haven’t done enoughwork to create customized contentexperiences for them as a result of allof that intel. WhITNEY hESS, UX Designer
  95. www.facebook.com/about/timeline3 customized information
  96. www.fastcodesign.com/1665414/designers-behind-facebook-timeline-5-lessons-for-creating-a-ui-with-soul3 felton talks about FB timeline
  97. “This year designers havea chance to actively nudgethe world in any directionthey like. CAMERON kOCzON, gimmebar “
  98. www.alistapart.com/articles/an-important-time-for-design3 a must-read
  99. “keep looking, don’t settle. STEVE JOBS “
  100. 2012 design trendsthe future is beautiful
  101. designers.mx/#/mixes/listen/enjoy-the-crisis1 enjoy!
  102. read alsoThe Future of webdesignWhat I learned in 2011 and my predictions for 2012What I Learned About the Web in 2011An Important Time for DesignFuture friendly
  103. nice to meet you! Petra Selldesign director at prophets.be @volpelino

×