ID13 the 2013 trendsIN INTERACTIVE
DESIGN

HI!

2013 design trendsEMERGING TRENDS IN
2012

Emerging trends in 2012 NEW
DEVICESKEEP ON COMING

© Remy SharpNEW DEVICES KEEP
ON POPPING UP

CONTEXT DRIVEN DEVICE CHOICE

”IN 2013, MOBILE PHONE WILL
OVERTAKE PCSAS THE MOST COMMON WEB ACCESS DEVICEWORLDWIDE.”— GARTNER

Emerging trends in 2012 CODING
AND BROWSERSEVOLVE RAPIDLY

CSS3 INSTEAD OF HEAVY SLICING

ICON FONTS (AGAIN, NO SLICING)

WHAT ISincludes the fifth revision
of the HTML5 HTML5? HTML markup language, CSS3, and a series of JavaScript APIs. Together, these technologies enable you to create complex applications that previously could be created only for desktop platforms. — html5rocks.com

HTML5 IS THE STANDARD BY
END OF 2014

YOU CAN DO PRETTY COOL
STUFF WITH IT

STANDARDS AREN’T ADD-ONSTO THE WEB.
THEY ARE THE WEB.AND YOU CAN START USING THEMTODAY.— APPLE

Emerging trends in 2012 APPS
ARE HOT

SINCE LAUNCH APP STORE IN
2008,40 BILLION APPS ARE DOWNLOADED,OF WHICH 20 BILLION IN 2012. — apple press center

FIRST APP, THEN WEB

TABLET-INSPIRED WEBSITE LAYOUT

Emerging trends in 2012 USEFUL,CUSTOM
AND PRETTY

I HAVE LEARNED AN IMPORTANT
PRINCIPLE:SIMPLE THINGS WORK, OFTEN TO OURDUMBFOUNDED SURPRISE, FOR WE TEND TODISTRUST THE SIMPLE AND STRIVE FOR THECOMPLEX.— RICHARD CRACROFT, “OUR TREK THROUGH THE WILDERNESS”

QUICK AND DIRTY AWESOME

DESIGN AS USP PAYS OFF

PINTEREST DESIGN SPREADING LIKE A
VIRUS

Emerging trends in 2012 CONTENTMANAGEMENTTHE
EASY WAY

PREFAB SUMMARY OF MY LIFE

PROJECT MANAGEMENT IN BETA HYPE

ADOBE & BEHANCE –CREATIVE MERITOCRACY

Emerging trends in 2012THE GIANTS
INVEST IN DESIGN

THE BOLDEST REDESIGN IN MICROSOFT’S
HISTORY

WHEN I THINK OF DESIGN
AND CREATING GREAT USEREXPERIENCES, I GENERALLY TRY TO THINK OF IT IN TERMS OFTHREE THINGS: USABILITY, UTILITY, AND DESIRABILITY.AND FOR A LONG TIME GOOGLE HAS BEEN VERY GOOD AT THEUTILITY AND THE USABILITY.MAYBE WE PAID A LITTLE BIT LESS ATTENTION TO THEDESIRABILITY SIDE OF THAT.— JON WILEY, LEAD DESIGNER GOOGLE SEARCH

MORE THAN 10 MILLION DOWNLOADSOF
GOOGLE’S REVAMPED MAPS APPIN THE FIRST TWO DAYS. — computerworld

2013 design trendsWAY TO GO
IN 2013

Way to go in 2013CURRENT
TRENDS WILL MATURE.

CONTENT, MOBILE & DESIGN

THE FUTURE OF MOBILEIS THE
END OF THE TERM “MOBILE”.IT ALREADY SOUNDS ARCHAIC.— ANDREW KEEN, AUTHOR AND ENTREPRENEUR

Way to go in 2013
USER-CENTRICDESIGN APPROACH

PEOPLE DON’T WANT GADGETS,THEY WANT
SERVICES.— JEFF BEZOS, AMAZON

MAKE THE USER SMART

AUTO SUGGESTIONS IN HIGHLIGHT BOX

PERSONAL ASSISTANT - GOOGLE NOW

EVERY TIME SOMEONEASKS A DESIGNER
TO“JUST MAKE IT LOOK PRETTY”,A BABY KITTEN DIES.— SAMANTHA TOY, DESIGNER AT TWITTER, MAKER OF STYLETIL.ES

Way to go in 2013HOMEPAGE
ISNOT THE ONLY FRONT DOOR

POSSIBLY IT’S TIME TO PUTDRAMATICALLY
MORE FOCUSON THE STORY PAGERATHER THAN THE HOMEPAGE.— RICHARD GINGRAS, GOOGLE’S HEAD OF NEWS PRODUCTS

