Cinematic UX - Speaker Deck

Slide 1

Slide 1 text

UX CINEMATIC

Slide 2

Slide 2 text

UX CINEMATIC UX CINEMATIC

Slide 3

Slide 3 text

@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

Slide 4

Slide 4 text

UX CINEMATIC Brad Weaver UX CINEMATIC Director of Design @sbradweaver

Slide 5

Slide 5 text

@sbradweaver I LOVE MOVIES! UX CINEMATIC

Slide 6

Slide 6 text

UX CINEMATIC

Slide 7

Slide 7 text

UX CINEMATIC

Slide 8

Slide 8 text

UX CINEMATIC

Slide 9

Slide 9 text

@sbradweaver UX CINEMATIC I LOVE UX DESIGN!

Slide 10

Slide 10 text

UX CINEMATIC MOVIES + UX =

Slide 11

Slide 11 text

UX CINEMATIC MOVIES + UX =

Slide 12

Slide 12 text

@sbradweaver UX CINEMATIC MAKING A FILM IS VERY SIMILAR TO RUNNING A USER EXPERIENCE PROJECT

Slide 13

Slide 13 text

@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

Slide 14

Slide 14 text

@sbradweaver A THOUSAND DIFFERENT OUTCOMES UX CINEMATIC THE PAST, PRESENT, & FUTURE OF FILM & UX VARY GREATLY DEPENDING ON WHO YOU ASK & WHAT THEY DO

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

@sbradweaver STUDIO VS. INDEPENDENT UX CINEMATIC IN THE PAST, YOU HAD BIG BUDGET STUDIO FILMS & SMALLER, INDEPENDENT FILMS…

Slide 17

Slide 17 text

@sbradweaver MEANWHILE… UX CINEMATIC WHILE STUDIO FILMS WERE BEING CONSUMED BY THE MASSES, INDEPENDENT FILMS WERE MADE OFTEN & SEEN INFREQUENTLY

Slide 18

Slide 18 text

@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

Slide 19

Slide 19 text

@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

Slide 20

Slide 20 text

UX CINEMATIC 1994 UX CINEMATIC THE YEAR EVERYTHING CHANGED

Slide 21

Slide 21 text

@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

Slide 22

Slide 22 text

@sbradweaver A COMPLETELY NEW LANDSCAPE UX CINEMATIC INDEPENDENT & STUDIO FILM HAD BECOME INDISTINGUISHABLE IN 1996, 4 OF 5 BEST PICTURE NOMINEES WERE INDEPENDENT FILMS

Slide 23

Slide 23 text

@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

Slide 24

Slide 24 text

@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

Slide 25

Slide 25 text

UX CINEMATIC WHAT DOES THIS HAVE TO DO WITH UX? UX CINEMATIC

Slide 26

Slide 26 text

@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

Slide 27

Slide 27 text

@sbradweaver ENTERPRISE VS. AGENCY UX CINEMATIC IN THE PAST, YOU HAD BIG BUDGET ENTERPRISE UX & SMALLER, AGENCY PROJECTS

Slide 28

Slide 28 text

UX CINEMATIC IT’S NOT THAT SIMPLE ANYMORE UX CINEMATIC

Slide 29

Slide 29 text

2008 THE YEAR EVERYTHING CHANGED UX CINEMATIC

Slide 30

Slide 30 text

@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

Slide 31

Slide 31 text

@sbradweaver THE GENERAL PUBLIC STARTED TO “GET IT” UX CINEMATIC

Slide 32

Slide 32 text

@sbradweaver THE END-USER DEMANDED BETTER EXPERIENCES UX CINEMATIC AND NOT JUST BETTER OR MORE USABLE, BUT MORE BEAUTIFUL AND DELIGHTFUL

Slide 33

Slide 33 text

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

Slide 34

Slide 34 text

@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

Slide 35

Slide 35 text

@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

Slide 36

