In videogames, we often see a little swirl used to show that items are swappable. Do you think this is easy for users to understand? Is there a better way to show that one item can be traded with another user for one of their items?

Swap button

  • 1
    You could have a preview of the swap when the cursor is over the new item with an additional effect of semi-transparent over the two items to show that the swap has not been done yet. – Danny Varod May 8 '14 at 16:32
  • you can show animation by changing items position – sandeep_jagtap May 9 '14 at 11:32
  • A little bit of an unrelated question:why did Danny Varod replied to the question as a comment and not as an answer ? If I refer to the stack exchange help : you should comment to "request clarification, leave a constructive criticism or add minor information" and should NOT comment to "answer a question" (and other stuff). – refreshfr Jun 16 '14 at 12:34

If you have only two items, I can suggest a toggle switch like the O/I of Android.

| improve this answer | |

Another common pattern is to show one item in a slot, to indicate that this is the item that is currently equipped, with the other item being the one that can be slotted in.

| improve this answer | |
  • Can you post an example of this? Sounds cool – 13SC May 14 '14 at 14:21

As well as the "two single arrows" that you illustrate, there is also the curved double-ended arrow that can suggest swappability, e.g.

curved double-ended blue arrow between green square and purple oval

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.