CUSTOMERS CHOOSE THEIR OWN ENTRANCE

BUSINESS MODELS ANTICIPATE

HOMEPAGE = CURRENT INTERVIEW

Way to go in 2013
FOCUS ONCROSS DEVICE SUPPLY

GOOGLE REPORTS THATBY NEXT YEAR
(2013) MORE THANHALF OF WEBSITE VISITSWILL COME FROM MOBILE DEVICESRATHER THAN DESKTOPS OR LAPTOPS. — webdesigndepot

WE’RE GOING TO SEE SOME
STRATEGICMOBILE WEB EXPERIENCES THAT ARETRULY DESIGNED FOR MOBILE-SPECIFICINITIATIVES AND USER NEEDS, NOT JUSTSMALLER SCREENS.— TED NOVAK, FOUNDING PARTNER CLIQUE STUDIOS

ADAPTED TO THE USER’S NEEDS

MOBILE EMAIL, NOW IN THE
LEAD

RESPONSIVE EMAIL DESIGN

CHECKOUT AS QUICKLY AS POSSIBLE

MOBILE KEYBOARD THINKING

MOBILE HOME DELIVERY

Way to go in 2013RESPONSIVE
DESIGNIS NO TREND

WHAT IS RESPONSIVE DESIGN Its
a way of designing and coding websites with a fluid layout, so that images and other elements of the site adapt to the screen on which the sites being viewed. — Maani Safa, innovation director at Somo

AND THIS IS JUST THE
BEGINNING

PLAYFUL GRIDSYSTEMS

LARGE BRANDS DO IT, TOO.

30% OF MASHABLES TRAFFIC IS
MOBILE

YOU GIVE UP A LOT
OF THE CONTROL.THE LUXURY OF OLD TIMES– ONE USER, ONE TASK, ONE COMPUTER –THIS IS ALL GONE NOW.IT IS MUCH MORE LIKE YOU ARE SETTINGA STAGE FOR OTHER PEOPLE TO PERFORM.— JONAS LÖWGREN, PROF IXD, MALMÖ UNIVERSITY, NN

BREAKPOINTS BY LAYOUT, NOT DEVICE

Way to go in 2013
FOCUS ON TOUCHAND GESTURES

MOUSE VERSUS FINGERS

FIX IPAD’S LOUSY TYPING

FRUSTRATION SHAKE IN GOOGLE MAPS

Way to go in 2013
PURIFYYOUR APP

DESIGN ISN’T CRAFTING A BEAUTIFUL,TEXTURED
BUTTON WITH BREATHTAKINGANIMATION.IT’S FIGURING OUT IF THERE’S A WAY TO GETRID OF THE BUTTON ALTOGETHER.— EDWARD TUFTE, DATA SCIENTIST AT YALE UNIVERSITY

CLEAR. NO NAVIGATION NEEDED.

RISE. REFRESHING SIMPLE

"THE CONTENT IS THE INTERFACE"IS
BECOMING A NEW MANTRAOF MOBILE APP DESIGN.— FASTCODESIGN

Way to go in 2013AUTHENTIC
DIGITAL DESIGN

METRO DESIGN PRINCIPLES

WINDOWS 8 = WEB =
OS

USAGE OF CSS BUILT GRAPHICS

SIMPLE DESIGN, FOCUS ON CONTENT

BRANDING RELIES ON LOGO, COLOR
SCHEME:BUSINESS LOGOS AND COLOR SCHEMES WILLPLAY A KEY ROLE IN WEB DESIGN TO MAINTAINTHE VISUAL INTEGRITY OF A BUSINESS AND ITSTARGET MARKET.— DANA EDMONDS, CEO OF CREATION HOTCOMB DESIGN

WIKIPEDIA REDEFINED

Way to go in 2013
PURITY IS KING

ANALOG CAN BE WONDERFUL.WHATS NOT
WONDERFULIS FAKE ANALOG.— BLAISE AGÜERA Y ARCAS, ARCHITECT OF BING MOBILE

LESS SKEUOMORPHISM

SIMPLICITY IN SHAPE & STRUCTURE

WORDS AND COLORS

Way to go in 2013
SHOWYOUR TRUE COLORS

LOTS OF WHITE OR LIGHT
GREY

PICK ONE STRONG COLOR

BOLD COLOR & SHAPES

SOFT YET BRIGHT COLOR SCHEMES

Way to go in 2013
FOCUS ON TYPO

TYPOGRAPHYIS THE NEWICONOGRAPHY.— ROCHELLE BENAVIDES,
EXPERIENCE DEV LEAD ZUNE AND XBOX

