Digital Web Services Network Q&A April 21, 2022

Digital Web Services Network: Past Events

April 21, 2022 DWSN Forum
Back to DWSN mainSlide deck (PDF)

Here are collected and shared poll responses from the community members.

How interested are you in adopting the Design System on your state site?

Responses total: 58

Very interested (would adopt as soon as it's ready)24%

Interested (would adopt after a few more state sites do/at a more appropriate time)24%

Might be interested (need more information/time/buy-in)43%

Likely not interested7%

Will likely never be interested0%

Other2%

What tools do you use to share code with your team and partners?

Responses total: 43

Azure DevOps20%

BitBucket10%

GitHub25%

FTP4%

None29%

Other12%

Here are collected and shared QAs from the DWSN forum meeting chat.

Do you have a concept for sharing components?

DWSN Coordinator/presenter: Here is a doc we are adding to the design system site about web components – link to Design System: Why web components.

Since MS is retiring IE in a couple months, how important is it to support?

DWSN member: Link to Internet Explorer 11 desktop application ending support for certain operating systems

DWSN member: Link to We dropped support in our department for IE for websites/apps last year. 

Will the design components eventually tie into CA web publishing (those using WordPress/DIVI)?

DWSN Coordinator/presenter: Yes, that is in progress. We have a roadmap in place for a Design System based page builder experience. We will be making an announcement for those interested in early adoption.

Can we attendees get a copy of the presentations?

DWSN Coordinator/presenter: Absolutely, will be posted to cdt.ca.gov/dwsn following today’s forum.

Is there an updated status of how many state agencies are using the state template and bootstrap vs. other web content management systems? The two agencies I have been at moved away from the state template (sadly), so I am just curious what other agencies are doing.

DWSN Coordinator/presenter: Yes, that’s coming up in this presentation.

Will the template/design system be just as easy to use with the components for non CA publishing users?

DWSN Coordinator/presenter: That’s the goal. The design system should be easy to use agnostic of platform.

DWSN Coordinator/presenter: Yes this is the goal – we want the DS to be used everywhere, not just CAWEB publishing.

What's the timeline on releasing template v6 and design system v1?

DWSN Coordinator/presenter: The State Web Template v6 is going to be released between the second and third quarters of this year. The Design System will follow after that but we are not sure of the timeline at this point in time. 

This all sounds groovy - what if any consideration will be given to document designers that are keying their styles off the web standards work?

DWSN Coordinator/presenter: Designers who are looking at the State Web Template for design inspiration can start looking at the documentation on designsystem.webstandards.ca.gov. In particular, the Visual design style guide and the Components documentation are good place to start. There are styling recommendations there that can be transferable into document design. If any designers have feedback or questions, please reach out to us: Design System – Contact Us. We want to continue building tools and documentation that support the needs of designers across the state.

We plan to use WordPress with the Design System, and we'll have many non-technical business folks maintaining their own content. Will this be 'easy' for them to do?

DWSN Coordinator/presenter: There will be a theme and a couple of options to include Design System code. We can include a page about this on the design system website. If you are concerned about migrations we would love to talk to you. We are thinking about sharing some content design guidance or a possible migration script that may help you update your site, but would like to understand your needs first. Please reach out via the contact form: Design System – Contact Us.

How will this transition impact our sites and site management responsibilities? Will there be any kind of training provided around this transition?

DWSN Coordinator/presenter: Site management is still the responsibility of the state entity or business owner. We will be providing more information related to taking advantage of the Design System, website redesign, and other transition related considerations. 

Any information about use of HTML5 / bootstrap / accessibility in version 6 would be welcome

DWSN Coordinator/presenter: Noted. There will be no bootstrap, but we will need training materials helping people to understand what to do instead.

I don't love tab panels but our business customer's do. Any help available on adding functionality without jquery?

DWSN Coordinator/presenter: There may be a component for that!

DWSN Coordinator/presenter: I thought this was a nice tab web component: GitHub: Seven Minute Tabs.

We live stream some meetings on our website, we use YouTube's embed code. But our developer had to do some json work to get frame it nicely, give us control for intro/break/end screens & control.... a web component for that would be helpful.

DWSN Coordinator/presenter: Thanks for that suggestion. You can always reach out via the contact form Design System – Contact Us. for any questions or suggestions. 

Digital Web Services Network Q&A January 20, 2022

Digital Web Services Network: Past Events

January 20, 2022 DWSN Forum
Back to DWSN mainSlide deck (PDF)

Is this being recorded for people who can't make it today?

DWSN Coordinator/presenter: we do not record these, thanks.

Can we invite 4 people to this meeting right now?

DWSN Coordinator/presenter: please feel free to forward the link to today’s meeting and they should be able to join right away! 

They’ll need to fill out the sign up form to be added to our distribution lists for future meeting invites, however

Quick Question. Will the assessment phase also include "Application Security Assessment"?

DWSN Coordinator/presenter: It may, or we may leverage recent discovery done through the normal quad-annual security assessment done by Department of Military.

What's an accessibility overlay?

DWSN Coordinator/presenter: Accessibility overlay tools are automated software solutions that claim to detect and fix web accessibility issues. Overlay tools work by modifying the code of a web page with a snippet of JavaScript and usually come in the form of a toolbar, plugin, app, or widget.

State template has settings like high contrast - can you distinguish between features that work and don't?

DWSN Coordinator/presenter: This is a great observation, we will look at making sure that features like this work for all components and list the ones that do not work.

What is your biggest challenge with delivering or managing your digital service?

DWSN member: Challenge – systematic customer lifecycle view.

DWSN member: Biggest challenge – adding accessibility data to thousands of scanned historical documents

DWSN Coordinator/presenter: Biggest challenge – Establishing content ownership and redefining how program folks think of web content

DWSN member: Challenge – Cross-organizational silos as a result of understaffing (esp. in the COVID age).

DWSN member: Challenge – Sufficient exposure to end users. The culture of testing and validating

 

So, awkward problem: many of the services our pages are for are, in fact, disjointed and disconnected. If the pages and experiences are too similar, they may suggest a level of connection that doesn't exist and end up frustrating users.

DWSN member: Even if the services are disjointed, perhaps our role is to make access to each of them as intuitive, consistent and simple as possible?

DWSN member:@DWSN Member I would think of it more in this way: When you use an iPhone – everything functions in a similar way throughout very different functions. A good example of functional consistency while solving many different needs.

DWSN Guest member): @DWSN Member, have you tested with users to see if they are actually frustrated? Can be very revealing about what folks are confused about vs. what we think they’re confused about.

