Prophets Agency presents "ID13": the trends in Interactive Design for 2013. Third year in a row, after the ID11 and ID12 trends. Written and designed by our Design Director Petra Sell.
...
Prophets Agency presents "ID13": the trends in Interactive Design for 2013. Third year in a row, after the ID11 and ID12 trends. Written and designed by our Design Director Petra Sell.
Starting at the emerging trends in 2012 moving to what is happening in interaction design in 2013. the consolidation of ongoing trends up to future thinking and some advice on how to keep up.
Take your time to browse through the 147 slides of this impressive deck. Brands who fancy a 'live' presentation in their offices can contact us to make an appointment. Do spread along, cause sharing still is caring.
Petra Sell, design director at Prophetsdue to all the requests to download this presentation, we offer now a pdf download on our site: http://www.prophets.be/#/vision/trends-in-interactive-design-2013/ enjoy! and thanks again for all the great comments.1 week ago
Oscar Llarena at Oscar Llarena@volpelino hello, i would love to download this and dive deeper into it. is there a way to do so? maybe a pdf version?2 months ago
”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!
Eric Yeoung
1–10 of 68 previous next Post a comment
1–10 of 68 previous next