ONE CATCHY TYPO DOES THE
TRICK

BIG PORTALS USE CUSTOM FONTS

BY THE WAY: GREAT BOLD
SEARCH!

MIND THE READABILITY OF WEB
FONTS

OPTIMIZE TYPO PER DEVICE

AUTOMATED RESPONSIVE TYPO BEAUTY

Way to go in 2013
POETRYIN MOTION

ANIMATION AS THE SOUL OF
DESIGN

ALSO THINK OF THE LITTLE
DETAILS

TELL A STORY

MAKE TASKS ONLINE FUN

Way to go in 2013PARALLAXSCROLLINGGROWS
UP

NOT FUNKY BUT WEL CONSIDERED

INFINITIVE SCROLL ON ARTICLES

SCROLL A STORY

SOUND LINKED TO SCROLL BEHAVIOUR

Way to go in 2013
BIG IMAGESEVERYWHERE

AN IMAGE SAYS MORE THAN
1000 WORDS

LARGE IMAGES MAKE IMPACT

BIG VIDEOS, TOO

2013 design trends FUTURETHINKING

Future thinkingTHE INTERNET OF THINGS

SMARTPHONES WILL BECOMEREMOTE CONTROLSFOR OUR
LIVES.— STEVE MOLLENKOPF, QUALCOMM CHIEF OPERATING OFFICER

PERSONAL ENVIRONMENT MONITOR

OUR VISION IS THAT THE
PHONE WILL REALLYSTART TO ANTICIPATE A LOT OF WHAT YOUNEED, LOOKING AT THE ENVIRONMENT AROUNDYOU AND INTERACTING WITH THE CLOUD TOPROVIDE DATA TO YOU IN A DIFFERENT WAY.— STEVE MOLLENKOPF, QUALCOMM CHIEF OPERATING OFFICER

PROJECTED INTERFACES

DESIGN BEYOND THE SCREEN

Future thinkingFROM GUITOWARDS NUI

WHAT IS NUI? A natural
user interface (NUI) is an electronic input system that is either invisible to the user or quickly naturalized so that it is perceived as invisible. — techtarget.com

AVAILABLE NOW ALREADY

GESTURE BASED DISCOVERY

VOICE BASED SEARCH

TEMPORARY TATTOO SENSORS

2013 design trendsHOW TOKEEP UP

How to keep upDESIGN THINKING
AS PART OF ABRAND STRATEGY

BOLD STATEMENTS FOR A GOV
SITE

How to keep upMANDATORYUX THINKING

UX EMPATHY MAP

IF YOU DONT KNOW WHY
AND WHOBEFORE YOU COME UP WITH WHAT,YOULL END UPCREATING NOTHING FOR NO ONE.— WHITNEY HESS, UX CONSULTANT

How to keep up NEW
WAYSOF WORKING

RESPONSIVE WORKFLOW

STYLE TILES

DESIGN IN THE BROWSER

RESPONSIVE DESIGN IN INDESIGN

How to keep upFUTUREPROOF?

THE ONLY CONSTANT IS CHANGE,CONTINUING
CHANGE, INEVITABLE CHANGE,THAT IS THE DOMINANT FACTOR IN SOCIETYTODAY. NO SENSIBLE DECISION CAN BE MADEANY LONGER WITHOUT TAKING INTO ACCOUNTNOT ONLY THE WORLD AS IT IS, BUT THEWORLD AS IT WILL BE.— ISAAC ASIMOV, AUTHOR AND BIOCHEMIST

MAKE YOUR CHOICE

GOOGLE STOPS APP SUPPORT FOR
IE8

How to keep up LEARNNEW
THINGS!

PROFESSIONAL DEVELOPMENT ISIMPORTANT. THE WEB
IS EVER-CHANGING, AND IF YOU WANT TOSTAY AT THE TOP OF YOUR GAME,YOU NEED TO CHANGE WITH IT.— WEBDESIGNERDEPOT.COM

WITH A LITTLE HELP FROM
A STRANGER

ETSY’S CONTINUOUS EXPERIMENTS

LIFE IS MESSY.YOU CANT CONTROL
ITBUT YOU CAN CONTROLHOW YOU FEEL ABOUT IT!— PING FU, FOUNDER GEOMAGIC

ALSO READ/WATCH THIS. — Connecting
(Full Film) must view! — googles multiscreenworld report — The best of 2012 for designers — 10 Web design trends you can expect in 2013 — 16 Of The Year’s Best Ideas In UI Design — redesigning google

CONTACT MEPSELL@PROPHETS.BE@VOLPELINO

Thank you for listening!QUESTIONS? ALWAYS
WELCOME!