Stories
Slash Boxes
Comments

News for nerds, stuff that matters

Slashdot Log In

Log In

Create Account  |  Retrieve Password

Microsoft Vista User Interface Guidelines Published

Posted by Zonk on Sat Sep 23, 2006 01:56 AM
from the looks-better dept.
SEMW writes "Microsoft has published the preliminary Official User Interface Guidelines for Windows Vista. Highlights include Top 12 Rules for the Windows Vista User Experience — and the use of screenshots from Windows XP as examples of what not to do. The full guidelines are as yet incomplete, but what is there makes for interesting reading."
+ -
story
This discussion has been archived. No new comments can be posted.
The Fine Print: The following comments are owned by whoever posted them. We are not responsible for them in any way.
 Full
 Abbreviated
 Hidden
More
Loading... please wait.
  • by radicalnerd (930674) on Saturday September 23 2006, @02:04AM (#16165267)
    Be polite, supportive, and encouraging. The user should never feel condescended to, blamed, or intimidated.
  • The Rules: (Score:5, Informative)

    by iluvcapra (782887) on Saturday September 23 2006, @02:08AM (#16165281) Homepage
    (emphasized elaborations mine)
    1. Use the Aero Theme and System Font (Segoe UI)
    2. Use common controls and common dialogs
    3. Use the standard window frame, use glass (transparency) judiciously
    4. Use icons and graphics consistent with the Windows Vista style and quality
    5. Use task dialogs for new or frequently used dialog boxes and error messages
    6. Use Aero Wizards
    7. Use Explorer-hosted, navigation-based user interfaces, provide a Back button
    8. Use the standard Windows Search (have a little iTunes style search box in your window's corner when appropriate)
    9. Use the Windows Vista tone in all UI text (use a professional writing style in you informative text)
    10. Clean up the user interface
    11. Use notifications judiciously
    12. Reserve development time for "fit and finish"!
    • Re:The Rules: (Score:5, Interesting)

      by iluvcapra (782887) on Saturday September 23 2006, @02:36AM (#16165387) Homepage

      My thoughts:

      Use the Aero Theme and System Font (Segoe UI)

      Good, but obvious.

      Use common controls and common dialogs

      ibid

      Use the standard window frame, use glass (transparency) judiciously

      Good good. If MS keeps making such a big deal about transparent UI tho, silly developers are gonna use it everywhere.

      Use icons and graphics consistent with the Windows Vista style and quality

      Good. If you follow this suggestion closely enough, maybe we can convince the users at home that your application comes from Microsoft, too.

      Use task dialogs for new or frequently used dialog boxes and error messages

      Good.

      Use Aero Wizards

      If you're replacing a 97 Wizard, you should use an Aero wizard. If you're writing a new app, please do not use a wizard. They're obnoxious, and send the message: "We didn't know how to organize your options in any sort of logical way, so here's a powerpoint that lets you fill in the blanks, masquearding as a UI."

      Use Explorer-hosted, navigation-based user interfaces, provide a Back button

      In short: Consider making programs that aren't web browsers behave like web browsers, since people use those alot. This is interesting, but at some point you have to explain the difference between the "Back" button and the "Undo" button, and you might just end up making your program into a wizard

      Use the standard Windows Search (have a little iTunes style search box in your window's corner when appropriate)

      A total dig on my part, and I apologize, but that's basically what they're saying. Apple makes the same recommendation, and give a very slick API for making it work. So good suggestion.

      Use the Windows Vista tone in all UI text (use a professional writing style in you informative text)

      From Microsofts mouth to ghod's ears.

      Clean up the user interface

      On their page they list all kinds of things you can do to make your program more ergonomic, but they put it at the end of the list, and phrase it in such a way as to suggest that it should be something you do at the end of development, as opposed to at the beginning, when you're designing your windows on a whiteboard. "Organize your command (sic) into a simple, predictable, and easy to find presentation" is something you do before you start writing code- it is not something you do while "cleaning up".

      Use notifications judiciously

      Or not at all. The list makes no suggestion about keeping your damn icons out of the systray.

      Reserve development time for "fit and finish"!

      Fit and Finish has quickly become my least favorite phrase. Sorry, just snarky, I agree with this point. But I would say "Hire a designer" as opposed to "reserve development time", mainly because it will allow collaboration with someone who always has their eyes on the UI and can give the developers continual feedback on how their code is totally rocking for the user ... experience, or totally deviating from reality.

      • Re:The Rules: (Score:4, Insightful)

        by kestasjk (933987) on Saturday September 23 2006, @08:55AM (#16166517) Homepage
        If you're replacing a 97 Wizard, you should use an Aero wizard. If you're writing a new app, please do not use a wizard. They're obnoxious, and send the message: "We didn't know how to organize your options in any sort of logical way, so here's a powerpoint that lets you fill in the blanks, masquearding as a UI."

        Wizards are like many UI constructs; they are often abused but they can be very useful. Access data import Wizards, installation Wizards, Visual Studio database creation Wizards, etc.
        Whenever you need the user to enter a series of logically grouped options before you can begin to do what the user wants a Wizard is the way to go. It's either going to be a Wizard, or a large unwieldy dialog box.


        I think Microsoft's suggestions here are all good, but of course if you're the sort of developer that has to read them you're probably the sort of developer which doesn't care about the UI and won't implement them anyway. Which is a shame, because the UI can go a long way to make your program better.
  • Wow... (Score:5, Funny)

    by ResidntGeek (772730) on Saturday September 23 2006, @02:09AM (#16165287) Journal
    That's a really bitching Notepad icon. They've clearly been hard at work.
  • by TheDarkener (198348) on Saturday September 23 2006, @02:14AM (#16165305)
    "Keep the user guessing."
  • by Quiet_Desperation (858215) on Saturday September 23 2006, @02:15AM (#16165309)
    Do not install Vista. :)
  • by DuranDuran (252246) on Saturday September 23 2006, @02:24AM (#16165351)
    > examples of what not to do

    Updates complete. Restart now?
    What about now?
    Now?
    Now?
    Now?
    Just wanted to know if I should restart now?
    What about now?
    Are you ready to restart?
    Shall I restart now?
    Should I not restart later?
    I think I should restart now.
    Wouldn't it be good if I restarted now?
    Who's up for a restart??
    • Re:Restart now? (Score:4, Informative)

      by PygmySurfer (442860) on Saturday September 23 2006, @02:36AM (#16165391)
      They actually added something semi-useful to that dialog - now, you can select when it updates you again, up to 4 hours later. It also doesn't seem to eventually force you to reboot like the XP one.
  • To do it right... (Score:5, Insightful)

    by jcr (53032) <jcr.mac@com> on Saturday September 23 2006, @02:39AM (#16165409) Journal
    Step One: write an app for the Mac.
    Step Two: get your UI reviewed by Apple's user interface evangelist, John Geleynse.
    Step Three: make all the changes recommended by Apple.
    Step Four: write a windows app that comes as close as you can get to your Mac version.

    Or, you can do what the people who wrote Visio or that guy who ripped off Delicious Library did, and just laboriously copy an existing app knowing that you'll never make it quite the same on Windows.

    -jcr
  • Thank You Microsoft! (Score:5, Interesting)

    by netsharc (195805) on Saturday September 23 2006, @02:51AM (#16165449)
    Put only program shortcuts on the Start menu. Never put shortcuts to the following on the Start menu:
    • Program uninstallers. Users access uninstallers through the Software Explorer control panel.
    • Help files. Users access Help topics directly from your program.
    • Control panels. Users access control panels from the Control Panel home page.
    • Program options. Users access program options from the Options command, usually found on the Tools menu.
    • Readme files. Reconsider the need for a Readme file because most users rarely look at them. If you do need a Readme file, let users access it from your setup program.
    • Web sites. Users access Web sites through appropriate links in your program. Exceptions are Microsoft Update and Windows Catalog.

    How I hate software that install all of that in their Start Menu entries. Or programs that insist they go into "C:\Program Files\My Stupid Software Company Inc\My Stupid Program".

    Talking about reform, I find the most illogical thing of user interfaces is the menubar.. how do you exit? Go to "File". Where are the options? Under "Tools".. why can't somebody offer a totally new way of making the menu. Start with "Program", where you have "Options" and "About" (maybe "Help" too), then "Document" or "File", and then "Edit", etc.. We're so used to File -> Exit that we stop thinking how illogical such a construct is... exit the file?
    • by cbiffle (211614) on Saturday September 23 2006, @02:56AM (#16165473)
      Talking about reform, I find the most illogical thing of user interfaces is the menubar.. how do you exit? Go to "File". Where are the options? Under "Tools".. why can't somebody offer a totally new way of making the menu. Start with "Program", where you have "Options" and "About" (maybe "Help" too), then "Document" or "File", and then "Edit", etc.. We're so used to File -> Exit that we stop thinking how illogical such a construct is... exit the file?


      It may be worth noting that you've just described the current Mac OS X menubar layout.

      Can't blame you; I think it makes more sense too. In fact, most of the Vista guide seems to have similar aspirations (which is my way of recognizing that, even though it looks like a complete rip, it may not be).
  • Integrity? (Score:4, Insightful)

    by medoc (90780) on Saturday September 23 2006, @03:01AM (#16165487)

    From the article:

    Perception is reality, and if your customers don't experience quality in your product throughout, they may conclude there is lack of quality everywhere. A visual bug seen by all your customers might do more damage to your program's reputation than a rarely occurring crashing bug.

    Mind your icons, not your buffer overflows. Great! Will exploits follow the Vista guidelines too ?

  • by Sun (104778) <(shachar) (at) (shemesh.biz)> on Saturday September 23 2006, @03:07AM (#16165513) Homepage
    The first - the design guidelines (10 out of the 12 listed) are focused on appearance rather than on functionality. Making sure your icons look great (#4) comes long before producing a clean interface (#10).

    The second is that this document carries a severe undertone of "make sure your app only works on Vista, and looks out of place on anything other than Aero". The entire document keeps saying "use Vista only API whenever you can" and "visually design the application to look out of place when not using the Vista UI" (with a few exceptions).

    I guess this is how MS are trying to fight the competition formed by previous OSes being good enough. They try to make sure new applications don't work on them any more.

    Shachar
  • by sporkme (983186) * on Saturday September 23 2006, @03:20AM (#16165557) Homepage
    Vista user experince... for crap. I spent the past couple of months testing this OS, and when my gaming XP boot feels like a safe haven, I know that something is definitely wrong. For migrating XP users, the interface feels counter-intuitive. Even more telling, my college-going roommate has only ever known Red Hat (thank you very much, he has only ever known linux on the front-room computer), and for him the simplest task, like installing Firefox (where's the package?) was torture (not to say there has been a change here). I became so frustrated with ctrl-esc,r yielding a "r" in the ever-so-laggy search sub-start dialogue (instead of a run window) tonight that I just blew out the whole partition. I actually wanted to run iexplore for once! I am downloading Mandrake 64 now, thank the creator.

    I found Vista to be too heavy on the eye candy, and it seemed that "power tools" and control panel received heavy design attention, while the ~deeper~ apps like regedit and msconfig are the same old barf. Vista = skinned XP != new OS. Meh. Shiny? Yes. New? No.
  • by joe 155 (937621) on Saturday September 23 2006, @05:03AM (#16165861) Journal
    I just loved this bit;

    "# Focus on what users really need to know. Don't avoid important text--be explicit whenever necessary--but don't be redundant or verbose. Because users often scan text, make every word count. Simple, concise text not only saves screen space, it most effectively conveys an important idea or action.

    # Remove redundant text. Look for redundant text in window titles, main instructions, supplemental instructions, content areas, command links, and commit buttons. Generally, leave full text in instructions and interactive controls, and remove any redundancy from the other places.

    glad to see MS don't break their own rules!
  • by roskakori (447739) on Saturday September 23 2006, @07:45AM (#16166295)

    One of the worst misfeatures of Windows (and its developer community) is the retarded design of dialogs. AFAIK the pre-Vista API has a bunch a simple functions to do Yes/No and Ok/Cancel dialogs, but nothing to label buttons sensibly. So it's quite common to have a dialog with "Yes" and "No" buttons, and and huge text explaining what these options mean. Despite the fact that every at least semi-decent article or book about dialog design recommends to use verbs for button labels.

    I recently read [msdn.com] that Vista finally offers an API to easily change the button labels. Yeah! And guideline 5 (Use task dialogs for new or frequently used dialog boxes and error messages [microsoft.com]) specifically recommends:

    Use positive commit buttons that are specific responses to the main instruction instead of generic labels (such as "OK"). Users should be able to quickly grasp the options by reading the button text alone. Always start commit button labels with a verb.

    Yeah again!

    However, above this guideline we can see a screenshot of the classic, super retarded Windowesque "Save changes? Yes/No/Cancel" dialog.

    I suggest for the final document they just copy this dialog from any random Mac OS application and put a Vista theme on it.

  • by Greyfox (87712) on Saturday September 23 2006, @08:08AM (#16166351) Homepage Journal
    Don't let the application handle the window frame. Even their latest OS feels sluggish and unresponsive when retarded applications (Like Outlook) stop processing Window frame controls because they're syncing from the network or some other bullshit. I should always be able to move, minimize and close an application immediately no matter what that application is doing. This has been a pet peeve of mine ever since I was first exposed to Windows back in the 3.0 days. OS/2 actually had the threaded OS before Microsoft did and you could always tell the shoddy knock-off ports of Windows 3.1 software from the code that was actually written for OS/2 because proper OS/2 code at least made an effort to process events in threads, while the knock-off ports would hang the entire OS up when they stopped processing events to index disk and stuff and the system input queue filled up. At least Microsoft got that right and most of the time a misbehaving application will only lock up its own window.

    Now if an application were written properly this wouldn't be an issue -- the application would have a thread dedicated to UI work and in theory the interface should be highly responsive, but you're trusting all the application developers to implement their programs properly and not even Microsoft is capable of setting a good example. Their OS would almost not suck if they'd just fix this one design flaw and I'm going to keep blowing this horn until they do.

  • by tetrode (32267) on Saturday September 23 2006, @08:18AM (#16166363) Homepage
    Their common dialog box is still yes no cancel. While gnome and kde (i think) has adopted a different and in my opinion far better strategy.

    People are afraid of doing things wrong. Especially at a computer, as they have learned that a computer is *VERY* unforgiving. Turn it off, and your document isn't saved, you get chkdsk errors, your operating system does not start, you have to pay your local guru big bucks or a bottle of wine to keep the damn thing running. Turn the TV off and on again and it all works. You need to treat the computer with respect. So you say (err - click) yes to it - all of the time.

    Do you want to save the document: Yes
    Do you want do delete the folder: Yes (o shit)
    Do you want to uninstall this application: Yes (where were these disks again)
    Do you want to format this disk: Yes

    Now, look at gnome. That interface is talking to you in a quite different way. When you close gedit (the notepad equivalent) without saving, it will tell you

              Do you want to save the document 'xyz'
              If you don't save it, your changes of the last n seconds will be lost

              [Don't Save] [Cancel] [Save]

    Now that is informative, and i really have to make a meaningful choice. I need to choose between Save and Don't Save. Or I pick cancel which will surely take me back to the previous state.

    Much better than the windows common control, which has been devised in Windows 2.0 (I kid you not) and still in Windows fscking Vista, noone has had the courage to reread 'About Face' and reshape it.

    Sigh

    Mark

  • Present choices * and settings in terms of user goals, not technology. Use everyday words when you can. This is especially
    effective if you are explaining a complex technical concept or action. Imagine you are looking over the user's shoulder and explaining how to accomplish the task.

    Technology-based:
    * Enable Internet Connection Sharing host
    * Manual Duplex

    Goal-based:
    * Allow other network users to connect through this computer's Internet connection.
    * Print on both sides of the paper.


    This tendancy annoys me more and more with ever release of Windows, for many reasons:
    1) Most everybody knows what "duplex" means. Why not let those who don't learn what it means instead of pretending the word doesn't exist, and encouraging people to forget.
    2) When I am on the phone with a user, I can say "look for the options that says something like "Internet Connection Sharing". Most users will not find the goal-based option, as it does not include the word "sharing".
    3) I know what I'm looking for. I know what it was called in NT4, 2000, and 2003 server. Now I have to read paragraphs and guess that "Allow other network users to connect through this computer's Internet connection" is Internet Connection Sharing and not Web Proxy.
    4) It encourages the user to not learn about the very complex piece of equipment he just bought. If you provide a good searchable manual instead of dumbing everything down, the program will be easier to use, and the user will learn more.

    Imagine if your grill didn't say "Ignite" above the red button, but "Make the fire start", or if your toaster didn't say "Toast", but "Make your bread crispy", or if your car didn't say "ABS", but "Automatically remove and reapply pressure on the brake so your car doesn't skid. Don't pump your brakes".

    This is slashdot, so I need to reference either Orwell or Rand:
    Or are they trying to reduce English to a smaller set of simple words that everybody can understand? Double-plus ungood.
    • Re:Rule 11 (Score:5, Funny)

      by UnknowingFool (672806) on Saturday September 23 2006, @10:02AM (#16166771)
      Use notifications judiciously" which is a great change

      But will MS follow their own rules? Hold on a sec . . .

      I see that you are posting a reply. Would you like me to open a search on MSN? <Yes><No> Clicks No

      Anyway, given the many complaints on Vista's security, it would seem MS isn't following their own rules--
      You are posting a remark disparaging Microsoft. Would you like to learn more about the great company Microsoft? <Yes><No> Clicks No

      While there maybe good reason to lock down Vista, you would think that MS would make it less annoying--
      You maybe posting information which may harm security. Would you like to continue to do so? <Yes><No> Clicks Yes

      You have insufficient privileges to post this reply. Please contact the network administrator for privileges.

      WTF? %$%#&@!