Prophets trends in Interactive Design 2012
Upcoming SlideShare
Loading in...5
×
 

Prophets trends in Interactive Design 2012

on

  • 104,408 views

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

Statistics

Views

Total Views
104,408
Views on SlideShare
78,486
Embed Views
25,922

Actions

Likes
330
Downloads
2,410
Comments
13

133 Embeds 25,922

http://www.prophets.be 7452
http://sparkideasnl.wordpress.com 3293
http://lms.esg.ipsantarem.pt 3102
http://new.prophets.be 1482
http://www.scoop.it 1029
http://digitalsynopsis.com 927
http://www.emmanuelvivier.com 851
http://visualcommunication.tistory.com 728
http://fontanel.nl 615
http://rguwebdesign.blogspot.co.uk 561
http://www.behance.net 457
http://kgdesigns.ru 439
http://dmpprgu.blogspot.co.uk 392
http://www.kgdesigns.ru 351
http://www.meukvoorleuk.nl 328
http://www.fontanel.nl 294
http://tahiwanite.wordpress.com 251
http://rguwebdesign.blogspot.com 244
http://www.bitpxl.com 243
http://lanapratt.posterous.com 223
http://digimolek.com 202
http://dimorgado.tumblr.com 182
http://www.chalifour.net 153
http://yvesfrateur.be 139
http://localhost 133
http://archief.fontanel.nl 111
http://www.persona.cr 109
http://www.linkedin.com 108
http://emmanuelvivier.posterous.com 79
http://crossthebreeze.posterous.com 78
http://eventifier.co 72
http://flavors.me 72
http://www.blitz-marketing.eu 70
http://ifattituoi.wordpress.com 65
http://yellowroz-myhomework.blogspot.com 57
http://dmpprgu.blogspot.com 56
http://serve4impact.com 52
http://www.educlic.net 51
http://connectcolleen.blogspot.com.au 51
http://www.techgig.com 47
http://themusicesmivida.blogspot.com 43
http://urbanlibas.com 35
http://rguwebdesign.blogspot.com.es 34
http://ozyurekli.flavors.me 33
http://evivier.typepad.com 33
http://www.rguwebdesign.blogspot.co.uk 32
http://us-w1.rockmelt.com 32
http://www.dmpprgu.blogspot.co.uk 32
http://prophets.be 28
http://feeds.feedburner.com 27
More...

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

110 of 13 Post a comment

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…

110 of 13

Post Comment
Edit your comment

