the 2011 trends in interactive design

ID11the 2011 trends ininteractive design

trends beyond design


content and data

1

data rules1

http://213.251.145.96/

lot of data - little design1

http://www.youtube.com


phygital world

2

online controls offline2

http://www.apple.com/itunes/remote/

integrated tomorrow2

http://www.youtube.com/watch?v=g7_mOdi3O5E&hd=1


tailor-made guide

3

trusted choice3

http://astore.amazon.com/swissmiss-20?_encoding=UTF8&node=4

intelligent web3

http://www.facebook.com/pages/prophets/269595599877


user- centric

4

everything4

User experience is everything.It always has been, but it’s still undervalued and under-invested in.If you don’t know user-centered design, study it. Hire people who know it.Obsess over it. Live and breathe it. - Evan Willems, Twitter CEO

““

http://www.90percentofeverything.com/2010/01/20/user-experience-is-everything-evan-williams-twitter-ceo/

a classic4


design without designers?4

http://www.smashingmagazine.com/2010/09/24/does-the-future-of-the-internet-have-room-for-web-designers/

thank god, no. but it’ll change.4

Most people make the mistake of thinking design is what it looks like. People think it’s this veneer — that the designers are handed this box and told, ‘Make it look good!’ That’s not what we think design is. It’s not just what it looks like and feels like. Design is how it works. - Steve Jobs

““


2011design trends

2011 design trends

enhance the user interface

1

mega dropdowns1

http://www.visitphilly.com/

mega dropdowns1

http://www.reuters.com

mega footer1

Cool, preselected items and some video content

http://www.apple.com

mega footer1

http://www.northkingdom.com/

easy-to-use forms1

http://www.dropmocks.com

easy-to-use forms1

http://www.tumblr.com

video & richmedia integration1

http://sour-mirror.jp/

rise of css3 and html51

http://www.designmadeingermany.de/magazin/5/

rise of css3 and html51

http://www.lostworldsfairs.com/

2011 design trends

embracerichness

of devices

2

olympic minimum 2

http://www.informationarchitects.jp/en/

stylish on all devices2

http://www.colly.com

different approach per device2

http://itunes.apple.com/us/app/twitter/id333903271?mt=8

paper 2.02

http://itunes.apple.com/us/app/wired-magazine/id373903654?mt=8

smartphone-only apps2

http://www.stubru.be/programmas/musicforlife/musicforlifeopjouwsmartphone

virtual is the new real2

http://www.layar.com/

2011 design trends

celebrateinfoporn

3

be a visual data journalist3

http://www.youtube.com/watch?v=pLqjQ55tz-U

interactive data filter3

http://wefeelfine.org/

no words needed 3

http://www.webwithoutwords.com

data artworks3

http://www.good.is/post/transparency-what-plastic-surgery-are-we-getting/

data artworks3

http://flowingdata.com/2010/12/09/picturing-social-order/

2011 design trends

glory intypo

paradise

4

typo as artwork4

http://www.amazeelabs.com/

custom typo as text (finally!)4

http://redzonepush.com/

custom typo as text (finally!)4

http://www.mademyday.de/

2011 design trends

re-interpret old school

design

5

based on grid5

http://www.gilt.com/manual/

hand drawn illustration5

http://thebolditalic.com/MichelleBroderVanDyke/stories/426-todays-tom-sawyer

prettify your feeds5

http://itunes.apple.com/us/app/flipboard/id358801284?mt=8

2011 design trends

tell easydigestible stories

6

clear message packed nicely6

http://www.groupon.com/

huge headers 6

http://themanyfacesof.com/

even bigger bkg images6

http://chicagolshirts.com/

vibrant colors6

http://www.re-print.me/

black on white6

http://www.goodfuckingdesignadvice.com/

2011 design trends

but mostof all

7

listen to the users7

http://www.clueapp.com/

share your knowlegde7

http://www.dribbble.com

beta!

This is the web. Fix it.- Luke Wroblewski

““

a propos …!

http://prophets.be/jobs/interactive_designer.php

to be continued…

thanks for listening.

@volpelinoprophets.bezappness.net

the 2011 trends in interactive design

Documents