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. May 8, 2014 at 16:32
  • you can show animation by changing items position May 9, 2014 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, 2014 at 12:34

3 Answers 3


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


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.

  • Can you post an example of this? Sounds cool
    – 13SC
    May 14, 2014 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

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.