Live data from Hacker News

USWDS: The United States Web Design System

designsystem.digital.gov

71–80 of 151 posts

Re: USWDS: The United States Web Design System

#71
post #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 button…

I studied computer science and have been software engineer for almost a decade. Before college I came from a design background. I also went back to design school after I already became a senior engineer.

One thing I've noticed is that art students have looked into pivoting into UI/UX design because it pays. There are skills and intuition that transfer, such as designing for visual hierarchy. In fact, there are even systemic ways in design school to do color analysis. One way is to take a screenshot of the page and view it in greyscale in Photoshop. I've seen every corporate designer talk about accessibility, but not a single one of them do something like this. They will spend time coming up with a color theme for the brand, but it's really about their own personal brand, not the company's.

The problem becomes when ego takes over and people treat service design as their own aesthetic endeavor. Craigslist is good design. HackerNews is good design. Google was a design innovator under Marissa Meyer. Now it feels like Google's design department is just bikeshedding. Material design is a yawnfest but the whole lexicon around it feels pretentious, bordering on those abstract post-modern descriptions in art museums. "Leveraging fluid streams of irregular forms, the artist manifests environmental concerns to provoke sublinear ethereal emotions latent in time and memory". I remember an architecture class where one of the exam questions was "Check all the following that describe the architectural style of the Byzantine empire". One of the answers was "abstract". Out of 50 questions on the exam, this question was one of the questions that tripped people up the most. The instructor held a session for people to review the exam and express their grievances. Some of the students felt this question was biased towards Westerners, and asked the lecturer what "abstract" meant. The lecturer responded "abstract means abstract". To this day I still dwell on whether this instructor knows what abstracts means.

The hardest class I took in university was not Operating Systems, String Theory, nor even graduate level Philosophy. It was modern architecture. The text was harder to read and understand than Kant. Even using Google Translate on some classic Chinese text makes more sense. Maybe Google Translate should add "design" as a language (not to be confused with design language and design systems). Yes, there are ideas being transferred and communicated, but 90% of the content felt like it's not making any substantive or meaningful statement. It literally felt like reading Infinite Jest.

And so we end up with bloated CSS. Why use lot CSS when few CSS do trick? HackerNews still has personality and brand, and people who built an HN clone might remember bits of it in their head. In fact, when my girlfriend talks to me she just says "oh, did you read that on The Orange Website?" Designers feel it is business critical and that the product shouldn't launch if we don't have rounded corners with an exact amount of curvature, or the line height is off by 1. Yes, some engineers shouldn't be left to their own accord and build dashboards that look like it was built by engineer. Maybe we can also blame the media perception that Steve Jobs is a perfectionist. He probably is, but most software products are CRUD apps and don't need an academic treatise on design. I've worked at a place where designers always wear black, and as far as a turtleneck. I've considered going back to school for Industrial Design, and having UI/UX design as a fallback, but when I think about the cliquey and political overhead of the day-to-day, I just stay collecting my engineering paycheck so that eventually I don't have to rely on a paycheck and then muddle my personal ego with doing corporate design work.

I have designer friends outside of work where I can observe designers out the corporate veil. Their priorities ( corporate politics are different topic ) are not aligned with the user. They treat the work as the pyramid of Giza, or at least something to cement their careers and portfolio. The problem when art students become UI/UX designers is that they view their design as art: "what does the work say/convey?" / "what artistic boundaries is it pushing?". That's not relevant to useful software.

This is not unique to designers. Computer Science graduates have a tendency to shoehorn all their academic learnings into the source code. Angular felt like people needing to flex all the design patterns they learned from Gang of Four. At least in my bubble, it felt like frontend engineers always felt an inferiority complex. I don't think that's warranted, but nonetheless frontend engineers need to remind people they have a computer science degree, too. And so the Node ecosystem becomes what it is. Go felt like it was designed by pragmatic programmers, not object oriented philosophers inspired by Plato's theory of form.

Designing to be aesthetically interesting is okay, too, insofar that it does not hinder the user experience. It's kind of cruel that Microsoft ended up being more aesthetically interesting than Google. In terms of being original, interesting and aesthetic, Metro is better than Material, and XBox is better than whatever hardware Google cranks out. Then again, Microsoft is more engaged and in-tune open source and the frontend ecosystems nowadays than Google is. Less than decade ago, my Microsoft friends was perplexed why anyone would want to build a web app with HTML5 when they can build native applications with C#. I think Google would be better off if they lower compensation, I might consider rejoining.

Re: USWDS: The United States Web Design System

#72

I haven't used them myself, but the GOV.UK components look and function great. https://govuk-components.netlify.app/

https://design-system.service.gov.uk/components/ where did you get that other url

Just did a quick search on GitHub. Turns out the one I picked is from the DfE org:

https://github.com/DFE-Digital/govuk-components

Re: USWDS: The United States Web Design System

#73

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…

I would assume that the USWDS are built with section 508 compliance in mind, and I'm not sure Bootstrap, et al., care about that.

https://www.section508.gov/

Re: USWDS: The United States Web Design System

#74

On a meta level, this is exactly how you should specify a design system. There is zero focus whatsoever on any technical implementation beyond basic raw HTML and CSS. So many design systems fall into the trap of trying to put out framework specific libraries of their components that inevitably fall short and end up being a bigger liability than they are worth. Just put out a visual specification and a UX language to…

There's actually tons of JS in there to control interactivity, which therefore limits how well the system can be integrated into various frameworks.

Re: USWDS: The United States Web Design System

#76

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…

As someone who does exactly this - building a website with Bootstrap or similar tools will get you 90% of the way there in terms of how closely your functional product matches its design. The remaining 10% requires fighting Bootstrap (since this is css, this means overriding rules). This is annoying and produces a fragile resulting code. Maybe it's a reason why the 90-90 rule exists. Instead, I choose to write exactly what's needed instead of trying to shoehorn in something to save time initially.

Re: USWDS: The United States Web Design System

#77
post #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 th…

I wonder if there is some hidden value to fashion trends. There are obvious reasons to wear clothes like you mentioned, to stay warm, protect from elements, carry your wallet, etc. but it also helps you identify in group/out group. Your style conveys your age and generation. Your music preferences. Where you are from.

I think web design can convey similar things, sometimes at the cost of utility. For example, a website may want to convey that it’s for professionals and businesses. Or that it’s fun & silly like a toy. Or that it’s for academics and learning. The style of the site helps to identify if you’re in the right place for your “group”. users can look past bad UI. In fact, they will often complain if you decide to “improve” the UI without their consent.

Re: USWDS: The United States Web Design System

#78

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…

I would assume that the USWDS are built with section 508 compliance in mind, and I'm not sure Bootstrap, et al., care about that. https://www.section508.gov/

First thing that came to mind when I clicked that link was "I wonder if those blue-on-blue hyperlinks are compliant?" because man, my eyes are getting old.

Re: USWDS: The United States Web Design System

#79
post #76

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…

As someone who does exactly this - building a website with Bootstrap or similar tools will get you 90% of the way there in terms of how closely your functional product matches its design. The remaining 10% requires fighting Bootstrap (since this is css, this means overriding rules). This is annoying and produces a fragile resulting code. Maybe it's a reason why the 90-90 rule exists. Instead, I choose to write exactl…

The shoehorning can come from designers who don't put things together using bootstrap components as their design language. Then the developer tries to do forbidden CSS alchemy and go from a Bootstrap component to the designer component. That's using an opinionated framework when your designers don't share the same opinions which often will make things more difficult.

Bootstrap and other opinionated frameworks are super handy when you don't have designs/designers though.

Re: USWDS: The United States Web Design System

#80
post #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 button…

Like on Windows where you can't tell where on the top of the window you have to click to drag, where lets you resize the window, and where does nothing at all.
Post reply on HN