Windows Aero Explained

Windows Aero (a backronym for Authentic, Energetic, Reflective, and Open^{[1] [2]}) is the design language introduced in the Microsoft Windows Vista operating system. The changes introduced by Windows Aero encompassed many elements of the Windows interface, with the introduction of a new visual style with an emphasis on animation, glass, and translucency; interface guidelines for phrasing and tone of instructions and other text in applications were available. New cursors and sounds based on Windows Aero design principles were also introduced.

Windows Aero was used as the design language of Windows Vista and Windows 7. The flat design-based Metro design language was introduced on Windows 8, although aspects of the design and features promoted as part of Aero on Windows Vista and 7 have been retained in later versions of Windows (barring design changes to comply with Metro, MDL2, or Fluent).

Features

For the first time since the release of Windows 95, Microsoft completely revised its user interface guidelines, covering aesthetics, common controls such as buttons and radio buttons, task dialogs, wizards, common dialogs, control panels, icons, fonts, user notifications, and the "tone" of text used.^[3]

Windows Aero theme

On Windows Vista and Windows 7 computers that meet certain hardware and software requirements, the Windows Aero theme is used by default, primarily incorporating various animation and transparency effects into the desktop using hardware acceleration and the Desktop Window Manager (DWM). In the "Personalize" section added to Control Panel of Windows Vista, users can customize the "glass" effects to either be opaque or transparent, and change the color it is tinted. Enabling Windows Aero also enables other new features, including an enhanced Alt-Tab menu and taskbar thumbnails with live previews of windows, and "Flip 3D", a window switching mechanism which cascades windows with a 3D effect.

Windows 7 features refinements in Windows Aero, including larger window buttons by default (minimize, maximize, close and query), revised taskbar thumbnails, the ability to manipulate windows by dragging them to the top or sides of the screen (to the side to make it fill half the screen, and to the top to maximize), the ability to hide all windows by hovering the Show Desktop button on the taskbar, and the ability to minimize all other windows by shaking one.

Use of DWM, and by extension the Windows Aero theme, requires a video card with 128MB of graphics memory (or at least 64MB of video RAM and 1GB of system RAM for on-board graphics) supporting pixel shader 2.0, and with WDDM-compatible drivers. Windows Aero is also not available in Windows 7 Starter, only available to a limited extent on Windows Vista Home Basic, and is automatically disabled if a user is detected to be running a non-genuine copy of Windows.^{[4] [5]} Windows Server 2008 and Windows Server 2008 R2 also support Windows Aero as part of the "Desktop Experience" component, which is disabled by default.^[6]

Aero Wizards

Wizard 97^[7] had been the prevailing standard for wizard design, visual layout, and functionality used in Windows 98 through to Windows Server 2003, as well as most Microsoft products in that time frame. Aero Wizards are the replacement for Wizard 97, incorporating visual updates to match the aesthetics of the rest of Aero, as well as changing the interaction flow.

More specifically:

• To increase the efficiency of the wizard, the "Welcome" pages in Wizard 97 are no longer used. (A precursor to this change was implied in a number of wizards in products such as SQL Server 2005 where a check-box was added to welcome pages, allowing a user to disable the welcome page in future uses of the wizard.)
• Aero Wizards can be resized, whereas the Wizard 97 guidelines defined exact sizes for wizard window and content sizes.
• The purpose of Aero Wizards are more clearly stated at the top.
• A new kind of control called a "Command link" provides a single-click operation to choose from a short list of options.
• The notion of "Commit pages" is introduced, where it is made clear that the next step will be the actual process that the wizard is being used to enact. If no follow-up information needs to be communicated, these are the last pages in a wizard. Typically a commit page has a button at the bottom-right that is labeled with the action to be taken, such as "Create account".
• The "Back" button has moved to the top-left corner of the wizard window and matches the visual style of the back button in other Vista applications. This is done to give more focus to the commit choices. The "Next" button is only shown on pages where it is necessary.
• At the end of a wizard, a "Follow-up page" can be used to direct the user to related tasks that they may be interested in after completing the wizard. For example, a follow-up for a CD burning wizard may present options like "Duplicate this disc" and "Make a disc label".

