16
UX Runway ensuring teams take off successfully User Experience (UX) Owner: Natalie Warnert

UX Runway ensuring teams take off successfullynataliewarnert.com/wp-content/uploads/2013/10/UX... · UX RUNWAY - Visual 20.1 (current iteration) 20.2 20.3 20.4 Development on feature

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Page 1: UX Runway ensuring teams take off successfullynataliewarnert.com/wp-content/uploads/2013/10/UX... · UX RUNWAY - Visual 20.1 (current iteration) 20.2 20.3 20.4 Development on feature

UX Runway – ensuring teams take off successfully User Experience (UX) Owner: Natalie Warnert

Page 2: UX Runway ensuring teams take off successfullynataliewarnert.com/wp-content/uploads/2013/10/UX... · UX RUNWAY - Visual 20.1 (current iteration) 20.2 20.3 20.4 Development on feature

AGENDA

• About Natalie

• What is UX?

• UX Project Submission & Initiation

• UX Runway

• UX Inclusion

• Questions

Page 3: UX Runway ensuring teams take off successfullynataliewarnert.com/wp-content/uploads/2013/10/UX... · UX RUNWAY - Visual 20.1 (current iteration) 20.2 20.3 20.4 Development on feature

Natalie Warnert

Follow @nataliewarnert & nataliewarnert.com

• CSM, PSM I

• Six Sigma Yellow Belt

• Agile Project Manager - UX

– Thomson Reuters – Legal UX

– Travelers Insurance

• Email: [email protected]

• Website: nataliewarnert.com

• Twitter: @nataliewarnert

Page 4: UX Runway ensuring teams take off successfullynataliewarnert.com/wp-content/uploads/2013/10/UX... · UX RUNWAY - Visual 20.1 (current iteration) 20.2 20.3 20.4 Development on feature

What is UX?

• How a person interacts with a system

– Flow

– Perception

– Accessibility

– Ease of use

– Understanding

Page 5: UX Runway ensuring teams take off successfullynataliewarnert.com/wp-content/uploads/2013/10/UX... · UX RUNWAY - Visual 20.1 (current iteration) 20.2 20.3 20.4 Development on feature

Roles on UX team

• User Researchers

• Information Architects

• Visual Designers

• CSS Developers

• Accessibility

Follow @nataliewarnert & nataliewarnert.com

Page 6: UX Runway ensuring teams take off successfullynataliewarnert.com/wp-content/uploads/2013/10/UX... · UX RUNWAY - Visual 20.1 (current iteration) 20.2 20.3 20.4 Development on feature

UX’s place in product development

• UX as Scrum/Agile team – Centralized UX team

• Research how users interact with system and make

recommendations

• Work with Product Owner to make wireframes and

designs to help:

– Write stories and tasks for tech teams

– Write acceptance criteria for stories

• Style pages appropriately & accessibly (CSS)

Follow @nataliewarnert & nataliewarnert.com

Page 7: UX Runway ensuring teams take off successfullynataliewarnert.com/wp-content/uploads/2013/10/UX... · UX RUNWAY - Visual 20.1 (current iteration) 20.2 20.3 20.4 Development on feature

How can all work be completed in one iteration?

Follow @nataliewarnert & nataliewarnert.com

Page 8: UX Runway ensuring teams take off successfullynataliewarnert.com/wp-content/uploads/2013/10/UX... · UX RUNWAY - Visual 20.1 (current iteration) 20.2 20.3 20.4 Development on feature

UX Runway!

Follow @nataliewarnert & nataliewarnert.com

Page 9: UX Runway ensuring teams take off successfullynataliewarnert.com/wp-content/uploads/2013/10/UX... · UX RUNWAY - Visual 20.1 (current iteration) 20.2 20.3 20.4 Development on feature

Project intake process (New Captialized Projects)

• Funded and approved projects are submitted to UX

– The earlier the better

• Order/Priority is determined by the business

– UX is included in the business case and appropriate time is

allotted for UX runway (all segments of UX)

– Resources for project management and product ownership

are solidified

– UX is involved in pre-planning after business case is

