Cinematic UX

04cffb2b35b3a1c53f6495554a5697cf?s=47 Brad Weaver
April 14, 2016

Cinematic UX

Using film as our lens, Brad Weaver covers how UX teams can improve communication and process by learning from the Independent & Studio film systems.

04cffb2b35b3a1c53f6495554a5697cf?s=128

Brad Weaver

April 14, 2016
Tweet

Transcript

  1. UX CINEMATIC

  2. UX CINEMATIC

  3. UX CINEMATIC UX CINEMATIC

  4. @sbradweaver A GREAT USER EXPERIENCE UX CINEMATIC • MEETS YOUR

    SPECIFIC NEEDS • IS SIMPLE TO USE • IS JOYFUL TO USE • SEAMLESSLY MERGES WITH EXISTING WAYS OF WORKING
  5. UX CINEMATIC Brad Weaver UX CINEMATIC Chief Experience Officer @sbradweaver

  6. @sbradweaver I LOVE MOVIES! UX CINEMATIC

  7. UX CINEMATIC

  8. UX CINEMATIC UX CINEMATIC

  9. UX CINEMATIC

  10. UX CINEMATIC

  11. @sbradweaver UX CINEMATIC I LOVE UX DESIGN!

  12. UX CINEMATIC MOVIES + UX =

  13. UX CINEMATIC MOVIES + UX =

  14. @sbradweaver UX CINEMATIC MAKING A FILM IS VERY SIMILAR TO

    RUNNING A USER EXPERIENCE PROJECT
  15. @sbradweaver A HUNDRED DIFFERENT WAYS UX CINEMATIC BUT MAKING A

    FILM, OR A UX PROJECT, IS RARELY THE SAME FOR EVERY PERSON, EVERY STUDIO, OR EVERY INSTANCE
  16. @sbradweaver A THOUSAND DIFFERENT OUTCOMES UX CINEMATIC THE PAST, PRESENT,

    & FUTURE OF FILM & UX VARY GREATLY DEPENDING ON WHO YOU ASK & WHAT THEY DO
  17. UX CINEMATIC OUR OWN CRYSTAL BALL UX CINEMATIC WE CAN

    LEARN A LOT ABOUT WHERE WE’VE BEEN, WHERE WE ARE, AND WHERE WE’RE GOING THROUGH UNDERSTANDING FILM
  18. @sbradweaver STUDIO VS. INDEPENDENT UX CINEMATIC IN THE PAST, YOU

    HAD BIG BUDGET STUDIO FILMS & SMALLER, INDEPENDENT FILMS…
  19. @sbradweaver MEANWHILE… UX CINEMATIC WHILE STUDIO FILMS WERE BEING CONSUMED

    BY THE MASSES, INDEPENDENT FILMS WERE MADE OFTEN & SEEN INFREQUENTLY
  20. @sbradweaver A BRIEF HISTORY OF INDEPENDENT FILM UX CINEMATIC 1908

    EDISON TRUST ESTABLISHED 1919 CHAPLIN EST. UNITED ARTISTS 1939 GONE WITH THE WIND 1959 CASSAVETES “SHADOWS” 1965 RISE OF AVANT-GARDE 1970 EL TOPO RELEASED 1977 JOHN WATERS
  21. @sbradweaver A BRIEF HISTORY OF INDEPENDENT FILM UX CINEMATIC 1984

    JIM JARMUSCH & IFA FOUNDED 1985 SPIKE LEE “SHE’S GOTTA HAVE IT” 1989 SUNDANCE FILM FEST/ S.L.&V. 1991 LINKLATER “SLACKER” 1992 “CRYING GAME” OSCAR 1992 TARANTINO & RODRIGUEZ 1985 LINKLATER EST. AUSTIN FILM SOCIETY
  22. UX CINEMATIC 1994 UX CINEMATIC THE YEAR EVERYTHING CHANGED

  23. @sbradweaver EVERYONE STARTED BREAKING THE RULES UX CINEMATIC EVERYONE LOOKED

    UP AND REMEMBERED WHO THEY WERE MAKING MOVIES FOR AND MORE PEOPLE WANTED TO START MAKING THEM
  24. @sbradweaver A COMPLETELY NEW LANDSCAPE UX CINEMATIC INDEPENDENT & STUDIO

    FILM HAD BECOME INDISTINGUISHABLE IN 1996, 4 OF 5 BEST PICTURE NOMINEES WERE INDEPENDENT FILMS
  25. @sbradweaver THE ENTIRE PROCESS CHANGED UX CINEMATIC THE WAY FILMS

    WERE CREATED, PRODUCED, AND MADE WERE FUNDAMENTALLY CHANGED WITH THE RISE OF MASS-APPEAL INDEPENDENT CINEMA
  26. @sbradweaver NOW EVERYONE’S A FILMMAKER UX CINEMATIC THERE ARE TWICE

    AS MANY FEATURE FILMS PRODUCED EACH YEAR AND TENS OF THOUSANDS OF FILMS ARE BEING MADE OVERALL
  27. UX CINEMATIC WHAT DOES THIS HAVE TO DO WITH UX?

    UX CINEMATIC
  28. @sbradweaver A NANO HISTORY OF UX UX CINEMATIC 1955 DREYFUSS

    “DESIGNING FOR PEOPLE” 1966 WALT DISNEY’S LEGACY 1973 XEROX GUI 1975-1980S WURMAN, ENGLEBART, KAY, RASKIN, ETC. 1995 DON NORMAN 1998 IA FOR THE WEB 2003 DUX CONFERENCE 2001 iPOD
  29. @sbradweaver ENTERPRISE VS. AGENCY UX CINEMATIC IN THE PAST, YOU

    HAD BIG BUDGET ENTERPRISE UX & SMALLER, AGENCY PROJECTS
  30. UX CINEMATIC IT’S NOT THAT SIMPLE ANYMORE UX CINEMATIC

  31. 2008 THE YEAR EVERYTHING CHANGED UX CINEMATIC

  32. @sbradweaver EVERYONE STARTED BREAKING THE RULES UX CINEMATIC EVERYONE LOOKED

    UP AND REMEMBERED WHO THEY WERE MAKING EXPERIENCES FOR AND MORE PEOPLE WANTED TO START MAKING THEM
  33. @sbradweaver THE GENERAL PUBLIC STARTED TO “GET IT” UX CINEMATIC

  34. @sbradweaver THE END-USER DEMANDED BETTER EXPERIENCES UX CINEMATIC AND NOT

    JUST BETTER OR MORE USABLE, BUT MORE BEAUTIFUL AND DELIGHTFUL
  35. @sbradweaver UX PRACTITIONERS HAD IGNORED VISUAL DESIGN UX CINEMATIC TECHNOLOGY

    HADN’T CAUGHT UP, SO MAKING AESTHETICALLY PLEASING INTERFACES WASN’T EASY. SUDDENLY, IT WAS (-ISH)
  36. @sbradweaver OUR PROCESS FUNDAMENTALLY CHANGED UX CINEMATIC THE WAY UX

    IS DONE, STAFFED, TAUGHT, & UNDERSTOOD HAS FUNDAMENTALLY CHANGED WITH THE RISE OF MASS UNDERSTANDING OF EXPERIENCE DESIGN
  37. @sbradweaver THE AGE OF INDIE UX UX CINEMATIC WE ARE

    NOW IN AN ERA OF INDEPENDENT PRACTITIONERS COMPETING WITH ESTABLISHED FIRMS TO MOST PEOPLE, THEY ARE INDISTINGUISHABLE
  38. @sbradweaver NOW EVERYONE’S A UX DESIGNER UX CINEMATIC THERE ARE

    THOUSANDS OF USER EXPERIENCE DESIGN SHOPS THROUGHOUT THE WORLD, BUT ONLY A HANDFUL OF INSTITUTIONS EDUCATING UX PROFESSIONALS
  39. @sbradweaver IT NO LONGER TAKES A VILLAGE UX CINEMATIC A

    SINGLE UX GENERALIST CAN (POSSIBLY) ACCOMPLISH THE SAME THING AS A LARGE UX TEAM… …AT LEAST THAT’S HOW THE END USER SEES IT
  40. @sbradweaver AND THE VILLAGE IDIOTS ARE MAKING STUFF UX CINEMATIC

    THE ABILITY FOR BUYERS AND CONSUMERS TO KNOW THE DIFFERENCE BETWEEN REAL UX AND PSEUDO-UX IS LIMITED
  41. @sbradweaver SO WHAT DOES THIS MEAN? UX CINEMATIC IF WE

    WANT TO REMAIN USEFUL TO USER EXPERIENCE DESIGN, WE MAY HAVE TO CHANGE HOW WE WORK
  42. PROCESS ISN’T AS IMPORTANT AS PEOPLE UX CINEMATIC WHILE NEWER

    AND FASTER METHODS ARE USEFUL, A RENEWED FOCUS ON THE RIGHT PEOPLE IN THE RIGHT ROLES IS THE WAY TO GO
  43. UX CINEMATIC UX CINEMATIC “A film is made three times:

    when you write it, when you shoot it, when you edit it.” - ALFRED HITCHCOCK
  44. UX CINEMATIC OUR ROLES UX CINEMATIC

  45. UX CINEMATIC THE DIRECTOR UX CINEMATIC THE AUTEUR, THE STUDIO

    (WO)MAN, THE KID WITH A CAMERA, AND EVERYTHING IN BETWEEN
  46. @sbradweaver OBSERVATION IN CONTEXT UX CINEMATIC FILMS ARE MEANINGLESS WITHOUT

    CONTEXT FOR THE VIEWER & GOOD EXPERIENCES ARE MEANINGLESS WITHOUT UNDERSTANDING CONTEXT FOR THE USER
  47. @sbradweaver THE DIRECTOR PROVIDES CONTEXT UX CINEMATIC MORE THAN VISION

    OR STYLE, A DIRECTOR IS RESPONSIBLE FOR FRAMING THE CONTEXT OF THE FILM FOR BOTH THE MAKERS AND THE USERS
  48. @sbradweaver CONTEXT IS KING UX CINEMATIC • WHERE AM I?

    • WHAT AM I DOING? • WHO AM I? • WHAT DO I WANT?
  49. @sbradweaver DIRECTOR = UX LEAD UX CINEMATIC REGARDLESS OF TITLE,

    SOMEONE HAS TO SHAPE THE VISION FOR THE PROJECT AND BE THE PERSISTENT VOICE OF CONTEXT FOR EVERYONE INVOLVED
  50. @sbradweaver LESSONS LEARNED UX CINEMATIC • ALWAYS RE-FRAME TOWARD THE

    AUDIENCE • MEDIATE CREATIVE DIFFERENCES, DON’T BULLY • IF YOU’RE PRECISE, HAVE A PRECISE TEAM. IF YOU’RE LOOSE, HAVE A LOOSE TEAM. MALICK ≠ HITCHCOCK • DON’T OVERESTIMATE YOUR ROLE
  51. UX CINEMATIC UX CINEMATIC TWO ARCHETYPES

  52. UX CINEMATIC

  53. @sbradweaver WES ANDERSON UX CINEMATIC HE IS RESEARCH DRIVEN, HE

    CONDUCTS EXTENSIVE RESEARCH TO CREATE IMMERSIVE EXPERIENCES THAT ARE AUTHENTIC AND BASED ON EXISTING PATTERNS AND WORLDS, HE MAKES THINGS FEEL FAMILIAR
  54. @sbradweaver WES ANDERSON UX CINEMATIC HE CONSISTENTLY WORKS WITH THE

    SAME CAST AND CREW BECAUSE THEY BELIEVE IN HIS PROCESS
  55. @sbradweaver WES ANDERSON UX CINEMATIC HIS WORK CAN’T BE CLASSIFIED

    BECAUSE IT’S FOR HIM AND HIS CAST
  56. @sbradweaver LESSONS LEARNED UX CINEMATIC • WORK WITH PEOPLE WHO

    “GET YOU” IF YOU WORK IN A UNIQUE WAY • IF YOU’RE GOING TO BE OBSESSIVE, DON’T HALF-ASS IT • IMMERSION WORKS AS LONG AS YOU DO IT AS WELL • KNOW YOUR HISTORY
  57. UX CINEMATIC

  58. @sbradweaver MICHAEL BAY UX CINEMATIC HE BUILDS NEW WORLDS THAT

    DEFY REALITY TO HIS OWN LIKING, CREATING SOMETHING NEW AND UNFAMILIAR
  59. @sbradweaver MICHAEL BAY UX CINEMATIC HE WORKS WITH THE BEST

    RESOURCES FOR HIS IMMEDIATE NEED AND ISN’T CONCERNED ABOUT THE OVERALL IMPACT
  60. @sbradweaver MICHAEL BAY UX CINEMATIC HIS WORK CAN’T BE CLASSIFIED

    BECAUSE IT’S FOR EVERYONE
  61. @sbradweaver LESSONS LEARNED UX CINEMATIC • HIRE THE BEST PEOPLE

    TO GET YOU EXACTLY WHAT YOU WANT, AND FIRE THEM IF THEY FAIL • DON’T FLINCH • BUILD WHAT YOU KNOW WORKS AND DON’T WORRY ABOUT WHAT THE CRITICS SAY • IF YOU’RE GOING TO GO BIG, GO BIG
  62. @sbradweaver BOTH SERVE A PURPOSE UX CINEMATIC THEY BOTH CREATE

    GREAT EXPERIENCES THAT SOME PEOPLE TRULY ENJOY… AND OTHERS CAN’T STAND
  63. @sbradweaver THE WORLD WE SEE IS NOT THE WORLD AS

    IT IS UX CINEMATIC
  64. @sbradweaver DIRECTORS & UX LEADS TAKE US TO NEW WORLDS

    UX CINEMATIC
  65. @sbradweaver DIFFERENT NEEDS UX CINEMATIC • DIFFERENT AUDIENCE • DIFFERENT

    TEAM • DIFFERENT GOALS • DIFFERENT OUTCOMES • …AND THAT’S OK!
  66. @sbradweaver DIFFERENT PEOPLE LIKE DIFFERENT THINGS UX CINEMATIC

  67. @sbradweaver DON’T ASK THEM WHAT THEY WANT UX CINEMATIC THAT’S

    HOW WE END UP WITH HOLIDAY-THEMED ROM-COMS & ADAM SANDLER
  68. @sbradweaver MAKE WHAT THEY NEED UX CINEMATIC THAT’S HOW WE

    END UP WITH MAD MAX FURY ROAD, FURIOUS 5, AND GUARDIANS OF THE GALAXY
  69. UX CINEMATIC THE EDITOR = USABILITY LEAD UX CINEMATIC A

    DESIGN EYE, THE STORY SENSE OF A WRITER, AND THE COORDINATION OF A PROJECT MANAGER
  70. @sbradweaver GETTING PEOPLE FROM A TO Z UX CINEMATIC THE

    EDITOR GETS THE AUDIENCE, AND OFTEN THE DIRECTOR, TO THE GOAL HOPEFULLY, IT’S A DELIGHTFUL EXPERIENCE ALONG THE WAY
  71. @sbradweaver UX CINEMATIC SOMEONE’S GOTTA MAKE SENSE OF ALL OF

    THIS MESS, SAY NO, AND GET IT OUT THERE INTO PEOPLE’S HANDS BE PREPARED FOR A BEATING
  72. UX CINEMATIC THE WRITER = INFORMATION ARCHITECT UX CINEMATIC THEY

    CREATE STRUCTURES FOR COMMUNICATION & THEY FORECAST ACTIONS WITH WORDS
  73. @sbradweaver LESSONS LEARNED UX CINEMATIC • TELL THE STORY, BUT

    LET THE ACTORS ACT AND THE MAKERS MAKE • KNOW WHERE YOU’RE GOING AND KEEP CHECKING THE MAP • NEVER FORGET THE AUDIENCE • THEY SHOULD ALWAYS GO FIRST IN THE PROCESS, BEFORE BUILD
  74. UX CINEMATIC THE ACTOR = THE CONTENT UX CINEMATIC THEY

    GET ALL THE CREDIT, THEY’RE WHAT PEOPLE LOOK AT, AND THEY’RE INSUFFERABLE
  75. @sbradweaver CASTING DIRECTOR = CONTENT STRATEGIST UX CINEMATIC YOU CAN’T

    CONTROL IT MOST OF THE TIME, YOU CAN ONLY MANAGE IT AND HOPE THAT IT DOESN’T GO ROGUE
  76. @sbradweaver LESSONS LEARNED UX CINEMATIC • HIRE A GREAT CASTING

    DIRECTOR (CONTENT STRATEGIST) TO KEEP BAD ACTORS OFF THE SET • SOMETIMES YOU JUST HAVE TO CUT THEM OUT • IF THEY GO OFF SCRIPT (USER GENERATED CONTENT), DO YOUR BEST TO KEEP THE ECOSYSTEM AROUND THEM TIGHT • WHEN YOU FIND ONES THAT YOU LIKE, TRY TO WORK WITH THEM AGAIN
  77. @sbradweaver PRODUCER = CREATIVE DIRECTOR UX CINEMATIC THIS GUY OR

    GAL DOESN’T REALLY DO ANYTHING, THEY JUST POINT AT STUFF AND ACCEPT THE AWARDS
  78. UX CINEMATIC QUICK CUTS UX CINEMATIC

  79. WATERFALL FILMMAKING & UX UX CINEMATIC • Pre-Production = Research

    • Production = Build • Post-Production = Testing • *We’ll fix it in post = Lean UX
  80. AGILE FILMMAKING & UX UX CINEMATIC • Script = Epic

    • Scenes = Stories • Shots = Tasks • Players & Production = Roles
  81. MAKING AGILE & UX WORK TOGETHER UX CINEMATIC • UX

    SHOULD ALWAYS BE 2 OR 3 SPRINTS AHEAD • ADD IN INTERSTITIAL DEV SPRINTS EVERY THIRD SUCH AS ALL BACK-END OR BUG SQUASHING • UX SHOULD WRITE THEIR OWN EPICS • HAVE A BACKLOG OF IDEAS TO WORK THROUGH WHILE DEV SPRINTS ARE OCCURRING
  82. UX CINEMATIC MATERIAL DESIGN = MARVEL CINEMATIC UNIVERSE UX CINEMATIC

    A SAFETY NET TO KEEP DIRECTORS FROM GOING OFF THE RAILS = A SAFETY NET TO KEEP DESIGNERS FROM GOING OFF THE RAILS
  83. @sbradweaver MAKE SHORT FILMS UX CINEMATIC SIDE PROJECTS & SMALL

    IDEAS
  84. @sbradweaver MAKE YOUR OWN HOLLYWOOD UX CINEMATIC YOU DON’T HAVE

    TO LIVE IN A BIG CITY TO TACKLE BIG IDEAS FOR BIG NAMES
  85. @sbradweaver THIS IS THE PERFECT GENERATION UX CINEMATIC THEY FEEL

    A DEEP CONNECTION TO UX MUCH LIKE THEY DO TO FILM THE MYSTERY IS BEING REMOVED AND THAT’S A GOOD THING
  86. @sbradweaver DON’T MAKE USELESS SEQUELS UX CINEMATIC THE RISKS KEEP

    INCREASING, SO THE TENDENCY IS TO CREATE MANY “SAFE” OPTIONS THAT END UP BEING GENERIC AND BLAND
  87. @sbradweaver DON’T PLAY IT SAFE UX CINEMATIC BE UNIQUE, BE

    BOLD, AND AMAZE YOUR AUDIENCE
  88. UX CINEMATIC THANKS! UX CINEMATIC @sbradweaver