Visual Index
Here are visual examples of many user interface elements discussed in UX Guide.
This index is divided into the following sections:
- Controls
- Commands
- Pointers
- Windows
- Windows Environment
- Visuals
Controls
|
|
|
|
|
|
|
|
Drop-down lists and combo boxes
|
|
|
|
|
|
|
|
|
|
|
|
|
Progressive disclosure controls
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.png "Screen shot of balloon indicating Caps Lock is on")
.png "Screen shot of four check boxes")
.png "Screen shot of an OK button")
.png "Screen shot of two command links")
.png "Screen shot of a drop-down list of font sizes")
.png "Screen shot of both of two check boxes selected")
.png "Screen shot of a command in blue, underlined text")
.png "Screen shot of a list of valid screen resolutions")
.png "Screen shot of a list of files")
.png "Screen shot of a message in the notification area")
.png "Screen shot of a partially filled progress bar")
.png "Screen shot of several arrow buttons")
.png "Screen shot of one of three radio buttons selected")
.png "Screen shot of a Search text box")
.png "Screen shot of a bar, slider, and tick marks")
.png "Screen shot of a spin control")
.png "Screen shot of status bar and pop-up window")
.png "Screen shot of five tabs")
.png "Screen shot of a text box and its label")
.png "Screen shot of Print button and its tooltip")
.png "Screen shot of Share button and its infotip")
.png "Screen shot of folder hierarchy")
Commands
|
|
|
|
|
|
.png "Screen shot of the View menu and its submenus")
.png "Screen shot of a toolbar")
.png "Screen shot of the Microsoft Word ribbon")
Pointers
|
|
|
|
|
|
.png "Screen shot of doughnut-shaped pointer with arrow")
.png "Screen shot of doughnut-shaped pointer")
.png "Screen shot of doughnut-shaped pointer and text")
Windows
|
|
|
|
|
|
|
|
.png "Screen shot of the Windows Help dialog box")
.png "Screen shot of a New Folder property window")
.png "Screen shot of a Low Battery warning message")
.png "Screen shot of Save changes? message")
Windows Environment
|
|
User Account Control entry points
|
User Account Control consent UI
|
DEPRECATED: Gadget (detailed/floating)
|
DEPRECATED: Gadget (concise/docked)
|
.png "Screen shot of a taskbar")
.png "Screen shot of large, small security shield icons")
.png "Screen shot of a request to continue a program")
.png "Screen shot of Weather Gadget")
.png "Screen shot of a small, docked Weather Gadget")
Visuals
|
|
|
|
|
|
.png "Screen shot of a frame around a Notepad window")
.png "Screen shot of alphabet in the Windows system font")
.png "Screen shot of Error, Warning, and other icons")