windows:Windows-environment/taskbar

出自UXGuide.net

跳转到: 导航, 搜索

任务栏
Taskbar

The taskbar is the access point for programs displayed on the desktop. With the new Windows® 7 taskbar features, users can give commands, access resources, and view program status directly from the taskbar.

目录


“任务栏”是会显示在桌面上的程序的访问点。通过任务栏,用户可以查看已经在桌面上打开的主窗口及某些辅助窗口,并在其间快速切换。

Aa511446_Taskbar01(en-us,MSDN_10).png


典型的 Microsoft® Windows® 任务栏

任务栏上的控件称为“任务栏按钮(taskbar button)”。当一个程序创建一个主窗口(或有某些特性的辅助窗口)时,Windows 会为该窗口添加一个任务栏按钮,并在窗口关闭时将其删除。一个程序除了最小化为任务栏按钮,还可以最小化到deskband,让用户能执行一些重要操作。Instead of minimizing to a taskbar button, programs may instead minimize to a deskband, which allows users to access the important commands while minimized.

为Windows 7 设计的程序可以利用这些任务栏按钮的新特性: Programs designed for Windows 7 can take advantage of these new taskbar button features:

技术上讲,任务栏是横跨开始按钮到通知区域的整条工具栏;但通常任务栏仅仅指容纳任务栏按钮的区域。Technically, the taskbar spans the entire bar from the Start button to the notification area; more commonly, however, the taskbar refers only to the area containing the taskbar buttons. 对于多显示器配置的情况,只有一个显示器会显示开始菜单,这台显示器即“默认显示器(default monitor)”。

注:开始菜单桌面通知区域窗口管理相关的设计规范请参考各自相应的章节。

它用在这里合适吗?

为Windows 7 设计的程序可以利用这些任务栏按钮的特性。考虑下列问题以进行判断: Programs designed for Windows 7 can take advantage of these taskbar button features. Ask yourself the following key questions to determine whether or not to use them:

Jump Lists

Aa511446_Taskbar02(en-us,MSDN_10).png
在这个示例中,IE用Jump List显示常访问的页面。
In this example, Windows Internet Explorer® uses a Jump List to present frequently visited pages.
Aa511446_Taskbar03(en-us,MSDN_10).png
在这个示例中,用户可以在使用其他程序时,快速新建一个便签。
In this example, the Sticky Notes accessory allows users to create a new note quickly while using other programs.

缩略图工具栏

下列条件是否都符合? Do all of the following conditions apply?

错误:
Aa511446_Taskbar04(en-us,MSDN_10).png
需要额外输入的操作不适合缩略图工具栏。
Commands that require additional input don't work well on thumbnail toolbars.
错误:
Aa511446_Taskbar05(en-us,MSDN_10).png
这个示例中,操作没能通过图标传达出含义。
In this example, the command isn't well represented by icons.


Deskbands

To decide to use deskbands, apply the same criteria as for thumbnail toolbars. Here are the advantages and disadvantages of each solution:


Deskbands

Advantages

Disadvantages


Thumbnail toolbars

Advantages

Disadvantages

If quick, efficient access to important commands is an important part of your program's experience, consider providing both solutions. Enable thumbnail toolbars when users are running Windows 7, and provide deskbands when users are running earlier Windows versions.

Overlay icons

Incorrect:
Aa511446_Taskbar06(en-us,MSDN_10).png
In this example, an unnecessary overlay icon displays available disk space.
Aa511446_Taskbar07(en-us,MSDN_10).png
In this example, the status bar is used because the status isn't useful when using other programs.

Progress bars

Correct:
Aa511446_Taskbar08(en-us,MSDN_10).png
Incorrect:
Aa511446_Taskbar09(en-us,MSDN_10).png
In the incorrect examples, the taskbar button progress bars aren't very useful.
Incorrect:
Aa511446_Taskbar10(en-us,MSDN_10).png
In this example, a continuous task doesn't need to show progress.

Sub-window taskbars


Design concepts

Using Jump Lists and thumbnail toolbars effectively

Jump Lists and thumbnail toolbars help users access resources and perform commands more efficiently. However, when designing how your program supports these features, don't take improved efficiency for granted. If users can't accurately predict which feature has the command they need, or they have to check multiple places, eventually users will become frustrated and stop using these features.

Jump Lists and thumbnail toolbars work together most effectively when they are:

Be sure to do user research to make sure you've got it right. If you ultimately find that you can't design Jump Lists and thumbnail toolbars together that achieve these goals, consider providing only one of them. It's better to have one predictable way to give commands than two confusing ones.


Guidelines

Taskbar buttons

Correct:
Aa511446_Taskbar12(en-us,MSDN_10).png


In this example, a secondary window is grouped with its primary window's taskbar button.
Incorrect:
Aa511446_Taskbar13(en-us,MSDN_10).png


In this example, Control Panel is incorrectly grouped with Windows Explorer. Users perceive these as separate programs.
Incorrect:
Aa511446_Taskbar13a(en-us,MSDN_10).png
In this example, Windows Sync Center incorrectly uses a temporary taskbar button to display status. It should use its notification area icon instead.


Icons

Aa511446_Taskbar14(en-us,MSDN_10).png
In this example, the program's taskbar button icon doesn't have important information in the lower right area.
Incorrect:
Aa511446_Taskbar16(en-us,MSDN_10).png
In this example, the program's base icon looks like it is showing status.

