How to enforce shoes removal in a lobby/house?
I just moved to a new flat, and I’ve a personal habit of removing my shoes when entering my flat, similar to the custom in some Asian cultures. This is in order to keep the house clean, and feel the ground with my feet 🙂
My…
Should I indicate qualifying categories on the product top-level landing page?
I’m working with a store landing page that displays the main five product categories. All five category images are displayed inline, and are same height and width. Each has an appropriate label and icon/picture. Essentially,…
How to represent missing colors in a search result facet
In our online store we have a facet to filter the search results by color. The different values for this filter are displayed as a small tile according to the name of the value. The color of the tile is derived from the name of the color, f.ex. red => #FF0000. It currently looks like this:
Some items have weird values for the color attribute, f.ex. orange/grey or oak. We have a translation map where can add the color manually, but it might take some time until the new values are added to this map. Until this happens we don’t know which color code to assign to this tile so we display a question mark:
User feedback has shown that the question mark is perceived as a bug rather than a missing color.
What could be a better way to display this, without confusing the user but also making it clear to our staff that there is a color missing?
Some options we have discussed:
- A friendlier icon
- The good old “image missing” icon some browsers use
EDIT: Another option:
- For missing colors, display a text link instead of the color tile, below the color grid
Communicating to user that content is associated with a specific record?
Lets say a main page provides navigation to two sections: Doing X and Doing Y. Doing X is associated with a single record, however, Doing Y is associated with zero to many records. Upon clicking Do Y, they will navigate to …
Is beauty universal for user interfaces?
I am a sales person for a building automation company. Without getting into the weeds, we put small computers on heating and cooling equipment to allow them to run most efficiently. We also provide a user interface to allow…
What would be best way to entitle a table column if it can contain only two values?
I need to create a UI for a budget overview tool and the only option to create this UI is to use a table. The table will contain expense name, cost in local currency, cost in target currency and a column to indicate whether t…
In a tabbed interface, where should I put the record count
I have an interface for an order which has many different relationships. We have a section with tabs for each of the relationship types and I want to put the record count of each tab in the tab title. Is there a standard conv…
Should I place a product picture on the left or on the right?
I’m customizing an ecommerce solution and I noticed that most people would place product pictures on the left, but I wonder if there is a reason behind it.
I would like to have my pictures on the right, and I even have an ol…
WAMMI vs SUS global score
are the global scores of the WAMMI and SUS questionnaires comparable? Does a website with a WAMMI score of 95 have a better usability than a website with a SUS score of 85? If they aren’t directly comparable is there a known …
How can I best display a blank space character?
A web app I’m writing singles out individual characters found on a traditional keyboard. I have a very limited area in which the character can be displayed (which is basically the width of a W character in the font I’m using) meaning I can’t display the word “space” or “blank space”.
How can I best display the blank space character?
I’ve tried a couple of options, but I’m not sure if these would just lead to confusion:
Using underline. This looks a bit too similar to the underscore character.
The space symbol (␠(␠)). I didn’t even know this existed until I started looking for answers to this question myself, so I’m not sure if this is widely recognised.
A faint bottom border in a different colour.
A block character (█(█)) like those used in a terminal to represent the cursor.
A blank space with no style applied.
I suppose it’s worth noting that this is purely for display purposes; the user has no interaction with the character other than acknowledging it’s there when reading through the page (so I’m not asking about What character can I use to represent the space bar?).