How do you create both sufficient contrast and a harmonious outcome for text on different tints of the same color?
Here are two examples. One is a table, the other an illustration. Both use different tints of the same color with text on top. How do you change the color of the text across these tints to be both harmonious as well as having enough contra…
Keyboard shortcut convention for properties panel
We’re designing for a B2B web based application (not mobile) where we have a panel on the right side of the screen showing details about a selection made in the main content area.
The panel can be opened and closed by clicking a button. We…
Why does apple hide things in menus?
On a number of occasions, I’ve needed to change something in the settings of my mac, and I cannot see it in the relevant menu. After some googling, in emerges that the reason I cannot see this option is because it’s actually hidden. I pick…
How do you localize the {verb} + {noun} pattern?
By example, if we take [Resend confirmation email], how would you localize that for Germany?
[Bestätigungsmail erneut senden] (noun + verb)?
Are there design guidelines available online?
Exploring the WordPress Block Pattern Directory
We take you on a tour of the new Block Pattern Directory for WordPress and show you how to take advantage of it.
The post Exploring the WordPress Block Pattern Directory appeared first on Speckyboy Design Magazine.
Best practices for handling a lot of information in a single cell in a data table
Im designing a data table in which one of the columns has the potential to hold a lot of information in each cell. Here’s a screenshot from the live app as it exists today:
The column with red outlines called "Access Level" has …
Form UX UI add item with multiple input fields
I have a form in which a user can add items with 3 inputs to each item. I need a label for each input and a label for the whole item group. I have a problem with aligning things up.
As a general rule and all forms have the seem to look of …
What is the reason behind different touch target size recommendations between Android and iOS?
Touch target size on Android: 48dp
Touch target size on iOS: 44pt
How to present two filters when one depend on the other?
I have two filters in a filter bar that are like supplier and product number. Each supplier has a list of products. Some products might have the same product number. Right now I have a typeahead for supplier to filter by supplier, and a ty…
Global Settings Menu VS Context Settings Menu
I am working on a web app that offers a set of photo filters.
I want to offer as frictionless an experience as possible and minimize the number of clicks / actions required for the user to perform their desired tasks.
Let’s assume my web a…