Prophets trends in Interactive Design 2012

  • 103,426 views
Uploaded on

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

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

More in: Design , Technology , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
103,426
On Slideshare
0
From Embeds
0
Number of Embeds
43

Actions

Shares
Downloads
2,424
Comments
13
Likes
330

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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