DWSN Coordinator/presenter: I LOVE the idea of adding cohesion across CA digital products. I think it was DWSN Member who mentioned the learning curve introduced when no two sites function similarly. The design system seems to alleviate that cognitive load for end-users and sets an expectation of how to find the information they’re looking for. The private sector, specifically sales, does an AMAZING job of this. It’s no accident that all shopping platforms have a similar look and feel with the virtual shopping cart. Or that all housing sites/apps function and look similarly. They give the people what they want/ expect which results in return users. It’s all in the design.

 

Would it be possible to get a copy of these slides? Is there a preso archive?

DWSN Coordinator/presenter: @DWSN Member – cdt.ca.gov/dwsn

All current and past presentations are made available on the DWSN website cdt.ca.gov/dwsn

@DWSN Member, The full slide deck will be available after the forum at https://cdt.ca.gov/dwsn/ You will find it under the “Prior Meetings” section.

It would be very valuable for the design system to include guidance on how to test or validate that a component is functioning as expected. Including specific accessibility requirements.

DWSN Coordinator/presenter: @DWSN member – You’ll get a chance to see how we address this in our upcoming sneak peek.

On a different topic, can anyone recommend companies for online UX Design training?

DWSN Member: Google has an online UX program on Coursera.

DWSN Coordinator/presenter: IDEO, Norman Nielsen for UX basics.

