What is the correct tab-indexing for a log-in form with a "forgot password" link?
I have a login form shown below, and I am trying to figure out the correct tabbing for it for the best accessibility and user-experience. This seems like a very common design, but I haven’t found a good solutions that says how to tab-order…
Working groups, 2 different approaches
I am building a working group module for a CRM. The goal of the module is allowing user to share anything under a specific domain.
With working group module users can create:
A sales team
A project team
An organization (e.g. people who ru…
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…