Mobile app version of vmapp.org
Login or Join
Gonzalez368

: Designing icons to represent abstract concepts- match test / suggestions I'm making a site which requires users to review and tag information. The interface would benefit from icons, but many

@Gonzalez368

Posted in: #Icon

I'm making a site which requires users to review and tag information.

The interface would benefit from icons, but many of the tags represent abstract concepts that I'm struggling to represent. I'm worried some of these are more confusing than helpful.

As a quick test (in a totally non representative group) here are the concepts in a random order, followed by the icons.


Do these map without an explanation?
Suggestions for the obscure ones?


Concepts:


Legitimate
Accurate
Complete
Precise
Clear
Relevant
Balanced

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Gonzalez368

2 Comments

Sorted by latest first Latest Oldest Best

 

@Hamm6457569

I hate to say this, because I have some idea of how much thought and sweat equity went into these, but I don't think most of them map without explanation. I'd venture the following. Parentheses are other suggestions.


A
? (A circle with a center dot, or cross-hairs)
G (Also a box tied up with string)
? (Micrometer)
?
? (Circle with no center dot, baseball diamond {"in the ballpark"})
F


I hope these are useful. Perhaps I can add something helpful, keeping in mind that it's hard to give a meaningful response without knowing the audience.

Only three of these icons communicated fairly unambiguously to me, but in some highly specialized context the others might be more meaningful. Part of the difficulty, I think, is that you're using very different icons to communicate what are really nuanced (and/or progressive) concepts. You don't say if all of these are independent or if any would imply (and therefore would replace) others.

By a progression, I mean that "Relevant" --> "legitimate" --> "precise" --> "accurate" --> "complete" seem like they follow one to the next; something could not be "legitimate" without being "relevant", "accurate" without being "precise", "legitimate" and "relevant", and so on. That may not be your use case (although I have a hard time figuring how something could be Complete without being Relevant, Accurate, Legitimate, and Precise in any context where these terms would be meaningful.) If it is, represent the progression visually. For example: a dashed-stroke empty circle --> a solid-stroke empty circle --> a solid-stroke circle with a center dot --> a solid-stroke circle with center dot and cross-hairs --> all of the preceding overlaid by a check mark (or a solid green disk with cross-hairs and reversed-out check mark).

Building on a single symbol in this way reduces the visual confusion, indicates hierarchy and is easier for the user to learn and retain.

10% popularity Vote Up Vote Down


 

@Moriarity648

Legitimate - G (but the check makes me think of a chosen answer, in the way SE uses checks to mark chosen answers)
Accurate - B (accurate an precise only make since because the difference was drilled into me in science classes - but I wouldn't expect everyone to know the difference)
Complete - C (could a numerical percentage work well here?)
Precise - D
Clear - E (this reminds me of a gun scope, which reminds me of vision, hence clear - but this is quite a mental leap to make while interpreting an icon
Relevant - (only A remains, but it doesn't seem to match)
Balanced - F (certainly the easiest to match)


Hope that helps. Personally I'd find numbers or text more useful signals for these concepts. Would it be possible to create more alphanumeric icons?

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme