4
votes
What type of design pattern to use to toggle list actions?
I would consider making "Add to watchlist" and "Add to send list" a togglable button:
Add to watchlist => Remove from watchlist
Add to send list => Remove from send list
...
3
votes
What type of design pattern to use to toggle list actions?
Instead of a Button, you can give the Add to Watchlist and Add to Send list as Checkboxes so that they don't have to use a separate button for removing, just unchecking the options will remove it from ...
3
votes
Accepted
How to Communicate a Delay in Drag-Start Interaction?
One option would be to use something like a progress indicator, to denote that something is going to happen if the user holds it. For example, for the first 100-200ms, there could be no visualisation ...
2
votes
How to Communicate a Delay in Drag-Start Interaction?
On desktop, change the cursor from pointer to move after a delay:
Edit after the comment
For mobiles, there are two options:
Add an icon that indicates draggable
Show or hint the area where it can ...
1
vote
Accepted
Should this be a link or a secondary button?
Here's how I approach questions like this (a quick thought experiment):
Imagine digital screens don't exist, and you have to design a paper form instead.
In this case, page hierarchy would probably ...
1
vote
What type of design pattern to use to toggle list actions?
You can pack activities into a kebab menu
You can use clickable chips to place them in a particular list. And delete using either a cross or a button
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
interaction-design × 1824usability × 424
gui-design × 281
website-design × 228
user-behavior × 173
user-expectation × 141
design-patterns × 136
forms × 130
interface × 112
mobile × 82
web-app × 77
navigation × 75
buttons × 75
design × 67
mobile-application × 47
layout × 45
tables × 45
ios × 40
lists × 40
android × 37
user-centered-design × 37
search × 35
user-research × 33
accessibility × 33
information-architecture × 33