cwds powerpoint template 9x16 widescreenstatic-cwds-io.s3.amazonaws.com/uploads/ckeditor/... ·...

28
CWDS / Child Welfare Digital Services Sprint Review DesignOps / September 27, 2017 Sprint 1 Sprint Dates: 9/14/2017 to 9/27/2017

Upload: others

Post on 20-Jul-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: CWDS PowerPoint Template 9x16 widescreenstatic-cwds-io.s3.amazonaws.com/uploads/ckeditor/... · 9/27/2017  · “Ugly Baby” Role-selected Landing ... CWDS PowerPoint Template_9x16

CWDS / Child Welfare Digital Services

Sprint Review DesignOps / September 27, 2017Sprint 1Sprint Dates: 9/14/2017 to 9/27/2017

Page 2: CWDS PowerPoint Template 9x16 widescreenstatic-cwds-io.s3.amazonaws.com/uploads/ckeditor/... · 9/27/2017  · “Ugly Baby” Role-selected Landing ... CWDS PowerPoint Template_9x16

Sprint 0

Page 3: CWDS PowerPoint Template 9x16 widescreenstatic-cwds-io.s3.amazonaws.com/uploads/ckeditor/... · 9/27/2017  · “Ugly Baby” Role-selected Landing ... CWDS PowerPoint Template_9x16

WeaknessesStrengths

PI-4Sept–Nov

PI-3 Jun–Aug

PI-2March–May

• Needs product staffing (starting)

• Product needs to think across services

• Component Library is a product/framework

• Needs product support and prioritization

• Design systems thinking beginning across services that have teams

• Visual Design direction• Visual and IA implemented• Improved governance system

• Information Architecture (IA) • CSS Pattern Library & Style

Guide• First components developed

• Establish idea• First meetings• Accessibility standards• “Cards” as key vehicle

Organizational awareness

OutcomesWood Duck WHAT WE’VE DONE

Page 4: CWDS PowerPoint Template 9x16 widescreenstatic-cwds-io.s3.amazonaws.com/uploads/ckeditor/... · 9/27/2017  · “Ugly Baby” Role-selected Landing ... CWDS PowerPoint Template_9x16

Systems approach for many needsWHAT WE’VE DONE

IA Templates >> Level 00Login

Level 01Landing

Level 02Category

Level 03Detail

Global

Login(Role based access

control)

Landing Search

Intake Landing for Intake users Hotline, Snapshot, Investigation

CALS Landing for CALS users Lists Facility Profile

Case Management Landing for CM users

(Sandbox) “Ugly Baby” Role-selected Landing

Page 5: CWDS PowerPoint Template 9x16 widescreenstatic-cwds-io.s3.amazonaws.com/uploads/ckeditor/... · 9/27/2017  · “Ugly Baby” Role-selected Landing ... CWDS PowerPoint Template_9x16

Information ArchitectureWHAT WE’VE DONE

Level 00 Login Level 01 Landing

Page 6: CWDS PowerPoint Template 9x16 widescreenstatic-cwds-io.s3.amazonaws.com/uploads/ckeditor/... · 9/27/2017  · “Ugly Baby” Role-selected Landing ... CWDS PowerPoint Template_9x16

Information ArchitectureWHAT WE’VE DONE

Level 02 Category Level 03 Detail

Page 7: CWDS PowerPoint Template 9x16 widescreenstatic-cwds-io.s3.amazonaws.com/uploads/ckeditor/... · 9/27/2017  · “Ugly Baby” Role-selected Landing ... CWDS PowerPoint Template_9x16

Designed in Sprint 0 – available for DevelopmentDesign for Global Header and Page Header – Design Story #150534201

Page 8: CWDS PowerPoint Template 9x16 widescreenstatic-cwds-io.s3.amazonaws.com/uploads/ckeditor/... · 9/27/2017  · “Ugly Baby” Role-selected Landing ... CWDS PowerPoint Template_9x16

Sprint Goal• Design Stories

• Visual Design Studies for consistent look and feel• Visual Design of White Space

• Inventory core components• Create user stories after inventory – build our backlog• Document CWDS User Journey (login/landing/etc.)• Update/Prepare for ELT Shareout• Governance for DS teams to implement Component Library

elements

Page 9: CWDS PowerPoint Template 9x16 widescreenstatic-cwds-io.s3.amazonaws.com/uploads/ckeditor/... · 9/27/2017  · “Ugly Baby” Role-selected Landing ... CWDS PowerPoint Template_9x16

What we did this sprint