Slide 36 text

@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

Slide 37

Slide 37 text

@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

Slide 38

Slide 38 text

@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

Slide 39

Slide 39 text

@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

Slide 40

Slide 40 text

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

Slide 41

Slide 41 text

WATERFALL FILMMAKING & UX UX CINEMATIC • Pre-Production = Research • Production = Build • Post-Production = Testing • *We’ll ﬁx it in post = Lean UX

Slide 42

Slide 42 text

AGILE FILMMAKING & UX UX CINEMATIC • Script = Epic • Scenes = Stories • Shots = Tasks • Players & Production = Roles

Slide 43

Slide 43 text

UX CINEMATIC UX CINEMATIC “A ﬁlm is made three times: when you write it, when you shoot it, when you edit it.” - ALFRED HITCHCOCK

Slide 44

Slide 44 text

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

Slide 45

Slide 45 text

UX CINEMATIC OUR ROLES UX CINEMATIC

Slide 46

Slide 46 text

UX CINEMATIC THE DIRECTOR UX CINEMATIC THE AUTEUR, THE STUDIO (WO)MAN, THE KID WITH A CAMERA, AND EVERYTHING IN BETWEEN

Slide 47

Slide 47 text

@sbradweaver OBSERVATION IN CONTEXT UX CINEMATIC FILMS ARE MEANINGLESS WITHOUT CONTEXT FOR THE VIEWER & GOOD EXPERIENCES ARE MEANINGLESS WITHOUT UNDERSTANDING CONTEXT FOR THE USER

Slide 48

Slide 48 text

@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

Slide 49

Slide 49 text

@sbradweaver CONTEXT IS KING UX CINEMATIC • WHERE AM I? • WHAT AM I DOING? • WHO AM I? • WHAT DO I WANT?

Slide 50

Slide 50 text

@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

Slide 51

Slide 51 text

@sbradweaver LESSONS LEARNED UX CINEMATIC • ALWAYS RE-FRAME TOWARD THE AUDIENCE • MEDIATE CREATIVE DIFFERENCES, DON’T BULLY • IF YOUR PRECISE, HAVE A PRECISE TEAM. IF YOU’RE LOOSE, HAVE A LOOSE TEAM. MALICK ≠ HITCHCOCK • DON’T OVERESTIMATE YOUR ROLE

Slide 52

Slide 52 text

UX CINEMATIC UX CINEMATIC TWO ARCHETYPES

Slide 53

Slide 53 text

UX CINEMATIC

Slide 54

Slide 54 text

@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

Slide 55

Slide 55 text

@sbradweaver WES ANDERSON UX CINEMATIC HE CONSISTENTLY WORKS WITH THE SAME CAST AND CREW BECAUSE THEY BELIEVE IN HIS PROCESS

Slide 56

Slide 56 text

@sbradweaver WES ANDERSON UX CINEMATIC HIS WORK CAN’T BE CLASSIFIED BECAUSE IT’S FOR HIM AND HIS CAST

Slide 57

Slide 57 text

@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

Slide 58

Slide 58 text

UX CINEMATIC

Slide 59

Slide 59 text

@sbradweaver MICHAEL BAY UX CINEMATIC HE BUILDS NEW WORLDS THAT DEFY REALITY TO HIS OWN LIKING, CREATING SOMETHING NEW AND UNFAMILIAR

Slide 60

Slide 60 text

@sbradweaver MICHAEL BAY UX CINEMATIC HE WORKS WITH THE BEST RESOURCES FOR HIS IMMEDIATE NEED AND ISN’T CONCERNED ABOUT THE OVERALL IMPACT

Slide 61

Slide 61 text

@sbradweaver MICHAEL BAY UX CINEMATIC HIS WORK CAN’T BE CLASSIFIED BECAUSE IT’S FOR EVERYONE

Slide 62

Slide 62 text

@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

Slide 63

