Live data from Hacker News

USWDS: The United States Web Design System

designsystem.digital.gov

11–20 of 151 posts

Re: USWDS: The United States Web Design System

#11
post #3
post #2

The last gov team I was on had trouble with the uswds icon set. There didn't seem to be a way to import them as a font rather than as separate svgs. We noticed though that the icons were roughly based on Material Design icons, so we used the Material Design icon fonts instead and they were close enough. There were still a few icons that didn't map over, but we found some others within the new set that sufficed.

Icon fonts aren't accessible.

I did not know this.

It appears there are workarounds, but I'm not sure how that's better than doing things Ye Olde Waye.

Re: USWDS: The United States Web Design System

#12

Developers are an interesting bunch "Why does anyone use Bootstrap anymore?" and then goes and creates basically the exact same components again by hand. Seems like that same trend repeats every couple of years "[Popular library] is now outdated, let me just create an in-house clone or move to identical but trendy [Popular library]." To be clear I very much like the USWDS components, but they are mostly 1:1 with Boot…

bootstrap is a common design system base for companies that can't afford nor needs a full design team. it's a one-size-fits-none approach, but it's close enough that devs can wrangle it into shape well enough.

larger entities with multiple, decoupled teams often move toward developing their own living design systems as bootstrap no longer fits the many idiosyncracies of the organization.

i'm really looking forward to design systems that no longer rely on set breakpoints/grids and move to fully flexible, responsive layouts and components (come on, container queries!).

Re: USWDS: The United States Web Design System

#13
post #3
post #2

The last gov team I was on had trouble with the uswds icon set. There didn't seem to be a way to import them as a font rather than as separate svgs. We noticed though that the icons were roughly based on Material Design icons, so we used the Material Design icon fonts instead and they were close enough. There were still a few icons that didn't map over, but we found some others within the new set that sufficed.

Icon fonts aren't accessible.

I’m not sure I follow. Are icons accessible at all? Whether they’re fonts or SVGs or bitmap images shouldn’t really matter.

Re: USWDS: The United States Web Design System

#14
post #3
post #2

The last gov team I was on had trouble with the uswds icon set. There didn't seem to be a way to import them as a font rather than as separate svgs. We noticed though that the icons were roughly based on Material Design icons, so we used the Material Design icon fonts instead and they were close enough. There were still a few icons that didn't map over, but we found some others within the new set that sufficed.

Icon fonts aren't accessible.

svg's aren't inherently accessible either. in both cases, you have to actively add accessibility.

Re: USWDS: The United States Web Design System

#15

Developers are an interesting bunch "Why does anyone use Bootstrap anymore?" and then goes and creates basically the exact same components again by hand. Seems like that same trend repeats every couple of years "[Popular library] is now outdated, let me just create an in-house clone or move to identical but trendy [Popular library]." To be clear I very much like the USWDS components, but they are mostly 1:1 with Boot…

Nope, you're not missing anything really, but I'm sure glad that not every website looks like a Bootstrap 3.

I think these government ones are more about keeping a consistent style and look across departmental websites, than advertising a product for general use.

In fact, I think the government would not take very kindly to hobbyists making official-looking websites serving a non-government agenda.

Front-end isn't that difficult for websites that primarily display information and at most require a contact us form or some basic CRUD.

So, naturally, given what may be an unconscious existential dread that one day the world may realise that front-end is more or less solved, front-end developers like to make sure that there's always something new to do, rather than admit that a problem is more or less solved.

And thus fashion is born.

Clothing was also a problem solved. We figured out that we needed shoes, trousers, shirts, jumpers when it's cold, coats when it's raining, etc.

But once you have those, well, the tailor has no income. So the idea emerges that we need to have nice shoes, shirts and trousers for special occasions.

And that perhaps some clothing items are better than other clothing items.

And what if you don't want to dress in white and grey tomorrow, perhaps you'd like to be eye-catching?

And so, fashion was born.

The basic template is the same. You have some fabric that covers your legs, genitals, torso, arms etc. and the lower half is, more often than not, a different garment to the top half, to allow for easy swapping of components for different looks etc. But the base structure is the same.

And if you are so inclined, you can have a totally bespoke and crazy item of clothing made for you by a designer.

Sound familiar?