Notifications

Notifications allow an application or operating system component with an icon in the notification area to create a pop-up window with some information about an event or problem. These windows, first introduced in Windows 2000 and known colloquially as "balloons", are similar in appearance to the speech balloons that are commonly seen in comics. Balloons were often criticized in prior versions of Windows due to their intrusiveness, especially with regard to how they interacted with full-screen applications such as games (the entire application was minimized as the bubble came up). Notifications in Aero aim to be less intrusive by gradually fading in and out, and not appearing at all if a full-screen application or screensaver is being displayed—in these cases, notifications are queued until an appropriate time.^[8] Larger icons and multiple font sizes and colors are also introduced with Aero's notification windows.

Font

The Segoe UI typeface is the default font for Aero with languages that use Latin, Greek, and Cyrillic character sets. The default font size is also increased from 8pt to 9pt to improve readability. In the Segoe UI typeface prior to Windows 8, the numeral zero ("0") is narrow, while capital letter "O" is wider (Windows 8's Segoe UI keeps this difference), and numeral one ("1") has a top hook, while capital letter "I" has equal crown and base (Windows 8's "1" has no base, and the "I" does not have a crown or base).

Icons

Aero's base icons were designed by The Iconfactory, which had previously designed Windows XP icons.^[9]

Phrasing tone

The Vista User Experience Guidelines also address the issue of "tone" in the writing of text used with the Aero user interface. Prior design guidelines from Microsoft had not done much to address the issue of how user interface text is phrased, and as such, the way that information and requests are presented to the user had not been consistent between parts of the operating system.

The guidelines for Vista and its applications suggest messages that present technically accurate advice concisely, objectively, and positively, and assume an intelligent user motivated to solve a particular problem. Specific advice includes the use of the second person and the active voice (e.g. "Print the photos on your camera") and avoidance of words like "please", "sorry" and "thank you".^[10]

History

Windows Vista

The Aero interface was unveiled for Windows Vista as a complete redesign of the Windows interface, replacing Windows XP's "Luna" theme. Until the release of Windows Vista Beta 1 in July 2005, little had been shown of Aero in public or leaked builds, with alpha builds containing interim designs such as "Plex".^[11]

Windows Aero incorporated the following features in Windows Vista.

• Windows Aero theme: The main component of Aero, it is the successor of Windows XP's "Luna" and changes the look and feel of graphical control elements, including but not limited to buttons, checkboxes, radio buttons, menus, progress bars and default Windows icons. Even message boxes are changed.^[12]
• Windows Flip improvements: Windows Flip (Alt+Tab) in Windows Vista now shows a live preview of each open window instead of the application icons.^[13]
• Windows Flip 3D: Windows Flip 3D (Windows key+Tab) renders live images of open windows, allowing one to switch between them while displaying them in a three-dimensional view.^[14]
• Taskbar live thumbnails – Hovering over the taskbar button of a window displays a preview of that window in the taskbar.
• Desktop Window Manager (DWM) – Due to the significant impact of the new changes on hardware and performance, Desktop Window Manager was introduced to achieve hardware acceleration, transferring the duty of UI rendering from CPU to graphic subsystem. DWM in Windows Vista required compatible hardware.
• Task Dialogs: Dialog boxes meant to help communicate with the user and receive simple user input. Task Dialogs are more complex than traditional message boxes that only bear a message and a set of command buttons. Task Dialogs may have expandable sections, hyperlinks, checkboxes, progress bars and graphical elements.^[15]

Windows 7

Windows Aero is revised in Windows 7, with many UI changes, such as a more touch friendly interface, and many new visual effects and features including pointing device gestures:

