YOU CAN’T SHIP
FROM YOUR IVORY
TOWER
INCLUDING DEVELOPERS IN DESIGN
MATT EDWARDS
MINNEWEBCON 2015
OPENING BUSINESS
INTRODUCTIONS
MATT EDWARDS
MINNEWEBCON 2015
MATT EDWARDS
MINNEWEBCON 2015
I’M MATTTHAT’S NOT EVEN MY BATHROOM.
I’M A DORK
MATT EDWARDS
MINNEWEBCON 2015
THIS IS NOT FALSE MODESTY.
I’M NOT FROM MINNESOTA.
YOU’VE BEEN WARNED.
MATT EDWARDS
MINNEWEBCON 2015
I’M NOT A LOCAL LEADER.
MY UXPA ATTENDANCE IS TERRIBLE.
MATT EDWARDS
MINNEWEBCON 2015
I’VE NEVER WRITTEN A BOOK.
“DRINKING TOO MUCH: A BEGINNERS GUIDE”
DUE SPRING 2016
MATT EDWARDS
MINNEWEBCON 2015
I’M NOT A DESIGN GENIUS.
I’M NOT EVEN A NORMAL GENIUS.
MATT EDWARDS
MINNEWEBCON 2015
I’M JUST A GUY
WHO WORKS WITH A LOT OF DEVELOPERS.
MATT EDWARDS
MINNEWEBCON 2015
TAKE WHAT YOU LIKE
LEAVE WHAT YOU DON’T.
MATT EDWARDS
MINNEWEBCON 2015
I’M GOING TO
SAY A BUNCH
OF CRAP NOW.
MATT EDWARDS
MINNEWEBCON 2015
HERE WE GO
DESIGNERS
LOVE TO
COMPLAIN.
MATT EDWARDS
MINNEWEBCON 2015
OBSERVATION #1
“WHEN PEOPLE CONFUSE
UX AND UI”
MATT EDWARDS
MINNEWEBCON 2015
UXREACTIONS.COM
“WORKSHOPS”
MATT EDWARDS
MINNEWEBCON 2015
UXREACTIONS.COM
“WHEN A PM CREATES WIREFRAMES IN
POWERPOINT AND HANDS THEM OVER
AS REQUIREMENTS”
MATT EDWARDS
MINNEWEBCON 2015
UXREACTIONS.COM
STUFF DESIGNERS HATE
BEING LEFT OUT OF MAJOR DECISIONS
DOING STUFF WITHOUT CONTEXT
TONS OF MONKEY WORK
UNCLEAR EXPECTATIONS
HAVING OUR EXPERTISE IGNORED
MATT EDWARDS
MINNEWEBCON 2015
STORY TIME
MATT EDWARDS
MINNEWEBCON 2015
MY PROCESS
DEFINITION
A BUNCH OF USER RESEARCH
REVIEW
SKETCHING AND TESTING
REVIEW
PROTOTYPING AND TESTING
REVIEW
BIG-ASS DOCUMENT
REVIEW
MATT EDWARDS
MINNEWEBCON 2015
I WAS A DESIGN PROPHET.
I BESTOWED “THE DESIGN” ON OTHERS.
MATT EDWARDS
MINNEWEBCON 2015
OUTCOMES
WEIRD EDGE CASE BEHAVIORS
BROKEN STYLES
DEVELOPMENT INCONSISTENT W/COMPS
MATT EDWARDS
MINNEWEBCON 2015
WHY DID I DO THIS?
I WANTED TO “PROVE THE VALUE OF UX”
I WANTED TO PROVIDE THE BEST POSSIBLE DESIGN
I WANTED TO FEEL SMART
I WANTED TO BE RELIED ON
MATT EDWARDS
MINNEWEBCON 2015
WHY DID I DO THIS?
NO ONE KNEW WHAT I WAS DOING
IMPLEMENTATION WAS FLAWED
I LOOKED DUMB
I WAS LEFT OUT OF DECISIONS
MATT EDWARDS
MINNEWEBCON 2015
WHY DID I DO THIS?
MATT EDWARDS
MINNEWEBCON 2015
BOOKS
MATT EDWARDS
MINNEWEBCON 2015
MATT EDWARDS
MINNEWEBCON 2015
“WE ENTER INTO CLOSE CO-OPERATION WITH THE
ENGINEERS. OUR OFFICES BECOME AS ONE. OUR COMMON
DENOMINATORS ARE THE SAME—JOE AND JOSEPHINE. WE
GO OVER COUNTLESS ROUGH SKETCHES. COMPONENTS ARE
ARRANGED AND REARRANGED. WORKING DRAWINGS AND
BLUEPRINTS ARE MADE, SOME BY THE ENGINEERS, SOME BY
US, AND FREQUENTLY EXCHANGED.”
MATT EDWARDS
MINNEWEBCON 2015
“OF THE PARTNERS, THE ENGINEER IS THE ONE WITH
WHOM THE INDUSTRIAL DESIGNER USUALLY IS MOST
DEEPLY INVOLVED. IN OUR OFFICE, WE CALL THE
ENGINEER THE INDUSTRIAL DESIGNER’S BEST FRIEND AND
SEVEREST CRITIC. THE DESIGNER DOES THE DREAMING—
AND ITS RATHER PRACTICAL DREAMING—AND THE
ENGINEER MAKES THE DREAMS COME TRUE. HE BRINGS
TO BEAR ON THEM A PARTICULAR SKILL THE DESIGNER
DOESN’T HAVE. THE FINAL PRODUCT IS A
COLLABORATIVE EFFORT. ”
MATT EDWARDS
MINNEWEBCON 2015
“OF THE PARTNERS, THE ENGINEER IS THE ONE WITH
WHOM THE INDUSTRIAL DESIGNER USUALLY IS MOST
DEEPLY INVOLVED. IN OUR OFFICE, WE CALL THE
ENGINEER THE INDUSTRIAL DESIGNER’S BEST FRIEND AND
SEVEREST CRITIC. THE DESIGNER DOES THE DREAMING—
AND ITS RATHER PRACTICAL DREAMING—AND THE
ENGINEER MAKES THE DREAMS COME TRUE. HE BRINGS
TO BEAR ON THEM A PARTICULAR SKILL THE DESIGNER
DOESN’T HAVE. THE FINAL PRODUCT IS A
COLLABORATIVE EFFORT. ”
- HENRY DREYFUSS
DESIGNING FOR PEOPLE, 1926
MATT EDWARDS
MINNEWEBCON 2015
MATT EDWARDS
MINNEWEBCON 2015
NBD
MY PROCESS
DEFINITION
A BUNCH OF USER RESEARCH
REVIEW
SKETCHING AND TESTING
REVIEW
PROTOTYPING AND TESTING
REVIEW
BIG-ASS DOCUMENT
REVIEW
MATT EDWARDS
MINNEWEBCON 2015
MY (NEW) PROCESS
DEFINITION (WITH DEVS)
A BUNCH OF USER RESEARCH (WITH DEVS)
REVIEW (WITH DEVS)
SKETCHING AND TESTING (WITH DEVS)
REVIEW (WITH DEVS)
PROTOTYPING AND TESTING (WITH DEVS)
REVIEW (WITH DEVS)
BIG-ASS DOCUMENT (WITH DEVS)
REVIEW (WITH DEVS)
MATT EDWARDS
MINNEWEBCON 2015
DEVELOPERS ERRYWHERE
MATT EDWARDS
MINNEWEBCON 2015
THEY SAT IN ON DEFINITION.
DEVELOPERS ERRYWHERE
MATT EDWARDS
MINNEWEBCON 2015
THEY HELPED WITH USER RESEARCH.
DEVELOPERS ERRYWHERE
MATT EDWARDS
MINNEWEBCON 2015
THEY HELPED WITH FEATURE DEFINITION.
DEVELOPERS ERRYWHERE
MATT EDWARDS
MINNEWEBCON 2015
THEY DID UI REVIEW/FEEDBACK.
DEVELOPERS ERRYWHERE
MATT EDWARDS
MINNEWEBCON 2015
THEY LET ME SEE BEHIND THE CURTAIN.
WHY DID I DO THIS?
I WANTED TO “PROVE THE VALUE OF UX”
I WANTED TO PROVIDE THE BEST POSSIBLE DESIGN
I WANTED TO FEEL SMART
I WANTED TO BE RELIED ON
MATT EDWARDS
MINNEWEBCON 2015
WHY DID I DO THIS?
EVERYONE KNEW WHAT I WAS DOING
IMPLEMENTATION WAS SPOT ON
I LOOKED SMART
I WAS INCLUDED IN WAY MORE DECISIONS
MATT EDWARDS
MINNEWEBCON 2015
WHY DID I DO THIS?
DEVELOPERS WERE EMPOWERED
DEVELOPERS WERE ENGAGED
THEY MADE GREAT DESIGN DECISIONS
MATT EDWARDS
MINNEWEBCON 2015
I’M NOW A DESIGN FACILITATOR.
I SHARE “THE DESIGN” WITH OTHERS.
MATT EDWARDS
MINNEWEBCON 2015
HERE’S WHAT I
LEARNED
MATT EDWARDS
MINNEWEBCON 2015
WE ARE TOO
F*CKING
ARROGANT
MATT EDWARDS
MINNEWEBCON 2015
OBSERVATION #2
LET IT GO.
MATT EDWARDS
MINNEWEBCON 2015
LET IT GO.
MATT EDWARDS
MINNEWEBCON 2015
STUFF DESIGNERS HATE
BEING LEFT OUT OF MAJOR DECISIONS
DOING STUFF WITHOUT CONTEXT
MONKEY WORK
UNCLEAR EXPECTATIONS
HAVING OUR EXPERTISE IGNORED
MATT EDWARDS
MINNEWEBCON 2015
STUFF WE DO TO
DEVELOPERS
LEAVE THEM OUT OF MAJOR DECISIONS
MAKE THEM DO STUFF WITHOUT CONTEXT
TONS OF MONKEY WORK
CREATE UNCLEAR EXPECTATIONS
IGNORE THEIR EXPERTISE
MATT EDWARDS
MINNEWEBCON 2015
I’M REFERRING TO THEIR
DESIGN EXPERTISE.
MATT EDWARDS
MINNEWEBCON 2015
BUT DON’T TAKE MY WORD FOR IT.
- HENRY DREYFUSS
MATT EDWARDS
MINNEWEBCON 2015
DESIGNING FOR PEOPLE, 1926
“THE WORD ‘DESIGN’ IS CERTAINLY NOT THE EXCLUSIVE
PROPERTY OF THE INDUSTRIAL DESIGNER. ITS DICTIONARY
MEANING, ‘TO CONTRIVE FOR A PURPOSE,’ MAKES IT
EQUALLY THE PROPERTY OF ENGINEERS, ARCHITECTS,
ADVERTISING MEN, ARTISTS, AND DRESSMAKERS.”
“WHEN A DEVELOPER
GIVES ME UX ADVICE”
MATT EDWARDS
MINNEWEBCON 2015
UXREACTIONS.COM
“WHEN A DEVELOPER IMPLEMENTS
SOMETHING DIFFERENT THAN YOU HAD IN
MIND BUT IT TURNS OUT TO BE QUITE GOOD”
MATT EDWARDS
MINNEWEBCON 2015
UXREACTIONS.COM
“WHEN IT LOOKS ABSOLUTELY
NOTHING LIKE THE MOCKUP”
MATT EDWARDS
MINNEWEBCON 2015
UXREACTIONS.COM
“HOW THESE UXDS SOUND
TO EVERYONE ELSE”
MATT EDWARDS
MINNEWEBCON 2015
“HOW THESE UXDS SOUND
TO EVERYONE ELSE”
MATT EDWARDS
MINNEWEBCON 2015
DEVELOPMENT
IS A TYPE OF
DESIGN
MATT EDWARDS
MINNEWEBCON 2015
OBSERVATION #3
DEVS WILL DESIGN
WHETHER YOU
HELP THEM OR NOT
MATT EDWARDS
MINNEWEBCON 2015
OBSERVATION #4
DEVELOPERS SOLVE DESIGN
PROBLEMS EVERY DAY.
MANY OF WHICH YOU ARE NOT QUALIFIED TO SOLVE
(BUT CAN ABSOLUTELY HELP WITH).
MATT EDWARDS
MINNEWEBCON 2015
DEVELOPERS SOLVE DESIGN
PROBLEMS EVERY DAY.
SITE PERFORMANCE, SECURITY, AND RELIABILITY
MATT EDWARDS
MINNEWEBCON 2015
DEVELOPERS SOLVE DESIGN
PROBLEMS EVERY DAY.
THESE AFFECT UX MORE THAN YOUR HAMBURGER ICON.
MATT EDWARDS
MINNEWEBCON 2015
DEVELOPERS SOLVE DESIGN
PROBLEMS EVERY DAY.
THESE AFFECT UX MORE THAN YOUR TYPOGRAPHY.
MATT EDWARDS
MINNEWEBCON 2015
DEVELOPERS SOLVE DESIGN
PROBLEMS EVERY DAY.
THESE AFFECT UX MORE THAN YOUR PAGE TRANSITIONS.
MATT EDWARDS
MINNEWEBCON 2015
DEVELOPERS SOLVE DESIGN
PROBLEMS EVERY DAY.
THESE AFFECT UX MORE THAN YOUR YOU GET THE IDEA.
MATT EDWARDS
MINNEWEBCON 2015
UX
IS NOT
A STEP
MATT EDWARDS
MINNEWEBCON 2015
OBSERVATION #5
FRONT-END DEVELOPERS
HTML, CSS, JAVASCRIPT, JQUERY, ETC.
MATT EDWARDS
MINNEWEBCON 2015
FRONT-END DEVELOPERS
HTML, CSS, JAVASCRIPT, JQUERY, ETC.
MATT EDWARDS
MINNEWEBCON 2015
SITEMAPS, INTERACTION DESIGN, UI DESIGN, VISUAL DESIGN
BACK-END DEVELOPERS
PHP, .NET, RUBY, DRUPAL, PYTHON, ETC.
MATT EDWARDS
MINNEWEBCON 2015
BACK-END DEVELOPERS
PHP, .NET, RUBY, DRUPAL, PYTHON, ETC.
MATT EDWARDS
MINNEWEBCON 2015
USER TYPES, USE CASES, FEATURE FUNCTIONALITY
WON’T THIS MAKE
ME OBSOLETE?
MATT EDWARDS
MINNEWEBCON 2015
RECONSIDER HOW YOU’RE
PROVIDING VALUE.
MATT EDWARDS
MINNEWEBCON 2015
RECONSIDER HOW YOU’RE
PROVIDING VALUE.
BE THE ADVOCATE FOR UX IN YOUR ORG, NOT THE EXECUTOR.
MATT EDWARDS
MINNEWEBCON 2015
I’M THE ONLY ONE
WITH THIS
KNOWLEDGE.
MATT EDWARDS
MINNEWEBCON 2015
STOP DOING THAT.
MATT EDWARDS
MINNEWEBCON 2015
STOP DOING THAT.
AVOID BEING A BOTTLENECK.
MATT EDWARDS
MINNEWEBCON 2015
STOP DOING THAT.
AVOID BEING A BOTTLENECK.
MATT EDWARDS
MINNEWEBCON 2015
ANYWAY, THAT JUST MEANS THE DEVS ARE DOING DESIGN
WITHOUT YOUR INFORMATION.
THIS WON’T WORK
IN MY ORG
BECAUSE…
MATT EDWARDS
MINNEWEBCON 2015
EVERY ORG IS DIFFERENT.
MATT EDWARDS
MINNEWEBCON 2015
EVERY ORG IS DIFFERENT.
BUT THEY ALL VALUE EFFICIENCY.
MATT EDWARDS
MINNEWEBCON 2015
EVERY ORG IS DIFFERENT.
BUT THEY ALL VALUE EFFICIENCY.
MATT EDWARDS
MINNEWEBCON 2015
MAKE THE CASE THAT YOU’RE REMOVING INSTITUTIONAL
BOTTLENECKS & REDUCING THE BURDEN ON REVIEW CYCLES.
MY DEVS AREN’T
INTERESTED IN
DESIGN.
MATT EDWARDS
MINNEWEBCON 2015
BULLSH!T.
MATT EDWARDS
MINNEWEBCON 2015
BULLSH!T.
THEY JUST TALK ABOUT IT DIFFERENTLY THAN YOU.
MATT EDWARDS
MINNEWEBCON 2015
BULLSH!T.
THEY JUST TALK ABOUT IT DIFFERENTLY THAN YOU.
MATT EDWARDS
MINNEWEBCON 2015
DO THE HEAVY LIFTING FOR A WHILE. LEARN TO SPEAK
THEIR LANGUAGE.
TAKEAWAYS
MATT EDWARDS
MINNEWEBCON 2015
MATT EDWARDS
MINNEWEBCON 2015
YOUR JOB IS TO
HELP OTHERS
MAKE THE BEST
DESIGN DECISIONS
THEY CAN.
REMEMBER THIS PART
MATT EDWARDS
MINNEWEBCON 2015
REMEMBER THIS PART
TREAT YOUR DEVS
LIKE THE
DESIGNERS THEY
ARE.
MATT EDWARDS
MINNEWEBCON 2015
REMEMBER THIS PART
USER EXPERIENCE
DOES NOT BEGIN
AND END WITH
YOU.
MATT EDWARDS
MINNEWEBCON 2015
REMEMBER THIS PART
FUSCIA IS A
VIABLE
PRESENTATION
COLOR.
MATT EDWARDS
MINNEWEBCON 2015
REMEMBER THIS PART
THE MINNEAPOLIS
TECH SCENE IS
TRULY AMAZING.
THANK YOU FOR BEING A PART OF IT.
QUESTIONS?
MATT EDWARDS
MINNEWEBCON 2015

You Can’t Ship from Your Ivory Tower: Including Developers in the Design Process (MinneWebCon 2015)