16
votes
7answers
981 views

Greyed-Out vs Invisible

What is a good criterion or rule-of-thumb for determining when a control should be greyed-out and when should it be completely invisible?
13
votes
7answers
841 views

How to incorporate a “never” value on a slider?

I have a slider in a web page (similar to this one) to control the the duration of how long to keep an item before it is removed: The range of values goes from 0 to 90, with the value 0 being used ...
4
votes
4answers
420 views

Can I eliminate volume from my custom html5 video controls?

I'm currently designing a custom full-screen video player for a client, who has provided an Adobe Illustrator high-fidelity interface mock-up. The concept is as minimalist as possible. Their mock-up ...
13
votes
5answers
2k views

Appended and Prepended Checkbox: when can I use this?

A was taking a look at Twitter Bootstrap, and, looking at the Prepended and Appended checkboxes, just cant figure out where, why and when I can use it. Can someone give me a good example?
8
votes
4answers
334 views

How do I add the ability to cancel editing without a button?

We currently have an interface pattern that consists of a list of rows; clicking on one row activates "edit mode", where the lables turn into text-boxes, afterwards you can either save or cancel. ...
2
votes
1answer
182 views

Better way to show the calendars

I'm working on a single report page for a web app. I need to show how to filter the displayed data it be per day (diary) or between two dates (weekly). When the user select diary (Diario), it shows a ...
5
votes
2answers
602 views

What's the preferred vertical orientation for a toggle script?

What's the expected behavior of a disclosure widget on a website? What's the conventional direction of the expanded state? Upward the content pushes down the clicked button while it gradually ...
1
vote
3answers
574 views

Project dependency visualization and navigation

I have to visualize software project dependencies and provide a way to navigate through the dependencies. I want to combine showing the dependencies of the currently selected project as well as ...
29
votes
11answers
7k views

Most User-Friendly Form Fields for Entering Date/Time?

What are the different ways to have fields in an application for date, time, or both? What are the pros and cons for each? The most common seem to be a combination of 2–3 drop-downs, or some form ...
12
votes
5answers
488 views

Web - How to represent a numeric input that is limited to increments of some number

I have a requirement for a form that restricts a field value to fixed increments of 50 and I'm not sure what would be the most elegant way to represent that constraint in a meaningful fashion. The ...