New Product Icons for Office 2007

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