CategoryUI (User Interfaces)

February 24, 2021 — Where to put the label in a web form? In the early days, we talked about left-aligned labels versus top-aligned labels. These days we talk about floating labels. Let’s explore why they aren’t a very good idea, and what to use instead. Read more…

February 3, 2021 — Tooltips are powerful design patterns implemented to enhance the design experience by providing additional information precisely when users need it. Sometimes, however, tooltips are obtrusive, especially on mobile devices where available space is at a premium. Read more…

January 18, 2021 — In this tutorial, we’re going to learn how to use Grommet as a UI library for React applications. We’ll use Grommet as a UI library of choice to create a pricing component, this would help us have a better understanding of how to use Grommet. Read more…

December 11, 2020 — Software and apps often solve very complex problems for businesses and consumers in the way of sales, marketing, finances, and so on. But offering a product that solves your users’ problems isn’t enough. If the UI is just as complex as the original problem, user churn is going to be high. Today, we’re going to look at some tips for designing a simple UI regardless of your solution’s complexity. Read more…

December 8, 2020 — The 2019 Capgemini research institute’s report published after a research on the use of chat assistants showed a drastic 76% increase in customer satisfaction from organizations where chat assistants where built and incorporated into their services. But how does Dialogflow, a product from Google’s ecosystem, aid developers in building chat assistants and contribute to this quota? Read more…

September 25, 2020 — This article explores what intuitive design actually means, why it doesn’t make sense, how we can better approach design solutions, and what the future of interfaces might look like. Read more…

September 15, 2020 — In this article, Victor Yocco covers specific tactics with supporting research that are bound to help you design for attention. Read more…

September 8, 2020 — Thanks to the wide support of the prefers-reduced-motion-media feature, we now have more advanced ways to design motion that can be creative and innovative while also being safer for those with motion sensitivities. Read more…

September 1, 2020 — In this article, you will learn how to build and test React components in isolation using Storybook. You will also learn how to use the knobs add-on to modify data directly from the storybook explorer. Read more…

August 20, 2020 — In this tutorial, you will learn how to build forms when working with Ionic React and how to make these forms interactive by adding validation rules with helpful text hints. Read more…