continuous creative integration - #cci

81
@hedshot CONTINUOUS CREATIVE INTEGRATION? MICHAEL RAWLING @hedshot A4A

Upload: michael-rawling

Post on 16-Jul-2015

367 views

Category:

Technology


1 download

TRANSCRIPT

Page 1: Continuous Creative Integration - #cci

@hedshot

CONTINUOUS CREATIVE INTEGRATION? MICHAEL RAWLING

@hedshot

A4A

Page 2: Continuous Creative Integration - #cci

@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…

Page 3: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

@hedshot

ABOUT UNRULY.CO

Page 4: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

@hedshot

ABOUT UNRULY.CO

Page 5: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

@hedshot

WARNING - MAY CONTAIN UNRULY CULTURE…

...and of course, err, creative cultural appropriation and mixing…;)

Page 6: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it WHO’S HERE?

Page 7: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it THIS EVENING…

•  INTRO…THIS SESSION

•  FRAMING THE CONTINUOUS CHALLENGES

•  COLLABORATION POKER

•  THEORY VS. PRACTICE: TECHNIQUES FROM THE TRENCHES

•  Q&A

Page 8: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it OPEN DISCUSSION AT A4A

I’M GOING TO INTRODUCE SOME IDEAS AND TECHNIQUES

THESE WILL GET BETTER OF WE CAN FIND THE PROBLEMS AND SEE HOW THEY WORK FOR ALL OF US AND SO REFINE THEM…

Page 9: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

@hedshot

FRAMING THE CHALLENGES

Page 10: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

@hedshot

AWARENESS AND FLEXIBILITY

Page 11: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

@hedshot

A.I.D.U.X

Many claim so but….*you are not ‘doing’ user experience* if you haven’t:

1.  Involved actual, representative users in your research 2.  Users have actually seen and used your feature/idea 3.  Documented it (somehow) 4.  Analysed it 5.  Ensured the team knows and appreciates the results

Am I Doing User Experience?

Page 12: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

@hedshot

COLLABORATION AND COMMUNICATION

Page 13: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

@hedshot

DELIVERABLES

#nopsd

Page 14: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it DESIGN FIRST?

Page 15: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

@hedshot

THE SEARCH FOR PERFECTION

Page 16: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it WE AREN’T MAKING FURNITURE

Page 17: Continuous Creative Integration - #cci

@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

Page 18: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

@hedshot

SO: AGILE? LEAN UX? SCRUM? KANBAN? XP? UCD? DESIGN THINKING?..OR…WHAT?

Page 19: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

@hedshot

ONCE UPON A TIME…WATERFALL

Page 20: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

@hedshot

CONTINUOUS BUT…

Page 21: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

@hedshot

BEFORE…

Page 22: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

@hedshot

IS CONTINUOUS POSSIBLE?

Page 23: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

@hedshot

WELL LET’S FIND OUT…

Page 24: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it LET’S PLAY: COLLABORATION POKER!!

Page 25: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

Remembering what specialisms we have tonight…

LET’S PLAY: COLLABORATION POKER!!

Page 26: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

Remembering what specialisms we have tonight…

- Pick a role:

•  A client •  A UX •  A designer •  A developer •  A product or commercial person

LET’S PLAY: COLLABORATION POKER!!

Page 27: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it LET’S PLAY: COLLABORATION POKER!!

Remembering what specialisms we have tonight…

- Pick a role:

•  A client •  A UX •  A designer •  A developer •  A product or commercial person

- Grab a sticker to show your discipline!

Page 28: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it LET’S PLAY: COLLABORATION POKER!!

Remembering what specialisms we have tonight…

- Pick a role:

•  A client •  A UX •  A designer •  A developer •  A product or commercial person

- Get a sticker for your discipline! - Now assemble into project/product teams - with one discipline in each!

Page 29: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it LET’S PLAY: COLLABORATION POKER!!

-  Remember what team you are in…

Page 30: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it LET’S PLAY: COLLABORATION POKER!!

-  Remember what team you are in…

-  Now re-arrange into single discipline teams: a group of all UX, a group of all design, one of all dev one of all clients one of all product..

Page 31: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it #1 CHALLENGE: 15 MINS

Actions: -  Grab a persona template

-  Imagine yourself into the shoes of your

team members

-  capture down all the goals, frustrations you have, perfect/ideal project experience you would like

Page 32: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it LET’S PLAY: COLLABORATION POKER!!

Now… -  Teams Re-assemble!!!!

Page 33: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it #2 CHALLENGE: 15 MINS

Actions: -  Teams Re-assemble!!!!

-  Go round the team expressing your notes about needs and

frustrations

-  Compare and contrast them together!

Page 34: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

@hedshot

REVIEW: CAPTURE YOUR POV