For general icon guidelines and examples, see icons.


Overlay icons

Incorrect:
Aa511446_Taskbar46a(en-us,MSDN_10).png
In these examples, the overlay icon isn't important enough to merit a potential interruption.
Exception: Your program can constantly display an overlay icon if users always need to know its status.
Aa511446_Taskbar46(en-us,MSDN_10).png


In this example, Windows Live Messenger always displays an overlay icon so that users can always check their reported presence.
Incorrect:
Aa511446_Taskbar47(en-us,MSDN_10).png
In this example, the new mail icon is displayed redundantly.
Overlay Status
Aa511446_Taskbar48a(en-us,MSDN_10).png Warning
Aa511446_Taskbar48b(en-us,MSDN_10).png Error
Aa511446_Taskbar48c(en-us,MSDN_10).png Disabled/Disconnected
Aa511446_Taskbar48d(en-us,MSDN_10).png Blocked/Offline
Incorrect:
Aa511446_Taskbar17(en-us,MSDN_10).png
In this example, the rapidly changing overlay icon demands attention.


Taskbar button flashing

If immediate action isn't required, consider these alternatives:


Quick Launch shortcuts


Jump Lists

Design

Correct:
Aa511446_Taskbar18(en-us,MSDN_10).png
Incorrect:
Aa511446_Taskbar19(en-us,MSDN_10).png
In the incorrect example, the Jump List contains many destinations that users aren't likely to care about.
Correct:
Aa511446_Taskbar20(en-us,MSDN_10).png
Incorrect:
Aa511446_Taskbar21(en-us,MSDN_10).png
In the incorrect example, listing songs in a Jump List will fill it with a single album.
Aa511446_Taskbar22(en-us,MSDN_10).png
In this example, the Sticky Notes accessory provides a single Jump List command, because that's all that is needed.
Incorrect:
Aa511446_Taskbar23(en-us,MSDN_10).png
In this example, the Jump List tooltip is redundant.


Jump List features vs. program features


Grouping

<blockquote />
Commands are given the Tasks group name, which is assigned by Windows and therefore can't be changed.
Correct:
Aa511446_Taskbar28(en-us,MSDN_10).png
Incorrect:
Aa511446_Taskbar27(en-us,MSDN_10).png
Recent is the better group name because it is familiar, and the subtle distinction between history and recent isn't worth making.


Commands

Exceptions: You may substitute or remove commands when:
Incorrect:
Aa511446_Taskbar29(en-us,MSDN_10).png


In this example, Print isn't a good Jump List command because it depends on the current document.
Correct:
Aa511446_Taskbar30(en-us,MSDN_10).png


In this example, Sign in and Sign out are mutually exclusive commands. Also, separators are used to group related commands.
<blockquote />


Command icons

Incorrect:
Aa511446_Taskbar31a(en-us,MSDN_10).png
In this example, Internet Explorer should provide icons for all commands to avoid an awkward appearance.


Destinations

Aa511446_Taskbar31(en-us,MSDN_10).png
In this example, Windows Notepad uses Recent destinations.
Aa511446_Taskbar32(en-us,MSDN_10).png
In this example, Windows Explorer uses Frequent destinations.
Incorrect:
Aa511446_Taskbar33(en-us,MSDN_10).png
Using Recent in Windows Internet Explorer would result in many useless destinations.
Aa511446_Taskbar36(en-us,MSDN_10).png
In this example, Windows Media Center lists the recently recorded shows that the user hasn't seen yet.
Incorrect:
Aa511446_Taskbar37(en-us,MSDN_10).png
In this example, providing different views of the same destinations is wasteful.
Correct:
Aa511446_Taskbar38(en-us,MSDN_10).png
In this example, the destination lists have different data for different tasks.


Thumbnail toolbars

Interaction

Incorrect:
Aa511446_Taskbar39(en-us,MSDN_10).png
In this example, the thumbnail toolbar has commands that aren't important.
Incorrect:
Aa511446_Taskbar40(en-us,MSDN_10).png
Thumbnail toolbar commands must have an immediate effect.
Aa511446_Taskbar41(en-us,MSDN_10).png
In this example, clicking Next in Windows Media® Player continues to display the thumbnail because users might want to give other commands.
Aa511446_Taskbar42(en-us,MSDN_10).png
In this example, clicking Chat in Windows Live Messenger dismisses the thumbnail because users are most likely to send a message.


Presentation


Progress bars

For more guidelines, see Progress Bars.


Deskbands

Note: Deskbands are no longer recommended for Windows 7. Use a taskbar button with a thumbnail toolbar instead. Your program may support both mechanisms for backward compatibility.

Correct:
Aa511446_Taskbar50(en-us,MSDN_10).png
Incorrect:
Aa511446_Taskbar51(en-us,MSDN_10).png
In the incorrect example, the deskband always uses same layout, resulting in an inefficient use of screen space in the vertical orientation.


Text

Window titles

When choosing window titles, consider the title's appearance on the taskbar:

Incorrect:
Aa511446_Taskbar52(en-us,MSDN_10).png
In this example, the truncated window title has unfortunate results.


Jump List commands

For more command label guidelines, see Menus.


Documentation

When referring to the taskbar:

Example: The New Mail taskbar button icon notifies you that a new e-mail message has arrived.

个人工具
名字空间
变换
动作
导航
工具箱