approved – visioning, feature list, timelines, roadmaps, etc.

– UX capacity is determined on an iterative basis

Follow @nataliewarnert & nataliewarnert.com

Page 10: UX Runway ensuring teams take off successfullynataliewarnert.com/wp-content/uploads/2013/10/UX... · UX RUNWAY - Visual 20.1 (current iteration) 20.2 20.3 20.4 Development on feature

UX RUNWAY – New Project Initiation

• Lead time of at least 2 months (depending on size of

project and UX team capacity) prior to tech

development start to:

– Conduct research as necessary prior to project and

iteration/development start

– Have UX representatives and PM at key initiation

meetings/sessions, and initial deep dives.

– Produce high level wireframes and design ideas and possible

prototyping to assist in planning for features as lead time

allows

• Can also be done as tech is spiking or doing backend and

infrastructure work

Follow @nataliewarnert & nataliewarnert.com

Page 11: UX Runway ensuring teams take off successfullynataliewarnert.com/wp-content/uploads/2013/10/UX... · UX RUNWAY - Visual 20.1 (current iteration) 20.2 20.3 20.4 Development on feature

Project intake process (Ongoing)

• Ongoing maintenance and development work will

be submitted through Natalie Warnert

• UX will schedule enhancement work iteratively

– Every two weeks with Legal Tech iteration and release

schedule

– Requests need to give a 2-3 iteration runway for

scheduling and resource assignment

Follow @nataliewarnert & nataliewarnert.com

Page 12: UX Runway ensuring teams take off successfullynataliewarnert.com/wp-content/uploads/2013/10/UX... · UX RUNWAY - Visual 20.1 (current iteration) 20.2 20.3 20.4 Development on feature

UX RUNWAY - Ongoing

• Iterating ahead but on same cadence

• Just in time (JIT) design

• Just enough detail provided for tech team to start work

– 80-90% completion goal for wireframe/design deliverables

• Planned room for UX changes in current iteration

– 10% capacity

Follow @nataliewarnert & nataliewarnert.com

Page 13: UX Runway ensuring teams take off successfullynataliewarnert.com/wp-content/uploads/2013/10/UX... · UX RUNWAY - Visual 20.1 (current iteration) 20.2 20.3 20.4 Development on feature

UX RUNWAY - Visual

20.1

(current

iteration)

20.2 20.3

20.4

Development on

feature W

Feature X

Feature Y

Feature Z

Information Architects & Visual

Design User Research

TechTeam/ CSS

Accessibility UX Runway

Follow @nataliewarnert & nataliewarnert.com

Page 14: UX Runway ensuring teams take off successfullynataliewarnert.com/wp-content/uploads/2013/10/UX... · UX RUNWAY - Visual 20.1 (current iteration) 20.2 20.3 20.4 Development on feature

How does it actually work?

• Backlog grooming – dependencies are identified

– CSS work is flagged as “Needs CSS/Design review” in TFS, task

created and assigned to UX-CSS

• UX backlog is developed, sized, and planned

• Working sessions with Product Owners

• Internal reviews for collaboration

• Demos with tech teams

• “Finished” UX work items help to drive work,

collaboration, and identify gaps

Follow @nataliewarnert & nataliewarnert.com

Page 15: UX Runway ensuring teams take off successfullynataliewarnert.com/wp-content/uploads/2013/10/UX... · UX RUNWAY - Visual 20.1 (current iteration) 20.2 20.3 20.4 Development on feature

UX Inclusion

• EARLY IS BETTER

• Table planning, roadmapping, dependency

mapping

• Release planning

• Backlog grooming

• Stand-up/Daily Scrum

• Scrum of Scrums

• Demos

• One size does not fit all!

Page 16: UX Runway ensuring teams take off successfullynataliewarnert.com/wp-content/uploads/2013/10/UX... · UX RUNWAY - Visual 20.1 (current iteration) 20.2 20.3 20.4 Development on feature

Thank you!

Follow @nataliewarnert & nataliewarnert.com

• Email: [email protected]

• Twitter: @nataliewarnert

• Website: nataliewarnert.com

•Questions?