CWDS PowerPoint Template 9x16 widescreenstatic-cwds-io.s3.amazonaws.com/uploads/ckeditor/... ·...
Transcript of CWDS PowerPoint Template 9x16 widescreenstatic-cwds-io.s3.amazonaws.com/uploads/ckeditor/... ·...
![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](https://reader034.fdocuments.in/reader034/viewer/2022042918/5f5e38de987e81072145633a/html5/thumbnails/1.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042918/5f5e38de987e81072145633a/html5/thumbnails/2.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042918/5f5e38de987e81072145633a/html5/thumbnails/3.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042918/5f5e38de987e81072145633a/html5/thumbnails/4.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042918/5f5e38de987e81072145633a/html5/thumbnails/5.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042918/5f5e38de987e81072145633a/html5/thumbnails/6.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042918/5f5e38de987e81072145633a/html5/thumbnails/7.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042918/5f5e38de987e81072145633a/html5/thumbnails/8.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042918/5f5e38de987e81072145633a/html5/thumbnails/9.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042918/5f5e38de987e81072145633a/html5/thumbnails/10.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042918/5f5e38de987e81072145633a/html5/thumbnails/11.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042918/5f5e38de987e81072145633a/html5/thumbnails/12.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042918/5f5e38de987e81072145633a/html5/thumbnails/13.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042918/5f5e38de987e81072145633a/html5/thumbnails/14.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042918/5f5e38de987e81072145633a/html5/thumbnails/15.jpg)
![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](https://reader034.fdocuments.in/reader034/viewer/2022042918/5f5e38de987e81072145633a/html5/thumbnails/16.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042918/5f5e38de987e81072145633a/html5/thumbnails/17.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042918/5f5e38de987e81072145633a/html5/thumbnails/18.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042918/5f5e38de987e81072145633a/html5/thumbnails/19.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042918/5f5e38de987e81072145633a/html5/thumbnails/20.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042918/5f5e38de987e81072145633a/html5/thumbnails/21.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042918/5f5e38de987e81072145633a/html5/thumbnails/22.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042918/5f5e38de987e81072145633a/html5/thumbnails/23.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042918/5f5e38de987e81072145633a/html5/thumbnails/24.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042918/5f5e38de987e81072145633a/html5/thumbnails/25.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042918/5f5e38de987e81072145633a/html5/thumbnails/26.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042918/5f5e38de987e81072145633a/html5/thumbnails/27.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042918/5f5e38de987e81072145633a/html5/thumbnails/28.jpg)
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