• Aero Peek: Hovering over a taskbar thumbnail shows a preview of the entire window. Aero Peek is also available through the "Show desktop" button at the right end of the taskbar, which makes all open windows transparent for a quick view of the desktop. A similar feature was patented during Windows Vista development.^[16]
• Aero Shake: Quickly dragging a window back and forth minimizes all other windows. Shaking it again restores them.
• Aero Snap: Dragging a window to the right or left side of the desktop causes the window to fill the respective half of the screen. Snapping a window to the top of the screen maximizes it. Windows can be resized by stretching them to touch the top or bottom of the screen, which fully increases their vertical screen estate, while retaining their width, these windows can then slide horizontally if moved by the title bar, or pulled off, which returns the window to its original height.
• Touchscreen gestures and support for high DPI on displays were added.^[17]
• Title bars of maximized windows remain transparent instead of becoming opaque.
• The outline of non-maximized windows is completely white, rather than having a cyan outline on the right side and bottom.
• The window color is now affected by a multiplication blending mode. While the amount of blending cannot be adjusted by the user manually through normal means, the amount of color multiplication is adjusted in conjunction when adjusting color intensity. The higher the color intensity, the lower amount of color multiplication and vice versa. This also results in window colors that are not as vivid at lower intensities on darker backgrounds as they would be in Windows Vista.
• The taskbar was redesigned to automatically group windows by application, and only show their icon by default. When hovering over the taskbar button of an open program, the button glows the dominant RGB color of its icon, with the effect following the mouse cursor.^[18]
• Progress indicators are present in taskbar buttons. For example, downloading a file in a web browser can cause the button to fill with color as the operation progresses.^[19]

In later versions of Windows

Some of the features introduced in Aero remain in modified forms in later versions of Windows.

• Windows 8
  • While pre-release versions of Windows 8 used an updated version of Windows Aero with a flatter, squared look, the Glass theme was replaced prior to release by a new flat design theme based on Metro design language.^{[20] [21]} Transparency effects were removed from the interface, aside from the taskbar, which maintained transparency but no longer has a blur effect.^[22]
  • Flip 3D is removed; was changed to switch between the desktop and Windows Store apps.^[23]
    • Windows 10 The OS initially maintained an updated version of Metro, but began to increasingly reinstate detailed lighting effects (including those that follow the cursor) and Aero glass-like transparency via its migration to Fluent Design System as a successor to Metro.^[24]
  • Virtual desktops have been added via "Task View". This takes over the keyboard shortcut.^[25]
  • Window snapping has been extended to allow applications to be snapped to quadrants of the screen. When a window is snapped to half of the screen, the user is prompted to select a second window to occupy the other half of the screen.^[26]
  • Aero Shake is now referred to as "Title bar window shake".^{[27] [28]}
• Windows 11
  • Predefined "snap layouts" can be activated by hovering over the maximize/restore button on a titlebar. Sets of windows formed using snap layouts ("snap groups") can be minimized and restored from the taskbar as a group.^{[29] [30]}
  • Some window title bars are now transparent and blurred using the Mica material new to Windows 11. The Mica material only uses the user's desktop background and blurs it as the texture of some title bars, rather than a real-time blurring effect.^[31]

Legacy

See main article: Frutiger Aero. Retrospectively, a design style, Internet aesthetic and UI/UX design trend based on Windows Aero called Frutiger Aero has been identified, which was popular from roughly 2004 to 2013.^{[32] [33]} It is characterized by modern and organic themes associated with nature, glass, water and air.^[34] The name was coined by Sofi Lee in 2017, as a combination of Aero and the Frutiger typeface,^[35] which was popular with corporate materials of the time.^{[36] [37]}

See also

• Aqua (user interface)
• Compiz
• Compositing window manager
• Desktop Window Manager
• Development of Windows 7
• Development of Windows Vista
• Features new to Windows 7
• Features new to Windows Vista
• Kwin

External links

• Windows 7 Aero Peek Feature
• Microsoft Docs - Win32 Apps UX Guidelines

Notes and References