Re: USWDS: The United States Web Design System

#16

Developers are an interesting bunch "Why does anyone use Bootstrap anymore?" and then goes and creates basically the exact same components again by hand. Seems like that same trend repeats every couple of years "[Popular library] is now outdated, let me just create an in-house clone or move to identical but trendy [Popular library]." To be clear I very much like the USWDS components, but they are mostly 1:1 with Boot…

Government agencies love making standards. It provides busy work for the many interns and gives the desk workers a sense of joie de vivre because they're "making a difference."

I really love the landing page. Has any landing page ever been useful at all to the end user? It's always a top priority, but on pretty much every site I've ever used it's never seen or used. Often I'll scroll all the way down just so I can get to the bottom page links that I'm actually looking for.

I wonder why this is so difficult. Everybody has seen Google's landing page. Function over form. It's really weird that "design meetings" have completely eliminated usability on the damned home page.

Re: USWDS: The United States Web Design System

#17

Developers are an interesting bunch "Why does anyone use Bootstrap anymore?" and then goes and creates basically the exact same components again by hand. Seems like that same trend repeats every couple of years "[Popular library] is now outdated, let me just create an in-house clone or move to identical but trendy [Popular library]." To be clear I very much like the USWDS components, but they are mostly 1:1 with Boot…

Didn't you mean designers? In my experience, that's who loves pushing low-value efforts like this (yes, at the scale of the US government, Google etc it may be warranted). The real problem is you have too many designers on staff and they have found something to keep themselves busy.

(full disclosure: I am a designer)

While I agree with you in general, I think the US gov has an excuse while others may not: they have much stricter laws and requirements they HAVE to meet.

Re: USWDS: The United States Web Design System

#18
Anyone with any part in designing user interfaces seriously needs to commit their section on color to heart: https://designsystem.digital.gov/design-tokens/color/overvie...

Especially the contrast/magic number discussion. It's crazy how many user interfaces these days blur design elements to where you can't tell were controls are. The recent trend to eliminate window title bars is particularly infuriating, but buttons that don't look like buttons because they blend into the background are another pet peeve - or have light gray on dark gray. Ugh! Contrast serves a purpose!

Re: USWDS: The United States Web Design System

#19

Developers are an interesting bunch "Why does anyone use Bootstrap anymore?" and then goes and creates basically the exact same components again by hand. Seems like that same trend repeats every couple of years "[Popular library] is now outdated, let me just create an in-house clone or move to identical but trendy [Popular library]." To be clear I very much like the USWDS components, but they are mostly 1:1 with Boot…

Using a custom library over Bootstrap would potentially offer them the following benefits:

* Full control over browser support (Government Agencies are likely to have to support older browser than Bootstrap for example would support).

* Full control over accessibility (as far as I know, Bootstrap is not entirely accessible).

* Ability to limit customisation to more closely fit any government style guide etc.

* Not needing to update the version they are using whenever Twitter drop support for older versions, as they completely control the development life cycle and how long they support each version for.

Possibly some other ones I have missed as well.

Would they have saved money in the long term by using Bootstrap? Quite possibly (although I think it is hard to say definitively, and I really doubt creating this library cost significant amounts of money).

Would using Bootstrap have resulted in sites that didn't look as nice? I highly suspect so.

Re: USWDS: The United States Web Design System

#20

Developers are an interesting bunch "Why does anyone use Bootstrap anymore?" and then goes and creates basically the exact same components again by hand. Seems like that same trend repeats every couple of years "[Popular library] is now outdated, let me just create an in-house clone or move to identical but trendy [Popular library]." To be clear I very much like the USWDS components, but they are mostly 1:1 with Boot…

Government agencies love making standards. It provides busy work for the many interns and gives the desk workers a sense of joie de vivre because they're "making a difference." I really love the landing page. Has any landing page ever been useful at all to the end user? It's always a top priority, but on pretty much every site I've ever used it's never seen or used. Often I'll scroll all the way down just so I can ge…

>Everybody has seen Google's landing page. Function over form.

My favorite thing about google's home page is having their elaborate doodles load just as I'm about to tap on the search box, leading me to an unintended search. Function over form at its finest.

I've resorted to bookmarking an empty search results page.

Post reply on HN