A connect button...itunes ish

Discussion in 'Design and Graphics' started by trainguy77, Aug 3, 2006.

  1. trainguy77 macrumors 68040

    Joined:
    Nov 13, 2003
    #1
    I am making an application that looks just like itunes and need to make a connect button that goes at the bottom with the other itunes buttons. I have the base. But what should I do for the connect symbol. Something that people will think is connect. Is there one apple has used in other applications? Thanks, here is the blank button that I made up.
     

    Attached Files:

  2. iMeowbot macrumors G3

    iMeowbot

    Joined:
    Aug 30, 2003
    #2
    The closest that comes to mind from Apple for interactive connections is the <•••> for things like PPP (highlighted when active).

    For connecting to non-interactive tasks, round arrows seem to be the order of the day (see Safari's reload, or iSync's chasing arrows).
     
  3. mkrishnan Moderator emeritus

    mkrishnan

    Joined:
    Jan 9, 2004
    Location:
    Grand Rapids, MI, USA
    #3
    I think this one is a good idea, also.
     
  4. trainguy77 thread starter macrumors 68040

    Joined:
    Nov 13, 2003
    #4
    here is connected and disconnected that I came up with. I am not sure if I like it. I might give the ... idea a go. I am not sure.....and of coarse these are gif as tif can't be uploaded.........They do look worse in gif then the actual buttons.
     

    Attached Files:

  5. CoMpX macrumors 65816

    CoMpX

    Joined:
    Jun 29, 2005
    Location:
    New Jersey
    #5
    Hehe. The connected symbol looks like the devil's fork. You could do something like "--><--" for connected and "--> <--" for disconnected.
     
  6. iMeowbot macrumors G3

    iMeowbot

    Joined:
    Aug 30, 2003
    #6
    This is sort of what I was picturing. The highlights don't even pretend to be close, I grabbed the first vaguely blue and grey blotches at hand.

    [​IMG]
     
  7. trainguy77 thread starter macrumors 68040

    Joined:
    Nov 13, 2003
    #7
    The problem with that is many people will not know that means connect.
     
  8. beatsme macrumors 65816

    beatsme

    Joined:
    Oct 6, 2005
    #8
    when you say "connect," what are you connecting to? Connect to the web, connect to a device?
     
  9. iMeowbot macrumors G3

    iMeowbot

    Joined:
    Aug 30, 2003
    #9
    Well yes, if you look at most such symbols, that is the case. They are intended to be distinct and easy to remember, but they do need to be learned.

    Take a look at the application you are mimicking, iTunes. What does a giant colorful eyeball mean, or that radiation symbol? How about the little CRT at the bottom with a snowflake on it? Or those two arrow pretzels on the bottom left? How about the little clover and apple on the keyboard? You learn them and move on.

    One problem with the symbol you posted earlier is that it does have a pre-existing meaning, electrolytic capacitors are often drawn like that. I'd initially think it means "charge" for some kind of peripheral.

    Back to schematics, a physical connection is usually shown by nested arrows, like so:
    [​IMG]
    That might be a comfortable way to indicate that something is physically plugged in. I'd find it a little troubling for a virtual connection, though.
     
  10. michaelrjohnson macrumors 68020

    Joined:
    Aug 9, 2000
    Location:
    54140
    #10
    I think your image has the same issue.

    Perhaps use an electrical outlet metaphor?
     
  11. trainguy77 thread starter macrumors 68040

    Joined:
    Nov 13, 2003
    #11
    I am connecting to itunes on a remote computer.
     
  12. beatsme macrumors 65816

    beatsme

    Joined:
    Oct 6, 2005
    #12
    well, suppose you put a little computer monitor on there? or maybe a little iMac graphic? Or, how about the iTunes icon? Maybe a whole note or a treble clef?
     
  13. 20rogersc macrumors 65816

    20rogersc

    Joined:
    Jun 28, 2005
    Location:
    Brighton, UK
    #13
    Why not do a 2-pin plug kind of thing?
    Then once it's clicked it changed colour!?
    Simply done.

    ::20ROGERSC::
     
  14. trainguy77 thread starter macrumors 68040

    Joined:
    Nov 13, 2003
    #14
    Here is a another try at it. What do you think of this one?
     

    Attached Files:

  15. irmongoose macrumors 68030

    irmongoose

    Joined:
    Dec 3, 2001
    Location:
    Sometimes Tokyo, sometimes California
    #15
    You might get a cease and desist letter from Chevrolet for that one.

    ;)

    I think the <•••> above works, though.




    irmongoose
     
  16. trainguy77 thread starter macrumors 68040

    Joined:
    Nov 13, 2003
    #16
    I have always wanted to hang one of those on my wall. :p
     
  17. beatsme macrumors 65816

    beatsme

    Joined:
    Oct 6, 2005
    #17
    at the rate GM is losing money, they'll probably thank you for the free publicity.
     
  18. gekko513 macrumors 603

    gekko513

    Joined:
    Oct 16, 2003
    #18
    How about something like this for connected:
     

    Attached Files:

  19. michaelrjohnson macrumors 68020

    Joined:
    Aug 9, 2000
    Location:
    54140
    #19
    I do not read this as connected...

    Take a gander at gekko13's suggestion, it has that ball-and-socket feel that a "connection" would visually relate to.
     
  20. mad jew Moderator emeritus

    mad jew

    Joined:
    Apr 3, 2004
    Location:
    Adelaide, Australia
    #20

    I agree. Rather than going with the connect mentality, make the image show what you're connecting to. Maybe the Network symbol with an iTunes logo somehow included. Of course, I have no skills at Photoshop or anything similar so I can't actually help with the image. However, I think this path'd be easier for the average user to understand.
     
  21. adom macrumors 6502

    Joined:
    May 27, 2006
    Location:
    UK
    #21
    How about these? Good for both Mac and Windows users

    [​IMG]

    [​IMG]
     

Share This Page