The Community Forums

Interact with an entire community of cPanel & WHM users!
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Icons

Discussion in 'User Experience' started by JamesThompson, Mar 21, 2013.

  1. JamesThompson

    JamesThompson Member

    Joined:
    Oct 19, 2011
    Messages:
    18
    Likes Received:
    1
    Trophy Points:
    3
    Location:
    Sugarland, TX
    cPanel Access Level:
    Website Owner
    One of the most consistently commented on items in the new x4 discussions has been the cPanel icons, and in particular how much they make cPanel look dated.

    Well, as part of the x4 redesign I am going to be knocking out as many of the icons as I can throughout the process.

    Here is the first grouping, compared to their original counterparts.

    Let me know your thoughts.

    x4-icons.png
     
  2. Ivan A

    Ivan A Well-Known Member

    Joined:
    Mar 7, 2007
    Messages:
    141
    Likes Received:
    0
    Trophy Points:
    16
    cPanel Access Level:
    Root Administrator
    Very nice, please, just make a transparent background for all icons :).
     
  3. HostPair

    HostPair Registered

    Joined:
    Mar 24, 2013
    Messages:
    1
    Likes Received:
    0
    Trophy Points:
    1
    cPanel Access Level:
    Root Administrator
    Nice icon.
     
  4. JamesThompson

    JamesThompson Member

    Joined:
    Oct 19, 2011
    Messages:
    18
    Likes Received:
    1
    Trophy Points:
    3
    Location:
    Sugarland, TX
    cPanel Access Level:
    Website Owner
    Ivan,

    Thank you. I hear you on the transparent background. :)

    Unfortunately, the way the sprite is currently generated the icons have to be jpegs for some very odd reason. Any transparent gifs or pngs get rendered with a very odd pink background. I've asked that the dev's look into fixing this issue since transparent png's have been an acceptable standard since IE7 (IE6 would even take them with a bit of a tweak).

    That said, each icon I am creating, I am doing so with the intention that they will be saved as transparent pngs, so that when the time comes, they can be fully switched over.
     
  5. Infopro

    Infopro cPanel Sr. Product Evangelist
    Staff Member

    Joined:
    May 20, 2003
    Messages:
    14,447
    Likes Received:
    195
    Trophy Points:
    63
    Location:
    Pennsylvania
    cPanel Access Level:
    Root Administrator
    Twitter:
    These new icons look great, James. Looking forward to them!
     
  6. rs-freddo

    rs-freddo Well-Known Member

    Joined:
    May 13, 2003
    Messages:
    832
    Likes Received:
    1
    Trophy Points:
    18
    Location:
    Australia
    cPanel Access Level:
    Root Administrator
    I thought X4 was supposed to be the mobile friendly version of cPanel - as such shouldn't you be using web fonts instead of images...?
     
  7. JamesThompson

    JamesThompson Member

    Joined:
    Oct 19, 2011
    Messages:
    18
    Likes Received:
    1
    Trophy Points:
    3
    Location:
    Sugarland, TX
    cPanel Access Level:
    Website Owner
    Michael,

    Very good question.

    Mobile friendly does not necessarily mean 'no images'. We certainly are going with unicode characters where we can to cut down on a number of images that we can cut back on.

    Using web fonts opens up an entirely different can of worms, not the least of which is licensing etc. Many web fonts have 'open' licensing that is only open to a certain extent.

    The Mobile Web Optimization guide from Opera expressly specifies "No web fonts" Mobile-friendly: The mobile web optimization guide - Dev.Opera

    The iOS guidelines aren't as expressly against the use of web fonts as the Opera folks, though they highly discourage them as well.
     
  8. MJCO

    MJCO Registered

    Joined:
    Jul 18, 2013
    Messages:
    1
    Likes Received:
    0
    Trophy Points:
    1
    cPanel Access Level:
    Reseller Owner
    Can you provide an option for webfont icons as a setting then? They are cleaner, more space and traffic efficient for the most part (not in all circumstances however).

    I'd like more customisation options where possible and using a webfont allows the colours of icons to be changed quite easily with CSS as opposed to having to replace entire sections of code to replace icons currently or if image sprites are used.
     
  9. KostonConsulting

    KostonConsulting Well-Known Member

    Joined:
    Jun 17, 2010
    Messages:
    255
    Likes Received:
    1
    Trophy Points:
    18
    Location:
    San Francisco, CA
    cPanel Access Level:
    Root Administrator
    IMHO, these icons don't match the rest of the x4 style. The overall x4 ui container is pretty minimal while these icons are very complex. Even the icons for display settings are different than these (heavy lines, minimal detail, except for the ico and no-ico ones).

    With current design trends going away from tiny lines and overly complex icons, these are going to look pretty out-of-date against iOS7 and Android 5. Not to sound to harsh but it seems like you used a UI library for the display buttons (except you made the ico ones custom) and your messages and then made these icons custom but they don't match the UI library. I also agree with the others on using web fonts (these are used in thousands of projects under MIT licenses) to eliminate the waste factor of so many images. If you use web fonts, you won't have to use sprites as sprites are used to get around having so many images.
     
  10. KostonConsulting

    KostonConsulting Well-Known Member

    Joined:
    Jun 17, 2010
    Messages:
    255
    Likes Received:
    1
    Trophy Points:
    18
    Location:
    San Francisco, CA
    cPanel Access Level:
    Root Administrator
    Do you have any data or links that show negative effects of web fonts? Modern browsers support @font-face and it's not exactly a problem to detect older versions of IE and apply a different set of styles.

    CSS3 Browser Support Reference
     
  11. WireNine

    WireNine Well-Known Member

    Joined:
    Aug 14, 2006
    Messages:
    197
    Likes Received:
    0
    Trophy Points:
    16
    cPanel Access Level:
    Root Administrator
    I have to agree with Dave.
     
  12. Neso

    Neso Member

    Joined:
    Feb 11, 2009
    Messages:
    15
    Likes Received:
    0
    Trophy Points:
    1
    Nice icons, much better then older one :)
     
  13. Infopro

    Infopro cPanel Sr. Product Evangelist
    Staff Member

    Joined:
    May 20, 2003
    Messages:
    14,447
    Likes Received:
    195
    Trophy Points:
    63
    Location:
    Pennsylvania
    cPanel Access Level:
    Root Administrator
    Twitter:
    Just updated to iOS7 last night and I think the less detailed icons Apple used are ugly, boring and cheap looking.
     
  14. WireNine

    WireNine Well-Known Member

    Joined:
    Aug 14, 2006
    Messages:
    197
    Likes Received:
    0
    Trophy Points:
    16
    cPanel Access Level:
    Root Administrator
    Something like this would be a lot more fitted for todays design standards
     

    Attached Files:

  15. MACscr

    MACscr Well-Known Member

    Joined:
    Sep 30, 2003
    Messages:
    190
    Likes Received:
    1
    Trophy Points:
    18
    cPanel Access Level:
    Root Administrator
    Still looks pretty bad. I have to agree with KostonConsulting on this one.
     
  16. cPanelAdamF

    cPanelAdamF cPanel Product Owner
    Staff Member

    Joined:
    Mar 21, 2013
    Messages:
    174
    Likes Received:
    11
    Trophy Points:
    18
    Location:
    Houston TX
    cPanel Access Level:
    DataCenter Provider
    Twitter:
    We took another stab at them. Let me know what you think of this design direction:

    skitch.png
     
  17. KostonConsulting

    KostonConsulting Well-Known Member

    Joined:
    Jun 17, 2010
    Messages:
    255
    Likes Received:
    1
    Trophy Points:
    18
    Location:
    San Francisco, CA
    cPanel Access Level:
    Root Administrator
    Any chance you can add a quick shot of these in the x4 container? They look headed in the right direction but it's hard to tell seeing them standalone.
     
  18. cPanelAdamF

    cPanelAdamF cPanel Product Owner
    Staff Member

    Joined:
    Mar 21, 2013
    Messages:
    174
    Likes Received:
    11
    Trophy Points:
    18
    Location:
    Houston TX
    cPanel Access Level:
    DataCenter Provider
    Twitter:
    Actually this icon design isn't targeted for use in X4. Glad to hear that you like the direction we're heading in, though. Its important that we balance readability of these icons with modern design preferences and I think we're really really close to the right mix of each with this direction.

    more icons to come!
     
  19. WireNine

    WireNine Well-Known Member

    Joined:
    Aug 14, 2006
    Messages:
    197
    Likes Received:
    0
    Trophy Points:
    16
    cPanel Access Level:
    Root Administrator
    Yes that's it, looks great wonderful job Adam :)

    - - - Updated - - -


    Would like to see some of the new interface these icons go with :)
     
  20. billep

    billep Registered

    Joined:
    Jan 19, 2014
    Messages:
    1
    Likes Received:
    0
    Trophy Points:
    1
    cPanel Access Level:
    Website Owner
    these new icon look very great :)
     
Loading...

Share This Page