Affordance is a property of an object that naturally indicates how the object can be used.

learn more… | top users | synonyms

4
votes
3answers
372 views

Does a visual “Active” state on a button improve affordance?

I've noticed some web sites neglect adding an "active" state on certain buttons or links; the visual effect when the button is pressed, usually making the button look like it's being pushed in ...
11
votes
8answers
523 views

How do I indicate that mutliple sets of radio buttons are mutually exclusive?

I have a panel where a user selects a camera to view from a location so they can load images from that camera. They can only load images from one camera and one location. Because of this I used radio ...
7
votes
4answers
7k views

For required fields, should we add the red asterisk before or after the field label?

Should we add red asterisk before or after the label of required fields, i.e., to the left or the right of the field name? My boss prefers to add the asterisk before the labels, but I like to add them ...
6
votes
3answers
553 views

Affordance for resizing a panel

The standard way to sinalize the ability to resize is with the operating system's own mouse pointer, the double-pointed arrow in the direction you are to resize (horizontal, vertical or diagonal). ...
11
votes
8answers
667 views

How can I make it obvious that a page element is to be hovered over?

On my webpage I have five boxes containing the names of each step in a five step process. When the user hovers over one of the boxes, it expands and shows text explaining that process. How can I ...
2
votes
4answers
461 views

How to resolve a multilevel sidebar menu where parent sections must show children AND link somewhere

Note: When reading this keep in mind we may have more of an information architecture problem than a menu usability one. Suppose we have this menu: Item 1 ............ Should link to ...
26
votes
4answers
2k views

Design Patterns for Discoverability

What are some tried and true design patterns for discoverability in UI/UX, where information or a feature isn't necessarily overt at first glance, but is discoverable by using the interface through ...
11
votes
5answers
2k views

How broad is the definition of affordance?

While discussing the need for affordances to be consistent, comments between me and JeroenEijkhof indicate we don't have a similar interpretation of the term 'affordance'. I claimed that something ...
3
votes
2answers
112 views

How to mark cells in a spreadsheet that are meant to be edited?

I just put together a spreadsheet to demonstrate how some calculations work. Three of the cells act as inputs. The values in those cells kick off a cascade of calculations in other cells containing ...
9
votes
7answers
1k views

In Excel, how do you make it clear that a pane is frozen?

I'm making a reporting application in Excel. On some sheets, I have multiple rows of header that I want to keep visible at all times. So, naturally, I'm using Excel's Freeze Panes feature to freeze ...
14
votes
3answers
2k views

Why does * (asterisk) mean Required on a form field

Watching a video from DIBI conference and Jared Spool mentions the mysterious origins of the asterisk (*) on a required form field. Where does this come from, why does an asterisk mean required?
4
votes
3answers
626 views

Which is the best way to display priority in a large list of items?

We have a list of approximately 50 items. The item at the top takes highest priority, and the item at the bottom takes the least. These items can be re-ordered by selecting the item and clicking the ...
5
votes
2answers
659 views

What affords scrolling?

Besides the obvious: Scrollbar Touch interfaces (especially mobile ones) A sign saying "You can scroll here you know!" This for a desktop application.
4
votes
7answers
288 views

How can I lead users to and use an unusual navigation

So, I'm making someone a high concept website. Basically, there's one of those old fashioned television sets with circular nobs, like those on a stove, to change the channel. You turn the nob, it ...
13
votes
3answers
950 views

What is the reason for Concave round buttons in Elevators

What is the reason many elevators have concave shaped buttons. Like this: Any special reason behind this?
1
vote
4answers
1k views

User experiences and double click for selection?

What about double click for selection, currently I have design a grid of thumbnails where user can select a thumbnail on double click. But higher management argues that it should be single click or ...
2
votes
3answers
802 views

Column sort-order specifier/indicator

EDIT: I should have mentioned the page I'm talking about. On a page that's just one humongous table, I have an img in each <th> that tells the user how the column is sorted; and he can click the ...
2
votes
1answer
308 views

Best way to communicate the action of a non-button control

Question summary: I'm wondering what are some recommended approaches for communicating to the user what will happen once he clicks on an object, in the case that it's not possible to spell out the ...
6
votes
4answers
220 views

Should same page interactions be underlined with a dashed line?

Should there be a visual distinction between a link and a AJAX like interaction? I quite often see that dashed underlining triggers an action on the same page. Is this a new convention? Would that ...
10
votes
1answer
270 views

Improve affordance of “mark as answer” on StackExchange

It seems like many new users to StackExchange don't know that they should mark a response as the answer. I often see pissed off veterans shouting "you're not going to get any help if your accept rate ...
14
votes
3answers
1k views

Is a plain unadorned hyperlink sufficient for sharing a link?

This is from a post on the SO Blog: So how do you share questions? I mentioned in an earlier post that we support a shorter URL form specifically for sharing: ...
9
votes
7answers
1k views

Signifying to user that field is editable

I have a grid that has a bunch of data. Some of the fields are editable and cause a postback updating the data. What are the best ways to show that to the user? i.e. Is there a best practice for how ...
10
votes
8answers
2k views

How to make an interface look touchable?

I'm designing a touchable interface. It is a non-iPad/iPhone for any mobile with touchable screen. So, if you see a big screen, how do you know if is touchable one? Showing a video that explains ...
6
votes
5answers
282 views

Order of prices and effects on sales

Consider the following list of prices: Plan A Plan B Plan C ------ ------ ------ $50/mo $40/mo $30/mo Is it more effective to ...
20
votes
6answers
5k views

Why does the Redbox machine have barriers around the credit card swipe reader?

Perhaps you've seen one of these before. A couple of inches above and below the magnetic stripe reader are protrusions that allow just enough room to swipe a credit card. The barriers are a ...
35
votes
8answers
5k views

How to visualize the possibility of drag'n'drop?

My web application contains a list of elements, which can be sorted by drag'n'drop. How should this feature be visually represented to users?
11
votes
8answers
313 views

A button with a link: understandable or confusing?

I'm working on a design of a touchscreen version of some web application. Since it's a touchscreen I would like all clickable elements to be rather big and easy to tap (it's a simple kiosk, so ...
9
votes
6answers
685 views

Are multiple entry points good or bad?

My example is a web-based application, but I guess this could go for anything: Multiple entry points for the same action, good or bad? My example: Adding a product against a supplier (vendor). This ...
29
votes
6answers
1k views

Should “dangerous” buttons be big and red or small and inconspicuous?

In a web app, some people think a "Delete" button should be obvious and bright red, signifying danger. The trouble is that this draws the eye to the button and may make accidental clicks more likely. ...