Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Design Is The DNA of a Product

1,097 views

Published on

Design is not a skin to be added later or a flat image to be imagined in to a fully fledged product. 'Traditional' software ux design is broken: here I propose a new way taking a leaf out of the eXtreme Programming methodology and making it our own...

Published in: Design
  • Be the first to comment

  • Be the first to like this

Design Is The DNA of a Product

  1. 1. @hedshot
  2. 2. @hedshot DESIGN IS IN PRODUCT DNA MICHAEL RAWLING @hedshot
  3. 3. @hedshot Title position here Your title sit over itYOUR HOST TODAY… MIKE RAWLING LEAD 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…
  4. 4. @hedshot Title position here Your title sit over it @hedshot ABOUT UNRULY.CO
  5. 5. @hedshot Title position here Your title sit over it @hedshot ABOUT UNRULY.CO
  6. 6. @hedshot Title position here Your title sit over it @hedshot WARNING - MAY CONTAIN UNRULY CULTURE… ...and of course, err, creative cultural appropriation and mixing…;)
  7. 7. @hedshot Title position here Your title sit over itWHO’S HERE?
  8. 8. @hedshot Title position here Your title sit over itTHIS 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
  9. 9. @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!
  10. 10. @hedshot Title position here Your title sit over it THE PROBLEM
  11. 11. @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
  12. 12. @hedshot Title position here Your title sit over it @hedshot THE PROBLEM
  13. 13. @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…
  14. 14. @hedshot Title position here Your title sit over it @hedshot SIGNS OF A SOLUTION?
  15. 15. @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:
  16. 16. @hedshot Title position here Your title sit over itA 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…
  17. 17. @hedshot Title position here Your title sit over itA SOLUTION?
  18. 18. @hedshot Title position here Your title sit over itA SOLUTION
  19. 19. @hedshot Title position here Your title sit over itA SOLUTION? ‘Continuous Delivery’ & ’Continuous Integration’
  20. 20. @hedshot Title position here Your title sit over it @hedshot A SOLUTION ‘Continuous Delivery’ & ’Continuous Integration’
  21. 21. @hedshot Title position here Your title sit over itCOULD THIS WORK FOR DESIGN? So..
  22. 22. @hedshot Title position here Your title sit over itA SOLUTION? Continuous Creative Integration
  23. 23. @hedshot Title position here Your title sit over it @hedshot IN PRACTICE…
  24. 24. @hedshot Title position here Your title sit over it @hedshot COLOCATION IN TIME AND SPACE
  25. 25. @hedshot Title position here Your title sit over itTHROWING IDEAS AT EACH OTHER
  26. 26. @hedshot Title position here Your title sit over itCROSS-DISCIPLINARY PAIRING… https://www.linkedin.com/groups/Pair-design-3315113.S.5968946180594364420 + + + + + +
  27. 27. @hedshot Title position here Your title sit over itSTART 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..
  28. 28. @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
  29. 29. @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)
  30. 30. @hedshot Title position here Your title sit over itUX -> FACILITATOR DON’T Be the Lone Ranger – Seek to marinade the whole team in user intelligence DO Deputise team members in research activities
  31. 31. @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
  32. 32. @hedshot Title position here Your title sit over it NURTURING EMPATHY PERSONA WORKSHOPS: GET WHOLE TEAM INVOLVED
  33. 33. @hedshot Title position here Your title sit over it NURTURING EMPATHY
  34. 34. @hedshot Title position here Your title sit over itARE YOU ‘AGILE’?
  35. 35. @hedshot Title position here Your title sit over it @hedshot TECHNIQUES
  36. 36. @hedshot Title position here Your title sit over it NURTURING EMPATHY As {persona name} I would like to…so that…
  37. 37. @hedshot Title position here Your title sit over it NURTURING EMPATHY PERSONA STICKERS ON STORY CARDS
  38. 38. @hedshot Title position here Your title sit over itOK, SO HOW? Goodbye design phase……….design, synthesis and development get going together
  39. 39. @hedshot Title position here Your title sit over it @hedshot WAYS TO COMMUNICATE TOGETHER
  40. 40. @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?
  41. 41. @hedshot Title position here Your title sit over it DARK SECRET OF INTERACTION DESIGN… OK, SO HOW?
  42. 42. @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! *DOCUMENTED IN THE BOOK: LEAN UX, BY JEFF GOTTHELF OK, SO HOW?
  43. 43. @hedshot Title position here Your title sit over it INITIAL CHARRETTE PHASE OK, SO HOW?
  44. 44. @hedshot Title position here Your title sit over itOK, SO HOW?
  45. 45. @hedshot Title position here Your title sit over it @hedshot OK, SO HOW?
  46. 46. @hedshot Title position here Your title sit over it @hedshot MAKING INTERACTIVE PRODUCTS
  47. 47. @hedshot Title position here Your title sit over itMAKING IT REAL “Prototyping: where the wheels touch down on the tarmac”
  48. 48. @hedshot Title position here Your title sit over itSTATIC 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
  49. 49. @hedshot Title position here Your title sit over itSUPER LOW RES PROTOTYPING
  50. 50. @hedshot Title position here Your title sit over itTURN UP THE RESOLUTION
  51. 51. @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….
  52. 52. @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!!
  53. 53. @hedshot Title position here Your title sit over it @hedshot GUIDELINES & PRINCIPLES
  54. 54. @hedshot Title position here Your title sit over it @hedshot SET OUT GUIDELINES …Branding Guidelines?
  55. 55. @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
  56. 56. @hedshot Title position here Your title sit over it BEYOND BRANDING GUIDELINES, BEYOND INTERACTION GUIDELINES: LIVE UX GUIDELINES SET OUT GUIDELINES
  57. 57. @hedshot Title position here Your title sit over it @hedshot Actually sit with engineers to actually code this with them… SET OUT GUIDELINES
  58. 58. @hedshot Title position here Your title sit over it @hedshot TESTING
  59. 59. @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…
  60. 60. @hedshot Title position here Your title sit over it ENGAGING ALL IN UX… You and team members and run design experiments…
  61. 61. @hedshot Title position here Your title sit over it UX COACHING… You and team members design experiments..
  62. 62. @hedshot Title position here Your title sit over it ENGAGING ALL IN UX… ENGAGE TEAM WITH TESTING…
  63. 63. @hedshot Title position here Your title sit over it USER RESEARCH
  64. 64. @hedshot Title position here Your title sit over it @hedshot USER RESEARCH
  65. 65. @hedshot Title position here Your title sit over it @hedshot USER RESEARCH RESEARCH Micro surveys and team administered feedback tools
  66. 66. @hedshot Title position here Your title sit over it @hedshot SO!
  67. 67. @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
  68. 68. @hedshot Title position here Your title sit over it @hedshot QUESTION & ANSWER
  69. 69. @hedshot Title position here Your title sit over it @hedshot THANKS FOR LISTENING! MemberVideo Council Whitelisted Winner Best Content Distribution Service Michael.rawling@unrulymedia.com @hedshot
  70. 70. @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 Playstation The NY transit auth. The Wachowskis Jeff Gothelf Jon Innes Thoughtworks Manalo Blahnik Jaguar Disney Bentley Ryan Gosling Clint Eastward Etc…

×