The anatomy of a button — UI component series
In order to design the right interactions, we need to look back at the history and origins of physical pushbuttons, a direct predecessor of the UI component so heavily used in all digital products today. Buttons are amazing. The touch of a finger setting an appliance, a car, or a system in motion, even if the user doesn’t understand the underlying mechanisms or algorithms. In Power Button, Rachel
Text fields & Forms design — UI components series
Forms have existed for a significant amount of time, greatly simplifying the task of drafting complaints and various other legal pleadings. With the advance of information and its processing, means to gather the data are also evolving. As printed forms were here for years we can learn a few tips from their design. Text field anatomyText fields allow users to enter text into a UI. They typically ap
Selection controls — UI component series
The word “toggle” is a reference to a switch with a short handle that alternates between two states each time it is activated. You encounter it every time you “switch” on the lights. As for “Radio Buttons” the word comes from the car radios that as common practice had a set of buttons under the dial that could mechanically store station presets, so the user switch between stations faster. Pressing
User onboarding: best practices
A great user onboarding experience shortens the time it takes for users to understand the value of your product, and get to their first “Aha” or “Wow” moment ( a moment of sudden realization, inspiration, insight, recognition or comprehension). First impressions are crucialOnboarding lies at the start of your customer journey. Capturing users’ loyalty in those initial interactions with the product
Loading & progress indicators — UI Components series
Loading and progress indicators are essential elements of UX/UI design that help users stay informed and engaged during waiting periods. Whether it’s loading a webpage, processing a transaction, or downloading content, well-designed indicators can significantly improve user experience. Among Jakob Nielsen’s ten heuristics, the visibility of system status takes precedence as the foremost and essent
Laundry Symbols Make No Sense
Never paid attention to those laundry symbols? You should. Not only do they save clothes, but they are also elegant and beautiful. The design (at least a version of it) is produced by GINETEX, a France-based association in the 70s. Thanks to the superior craftsmanship that goes into each icon, it aesthetically holds up half a century later.
The ultimate guide to proper use of animation in UX
Nowadays it’s hard to impress or even surprise with an interface animation. It shows interactions between screens, explains how to use the application or simply directs a user’s attention. While exploring the articles about animation, I found out that almost all of them describe only specific use cases or general facts about animation, but I haven’t come across any article where all rules concerni
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
20 tips for better presentation design
Top vs side navigation: Which one is better for your product?
20 ideas for better data visualization
How to design a sleek dashboard UI
How to create simple and clear user experiences with Hick’s Law