Prophets trends in Interactive Design 2012

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

http://www.prophets.be	4753
http://lms.esg.ipsantarem.pt	2628
http://www.emmanuelvivier.com	825
http://www.scoop.it	685
http://visualcommunication.tistory.com	668
http://rguwebdesign.blogspot.co.uk	528
http://fontanel.nl	515
http://sparkideasnl.wordpress.com	512
http://dmpprgu.blogspot.co.uk	336
http://www.meukvoorleuk.nl	281
http://rguwebdesign.blogspot.com	230
http://www.fontanel.nl	220
http://digimolek.com	181
http://www.behance.net	180
http://kgdesigns.ru	173
http://dimorgado.tumblr.com	124
http://yvesfrateur.be	120
http://www.bitpxl.com	116
http://lanapratt.posterous.com	83
http://emmanuelvivier.posterous.com	79
http://www.chalifour.net	76
http://crossthebreeze.posterous.com	73
http://www.linkedin.com	69
http://ifattituoi.wordpress.com	64
http://tahiwanite.wordpress.com	55
http://serve4impact.com	52
http://themusicesmivida.blogspot.com	43
http://dmpprgu.blogspot.com	42
http://us-w1.rockmelt.com	32
http://www.dmpprgu.blogspot.co.uk	31
http://rguwebdesign.blogspot.com.es	31
http://evivier.typepad.com	30
http://www.techgig.com	28
http://www.rguwebdesign.blogspot.co.uk	28
http://www.blitz-marketing.eu	21
http://www.rguwebdesign.blogspot.com	21
http://feeds.feedburner.com	19
http://tahiwanite.tumblr.com	17
http://connectcolleen.blogspot.com.au	16
http://acastrillon.posterous.com	13
http://vuurrood.posterous.com	13
http://cafe.naver.com	10
http://prophets.be	9
http://jonasmk.posterous.com	8
http://gorseldusunce.blogspot.com	8
http://safe.tumblr.com	8
http://www.twylah.com	8
http://www.tumblr.com	7
http://janbikkembergs.posterous.com	6
http://moodle.sookmyung.ac.kr	6
http://mohamed-0826.csez.zohocorpin.com	6
http://translate.googleusercontent.com	4
http://www.blogger.com	4
http://iab.cardumendev.cl	4
http://fr.flavors.me	4
http://posterous.com	4
http://paper.li	3
http://flavors.me	3
http://projects.prophets.be	3
http://connectcolleen.blogspot.com	2
http://tweetedtimes.com	2
http://www.lvdh.fr	2
http://www.startupcareer.de	2
http://rguwebdesign.blogspot.ca	1
http://www.kgdesigns.ru	1
http://dmpprgu.blogspot.ca	1
http://www.kementira.blogspot.com	1
http://www.yelimhong.com	1
http://twitter.com	1
http://www.prophets.be&_=1330630382114 HTTP	1
http://www.dmpprgu.blogspot.com	1
https://twitter.com	1
http://webcache.googleusercontent.com	1
http://fiddle.jshell.net	1
http://visualcommunication.tistory.com&_=1332830641528 HTTP	1
http://visualcommunication.tistory.com&_=1332830765653 HTTP	1
http://visualcommunication.tistory.com&_=1332830838247 HTTP	1
http://rguwebdesign.blogspot.in	1

Prophets trends in Interactive Design 2012

by Prophets Agency on Feb 13, 2012

Accessibility

Categories

Tags

Upload Details

Usage Rights

78 Embeds 14,139

Statistics

Prophets trends in Interactive Design 2012 — Presentation Transcript