Prophets trends in Interactive Design 2012 Prophets trends in Interactive Design 2012 Presentation Transcript

  • ID12 the 2012 trendsin interactive design
  • about mehi, my name is Petra Sellgerman designer living in Belgiumdesign director @prophetsagencyfollow me on twitter or behanceget more details on linkedin
  • links in this pres:
  • 2012 design trendsemerging trends in 2011
  • 1 emerging trends in 2011multiple device thinking
  • foodsense.is1 responsive design
  • www.flowfestival.com1 responsive design
  • 2 emerging trends in 2011 flashsteps aside
  • www.onehourpersecond.com2 campaign sites fully animated in css
  • “we will no longer continueto develop Flash Player in the browserto work with new mobile deviceconfigurations (…) for Android andBlackBerry PlayBook. ADOBE press release “
  • 3emerging trends in 2011this is not an arial
  • www.kitchensinkstudios.com3 mad about webfonts
  • dentsunetwork.com3 show off with typo text
  • 4emerging trends in 2011parallaxed
  • www.editsquarterly.com4 parallax goes mainstream
  • www.janploch.de4 no words – just scroll
  • www.soul-reaper.com4 html5 comic
  • 5 emerging trends in 2011infographics
  • www.good.is/1005 animated infographics are the new infographics
  • slaveryfootprint.org5 survey goes visual
  • 6 emerging trends in 2011onepager deluxe
  • www.nest.com/living-with-nest6 scroll and discover
  • www.neotokio.it6 expandable content
  • onepagelove.com6 one page lover gallery
  • 2012 design trendsway to go in 2012
  • 1 way to go in 2012 content is king,users are queens
  • “ Designers are no longer designing for the device, they are designing for the experience. “ COURTNEY BOYD MYERS, Features Editor of the next web
  • 1 editorial design experience on ipad
  • 1 instapaper: read later (+ remove the clutter)
  • vimeo.com/361406361 couch mode
  • livetour.mas.be1 couch mode 2 (live tour through a museum)
  • 2way to go in 2012 lessis more
  • path.com2 only the essence
  • www.hanzell.com/winemaking.html2 hugh emotional headers (and arrow links to content)
  • 3 way to go in 2012apps redefining the web
  • www.icloud.com3 apps inspire the web
  • 4 way to go in 2012useful, custom and pretty
  • littlebigdetails.com/post/14671757055/path-when-signing-up-as-a-new-member-the-iphone4 registration as convenient as possible
  • 4 form informs function
  • www.smashingmagazine.com/2011/10/07/16-pixels-body-copy-anything-less-costly-mistake4 make online reading more convenient
  • contrastrebellion.com4 not just good-looking
  • “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 “
  • fab.com4 design sells more than ever
  • tattly.com4 upgrade your body as design object
  • www.thrivesolo.com3 prettify administration
  • 5 way to go in 2012 even googlerealizes that
  • 5 no more function over form (even google got it)
  • “you can’t just be geekyanymore, you have to bebeautiful too. “ BRAD MCCARTY, Managing Editor the next web
  • www.googlezeitgeist.com/en/top-searches/adele5 google zeitgeist
  • mail.google.com/mail/?shva=1#compose5 UI experience x 2000
  • 6 way to go in 2012bookmarking gets visual
  • pinterest.com6 is ‘pin it’ the new ‘like it’?
  • gimmebar.com6 inspiration library
  • 2012 design trendstechnological progress
  • 1technological progressanimate
  • beta.rallyinteractive.com1 funky css3 shapes and animations
  • nizoapp.com1 css animation
  • www.360langstrasse.sf.tv/page1 scroll innovation
  • lamoulade.com/#!/services1 parallax pearle
  • discover.store.sony.com/tablet/1 no flash - all html
  • 2 technological progress flash isthe new niche
  • solutionsthatmatter.van.fedex.com/full.php#/healthcare/2 and sometimes flash is just right
  • experience.mtvnhd.com2 webcam integration & video
  • 3technological progress challengethe site flow
  • www.nikesnowboarding.com/products3 innovative navigation
  • www.crateandbarrel.com/dining-and-entertaining/individual-bowls/gemma-wave-bowl/s5441353 functional navigation
  • 4 technological progress custom fontsare mainstream
  • mahifx.com4 minimalism: typo meets color meets animation
  • ie.microsoft.com/testdrive/Graphics/opentype/opentype-fontbureau/index.html#small-caps4 webfont is approaching the finesse of a printfont
  • 5technological progressweb GL
  • www.ro.me/film5 web GL experiments
  • www.adidas.com/football/uk/pages/f505 web GL commercial use
  • 6technological progress APImash ups
  • ink361.com/#/popular6 instagram, my favourite app
  • bergcloud.com/littleprinter/#!prettyPhoto6 daily dosis best of social goes offline
  • 7 technological progress responsiveweb design 2.0
  • www.bostonglobe.com7 mastering responsive design
  • “Simply using responsive design tomake full site accessible on mobiledevices results in substandard UX. JAkOB NIELSEN, UI expert “
  • “associate devices with purpose:I want to check (mobile),I want to manage (desktop),I want to immerse (tablet). “ WhITNEY hESS, UX Designer
  • 7 RESS: Responsive Design + Server Side Components
  • 2012 design trendsso what you really need to do
  • 1 what you really need to do Acknowledge and embraceunpredictability
  • wave.google.com1 trial & error
  • betali.st2 beta testing (the geeks in us love it)
  • www.kickstarter.com1 fund design projects
  • 2what you really need to doprocess mix
  • boooig yessssss!2 rethink the workflow
  • “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 “
  • www.wunderkit.com2 beta multitask
  • 3 what you really need to do Useyour instinct
  • “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
  • www.heringberlin.com3 capture the soul of the product
  • 3 read about it
  • “ “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
  • www.facebook.com/about/timeline3 customized information
  • www.fastcodesign.com/1665414/designers-behind-facebook-timeline-5-lessons-for-creating-a-ui-with-soul3 felton talks about FB timeline
  • “This year designers havea chance to actively nudgethe world in any directionthey like. CAMERON kOCzON, gimmebar “
  • www.alistapart.com/articles/an-important-time-for-design3 a must-read
  • “keep looking, don’t settle. STEVE JOBS “
  • 2012 design trendsthe future is beautiful
  • designers.mx/#/mixes/listen/enjoy-the-crisis1 enjoy!
  • 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
  • nice to meet you! Petra Selldesign director at prophets.be @volpelino