2

A website I'm building requires both the ability to search and the ability to magnify (scale the rendering of the video player). Both of these action are traditionally iconized with a magnifying glass. I'm concerned that using the same icon for two different actions, even in different contexts (yet on the same page) will be confusing. What are my options?

closed as off-topic by Evil Closet Monkey, Code Maverick, Benny Skogberg, Erics, Joshua Barron Mar 30 '14 at 18:16

This question appears to be off-topic. The users who voted to close gave this specific reason:

  • "Questions requesting Icon Suggestions are off topic. While the subject of icons is on topic, there's very little value in soliciting suggestions for a specific icon in a specific context. See this meta post for more information about this topic." – Evil Closet Monkey, Code Maverick, Benny Skogberg, Erics, Joshua Barron
If this question can be reworded to fit the rules in the help center, please edit the question.

3

You could do the magnifying glass for magnify & binoculars for search. If you added a + with the magnifying glass, that may help distinguishing its function.

2

You first need to ask yourself if you really need two icons. If you don't, just using text that says 'search' is a possible solution.

Also, it is about context...if their is a magnifying glass on an image, humans very quickly understand it's function, if next to text, it is search.

Your best solution: Have the zoom icon only show on hover of an image, so the revealing animation gives a strong context clue as to it's function.

This should separate the function of the search, and the function of zoom.

  • It is good to remember on touch devices there is no hover, so something else needs to be done for those. – pathfinder Mar 29 '14 at 20:28
  • ah, good point. Totally disregarded touch devices. Maybe on the tap event it shows? – michaelghinrichs Mar 29 '14 at 21:03

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