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