Page 10: CWDS PowerPoint Template 9x16 widescreenstatic-cwds-io.s3.amazonaws.com/uploads/ckeditor/... · 9/27/2017  · “Ugly Baby” Role-selected Landing ... CWDS PowerPoint Template_9x16

Visual Design StudiesOUTCOMES• Completed 3 visual design studies, each one

emphasizing a different product personality trait (professional, warm, confident).

• Applied visual design studies to a Level 03 Detail page based on an Intake Screener.

• Decided on a single direction to move forward.

WHAT’S NEXT• Apply visual design direction to Intake & CALs screens• Finalize this iteration of visual design direction in the

form of a style guide

Page 11: CWDS PowerPoint Template 9x16 widescreenstatic-cwds-io.s3.amazonaws.com/uploads/ckeditor/... · 9/27/2017  · “Ugly Baby” Role-selected Landing ... CWDS PowerPoint Template_9x16

Visual Design Studies - ‘Professional’

Page 12: CWDS PowerPoint Template 9x16 widescreenstatic-cwds-io.s3.amazonaws.com/uploads/ckeditor/... · 9/27/2017  · “Ugly Baby” Role-selected Landing ... CWDS PowerPoint Template_9x16

Visual Design Studies - ‘Warm’

Page 13: CWDS PowerPoint Template 9x16 widescreenstatic-cwds-io.s3.amazonaws.com/uploads/ckeditor/... · 9/27/2017  · “Ugly Baby” Role-selected Landing ... CWDS PowerPoint Template_9x16

Visual Design Studies - ‘Confident’

Page 14: CWDS PowerPoint Template 9x16 widescreenstatic-cwds-io.s3.amazonaws.com/uploads/ckeditor/... · 9/27/2017  · “Ugly Baby” Role-selected Landing ... CWDS PowerPoint Template_9x16

Visual Design Studies - Direction Forward

The direction we agreed to move forward with is to keep the ‘professional’ concept at the core, while including elements that worked well in ‘warm’ and ‘confident’ such as the use of color.

Page 15: CWDS PowerPoint Template 9x16 widescreenstatic-cwds-io.s3.amazonaws.com/uploads/ckeditor/... · 9/27/2017  · “Ugly Baby” Role-selected Landing ... CWDS PowerPoint Template_9x16
Page 16: CWDS PowerPoint Template 9x16 widescreenstatic-cwds-io.s3.amazonaws.com/uploads/ckeditor/... · 9/27/2017  · “Ugly Baby” Role-selected Landing ... CWDS PowerPoint Template_9x16

What we learned

Page 17: CWDS PowerPoint Template 9x16 widescreenstatic-cwds-io.s3.amazonaws.com/uploads/ckeditor/... · 9/27/2017  · “Ugly Baby” Role-selected Landing ... CWDS PowerPoint Template_9x16

Shared Resource ChallengesBacklog Visibility• Stories in the DesignOps backlog were not obvious to DS teams that their

shared resource had other work Ceremony Overload• Shared resources now have 1 extra set of ceremonies to attend

• Scrum• Refinement• Planning• Review• Retro

Page 18: CWDS PowerPoint Template 9x16 widescreenstatic-cwds-io.s3.amazonaws.com/uploads/ckeditor/... · 9/27/2017  · “Ugly Baby” Role-selected Landing ... CWDS PowerPoint Template_9x16

Elaborations

Page 19: CWDS PowerPoint Template 9x16 widescreenstatic-cwds-io.s3.amazonaws.com/uploads/ckeditor/... · 9/27/2017  · “Ugly Baby” Role-selected Landing ... CWDS PowerPoint Template_9x16

DesignOps/Component Library GovernanceStory Development• DesignOps team will develop/refine stories

• Regularly scheduled sessions with all DS teams invited (we encourage participation by at least 1 designer and 1 dev from each DS team)

• DesignOps Product Management prioritizes stories• Design stories are tagged with label design-ops design• Development stories are tagged with label design-ops dev• Acceptance criteria will include an Acceptance Step from DesignOps Product

Management

Sprint Cycles• DesignOps sprints are offset from the DS teams by 1 week

Page 20: CWDS PowerPoint Template 9x16 widescreenstatic-cwds-io.s3.amazonaws.com/uploads/ckeditor/... · 9/27/2017  · “Ugly Baby” Role-selected Landing ... CWDS PowerPoint Template_9x16

DesignOps Story AuctionThe DOSA • Bi-weekly meeting will be held with

DS Team service managers/product owners

• Meeting will be after the end of the DesignOps sprint and prior to the DS teams' sprint planning

• DesignOps PO presents the coveted lots (prioritized stories) for DS team to sign up for

