Freigeben über

New Product Icons for Office 2007

  • Artikel

One of the projects our design team has been working on for the last year or so has been the development of a new suite of product icons for Office 2007.

Here are the 32x32 versions of the icons which will appear in the final product:

The design team has been working on these icons for quite a long time; it has been a significant design challenge to make the icons feel like a family, yet for each to be symbolic enough to stand out on its own. Each of the designs has to scale all the way from a huge 128x128 full-color alpha-blended icon for Windows Vista down to an itty-bitty 8x8 badge on top of a 16-color document icon.

Interestingly, even something seemingly as innocuous as changing the product icons has a usability component.

The icon is the main way people differentiate programs on the Windows taskbar. While a single color for all program icons would have made the branding of the suite more consistent, it has the side effect of making it harder for people to find the program they want to switch to.

People have a strong expectation to click a green icon for Excel, a blue one for Word, and a yellow one for Outlook--and so, in the end, we wanted to create designs that take advantage of those expectations. You'll see that many design elements from the classic icons, including the W for Word, the X for Excel, and the key for Access, have been retained as well.

You can find more information about these icons and other ongoing design work on the official Office design page.

Comments

  • Anonymous
    July 26, 2006
    While they are very pretty -- I hate to say that I'm unsure which icons go with which Office program. (OK, except for Word, Excel etc)

  • Anonymous
    July 26, 2006
    Nothing to be sorry for, Blake.  You know what Excel, Word, and Outlook are from familiarity.  Noone can be expected to design a 32x32 icon that will explain a software application to a new user.  That's not what they're there for.  

  • Anonymous
    July 26, 2006
    Will these icons be displayed in the upper left corner of Office apps, where the Office logo currently is?

  • Anonymous
    July 26, 2006
    Jensen Harris confirmed on his blog today that the before-mentioned icons from the Microsoft Design website

  • Anonymous
    July 26, 2006
    The comment has been removed

  • Anonymous
    July 26, 2006
    I saw a reference to the official Office design page in Jensen Harris's latest post. It's really cool,...

  • Anonymous
    July 26, 2006
    Jensen,

    Could you edit the post to let us know which icons go with which programs? I can guess a few of them (the "n" is OneNote, for example, and the key and "W" are Access and Word), but I'm curious about the rest.

  • Anonymous
    July 26, 2006
    The comment has been removed

  • Anonymous
    July 26, 2006
    Word    ?      Outlook
    Visio   Access Excel
    ?       ?      PowerPoint
    OneNote ?      ?

  • Anonymous
    July 26, 2006
    Word    InfoPath      Outlook
    Visio   Access Excel
    ?       Publisher?      PowerPoint
    OneNote Groove      ?

  • Anonymous
    July 26, 2006
    The comment has been removed

  • Anonymous
    July 26, 2006
    The comment has been removed

  • Anonymous
    July 26, 2006
    I think the 7th icon (the green jagged arrow) is for Small Business Accounting.

  • Anonymous
    July 26, 2006
    The comment has been removed

  • Anonymous
    July 26, 2006
    Although I think the icons are pretty cool, I agree with sloan about the concern for readability.  When I'm working I have tons of colors and icons everywhere.  A large W for word (as the icon appears now) seems to work. But again I'm interested in knowing how usability testing turns out.  I think maintaining the colors (a sign that branding is working) is just good design.

  • Anonymous
    July 26, 2006
    Yes, the 1st column, third row looks more like SB Accounting than Project. Interesting how I saw speech bubbles in the final icon and suggested Communicator, whereas others have seen Project charts instead. Interesting feedback for the design team!

  • Anonymous
    July 26, 2006
    The comment has been removed

  • Anonymous
    July 26, 2006
    shouldn't there be 256x256 for Vista?

  • Anonymous
    July 26, 2006
    The comment has been removed

  • Anonymous
    July 26, 2006
    Dear lord! Who cares about this!???

    Talk about the depecrated inconsistent and unintuitive MDI interface in Excel and Powerpoint!!! Have you fixed that so that it works like Word... or better yet, sports a modern Tabbed interface???

    And similarly, while this isn't Vista blog, explain why the Taskbar hasn't fundamentally changed in 11 years and is HORRIBLE when you have a lot of windows open.

    I don't see any innovation here.

    This blog used to be good. But it's just pure fluff now.

  • Anonymous
    July 26, 2006
    C Moya: one person's fluff is another person's partner. Or something like that.

    Office team, like the icons, i see these as the appropriate spot to do your product branding -- they're on the screen all the time. But what about the File menu looking like the office logo and not a file menu? It's kind of like in-show advertising.

    [i know I keep mentioning the File menu/office logo thing, you're probably as bored of hearing it as I am of saying it, but look what happened to Family Guy and Futurama. Who knows maybe one day the O2007 File menu will look like a file menu, and they'll bring back  Firefly].

  • Anonymous
    July 26, 2006
    Slick icons. I like them!

  • Anonymous
    July 27, 2006
    Take a look at the new Microsoft Office 2007 icons! The icon for PowerPoint 2007 is on the third row,...

  • Anonymous
    July 27, 2006
    C. Moya: Word also has an MDI interface. All the programs function identically in this regard. To change this behavior (MDI to SDI), go to File->Options->Advanced->Show all windows in the Taskbar.

    I, for one, love MDI. It makes weeding through 150 Excel files at a time a snap.

  • Anonymous
    July 27, 2006
    PingBack from http://www.windowsobserver.com/1969/12/31/in-and-around-the-net-%e2%80%93-up-up-and-away-edition/

  • Anonymous
    July 27, 2006
    I was expecting something glassier, brighter, and with more presence. I can tell them apart just fine, so at least there's that, But I don't really like them.

  • Anonymous
    July 27, 2006
    I like them.

  • Anonymous
    July 27, 2006
    Francis: MDI isn't the problem (though it is deprecated). It's the inconsistent unintuitive SDI (Windows in Taskbar... which is the DEFAULT). Word sports a true SDI. Excel, Powerpoint (and others in the Office family) sport pseudo confusing SDI that's really MDI. This blog (not by me) illustrates the differences.
    http://www.sturmnet.org/blog/archives/2006/05/30/office-2007-can-we-decide-on-a-ui-document-model-please/

    I hear "how come I can't position two Excel documents side by side?" (I have to point them to the Window menu... or the 2nd level window buttons which incidentally PowerPoint does not have but Excel does).... Or "how come I can't see one Excel document on one monitor and another in another monitor." (no help there... the solution is incredibly unintuitive).

    This is a long standing problem. I can't fathom that Office 2007 doesn't address it.... Access 2007 seems to get it right... and Frontpage has done it well since Office 2003.

    Consistency please?

  • Anonymous
    July 28, 2006
    I'm disappointed.

    All of that effort, and THIS is the end result?
    They seem very mid-90s.

  • Anonymous
    July 29, 2006
    they look pretty nice

  • Anonymous
    July 29, 2006
    FrontPage is not so much gone as renamed.  It's now SharePoint Designer.  

  • Anonymous
    July 30, 2006
    I think that the design of those icon is still missing something.

    I didn't thought about this since I saw this post: Office doesn't have ANY brand identity.

    Each new release completely kills the previous graphic elements and bring in new ones.

    Think about this: Office is a critical brand for M$ and still doesn't have any fixed and unique logo. This is against any vision of brand building.

    Seeing the icons, I notice the same pattern repeating, in a small scale. Still, the only "logotypal" element is the W and the X... there from the first Windows version of Office.

    The Office suite (and quite any M$ product, starting from the "Microsoft" non-logo) is completely missing an identity, both now and yesterday.

    Design a logo for Office, design a complementar logo for Word, Excel and any other program in the suite. Then start USING it, from the icon to the ad (great idea using it in the top-left icon space).

    And don't throw it away completely in each Office revision.

  • Anonymous
    July 31, 2006
    I completely agree with the previous post. Each new Office is just idiotically jarring for no good reason. I mean, it's like the Office Team say to themselves "how can we make Office look like NO OTHER Windows application?"....

    that's not "setting your product apart"... it's lending to a confusing and inconsistent Windows Environment (um, how many different type of rebars, coolbars, etc are there now?).

    They spend all this time redesigning "look and feel" and no time at all drilling down to improving the fundamentals (like the HORRIBLE dialogs in Office.... like Word's Styles or AutoText, etc dialog boxes... that haven't changed since Windows 3.1).

    I think the Ribbon in 2007 is OK. But come on... it's really just an exploded menu. And, to me, a redesign like this has been needed for 5 years. That it is coming now is just a sad testament to Microsoft stagnation for well over 6 years.

  • Anonymous
    August 14, 2006
    One of the screenshots on the Microsoft Excel 2007 blog shows the Excel icon before the Home tab (see http://blogs.msdn.com/excel/archive/2006/08/14/699841.aspx).  I guess this is the button for Windows 3.1 lovers that Jensen referred to in "You Windows 3.1 Lovers!".  Jensen could mention this in a future post.

  • Anonymous
    August 18, 2006
    ningun comentario
    tadavia

  • Anonymous
    September 02, 2006
    Beautiful!

  • Anonymous
    September 13, 2006
    PingBack from http://tech.cybernetnews.com/2006/09/13/microsoft-office-2007-beta-2-tr-available-tomorrow/

  • Anonymous
    September 14, 2006
    PingBack from http://tech.cybernetnews.com/2006/09/14/microsoft-office-2007-beta-2-tr-download-available/

  • Anonymous
    September 14, 2006
    PingBack from http://alpesh.nakars.com/blog/?p=108

  • Anonymous
    September 14, 2006
    PingBack from http://techfreep.com/microsoft-office-2007-beta-refresh-available-for-download.htm

  • Anonymous
    September 16, 2006
    The comment has been removed

  • Anonymous
    September 18, 2006
    I notice that the new icons all feature a curved top-right corner, perhaps to mirror the same curve that appears in the apps themselves. Except they don't anymore, because the curve has been removed! Back to the drawing board? :-)

  • Anonymous
    September 19, 2006
    why is the sharepoint designer icon on the start menu still blank. i installed b2tr and saw on the office folder that it already has an icon.

  • Anonymous
    December 21, 2006
    PingBack from http://mtdewvirus.com/archives/2006/12/21/2007-icons/

  • Anonymous
    February 21, 2007
    PingBack from http://noisylime.com/?p=58

  • Anonymous
    May 15, 2007
    PingBack from http://www.southamptonpartnership.com/resources/office-2003-icons-12/

  • Anonymous
    May 15, 2007
    PingBack from http://www.southamptonpartnership.com/resources/office-2003-icons-12/

  • Anonymous
    May 15, 2007
    PingBack from http://www.southamptonpartnership.com/resources/office-2003-icons-12/

  • Anonymous
    August 03, 2008
    PingBack from http://vincent.freepicsinfo.info/applicationschangepositionontaskbaroffice2007.html

  • Anonymous
    October 27, 2008
    PingBack from http://mstechnews.info/2008/10/the-office-2007-ui-bible/

  • Anonymous
    June 01, 2009
    PingBack from http://woodtvstand.info/story.php?id=3847

  • Anonymous
    June 07, 2009
    PingBack from http://besteyecreamsite.info/story.php?id=2328

  • Anonymous
    June 12, 2009
    PingBack from http://toenailfungusite.info/story.php?id=7954