Desmystifying UX Teams - Speaker Deck

Slide 1

Slide 1 text

UX at Fullscreen DEMYSTIFYING UX TEAMS UXPA LA | April 2, 2014

Slide 2

Slide 2 text

HI THERE

Slide 3

Slide 3 text

JAY STAKELON VP Product Design @Fullscreen ! ! ! ! ~10 years digital design, web engineering, product management, startups @stakelon

Slide 4

Slide 4 text

www.speakerdeck.com/stakes

Slide 5

Slide 5 text

FULLSCREEN A media company that powers the creation and sharing of video with the connected generation.

Slide 6

Slide 6 text

6 When it comes to our business model, we are reaching scale.

Slide 7

Slide 7 text

7 3 product designers

Slide 8

Slide 8 text

8 When it comes to how we approach product design, we are deﬁnitely a startup.

Slide 9

Slide 9 text

WHAT WE BUILD

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

11 Fullscreen’s product design team builds software for video content creators   that powers collaboration, audience development and earnings growth at scale.

Slide 12

Slide 12 text

OUR ROLES ROLE

Slide 13

Slide 13 text

13 At Fullscreen, “Product Design” = “UX”

Slide 14

Slide 14 text

14 ▶ USER RESEARCHER What users need from it INFO. ARCHITECT How it’s organized UI DESIGNER How it appears to work INTERACTION DESIGNER How it works when I use it VISUAL DESIGNER How it looks USABILITY ANALYST How successful it is UX as a discipline encompasses many roles.

Slide 15

Slide 15 text

15 ▶ PRODUCT DESIGNER At Fullscreen, we have one role on the product design team.

Slide 16

Slide 16 text

T T T 16 UX generalists with deep visual design and UI design expertise.

Slide 17

Slide 17 text

17 USER RESEARCH PM + Designer + Business Owner INTERACTION DESIGN Engineer + Designer USABILITY Designer + PM + Engineer IA + CONTENT STRATEGY Product Marketer + PM + Designer There are a lot of shared responsibilities.

Slide 18

Slide 18 text

18 Well, most of them. ▶ UI DESIGN Product Designer VISUAL DESIGN Product Designer

Slide 19

Slide 19 text

OUR DESIGN TOOLKIT

Slide 20

Slide 20 text

20 USER RESEARCH SPEC PROTOTYPING CONTINUOUS  DESIGN DESIGN WORKSHOPS

Slide 21

Slide 21 text

21 USER RESEARCH PROTOTYPING CONTINUOUS  DESIGN DESIGN WORKSHOPS SPEC

Slide 22

Slide 22 text

22 Spec ensures shared understanding of what we are building.

Slide 23

Slide 23 text

23 WORK SESSIONS MOCKS PROTOTYPES SITEMAPPING WIREFRAMES LESS MORE

Slide 24

Slide 24 text

24 The only deliverable that matters is the product that we release.

Slide 25

Slide 25 text

THE TOOLS IN ACTION

Slide 26

Slide 26 text

Slide 27

Slide 27 text

27 DESIGN WORKSHOP Includes designers, eng, PM, biz. Requirements gathering, stakeholder feedback, sketching, flows, wireframes.

Slide 28

Slide 28 text

28 PROTOTYPING Lo-fi or die. Intended to validate hypotheses as cheaply and quickly as possible.

Slide 29

Slide 29 text

29 USER RESEARCH Hourlong 1:1 sessions. Test lo-fi prototypes developed during the weeklong design sprint.

Slide 30

Slide 30 text

30 MOCKS Visual design polish, fit and finish. Focus on main views and recurring  design patterns.

Slide 31

Slide 31 text

31 MORE PROTOTYPING Detailed interactive prototyping. Helps ensure shared understanding of more complex user flows and animation/motion.

Slide 32

Slide 32 text

32 CONTINUOUS DESIGN Product designer embedded with the engineering team shipping product.

Slide 33

Slide 33 text

INSIGHTS

Slide 34

Slide 34 text

Avoid analysis paralysis. Don’t get hung up on finding the perfect process. Iterate on process just like product.

Slide 35

Slide 35 text

No content

Slide 36

Slide 36 text

Small, empowered, matrixed teams. Product design is a team sport. All participants, no observers or approvers.

Slide 37

Slide 37 text

Involve business stakeholders. Make them first-class citizens in the design process. Have a business owner who is an active participant.

Slide 38

Slide 38 text

Externalize often. Externalizing brings shared understanding. Balance alone time and group sessions.

Slide 39

Slide 39 text

Continuous design FTW. But you need a high design:engineering ratio to make it work on an ongoing basis.

Slide 40

Slide 40 text

THX