Page 21: CWDS PowerPoint Template 9x16 widescreenstatic-cwds-io.s3.amazonaws.com/uploads/ckeditor/... · 9/27/2017  · “Ugly Baby” Role-selected Landing ... CWDS PowerPoint Template_9x16

DesignOps StoriesWhere Our Stories Live:• Start in DesignOps, then moved to DS team backlog(s) during the Auction• Stories are then planned / worked in the DS team backlogs, and

included in DS team sprint reviews• Viewing stories across the various trackers can be done with a workspace

(including all relevant DS team trackers) and searching for "label:design-ops*"

Auctioned Story Acceptance• Stories worked in DS team backlogs are to be (at least) final approved by

DesignOps Product Management in conjunction with DS team Product Owner(s).

Page 22: CWDS PowerPoint Template 9x16 widescreenstatic-cwds-io.s3.amazonaws.com/uploads/ckeditor/... · 9/27/2017  · “Ugly Baby” Role-selected Landing ... CWDS PowerPoint Template_9x16

Backlog OrganizationBacklog• Refined Stories ready for Auction: “Lots”• Design Lots• Development Lots• Misc. Lots

Page 23: CWDS PowerPoint Template 9x16 widescreenstatic-cwds-io.s3.amazonaws.com/uploads/ckeditor/... · 9/27/2017  · “Ugly Baby” Role-selected Landing ... CWDS PowerPoint Template_9x16

Backlog OrganizationIcebox• Top/Bottom markers• Inbox - Stories added by anyone• Design Stories Section • Development Stories Section • Arctic*

*Includes all stories added by Leon

Page 24: CWDS PowerPoint Template 9x16 widescreenstatic-cwds-io.s3.amazonaws.com/uploads/ckeditor/... · 9/27/2017  · “Ugly Baby” Role-selected Landing ... CWDS PowerPoint Template_9x16

Sprint Backlog: DoneStory# Story Summary Description Points

150527183 Core Component Inventory and Potential Needs 1

150681742 DESIGN Create stories resulting from Inventory of Core Components 1

150682030 DESIGN Continued Visual Design Studies 5

150987416 DESIGN Diagram Source of Truth for login and user routes into this application 2

150555063 CHORE: Clean up file structure in OneDrive 0

150980507 CHORE: Revise and Update DesignOps Shareout Deck for ELT 0

151111267 CHORE: Determine governance process for digital service teams implementing component library elements 0

TOTAL 9

Page 25: CWDS PowerPoint Template 9x16 widescreenstatic-cwds-io.s3.amazonaws.com/uploads/ckeditor/... · 9/27/2017  · “Ugly Baby” Role-selected Landing ... CWDS PowerPoint Template_9x16

Sprint Backlog: Not DoneStory# Story Summary Description Points

150985994 DESIGN Visual Design Direction for WHITE SPACES 3

Page 26: CWDS PowerPoint Template 9x16 widescreenstatic-cwds-io.s3.amazonaws.com/uploads/ckeditor/... · 9/27/2017  · “Ugly Baby” Role-selected Landing ... CWDS PowerPoint Template_9x16

Sprint Metrics - Sept. 14 – 27, 2017

Estimated Sprint Capacity 40%

DesignPlanned Design Story Points 12

Completed Design Story Points 9

Design % Completed %

OtherPlanned Backlog Story Points 0

Completed Backlog Story Points 0

% Completed

Stretch Stretch & Unplanned Backlog Story Points 0

Sprint Velocity (The actual completed + stretch) 9

% Completed (Velocity / Planned Backlog) 75%

Average Velocity over last 3 sprints N/A

1 - -

Last 3 Sprints

Page 27: CWDS PowerPoint Template 9x16 widescreenstatic-cwds-io.s3.amazonaws.com/uploads/ckeditor/... · 9/27/2017  · “Ugly Baby” Role-selected Landing ... CWDS PowerPoint Template_9x16

ImpedimentsOrganizational

Shared Resources

Team Control Team Influence

High Impact Medium Impact Low Impact

Page 28: CWDS PowerPoint Template 9x16 widescreenstatic-cwds-io.s3.amazonaws.com/uploads/ckeditor/... · 9/27/2017  · “Ugly Baby” Role-selected Landing ... CWDS PowerPoint Template_9x16

Questions?

Where to find out more about the CWDS Design Vision with specifics about the CWDS Design System and Component Libraryhttps://github.com/ca-cwds/research-design/wiki/

Link to DesignOps Pivotal Trackerhttps://www.pivotaltracker.com/n/projects/1963189