Last weekend, I read this wonderful article titled, Yes, websites really are starting to look more similar. It highlighted the same observations that I have been making about most websites. All of them, in some way or another, are starting to look the same. In my line of work, most […]
User Experience
14 posts
Building accessible web applications begin by us writing semantic HTML in our templates. So if an interaction is used as a button, then we should use the “<button>” HTML element. For cases where we need to give custom styles and elements, like web components, a more accurate description, we should […]
So what is the return on investment for implementing a UI library project in an organization? There are three main organizational benefits of having a UI library. First, it brings consistency to web applications. If your organization has multiple products, you want them to look very similar in order for […]
I have been reading and hearing a lot about Design Systems in the last few days. Maybe Twitter and Google algorithms are raising those article topics to me given my specialization. In any case, I have noticed that several authors are describing Design Systems as UI Libraries. I want to […]
I mentioned last time that I love Overlays on the UI. It is another way for the architects and designers to add another, ahem, layer of interactive functionality to data-rich web application screens. And in the financial industry, there’s still this prevailing idea that the more information presented to the […]
I love overlays in a web application. That’s because most of the applications that I develop in the financial industry have so much data present on the screen. Some designers try to incorporate meaningful white space into the screens. However, inexperienced product managers want so much data on each page […]
A modal dialog, with a twist A product team once came to me requesting something that, on the surface, sounded quite simple. They wanted me to create a type of overlay that behaved similar to a modal dialog but with a twist. The modal dialog would need to allow the […]
The scenario where multiple toasts are presented There are some scenarios where incorporating multiple toast notifications on the same web page is necessary. As explained in my previous article, toast messages should be temporary notifications that come in and leave after a few seconds; otherwise, you will have a stacking problem. […]
There’s nothing more frustrating to users of a web product than to be left in the dark. I have written before about the various states a page should reflect so that the person interacting with the product knows something is happening and why. Notification messages or alerts help us provide […]