Review •  Thoughts and impressions

Page 35: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

@hedshot

DISCUSS RESULTS

Page 36: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

@hedshot

SIGNS OF A SOLUTION?

Page 37: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it A SOLUTION

The image cannot be displayed. Your computer may not have enough memory to open the image, or the image may have been corrupted. Restart your computer, and then open the file again. If the red x still appears, you may have to delete the image and then insert it again.

Page 38: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it A SOLUTION? CI AND CD ‘Continuous Delivery’ & ’Continuous Integration’ – even ‘continuous design’

Page 39: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

@hedshot

A SOLUTION ‘Continuous Delivery’ & ’Continuous Integration’

Page 40: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it WORK FOR THE WHOLE TEAM?

Page 41: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it MAYBE WE NEED…

Continuous Creative Integration

Page 42: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

@hedshot

TECHNIQUES FROM THE TRENCHES

Page 43: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

@hedshot

CO-LOCATION IN TIME AND SPACE

Page 44: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it CROSS-DISCIPLINARY PAIRING…

Recent discussion: https://www.linkedin.com/groups/Pair-design-3315113.S.5968946180594364420

+

+ +

+ +

+

+

Page 45: Continuous Creative Integration - #cci

@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

Page 46: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

@hedshot

USER INTEL UX coach/practitioner must continuously marinade the team in user intel and share ideas, welcome colleagues into the UX world

Page 47: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it FACILITATE A UX ATMOSPHERE

DON’T - Be an old skool UX Lone Ranger, or - Let the UX team ‘Go Dark’ DO - Deputise team members to - Work on designing and running research together

Page 48: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

@hedshot

UX COACHING

UX Coach: Most difficult skill is to ‘give away’ knowledge in a competitive environment in this context but… Don’t worry, no one else can do your job, UX people – they just want our help.

Page 49: Continuous Creative Integration - #cci

@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..

Page 50: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it LESSONS FROM TRYING LEANER WAYS…

Page 51: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it SHARED UNDERSTANDING

PERSONA WORKSHOPS: GET WHOLE TEAM INVOLVED

Page 52: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it NURTURING EMPATHY

Page 53: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it NURTURING EMPATHY

As {persona name} I would like to…so that…

Page 54: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it NURTURING EMPATHY PERSONA STICKERS ON STORY CARDS

Page 55: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

@hedshot

DESIGN TOGETHER

Page 56: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

INITIAL CHARRETTE PHASE

OK, SO HOW?

Page 57: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

@hedshot

OK, SO HOW?

Page 58: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

@hedshot

MAKE IT REAL

“Prototyping: where the wheels touch down on the tarmac”

Page 59: Continuous Creative Integration - #cci

@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

Page 60: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it SUPER LOW RES PROTOTYPING

Page 61: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it THEN UP THE RESOLUTION

Page 62: Continuous Creative Integration - #cci

@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….

Page 63: Continuous Creative Integration - #cci

@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!!

Page 64: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

@hedshot

GUIDELINES & PRINCIPLES

Page 65: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

@hedshot

SET OUT GUIDELINES …Branding Guidelines?

Page 66: Continuous Creative Integration - #cci

@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

Page 67: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

BEYOND BRANDING GUIDELINES, BEYOND INTERACTION GUIDELINES: LIVE UX GUIDELINES

SET OUT GUIDELINES

Page 68: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

@hedshot

Actually sit with engineers to actually code this with them…

SET OUT GUIDELINES

Page 69: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

@hedshot

UX TESTING

Page 70: Continuous Creative Integration - #cci

@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…

Page 71: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it ENGAGING ALL IN UX…

You and team members pairing on design and run experiments…

Page 72: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it TEAM LEARN FROM TESTING TOGETHER

You and team members design experiments..

Page 73: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

@hedshot

USER RESEARCH

Page 74: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

@hedshot

USER RESEARCH

RESEARCH

Micro surveys and team administered feedback tools

Page 75: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

@hedshot

SO!

Page 76: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

@hedshot

CONTINUOUSLY?

Page 77: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

@hedshot

DO THIS EVERY DAY OR WEEK

•  Every week: •  Colocation in time and space •  - with close collaboration!

•  Yes! stand ups! •  UX Coach •  Team Boards

•  Communicating with: •  Drafting Together: in charrettes •  Prototype the product itself •  Test Together •  Beyond brand guidelines: live ux

guidelines

Page 78: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

@hedshot

Page 79: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

@hedshot

Q & A

Page 80: Continuous Creative Integration - #cci

@hedshot

Title position here Your title sit over it

@hedshot

THANKS FOR LISTENING!

MemberVideo Council Whitelisted

Winner Best ContentDistribution Service

[email protected]@hedshot

Page 81: Continuous Creative Integration - #cci

@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…