My now ex-insurance company's website is exactly what you'd expect: old, slow, likely jobbed out to the lowest bidder with no in-house support. But it works, and that's fine I guess.
I got to thinking about times I've had to use older websites that have no realistic chance of being updated, and how a few tiny details could improve the existing user experience. I started imagining a component library with little bits that could be sprinkled in, like— uh, sprinkles. Dead-simple things like:
- a simple spinner to indicate something is happening
- shortcuts for copying important info to the clipboard
- a bit of form validation that points out problems before you submit a bunch of data
..and so on. These would be small webcomponents that do only one thing, have zero dependencies, and crucially are not required to complete a task. These could be dropped into an existing site and just work, even sites that hadn't been touched since 1998.
Did I create this component library? No! But I started it!
Tiny Details is a collection of little webcomponents that add just a little bit of UX zhuzh to a website. Only three components exist so far, because I only work on them when I have nothing else to do. But I have a few more on the roadmap I hope to get to eventually.
If you have an idea for a Tiny Details component, have a look at the tenets and component structure, and feel free to submit a pull request!
GitHub - scottandrewlepera/tiny-details-web-components: Improve the UX of any website with this collection of tiny and useful web components.
Improve the UX of any website with this collection of tiny and useful web components. - scottandrewlepera/tiny-details-web-components
GitHub