“Designing for enterprise is hard,” says James Jocobs, because “generally speaking, Enterprise software is complicated.” In Part 1 of his Modern Enterprise UI design series, James goes on to provide several ideas for handling large data tables, including making them responsive (of course), more readable, and interactive, with filters and sorting.
And speaking of filtering data tables, Fanny Vassilatos and Ceara Crawshaw take a much deeper dive into data filter patterns, including filter bar UI and functionality.
And as long as we are talking about tool UI, let Taras Bakusevych walks you through 10 rules for better dashboard design!
But moving beyond tools and interfaces, Federico Francioni dives into “Enterprise UX“. Described as more than just “a set of tools so people can do their job”, he says it as “a set of holistic working experiences that focus on empowering the employees in being successful in their work… that help develop a genuine sense of belonging toward the company they work for”… Wow, that’s a tall order! But Federico goes on to say that “in any relationship, it is important to have an exchange of values, that both [parties] should benefit from being in that relationship” and only if you feel that the company is giving back to you, will you fully invest yourself. “From hire to retire”… “a fluid workplace”… Great visions bouncing around my head… :-)
Qwik is another JS framework, but a quite different JS framework… Rather than maintaining state within JS, it maintains it in the HTML, as attributes… Being a SSG, Qwik offers really fast initial downloads, but its “HTML-First, JS-Later” approach also allows it to build pages incrementally (including lazy-loading components that are initially off-screen), only re-render components that rely on a changed state (and some times even only re-hydrating components), and in order to be interactive requires less than 1kb of JS, which executes in under 1ms, which drives to some crazy-fast TTI scores!
Moving beyond preload and preconnect, Priority Hints allow you to help the browser understand which page elements, whether link, script, font or img, are most important, which can drastically improve your LCP score.
If you are using Service Worker to cache page assets, Amiya Gupta says you should beware that tools like WebPageTest may not properly reflect your efforts…
Mary Lou makes great use of grid and flex when showing off her Alternate Column Scroll Animation. Be sure to also checkout the site that influenced her… This stuff is messing with my head!!!
Thanks to Kingsley Ubah for his Adding and Removing Elements from Arrays in JavaScript article… push() has always been easy to remember, pop() is also not too hard, but I can never remember shift() and unshift(), and I am sure I will continue to look up the format for splice() until the end of time…
A fascinating deep-dive into CWVs and trying to get Smashing Magazine’s LCP into the green, and why it required a virtual trip to India, the Philippines, Nigeria and Pakistan and a dabble into SaveData and prefers-reduced-data…
Sticking with CWVs for another second, I was pondering the other day about how useful it would be to connect a site’s CWV results to its Analytics data, thinking this should be able to give site-specific RUM data! Well, it seems like I am not the only highly intelligent person on the planet, because Bruno Sabot wrote an article for Planet Performance talking all about it! Take it away, Bruno!
A smart use-case for the not-yet-ready-but-hopefully-someday CSS pseudo class :has():
💡 Late night CSS :has() use-case epiphany: forms. pic.twitter.com/IBusQVvzFl
— Bramus (@bramus) December 21, 2021
For more on the above subject, please refer to the same person…
And finally, good UI is always intuitive, right?
Happy reading,
Atg