Ideas for icon indicating move/slide/reveal actions
Closed, WontfixPublic

Description

Going back to this discussion, it feels like this is headed in the right direction. The goal is to help users understand that they can action the list item and reveal more interactions. I feel also that it is easy to add different kinds of icons to anticipate any interaction from the user. However, we are trying to be at every angle that the user takes and for every angle, we want to add an icon. That feels like we are doing "powerful when needed" first and not using "simple by default" first. I wanted to challenge our team to do something different.

Try simple by default first. Instead of having 4-5 different icons representing move, slide, reveal, etc, let's have ONE icon to represent it all. ONE icon. It can be a combination of all the others if you want. My reasoning here is that space is limited, the UI can look crowded, representations like these are going to be in many different screen sizes, some will have touch while others will only allow mouse interaction, users need to discover at the same time that they are being guided or enticed to take an action. Therefore, it is more effective to use 1 icon instead of many to represent interactivity with the list item.

Can you propose some ideas?

abetts created this task.May 20 2018, 5:14 PM
abetts triaged this task as High priority.

FWIW, the desktop/mouse/touchpad use case already does not use the swipe metaphor, so for the swipe list angle, we're already taking about mobile. Thus, I think these are the three questions we need to answer:

  1. What icon should we use to connote list item re-orderability (desktop as well as mobile)?
  2. What icon should we use on mobile to make it clear that a swipe list item can be swiped?
  3. How does this icon interact with the "drag me to re-order the items" icon from #1 when on mobile and list items are both swipable and re-orderable?

Based on the discussion in the VDG room, I feel like we're really close to an icon we can all agree on for #1. Maybe we should knock that out first so we can focus entirely on #2 and #3.

romangg renamed this task from 1 Icon to Rule Them All to Ideas for icon indicating move/slide/reveal actions.May 20 2018, 5:27 PM
romangg updated the task description. (Show Details)

Do you mean a icon with the following points?

  1. click/tap on it select the item (like a checkbox) or open a menu with more options
  2. dragging it to left reveals more options
  3. dragging if up/down to sort
alex-l closed this task as Wontfix.Jun 2 2018, 2:06 PM

Marco said it's technically impossible.