Slide 63 text

@sbradweaver BOTH SERVE A PURPOSE UX CINEMATIC THEY BOTH CREATE GREAT EXPERIENCES THAT SOME PEOPLE TRULY ENJOY… AND OTHERS CAN’T STAND

Slide 64

Slide 64 text

@sbradweaver THE WORLD WE SEE IS NOT THE WORLD AS IT IS UX CINEMATIC

Slide 65

Slide 65 text

@sbradweaver DIRECTORS & UX LEADS TAKE US TO NEW WORLDS UX CINEMATIC

Slide 66

Slide 66 text

@sbradweaver DIFFERENT NEEDS UX CINEMATIC • DIFFERENT AUDIENCE • DIFFERENT TEAM • DIFFERENT GOALS • DIFFERENT OUTCOMES • …AND THAT’S OK!

Slide 67

Slide 67 text

@sbradweaver DIFFERENT PEOPLE LIKE DIFFERENT THINGS UX CINEMATIC

Slide 68

Slide 68 text

@sbradweaver DON’T ASK THEM WHAT THEY WANT UX CINEMATIC THAT’S HOW WE END UP WITH HOLIDAY-THEMED ROM-COMS & ADAM SANDLER

Slide 69

Slide 69 text

@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

Slide 70

Slide 70 text

UX CINEMATIC THE EDITOR = USABILITY LEAD UX CINEMATIC A DESIGN EYE, THE STORY SENSE OF A WRITER, AND THE COORDINATION OF A PROJECT MANAGER

Slide 71

Slide 71 text

@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

Slide 72

Slide 72 text

@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

Slide 73

Slide 73 text

UX CINEMATIC THE WRITER = INFORMATION ARCHITECT UX CINEMATIC THEY CREATE STRUCTURES FOR COMMUNICATION & THEY FORECAST ACTIONS WITH WORDS

Slide 74

Slide 74 text

@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

Slide 75

Slide 75 text

UX CINEMATIC THE ACTOR = THE CONTENT UX CINEMATIC THEY GET ALL THE CREDIT, THEY’RE WHAT PEOPLE LOOK AT, AND THEY’RE INSUFFERABLE

Slide 76

Slide 76 text

@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

Slide 77

Slide 77 text

@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

Slide 78

Slide 78 text

@sbradweaver PRE-PRODUCTION = RESEARCH TEAM UX CINEMATIC

Slide 79

Slide 79 text

@sbradweaver CONTINUITY EXPERT = PROJECT MANAGER UX CINEMATIC

Slide 80

Slide 80 text

@sbradweaver PRODUCTION DESIGNER = UI DESIGNER UX CINEMATIC

Slide 81

Slide 81 text

@sbradweaver PRODUCER = CREATIVE DIRECTOR UX CINEMATIC THIS GUY OR GAL DOESN’T REALLY DO ANYTHING, THEY JUST POINT AT STUFF AND ACCEPT THE AWARDS

Slide 82

Slide 82 text

UX CINEMATIC QUICK CUTS UX CINEMATIC

Slide 83

Slide 83 text

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

Slide 84

Slide 84 text

@sbradweaver MAKE SHORT FILMS UX CINEMATIC SIDE PROJECTS & SMALL IDEAS

Slide 85

Slide 85 text

@sbradweaver MAKE YOUR OWN HOLLYWOOD UX CINEMATIC YOU DON’T HAVE TO LIVE IN A BIG CITY TO TACKLE BIG IDEAS FOR BIG NAMES

Slide 86

Slide 86 text

@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

Slide 87

Slide 87 text

@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

Slide 88

Slide 88 text

@sbradweaver DON’T PLAY IT SAFE UX CINEMATIC BE UNIQUE, BE BOLD, AND AMAZE YOUR AUDIENCE

Slide 89

Slide 89 text

UX CINEMATIC THANKS! UX CINEMATIC @sbradweaver