Is the leaderboard testing mobile or desktop in Lighthouse?

DWSN member: I get different Lighthouse results for some of the websites that are on the leaderboard. Curious to hear about the methodology.

DWSN Coordinator/presenter: It might be where lighthouse is run from.

DWSN member: Web Dev: Measure uses default lighthouse settings which throttle bandwidth and cpu capacity to match the most common cheap android phones so you’ll see results at “Fast 3G” speeds with low end cpus. ODI’s leaderboard uses these same settings to rank state sites on performance and other accessibility metrics

DWSN member: Thank you Aaron Hans (ODI) (Guest). Did you know that this is run in the browser? Depending on the tester’s machine and the browser plugins you’ll get variable results (for most consistent results use incognito mode). I feel https://www.webpagetest.org is much more dependable and gives you consistent results because every website is tested on the same dedicated machine that doesn’t cache results.

DWSN member: Good point Marko Dugonjić webpagetest.org is a fantastic resource as well.

Are these comments captured somewhere?

DWSN Coordinator/presenter: I have plentiful notes but I believe the chat is also saved

Is the data connected on the backend for the form on the DS site and the form that was just shared: I'm Interested in the Design System - docs.google.com

DWSN Coordinator/presenter: Britt not this one….

DWSN member: @DWSN member the datasets are neighbors right now – short answer: they can be

DWSN member: Just thinking about the UX of someone who filled out once, I think they should know if they are about to submit again. :)

DWSN member: If you’re interested in the design system, please connect with via this form.

DWSN member: @DWSN member let’s follow up separately on forms via our team Slack.

DWSN member: Long form.

Is there also a graphics/icons portfolio included in the design system?

DWSN Coordinator/presenter: @DWSN Member – For now we are using the icons from the state web template. We have plans to make these available as SVGs.

Do you keep a library of images as well? Example: the aesthetic of the graphics on the design system site

DWSN Coordinator/presenter: Not at the moment, all of the imagery is custom designed specifically for the design system.

So basically redesigning with the v6 is not recommended?

DWSN Coordinator/presenter: Marko Dugonjić (Guest) it depends – I would wait for the initial design system release – you can use v6 plus components from the DS.

DWSN Member: Makes sense. Thanks!

Is there gonna be a build process to strip out the components a given site won't use?

DWSN Coordinator/presenter: We recommend using a build system and bundling your javascript for faster performance. If you do not use a build system, you can include the code from our CDN with a script tag:

<script type=”module” src=”https://cdn.designsystem.webstandards.ca.gov/components/ds-feedback/v1.0.11/dist/index.js”></script>

We can provide this instruction for CSS only components: @import url(“https://cdn.designsystem.webstandards.ca.gov/components/ds-button-grid/v2.0.2/index.css”)

We plan to have a more flexible and comprehensive solution around code bundling.

 

What is the purpose of Stage 3?

What is the purpose of Stage 3?

The purpose of PAL, Stage 3 Preliminary Assessment is assess the agency’s readiness to continue solution planning and develop a solicitation (if needed) in order to deliver the project.

Where does an agency find the Requirements to Respond to Incidents Involving a Breach of Personal Information?

Where does an agency find the Requirements to Respond to Incidents Involving a Breach of Personal Information?

The SIMM 5340-C – Requirements to Respond to Incidents Involving a Breach of Personal Information (PDF) is available on the Office of Information Security website. Private sector businesses should refer to the Business Resources webpage available on the California Department of Justice, Privacy Enforcement and Protection Unit.

I am interested in taking a class at the Training & Education Center. How do I register?

I am interested in taking a class at the Training & Education Center. How do I register?

To enroll in a class at the Training & Education Center, please have your training coordinator email your registration information to training@state.ca.gov. Once billing information and enrollment is processed, a system confirmation email will be sent.