Edit

Share via

Visual Index

  • Article

Note

This design guide was created for Windows 7 and has not been updated for newer versions of Windows. Much of the guidance still applies in principle, but the presentation and examples do not reflect our current design guidance.

Here are visual examples of many user interface elements discussed in UX Guide.

This index is divided into the following sections:

Controls

 
balloons
screen shot of balloon indicating caps lock is on
check boxes
screen shot of four check boxes
command buttons
screen shot of an ok button
command links
screen shot of two command links
drop-down lists and combo boxes
screen shot of a drop-down list of font sizes
group boxes
screen shot of both of two check boxes selected
links
screen shot of a command in blue, underlined text
list boxes
screen shot of a list of valid screen resolutions
list views
screen shot of a list of files
notifications
screen shot of a message in the notification area
progress bars
screen shot of a partially filled progress bar
progressive disclosure controls
screen shot of several arrow buttons
radio buttons
screen shot of one of three radio buttons selected
search boxes
screen shot of a search text box
sliders
screen shot of a bar, slider, and tick marks
spin controls
screen shot of a spin control
status bars
screen shot of status bar and pop-up window
tabs
screen shot of five tabs
text boxes
screen shot of a text box and its label
tooltips
screen shot of print button and its tooltip
infotip
screen shot of share button and its infotip
tree views
screen shot of folder hierarchy

Commands

 
menus
screen shot of the view menu and its submenus
toolbars
screen shot of a toolbar
ribbons
screen shot of the microsoft word ribbon

Pointers

 
working in background
screen shot of doughnut-shaped pointer with arrow
busy
screen shot of doughnut-shaped pointer
activity indicator
screen shot of doughnut-shaped pointer and text

Windows

 
dialog boxes
screen shot of the windows help dialog box
property windows
screen shot of a new folder property window
warning messages
screen shot of a low battery warning message
confirmations
screen shot of save changes? message

Windows Environment

 
taskbar
screen shot of a taskbar
user account control entry points
screen shot of large, small security shield icons
user account control consent ui
screen shot of a request to continue a program
DEPRECATED: Gadget (detailed/floating)
screen shot of weather gadget
DEPRECATED: Gadget (concise/docked)
screen shot of a small, docked weather gadget

Visuals

 
window frames
screen shot of a frame around a notepad window
fonts
screen shot of alphabet in the windows system font
standard icons
screen shot of error, warning, and other icons