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

learn more… | top users | synonyms

31
votes
11answers
4k 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 to visualize this feature to users?
95
votes
19answers
11k views

Which way should be “on” for a switch?

Most of us use switches every day in various forms. And although there are sometimes general norms in countries as to which direction is "on", there is variation between countries. So when ...
28
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. ...
12
votes
5answers
2k views

How to make it obvious that you can drag things that you normally can't?

My interface allows users to move things that usually have fixed positions in other applications, such as text boxes. What can I do to make it obvious to the user that they can move certain objects? ...
5
votes
2answers
598 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.
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 ...
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: ...
42
votes
7answers
3k views

How should you show that an accordion is expanded?

When you have an accordion, you need some way of showing the current state is expanded. There are a number of different ways of handling this, and each is used by a number of respected websites and ...
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 ...
14
votes
3answers
526 views

Is there a difference between affordance and discovery?

Looking at the UX principles that mozilla use as keywords to tag bugs in bugzilla it looks like ux-affordance and ux-discovery are very similar: ux-affordance — controls should visually express ...
12
votes
6answers
3k views

What is a good visual cue for drag and drop? (for reordering a list of items)

I'm wondering if anyone has any opinions on what is the best visual cue to indicate to the user that list items can be reordered via drag and drop? Here are a few options I've been playing around ...
14
votes
3answers
1k 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?
15
votes
6answers
526 views

Will a Paste button increase usability?

There comes cases where it's quite obvious that users are most likely to copy and paste a value into a given text-box. One of those cases is a URL fields. This made me thinking of adding a paste ...
6
votes
5answers
275 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 ...
11
votes
8answers
297 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
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 ...
7
votes
4answers
6k 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 ...
3
votes
1answer
141 views

How to indicate that part of a chart can be re-scaled or redefined visually to present a clearer, and/or more specific representation of the data?

I'm wondering about several issues I have with drill down behavior on graphs: How can we visibly show that a certain graph is "drillable" (affordance issue). In more details: On a single chart, how ...
9
votes
6answers
601 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 ...
6
votes
3answers
252 views

Whether to use pointer (hand) over a button or just the default cursor

Gmail uses the pointer on mouse over of a button, while many of other websites uses a hand So I am wondering which kind of cursor is more friendly to users (on web applications), or it just ...
2
votes
4answers
432 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 ...
1
vote
4answers
967 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 ...