Why are keyboard keys staggered?
Reading Time – 2 minOn every keyboard, the keys are staggered a little amount to the left of the previous row. Both Q and A are located above and somewhat to the left of Z. This is a recurring theme…
UX Pickle
Differences between Search vs. Filter in softwares
Reading Time – 3 minThere are some differences between the Search function and the Filter function. The Filter function is used to filter out the unwanted results and the Search function is used to find an information manually. In Google,…
Three bulbs in traffic lights
Reading Time – 3 minThe internet is full of traffic signal concept designs. Designs for traffic lights can be found in several of these concepts. It’s possible to display animations or a variety of colors in a single module, which…
Using up/down arrow to represent sorting in table headers
Reading Time – 3 minUser interface (UI) design is a method used by designers to create user interfaces for software and electronic devices. Designers strive to build user-friendly interfaces that are also enjoyable to use. In addition to graphical user…
Top 5 Podcasts for UX Designers
Reading Time – 3 minDigital audio files of conversations about UX Design are collected in an episodic series known as the UX Design Podcasts. Think of it as a collection of recorded conversations regarding user experience design. These audio files…
Should checkbox labels be to the right or the left?
Reading Time – 2 minGenerally, the label is placed to the right of the control by the designer. What you’re sensing is most likely the rationale. There are no gaps between labels and controls in this layout when you use…
Usability of Flat Buttons
Reading Time – 3 minUser interaction habits are altering as a result of flat buttons, and we can observe this in usability testing results. Users are compelled to sift through pages in order to discover what links can be clicked.…
Is there an optimal font size and line height ratio?
Reading Time – 2 minUsing an optimal font size is important. When developing a design system, designers and developers must work together closely, particularly when it comes to typography. Typography designers have been discussing the relationship between horizontal and vertical…
Clockwise or counter-clockwise rotated text: which is easier to read?
Reading Time - 6 minNeither direction is easier to read. Every study that has tested clockwise against counter-clockwise rotated text — going back to 1956 — has failed to find a reliable difference between them. So pick by convention, not legibility: rotate counter-clockwise (reading bottom to top) for chart axis labels and vertical UI labels, and clockwise (top to bottom) for anything modelled on a UK or US book spine.
How to display duration (HH:MM) so it isn’t confusing?
Reading Time - 5 minLabel the units. "2:30" reads as half past two just as easily as two and a half hours, so anywhere a duration could be mistaken for a clock time, write "2h 30m" or "2 hr 30 min" instead. Keep the HH:MM form only where the context makes it unmistakable — a video scrubber, a timesheet column with a header that says so — and never put a duration and a timestamp in the same column.