Upgrade your Internet Experience
Microsoft.com
Welcome Sign in
Microsoft Developer Network
Click to Rate and Give Feedback
MSDN
MSDN Library
User Interface
 Visual Index

  Switch on low bandwidth view
Visual Index

Controls
Commands
Pointers
Windows
Windows Environment
Aesthetics

Here are visual examples of many user interface elements discussed in UX Guide. Click each image to go to the guidelines article for a particular element.

Controls

Common controls

Bb328626.visind01(en-us,MSDN.10).png

Balloon

Bb328626.visind02(en-us,MSDN.10).png

Check boxes

Bb328626.visind03(en-us,MSDN.10).png

Command button

Bb328626.visind04(en-us,MSDN.10).png

Command links

Bb328626.visind05(en-us,MSDN.10).png

Drop-down list and combo box

Bb328626.visind06(en-us,MSDN.10).png

Group box

Bb328626.visind07(en-us,MSDN.10).png

Link

Bb328626.visind08(en-us,MSDN.10).png

List box

Bb328626.visind09(en-us,MSDN.10).png

List view

Bb328626.visind20(en-us,MSDN.10).png

Notification

Bb328626.visind11(en-us,MSDN.10).png

Progress bar

Bb328626.visind10(en-us,MSDN.10).png

Progressive disclosure controls

Bb328626.visind12(en-us,MSDN.10).png

Radio buttons

Bb328626.visind21(en-us,MSDN.10).png

Search box

Bb328626.visind13(en-us,MSDN.10).png

Slider

Bb328626.visind14(en-us,MSDN.10).png

Spin control

Bb328626.visind22(en-us,MSDN.10).png

Status bar

Bb328626.visind15(en-us,MSDN.10).png

Tabs

Bb328626.visind16(en-us,MSDN.10).png

Text box

Bb328626.visind17(en-us,MSDN.10).png

Tooltip

Bb328626.visind18(en-us,MSDN.10).png

Infotip

Bb328626.visind19(en-us,MSDN.10).png

Tree view

Commands

Bb328626.visind23(en-us,MSDN.10).png

Menu

Bb328626.visind24(en-us,MSDN.10).png

Toolbar

Bb328626.Ribbon01b(en-us,MSDN.10).png

Ribbon

Pointers

Bb328626.visind37(en-us,MSDN.10).png

Working in background

Bb328626.visind38(en-us,MSDN.10).png

Busy

Bb328626.visind39(en-us,MSDN.10).png

Activity indicator

Windows

Bb328626.visind25(en-us,MSDN.10).png

Dialog box

Bb328626.visind26(en-us,MSDN.10).png

Property window

Bb328626.visind27(en-us,MSDN.10).png

Warning message

Bb328626.visind28(en-us,MSDN.10).png

Confirmation

Windows Environment

Bb328626.visind29(en-us,MSDN.10).png

Gadget (detailed/floating)

Bb328626.visind36(en-us,MSDN.10).png

Gadget (concise/docked)

Bb328626.visind30(en-us,MSDN.10).png

Taskbar

Bb328626.visind31(en-us,MSDN.10).png

User Account Control entry points

Bb328626.visind32(en-us,MSDN.10).png

User Account Control consent UI

Aesthetics

Bb328626.visind33(en-us,MSDN.10).png

Window frame

Bb328626.visind34(en-us,MSDN.10).png

Fonts (Segoe UI)

Bb328626.visind35(en-us,MSDN.10).png

Standard icons

Guidelines feedback
© 2009 Microsoft Corporation. All rights reserved. Terms of Use  |  Trademarks  |  Privacy Statement
Page view tracker