"design is the product's dna" by michael rawling
TRANSCRIPT
@hedshot
@hedshot
DESIGN IS IN PRODUCT DNA MICHAEL RAWLING
@hedshot
@hedshot
Title position here Your title sit over it YOUR HOST TODAY…
MIKE RAWLINGLEAD UX AT UNRULY.CO, LONDON:
TEAM-OF-ONE & UX COACH:INTERACTION DESIGNER, UI ENGINEER, UI DESIGNER, UX RESEARCH, USER RESEARCH, TEST PARTICIPANT RECRUITER, USABILITY TESTER, MICRO-COPY WRITER, TRAINER, MENTOR ETC…
UX history dating back to ’98 – pre “UX”!!! Consulted, designed, engineered, leader of, coached, trained big & small teams and initiatives for:.. Tesco, Wiley Publishing, Camelot, Konami, LoveFilm and Granada Television, ITV and Unruly.co…
@hedshot
Title position here Your title sit over it
@hedshot
ABOUT UNRULY.CO
@hedshot
Title position here Your title sit over it
@hedshot
ABOUT UNRULY.CO
@hedshot
Title position here Your title sit over it
@hedshot
WARNING - MAY CONTAIN UNRULY CULTURE…
...and of course, err, creative cultural appropriation and mixing…;)
@hedshot
Title position here Your title sit over it WHO’S HERE?
@hedshot
Title position here Your title sit over it THIS EVENING…
• THE PROBLEM WITH PRODUCT DESIGN
• A SOLUTION
• SOME TECHNIQUES TO MAKE THAT HAPPEN
The details are not the details. They make the design.
C.Eames
@hedshot
Title position here Your title sit over it PRODUCT DESIGN & DEV IS BROKEN…
{NOTES}:• AGENCY DESIGN PROCESS SEPARATE FROM • TECH AND DESIGN TEAMS SPEAK DIFFERENT LANGUAGES• SOMETIMES PRODUCT DEVELOPMENT CAN’T DELIVER WHAT 3RD PARTY DESIGN AGENCIES PROVIDE THAT’S BEEN
SIGNED OFF WITH CLIENT• WE DESIGN AND BUILD THE MOST BEAUTIFUL THING THAT CLIENT WANTS, USERS DON’T WANT IT AFTER ALL…• TECHNICALLY ORIENTATED COMPANIES ( - START-UPS - ) BUILT PRODUCT AND THEN GET ‘DESIGN’ IN TO POLISH IT• PRODUCT DESIGN IS CONTINUOUS AND MORE LIKE FARMING THAN BUILDING CONSTRUCTION• I HAVE HEARD *DESIGNERS* USE THE METAPHOR OF DESIGN AS THE INTERIOR DECORATION IS HOW DESIGN
RELATES TO THE REST OF THE PRODUCT – THIS IS VASTLY INCORRECT – AND MORE AKIN TO BUILDING ARCHITECT!
@hedshot
Title position here Your title sit over it THE PROBLEM
@hedshot
Title position here Your title sit over it
@hedshot
THE PROBLEM
Fails with modern software products that: • immediately updateable client<>server applications, like SAAS, • regularly updated model, like Apps or phone OS software
http://www.akamai.com/html/technology/dataviz1.html
@hedshot
Title position here Your title sit over it
@hedshot
THE PROBLEM
@hedshot
Title position here Your title sit over it
@hedshot
THE PROBLEM Worst case, teams often have to… • Design first:
gain client sign-off then pass an PSD ‘spec’ to ‘dev’ then leave…
• Build/dev first: get in design to ‘skin’ the product after it’s essentially finished…
@hedshot
Title position here Your title sit over it
@hedshot
SIGNS OF A SOLUTION?
@hedshot
Title position here Your title sit over it A SOLUTION
But we can learn some things from product and industrial design of complex products like automotive design where successful exterior body designers also work closely with handling, engine, fluid and air dynamics and NVH teams:
@hedshot
Title position here Your title sit over it A SOLUTION
It goes both ways – • ‘Design’ can’t be just an afterthought of engineering team but equally,• Design can’t work in a vacuum, leaving engineers unable to fulfil the
designers visions…
@hedshot
Title position here Your title sit over it A SOLUTION?
@hedshot
Title position here Your title sit over it A SOLUTION
@hedshot
Title position here Your title sit over it A SOLUTION?
‘Continuous Delivery’ & ’Continuous Integration’
@hedshot
Title position here Your title sit over it
@hedshot
A SOLUTION ‘Continuous Delivery’ & ’Continuous Integration’
@hedshot
Title position here Your title sit over it COULD THIS WORK FOR DESIGN?
So..
@hedshot
Title position here Your title sit over it A SOLUTION?
Continuous Creative Integration
@hedshot
Title position here Your title sit over it
@hedshot
IN PRACTICE…
@hedshot
Title position here Your title sit over it
@hedshot
COLOCATION IN TIME AND SPACE
@hedshot
Title position here Your title sit over it THROWING IDEAS AT EACH OTHER
@hedshot
Title position here Your title sit over it CROSS-DISCIPLINARY PAIRING…
https://www.linkedin.com/groups/Pair-design-3315113.S.5968946180594364420
+
+ +
+ +
+
@hedshot
Title position here Your title sit over it START SIMPLY BUT BOLDLY Set Vision in text and general design feel - at most!! •Understand Audience •Identify core principles and guidelines •Start a list of potential features. •That’s it..
@hedshot
Title position here Your title sit over it
@hedshot
UX COACH
UX Coach: mentor, train and coach to help the team to help themselves – so they themselves are immersed in user intelligence and knowledge
@hedshot
Title position here Your title sit over it
@hedshot
UX COACHING
UX Coach: Most difficult skill is to give away knowledge in this context but… Don’t worry, no one else can do your job (however much they think they can)
@hedshot
Title position here Your title sit over it UX OR DESIGNER = FACILITATOR
Don’t be a Lone Ranger – Seek to marinade the whole team in user intel Do deputise team members in research activities:
@hedshot
Title position here Your title sit over it
@hedshot
USER INTEL UX or product designers present always to marinade the team in user intel throughout
@hedshot
Title position here Your title sit over it NURTURING EMPATHY
PERSONA WORKSHOPS: WHOLE TEAM INVOLVED
@hedshot
Title position here Your title sit over it NURTURING EMPATHY
@hedshot
Title position here Your title sit over it ARE YOU ‘AGILE’?
@hedshot
Title position here Your title sit over it
@hedshot
TECHNIQUES
@hedshot
Title position here Your title sit over it NURTURING EMPATHY
As {persona name} I would like to…so that…
@hedshot
Title position here Your title sit over it NURTURING EMPATHY PERSONA STICKERS ON STORY CARDS
@hedshot
Title position here Your title sit over it OK, SO HOW?
Goodbye design phase……….design, synthesis and development get going together
@hedshot
Title position here Your title sit over it
@hedshot
MORE WAYS TO COMMUNICATE
@hedshot
Title position here Your title sit over it
CAN’T DRAW WON’T DRAW
(PROGRAMMER:…)• “I CAN’T DRAW – LET ALONE ‘DESIGN’!”
• “DESIGN IS FLUFFY!”• “DESIGNERS DON’T KNOW SH*T”
• “I’M NOT A DESIGNER”
• “WTF?”
LATER…• “…BUT THAT’S NOT THE BEST DESIGN”• “..I WON’T DO IT LIKE THAT…”
• “THAT’S JUST TOO WACKY/UNUSABLE/UNUSUAL/CUSTOM/ETC…”
• “I COULD DO BETTER…”
“I CAN’T DRAW”
OK, SO HOW?
@hedshot
Title position here Your title sit over it
DARK SECRET OF INTERACTION DESIGN…
OK, SO HOW?
@hedshot
Title position here Your title sit over it
ENTER: DESIGN CHARRETTES*!!
• ALLEGEDLY BASED REGULAR CRITIQUES AT AN ART ACADEMY IN PARIS – POSSIBLY BEAUX ARTS (ALSO CALLED ‘DESIGN STUDIO’)
• ABOUT REGULAR ‘CRITIQUES’
• STUDENTS RACE TO FINISH…
• USEFUL AND EFFECT URGENCY IN THE PROCESS!
*SINCE THEN DOCUMENTED IN LEAN UX, BY JEFF GOTTHELF
OK, SO HOW?
@hedshot
Title position here Your title sit over it
INITIAL CHARRETTE PHASE
OK, SO HOW?
@hedshot
Title position here Your title sit over it OK, SO HOW?
@hedshot
Title position here Your title sit over it
@hedshot
OK, SO HOW?
@hedshot
Title position here Your title sit over it
@hedshot
MAKING INTERACTIVE PRODUCTS
@hedshot
Title position here Your title sit over it MAKING IT REAL
“Prototyping: where the wheels touch down on the tarmac”
@hedshot
Title position here Your title sit over it STATIC DOESN’T CUT IT Goodbye Design Phase! Static design and doesn’t cut it: design straight into prototypes Axure or HTML or POP or whatever tool.. #nopsd
@hedshot
Title position here Your title sit over it SUPER LOW RES PROTOTYPING
@hedshot
Title position here Your title sit over it TURN UP THE RESOLUTION
@hedshot
Title position here Your title sit over it
@hedshot
PROTOTYPES Prototypes become testable living breathing document for: •usability/ux testing and user validation AND….
@hedshot
Title position here Your title sit over it
@hedshot
PROTOTYPES Prototypes become testable living breathing document for: •usability/ux testing and user validation And Client sign off!!
@hedshot
Title position here Your title sit over it
@hedshot
GUIDELINES & PRINCIPLES
@hedshot
Title position here Your title sit over it
@hedshot
SET OUT GUIDELINES …Branding Guidelines?
@hedshot
Title position here Your title sit over it
@hedshot
SET OUT GUIDELINES …Branding Guidelines? Interaction guidelines like the BBC’s…??
http://www.bbc.co.uk/gel
@hedshot
Title position here Your title sit over it
BEYOND BRANDING GUIDELINES, BEYOND INTERACTION GUIDELINES: LIVE UX GUIDELINES
SET OUT GUIDELINES
@hedshot
Title position here Your title sit over it
@hedshot
Actually sit with engineers to actually code this with them…
SET OUT GUIDELINES
@hedshot
Title position here Your title sit over it
@hedshot
TESTING
@hedshot
Title position here Your title sit over it
@hedshot
OK, SO HOW?
Many people show *clients*: …the results of testing or design but involving them in it is critical AND…
Many people show their team of: *Devs, engineers, testers, product owner.. ….the results of testing or design but actually involving them in it is critical too…
@hedshot
Title position here Your title sit over it ENGAGING ALL IN UX…
You and team members and run design experiments…
@hedshot
Title position here Your title sit over it UX COACHING…
You and team members design experiments..
@hedshot
Title position here Your title sit over it ENGAGING ALL IN UX…
ENGAGE TEAM WITH TESTING…
@hedshot
Title position here Your title sit over it USER RESEARCH
@hedshot
Title position here Your title sit over it
@hedshot
USER RESEARCH
@hedshot
Title position here Your title sit over it
@hedshot
USER RESEARCH
RESEARCH
Micro surveys and team administered feedback tools
@hedshot
Title position here Your title sit over it
@hedshot
SO!
@hedshot
Title position here Your title sit over it
@hedshot
DO THIS EVERY DAY OR WEEK
• Colocation in time and space • - with close collaboration! • UX Coach • Communicate:
• Drafting Together: in charrettes • Prototype the product itself • Beyond brand guidelines: live ux guidelines • Test Together
@hedshot
Title position here Your title sit over it
@hedshot
QUESTION & ANSWER
@hedshot
Title position here Your title sit over it
@hedshot
THANKS FOR LISTENING!
MemberVideo Council Whitelisted
Winner Best ContentDistribution Service
[email protected]@hedshot
@hedshot
Title position here Your title sit over it
@hedshot
PROPS! Orange bus seniorgif.com Team unicorn Dark parodies Umbrella corporation Memegenerator.net Carter reid Bodies in the crawlspace Hollywood Meme Center destroyer.tumbler.com Someecards SHIELD Star Trek Elvis.ro Gliphy Gifsoup.com The department of homeland security Lolcats everywhere Random Kittens Ghosthunters The Muppets icanhascheeseburger.com soundbible.com Marvel
Anyone else I forgot!!
Sony PlaystationThe NY transit auth.The WachowskisJeff GothelfJon InnesThoughtworksManalo BlahnikJaguarDisneyBentleyRyan GoslingClint EastwardEtc…