1. Web site: Windows Vista Developer Center — Create the Experience . 2005 . . . What is AERO? AERO stands for Authentic, Energetic, Reflective, and Open and is the user experience guidelines for Windows Vista, governing the look and feel of the operating system. These guidelines express not just the way the pixels are drawn, but how the user interacts with the system and the feelings it should evoke. These guidelines, and the AERO user interface, are the result of years of design and user research by Microsoft. . https://web.archive.org/web/20050729003728/http://msdn.microsoft.com/windowsvista/experience/ . July 29, 2005 . December 25, 2023.
2. Web site: The Sounds of Windows Vista . Allchin . Jim . James Allchin . November 9, 2006 . https://web.archive.org/web/20061110152317/http://windowsvistablog.com/blogs/windowsvista/archive/2006/11/09/the-sounds-of-windows-vista.aspx . November 10, 2006 . . Windows Vista Team Blog . April 25, 2015.
3. Web site: What's New in Windows Vista . . Windows Vista User Experience Guidelines . June 12, 2013 . March 16, 2016 . https://web.archive.org/web/20160316084703/https://msdn.microsoft.com/en-us/library/windows/desktop/aa511301.aspx . live .
4. Web site: Windows Vista Enterprise Hardware Planning Guidance . . . June 12, 2013 . February 2007 . September 14, 2008 . https://web.archive.org/web/20080914073532/https://technet.microsoft.com/en-us/library/cc507845.aspx . live .
5. Web site: Vista won't show fancy side to pirates . . . April 13, 2006 . June 12, 2013 . Ina . Fried . October 22, 2012 . https://web.archive.org/web/20121022192018/http://news.cnet.com/Vista-wont-show-fancy-side-to-pirates/2100-1016_3-6060700.html . live .
6. Web site: Desktop Experience Overview. TechNet Library. November 17, 2009. Microsoft. June 16, 2013. August 15, 2009. https://web.archive.org/web/20090815172914/https://technet.microsoft.com/en-us/library/cc772567.aspx. live.
7. Web site: Wizard 97 . . . June 12, 2013 . May 2002 . March 15, 2016 . https://web.archive.org/web/20160315032001/https://msdn.microsoft.com/en-us/library/ms738248.aspx . live .
8. Web site: Notifications . . . April 18, 2015 . January 14, 2015 . https://web.archive.org/web/20150114065737/http://msdn.microsoft.com/en-us/library/windows/desktop/dn742472(v=vs.85).aspx . live .
9. Web site: Design: Windows Vista . . iconfactory.com . June 12, 2013 . May 27, 2007 . https://web.archive.org/web/20070527215855/http://iconfactory.com/design/detail/windows_vista . live .
10. Web site: November 2021 . Style and Tone - Win32 apps . January 9, 2023 . Windows App Development . . January 10, 2023 . https://web.archive.org/web/20230110023357/https://learn.microsoft.com/en-us/windows/win32/uxguide/text-style-tone . live .
11. Web site: Forbidden Windows: An Early Look At Longhorn Alpha - ExtremeTech . 2022-02-27 . www.extremetech.com . February 27, 2022 . https://web.archive.org/web/20220227225503/https://www.extremetech.com/computing/52676-forbidden-windows-an-early-look-at-longhorn-alpha . live .
12. Web site: Message boxes differ in Windows Vista and in Windows XP, although you use the same code to generate the message boxes . June 16, 2013 . Support . . August 15, 2009 . https://web.archive.org/web/20090815172554/http://support.microsoft.com/kb/936852 . live .
13. Web site: What is Windows Aero? . June 11, 2013 . Windows Portal . . October 12, 2009 . https://web.archive.org/web/20091012172434/http://windows.microsoft.com/en-US/windows-vista/What-is-Windows-Aero . live .
14. Web site: Using Windows Flip 3D . dead . https://web.archive.org/web/20160114140055/http://windows.microsoft.com/en-US/windows-vista/Using-Windows-Flip-3D . January 14, 2016 . June 11, 2013 . Windows Portal . Microsoft.
15. Web site: About Task Dialogs . June 16, 2013 . . . March 22, 2018 . https://web.archive.org/web/20180322204603/https://msdn.microsoft.com/en-us/library/windows/desktop/bb760441(v=vs.85).aspx . live .
16. Web site: Zheng . Long . November 30, 2008 . From Microsoft patent to Windows reality: "X-ray browsing", circa 2005; Aero Peek, circa 2008. . June 11, 2013 . iStartedSomething.com . iStartedSomething . April 13, 2017 . https://web.archive.org/web/20170413070945/http://www.istartedsomething.com/20081130/from-microsoft-patent-to-windows-reality-x-ray-browsing-aero-peek/ . live .
17. Web site: Townsend . Reed . Matthews . Dave . LeGrow . Ian . Sinofsky . Steven . Steven Sinofsky . Touching Windows 7 . November 30, 2008 . Engineering Windows 7 . . July 8, 2015 . https://web.archive.org/web/20150708102411/http://blogs.msdn.com/b/e7/archive/2009/03/25/touching-windows-7.aspx . live .
18. Web site: What's new in Windows 7: Faster & easier . . https://web.archive.org/web/20090226055026/http://www.microsoft.com/windows/windows-7/whats-new.aspx. February 26, 2009.
19. Web site: Kiriaty . Yochay . Goldshtein . Sasha . July 2009 . Introducing The Taskbar APIs . November 10, 2013 . . . June 27, 2009 . https://web.archive.org/web/20090627203234/http://msdn.microsoft.com/en-us/magazine/dd942846.aspx . live .
20. Web site: Webster . Andrew . May 18, 2012 . Microsoft reveals Windows 8 desktop UI changes, drops Windows Aero . June 12, 2013 . . . May 6, 2021 . https://web.archive.org/web/20210506183443/https://www.theverge.com/2012/5/18/3029547/microsoft-windows-8-drops-aero-glass . live .
21. Web site: Harris . Jensen . May 19, 2012 . Sinofsky . Steven . Steven Sinofsky . Creating the Windows 8 user experience . May 21, 2012 . Building Windows 8 . . September 12, 2012 . https://web.archive.org/web/20120912033359/http://blogs.msdn.com/b/b8/archive/2012/05/18/creating-the-windows-8-user-experience.aspx . live .
22. May 19, 2012 . RIP Aero Glass; Windows 8 Sticks a Fork in Familiar UI . May 20, 2012 . . . May 22, 2012 . https://web.archive.org/web/20120522020726/http://www.pcmag.com/article2/0,2817,2404647,00.asp . live .
23. Web site: Piltch . Avram . 2012-08-22 . How to Switch Tasks Faster in Windows 8 . 2022-02-27 . LaptopMag . en . February 27, 2022 . https://web.archive.org/web/20220227230012/https://www.laptopmag.com/articles/how-to-switch-tasks-faster-in-windows-8 . live .
24. Web site: 11 May 2017 . New Windows look and feel, Neon, is officially the "Microsoft Fluent Design System" . Ars Technica . 11 May 2017 . May 11, 2017 . https://web.archive.org/web/20170511154503/https://arstechnica.com/information-technology/2017/05/new-windows-look-and-feel-neon-is-officially-the-microsoft-fluent-design-system/ . live .
25. Web site: How to Manage Virtual Desktops in Windows 11 . 2022-02-27 . PCMAG . en . February 27, 2022 . https://web.archive.org/web/20220227230008/https://www.pcmag.com/how-to/how-to-manage-virtual-desktops-in-windows-11 . live .
26. Web site: Andronico . Michael . September 30, 2014 . Microsoft Unveils Windows 10 with New Start Menu . May 14, 2019 . Tom's Guide . April 7, 2019 . https://web.archive.org/web/20190407203343/https://www.tomsguide.com/us/windows-10-unveiled,news-19648.html . live .
27. Web site: 2021-10-05 . Windows 11 comes with big multitasking improvements. Here's what's new. . 2022-02-27 . Windows Central . February 27, 2022 . https://web.archive.org/web/20220227225504/https://www.windowscentral.com/whats-new-multitasking-windows-11 . live .
28. Web site: Keep It Tidy: How to Use Snap Layouts in Windows 11 . 2022-02-27 . PCMAG . en . February 27, 2022 . https://web.archive.org/web/20220227225500/https://www.pcmag.com/how-to/keep-it-tidy-how-to-use-snap-layouts-in-windows-11 . live .
29. Web site: Salter . Jim . June 24, 2021 . Windows 11 is much more than a new theme slapped onto Windows 10 . live . https://web.archive.org/web/20210625203309/https://arstechnica.com/gadgets/2021/06/microsoft-details-windows-11-with-new-ui-and-android-app-support/ . June 25, 2021 . June 25, 2021 . Ars Technica . en-US.
30. Web site: Krasnoff . Barbara . 2021-10-05 . How to use snap layouts in Windows 11 . live . https://web.archive.org/web/20211109193948/https://www.theverge.com/22710511/windows-11-snap-layouts-how-to . November 9, 2021 . 2021-11-09 . The Verge . en.
31. Web site: July 29, 2023 . Mica material . Microsoft Learn . May 17, 2023 . . en . January 18, 2024 . https://web.archive.org/web/20240118205237/https://learn.microsoft.com/en-us/windows/apps/design/style/mica#app-layering-with-mica . live .
32. Web site: Holliday . Laura . What is frutiger aero, the aesthetic taking over from Y2K? . Dazed . February 3, 2023 . April 23, 2023 . May 11, 2023 . https://web.archive.org/web/20230511211248/https://www.dazeddigital.com/life-culture/article/58103/1/what-is-frutiger-aero-aesthetic-tiktok-msn-messenger-windows-vista-noughties . live .
33. News: Bramley . Ellie Violet . 2023-12-14 . Frutiger Aero: the Windows screen saver design trend taking TikTok by storm . 2024-01-31 . The Guardian . en-GB . 0261-3077 . January 31, 2024 . https://web.archive.org/web/20240131210953/https://www.theguardian.com/fashion/2023/dec/14/frutiger-aero-the-windows-screen-saver-design-trend-taking-tiktok-by-storm . live .
34. Web site: 2023-02-04 . What is frutiger aero, the aesthetic taking over from Y2K? Dazed . live . https://web.archive.org/web/20230204142213/https://www.dazeddigital.com/life-culture/article/58103/1/what-is-frutiger-aero-aesthetic-tiktok-msn-messenger-windows-vista-noughties . 2023-02-04 . 2023-03-17 . dazeddigital.
35. Web site: ecoloma . 2023-06-07 . Let's all welcome back the Frutiger Aero aesthetic, to give us a whiplash of good nostalgia in these trying times . 2023-10-31 . POP! . en-US . October 31, 2023 . https://web.archive.org/web/20231031160752/https://pop.inquirer.net/345716/lets-all-welcome-back-the-frutiger-aero-aesthetic-to-give-us-a-whiplash-of-good-nostalgia-in-these-trying-times . live .
36. Web site: Unveiling the Mystery: Exploring the Fascinating World of Frutiger Aero . 2023-09-21 . www.reeditionmagazine.com . May 7, 2023 . https://web.archive.org/web/20230507102356/https://www.reeditionmagazine.com/to-the-minute/unveiling-the-mystery-exploring-the-fascinating-world-of-frutiger-aero . live .
37. Web site: Cortés . Michelle Santiago . January 30, 2023 . What Frutiger Aero teaches us about niche internet aesthetics . live . https://web.archive.org/web/20230130133430/https://i-d.vice.com/en/article/88qyn3/what-frutiger-aero-teaches-us-about-niche-internet-aesthetics . January 30, 2023 . March 17, 2023 . . Vice.