Upload
matt-edwards
View
14.187
Download
0
Embed Size (px)
Citation preview
YOU CAN’T SHIP FROM YOUR IVORY
TOWERINCLUDING DEVELOPERS IN DESIGN
MATT EDWARDS MINNEWEBCON 2015
OPENING BUSINESSINTRODUCTIONS
MATT EDWARDS MINNEWEBCON 2015
MATT EDWARDS MINNEWEBCON 2015
I’M MATTTHAT’S NOT EVEN MY BATHROOM.
I’M A DORKMATT 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 GUYWHO WORKS WITH A LOT OF DEVELOPERS.
MATT EDWARDS MINNEWEBCON 2015
TAKE WHAT YOU LIKELEAVE 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
“WHEN A PM CREATES WIREFRAMES IN POWERPOINT AND HANDS THEM OVER
AS REQUIREMENTS”
MATT EDWARDS MINNEWEBCON 2015
UXREACTIONS.COM
STUFF DESIGNERS HATEBEING 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 PROCESSDEFINITION
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
OUTCOMESWEIRD 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 DREYFUSSDESIGNING FOR PEOPLE, 1926
MATT EDWARDS MINNEWEBCON 2015
MATT EDWARDS MINNEWEBCON 2015
NBD
MY PROCESSDEFINITION
A BUNCH OF USER RESEARCH REVIEW
SKETCHING AND TESTING REVIEW
PROTOTYPING AND TESTING REVIEW
BIG-ASS DOCUMENT REVIEW
MATT EDWARDS MINNEWEBCON 2015
MY (NEW) PROCESSDEFINITION (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 HATEBEING 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 DEVELOPERSHTML, CSS, JAVASCRIPT, JQUERY, ETC.
MATT EDWARDS MINNEWEBCON 2015
FRONT-END DEVELOPERSHTML, CSS, JAVASCRIPT, JQUERY, ETC.
MATT EDWARDS MINNEWEBCON 2015
SITEMAPS, INTERACTION DESIGN, UI DESIGN, VISUAL DESIGN
BACK-END DEVELOPERSPHP, .NET, RUBY, DRUPAL, PYTHON, ETC.
MATT EDWARDS MINNEWEBCON 2015
BACK-END DEVELOPERSPHP, .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