Kevin Goldman Goldman

How to Learn Icon Concepts

By Kevin Goldman Goldman

   on Feb 10, 2010
9 Reviews1 Vote0 Favorites259 Views

Concept Reviews

  • Norbert

    Norbert

    Rank: 1 Elite

    276

    • Design: 3
    • Purpose: 4
    • Originality: 3
    • Engagement: 4
    1 Vote
    1+3

    Posted on Feb 10, 2010 at 2:19 PM

    You could combine icon #1 and #3, so you'd have the guy looking at the screen with code on it. If you can't do that, keep #3.

  • Nate Hamilton

    Nate Hamilton

    Rank: 1 Elite

    CF Verified professional

    9919

    • Design: 3
    • Purpose: 3
    • Originality: 3
    • Engagement: 3
    0 Votes
    They all work fairly well

    Posted on Feb 10, 2010 at 3:05 PM

    I think that you could really use any of these. The third is my least favorite, white the 1st and 2nd are my favorite. The play button gets a little lost on the fourth one. Good work here...

    • Kevin Goldman Goldman
      Posted: on Feb 11, 2010 at 2:19 PM

      Thanks Nate for the input. Which do you feel will more effortlessly and quickly communicate "Learning" to users?

    • Nate Hamilton
      Nate Hamilton commented:
      Posted: on Feb 11, 2010 at 2:44 PM

      The first one does the best job at communicating your message.

  • Harish Chouhan

    Harish Chouhan

    Rank: 5 Advanced

    1091

    • Design: 3
    • Purpose: 4
    • Originality: 3
    • Engagement: 3
    0 Votes
    I like 2,3,4

    Posted on Feb 10, 2010 at 4:03 PM

    No. 3 seems best, as the text in the window feels like programming.

  • Ken Ohnemus

    Ken Ohnemus

    Rank: 10 Newbie

    3

    • Design: 4
    • Purpose: 4
    • Originality: 3
    • Engagement: 4
    0 Votes
    2 or 4

    Posted on Feb 15, 2010 at 10:22 AM

    Since this is online 2 will most likely be the best. With that said though I really like the way 4 looks-it is more dimensional, but since this is online the book may be misleading.

    3 has too much going on with the text and 1 is more of an old style and since the target is 18 to 40 year olds then more modern is better.

  • Paul Burd

    Paul Burd

    Rank: 10 Newbie

    3

    • Design: 4
    • Purpose: 4
    • Originality: 3
    • Engagement: 3
    0 Votes
    Hands down, #1 is the best for Learn

    Posted on Feb 16, 2010 at 12:58 AM

    1 most accurately represents, "Learn", as it puts the user at the center of the metaphor.

    2 is too generic / doesn't have clear meaning.

    3 represents "code" well, but I don't see a clear representation of "Learn", and I think overall it's too detailed for an icon.

    4 would be my second choice for "Learn", but I think the book opens it up to too many interpretations, and does not at all imply a video.

  • tim andersen

    tim andersen

    Rank: 10 Newbie

    3

    • Design: 4
    • Purpose: 4
    • Originality: 4
    • Engagement: 4
    0 Votes
    #4 has the best motion and energy

    Posted on Feb 16, 2010 at 10:27 AM

    1 is probably the most literal and informative, but something about the guys head bothers me...it's so msft little people, and it feels dull.

    I like #4 the most because it feels a little more fun and fresh, even though it's not literal. The motion of the lines give it a little spark that #1 lacks. If there will be text next to it explaining what's going on, then #4 is the best. If it's stand alone, then maybe rework #1 to have a little more motion/energy in it.

  • Michael + Webcardinals

    Michael + Webcardinals

    Rank: 1 Elite

    CF Verified professional

    5746

    • Design: 4
    • Purpose: 4
    • Originality: 2
    • Engagement: 3
    0 Votes
    1, 4 or 5

    Posted on Feb 26, 2010 at 10:12 AM

    If used with text on the side I would go for: 1-emphasis on the screen which is essential in coding :) 4-emphasis on the book which means knowledge

    Issues: - none of these icons would work without description on the right - I don't thing mouse is the coding 'device' - 'Play' can be easily missed, I've not seen it for quite a long time :)

    How about 5th approach: only 'play' icon and '<code>' symbols

    Good work

  • Miro

    Miro

    Rank: 2 Titan

    3658

    • Design: 4
    • Purpose: 5
    • Originality: 3
    • Engagement: 4
    0 Votes
    they are all good

    Posted on Feb 10, 2010 at 11:19 AM

    1) no. 4 (I am so old school :-D), 2) no.3 but maybe no. 2 is better as a icon, it is simpler.

    • Kevin Goldman Goldman
      Posted: on Feb 10, 2010 at 2:35 PM

      Thanks Miro. Which icon 1-4 do you feel speaks to the concept of "Learning" the most?

    • Miro
      Miro commented:
      Posted: on Feb 11, 2010 at 1:54 PM

      I think no. 4 is the most "learning", book is always so obvious sign for learning (to me).

  • Serina Patterson

    Serina Patterson

    Rank: 1 Elite

    2865

    • Design: 4
    • Purpose: 4
    • Originality: 4
    • Engagement: 4
    0 Votes
    2 or 4

    Posted on Feb 10, 2010 at 11:56 AM

    The mouse + browser combo really work well. #3 is a little busier, though. #1 is too general (to me, I would think it has to do with a contact page). #4 is also good - it really emphasizes the "learning" aspect.

    I think any one of those three would do well.

    • Kevin Goldman Goldman
      Posted: on Feb 10, 2010 at 2:36 PM

      Thanks Serina - of #3 or #4, which do you feel will more effortlessly and quick communicate "Learning" to users?