Today I had cause to get out my old #Acorn #RISCOS 3 Style Guide to demonstrate that the fundamentals of good #UX can date back well over 30 years - same with the #Apple #HIG.
I need to find a modern equivalent that clearly shows the basics for an "intro to usability" post. Most #designSystems seem overly focused on their components, rather than the principles of a good WIMP system.
The most customer-focused engineers and UX designers I've worked with don't really care that much about Design Systems.
The user and how tasks work for them are the number one priority. Even if it's inefficient, difficult, or more time consuming.
They still think in design systems, and modularity, and making things easier to build and design--but it's always second fiddle to what the software is actually able to do.
I think that's very right.
new article
Design Tokens have landed in Penpot, kinda
Last week I happened up @penpot's new Design Tokens panel and wrote some thoughts about it.
https://www.alwaystwisted.com/articles/design-tokens-in-penpot
Alright, I’m in the mood to start mocking up a design system for my personal blog/portfolio site. Everything is a little hazy in my mind right now, so I want to start tinkering around somewhere with colors, typography, etc. I know there is Figma, so I could start with that.
Are there any alternatives to Figma that others out in the Fediverse prefer using?
The delivery in this article can feel a little heavy-handed, but I think there are some hard truths being told here - and not just for #ux.
#designsystems #javascript #webcomponents #html #css
https://uxplanet.org/why-i-stopped-applying-for-ux-jobs-and-why-you-likely-will-too-dfd336f254b1
I spent the better part of a week working on layout web components. It toggles between flex and grid (with a subgrid for nesting) depending on the type of flow you need. Set the number of columns, or not. Optional min and max widths for the slots, gaps and padding, and orientation. That should do it, well, it better, I’m not making it again.
Just saw a demo of an acutual product using a design system I'm working on. Except they're using Python/Dash with wrappers around our web components.
Python > Dash > React > Web Components.
Well, I never.
Hey gang, good news, I'm back on my bullshit! By which I mean I made a new #WebComponent that exposes page statuses from @zeroheight on any website. Almost the perfect #DesignSystems tooling intersection if you ask me. Here's how I did it (bonus GitHub repo within):
https://zeroheight.com/blog/api-tutorial-add-page-statuses-to-any-website/
I was working on a simple web component in a custom library that uses Lit. It took me too long to realise that I did not need to extend `LitElement` for this particular component.
#webcomponents #designsystems
What does the title #DesignEngineer mean to you?
I'm putting together an article and I'd love to hear what your thoughts are, especially in relation to #DesignSystems. Boost for reach?
Design Systems are only as good as their implementation.
So why are there no good evaluation tools for design patterns?
Hei all new followers! I’m Arielle and into #DesignSystems, #Design, #WebComponents, #WebPerf, #a11y, #Eleventy, #IndieWeb, #Inclusion, #Typography, #Music and other stuff! There may be (lots?) of random posts as well. Delighted to meet you
Hi everyone! Like Bluesky’s initiative, I’ve created a starter pack of designers on Mastodon to help you connect with UX/UI/Product designers here.
If you’d like to be part of the list, just @ me and make sure your account discoverability is enabled.
Check out the starter pack here: https://fedidevs.com/s/NTU/
Let’s grow this fediverse community together!