help improving vast search interface
A search engine is used by document controllers to search for documents, types of documents, locations that contain documents. The documents are described by vast amounts of meta data and the search interface looks like this:
The tabs a…
What is the best strategy for playing a video embedded on a webpage to provide the optimal user experience?
Many websites that embed videos now seem to follow the trend of automatically playing them. I believe that facebook is one of these types of websites, but it is probably the exception rather than the norm. There have been other questions a…
Is "Chicken Box" an appropriate term for a Yes/No dialogue with a warning?
We have a mixin so named, and since my project requires more of these types of dialogue boxes, I created a lot of tickets for myself with the term “Chicken Box” in the titles.
It’s basically just a Yes/No dialogue with as ominous a war…
Omiting label element on self-explanatory form
I have a form that consists of an input box and a button. The button says “Search”. For sighted users, it seems that no label element is required for the input box as it is obvious that you enter search terms into the box and submit the fo…
Should we allow special characters or numbers in name field?
I need a generic validation for first and last name field that will be used everywhere.
Currently I’m using:
/^[A-Za-z]?[A-Za-z ]*$/
Driving users attention through opacity masks (reading rhythm)
I was reading this handy answer about Light on dark vs. dark on light: which is better for attention span? in the Graphic Design SE site and while reading the most voted answer I discovered that my attention focus point was almost a 100% j…
selecting multiple items from a short list, and marking one of them as "leader"
Several forms in our B2B web app allows users to choose multiple items from a shortlist of items. Here’s one example:
Now I need to figure out a pattern to allow users to choose a "leader" item from among the selected items, whe…
How to indicate that specific sections of a page can be swiped
There are a lot of mobile UI design patterns that support swiping, and these are designed based on interaction and animation that indicate the behaviour. Examples include the ‘swipe/pull down to refresh’ and also the page flip when users s…
When you have a side panel open, and the user scrolls, is it better to leave it open or to auto close the panel?
Say you have a side menu that opens from one side after clicking on an icon in a website. This menu would take more than 40% of the view-port in the horizontal direction.
If the user scrolls down, is it better to let the user click on the…
Why Greek letter mu (μ) on European keyboards?
AZERTY-style keyboard layouts in France and Belgium have a dedicated key for typing the Greek small letter mu (μ). While not having a dedicated (μ) key, keyboards in Germany, Denmark, Finland, Iceland, Norway, and Sweden provide a means to…