Windows Aero

From HandWiki
Revision as of 18:25, 6 February 2024 by Sherlock (talk | contribs) (correction)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Short description: Design language by Microsoft


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 or Fluent).

A distinctive feature of Windows Aero showing "glass-like" window borders on Windows 7

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][2]

Windows Aero theme

Live thumbnails showing the Internet Explorer tabs on the taskbar

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.

Flip 3D showing the current tabs by pressing the key combination of

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 128 MB of graphics memory (or at least 64 MB of video RAM and 1 GB 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

Segoe UI font in Windows Vista and Windows 7 (top); Windows 8, Windows 8.1, Windows 10, and Windows 11 (bottom)

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 showing the Windows 7 desktop when the mouse is pointed on the "show desktop" button on taskbar
  • 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][21]
    • 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

Frutiger Aero images have themes associated with nature, water, glass, and air.

Frutiger Aero

Retrospectively, a design style and 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]

Frutiger Aero is characterized by modern and organic themes associated with nature, glass, water and air.[34] Common features of Frutiger Aero include shiny and glossy textures, CGI renders of scenes with nature and technology together, grass, transparency, sparkles, bubbles, nature symbolism, a tertiary color palette, bokeh photography, and elements of skeuomorphic design.[35][36][32][37][38]

The term Frutiger Aero was coined by Sofi Lee in 2017, as a combination of Aero and the Frutiger typeface,[39] which was popular with Windows Aero and other computer interfaces and corporate materials of the time.[40][41]

History

Use of Frutiger Aero in UI

In the 2000s, Frutiger Aero came as a necessity for tech companies to make new technologies accessible to as many people, using familiar, skeuomorphic and humanist designs.[36] This change came after the futuristic "Y2K" interface that was primarily used on Windows operating systems in the early to late 1990s.[41]

Between 2012 and 2014, user interfaces on desktops, mobile devices, and websites underwent a cardinal shift towards flat design.[42] This shift coincided with the decline of Frutiger Aero and Windows Aero. Later in the early 2020s, Frutiger Aero has known a nostalgic revival on Reddit, YouTube, Instagram as well as TikTok where the hashtag #frutigeraero was used over 30 million times.[34][41]

See also

References

  1. ↑ "Windows Vista Developer Center — Create the Experience". MSDN. Microsoft. 2005. http://msdn.microsoft.com/windowsvista/experience/. "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." 
  2. ↑ 2.0 2.1 Allchin, Jim (November 9, 2006). "The Sounds of Windows Vista". Windows Vista Team Blog. Microsoft. http://windowsvistablog.com/blogs/windowsvista/archive/2006/11/09/the-sounds-of-windows-vista.aspx. 
  3. ↑ "What's New in Windows Vista". Windows Vista User Experience Guidelines. Microsoft. http://msdn.microsoft.com/en-us/library/windows/desktop/aa511301.aspx. 
  4. ↑ "Windows Vista Enterprise Hardware Planning Guidance". TechNet Library. Microsoft. February 2007. https://technet.microsoft.com/en-us/library/cc507845.aspx. 
  5. ↑ Fried, Ina (April 13, 2006). "Vista won't show fancy side to pirates". CNET. CBS Interactive. http://news.cnet.com/Vista-wont-show-fancy-side-to-pirates/2100-1016_3-6060700.html. 
  6. ↑ "Desktop Experience Overview". TechNet Library. Microsoft. November 17, 2009. https://technet.microsoft.com/en-us/library/cc772567.aspx. 
  7. ↑ "Wizard 97". Platform SDK. Microsoft. May 2002. http://msdn.microsoft.com/en-us/library/ms738248.aspx. 
  8. ↑ "Notifications". MSDN. Microsoft. https://msdn.microsoft.com/en-us/library/windows/desktop/dn742472%28v=vs.85%29.aspx. 
  9. ↑ "Design: Windows Vista". iconfactory.com. The Iconfactory. http://iconfactory.com/design/detail/windows_vista. 
  10. ↑ "Style and Tone - Win32 apps". Windows App Development. Microsoft. November 2021. https://learn.microsoft.com/en-us/windows/win32/uxguide/text-style-tone. 
  11. ↑ "Forbidden Windows: An Early Look At Longhorn Alpha - ExtremeTech". https://www.extremetech.com/computing/52676-forbidden-windows-an-early-look-at-longhorn-alpha. 
  12. ↑ "Message boxes differ in Windows Vista and in Windows XP, although you use the same code to generate the message boxes". Support. Microsoft. http://support.microsoft.com/kb/936852. 
  13. ↑ "What is Windows Aero?". Windows Portal. Microsoft. http://windows.microsoft.com/en-US/windows-vista/What-is-Windows-Aero. 
  14. ↑ "Using Windows Flip 3D". Windows Portal. Microsoft. http://windows.microsoft.com/en-US/windows-vista/Using-Windows-Flip-3D. 
  15. ↑ "About Task Dialogs". MSDN. Microsoft. http://msdn.microsoft.com/en-us/library/windows/desktop/bb760441%28v=vs.85%29.aspx. 
  16. ↑ Zheng, Long (November 30, 2008). "From Microsoft patent to Windows reality: "X-ray browsing", circa 2005; Aero Peek, circa 2008.". iStartedSomething.com. iStartedSomething. http://www.istartedsomething.com/20081130/from-microsoft-patent-to-windows-reality-x-ray-browsing-aero-peek/. 
  17. ↑ Townsend, Reed; Matthews, Dave; LeGrow, Ian. "Touching Windows 7". in Sinofsky, Steven. Engineering Windows 7. Microsoft. http://blogs.msdn.com/b/e7/archive/2009/03/25/touching-windows-7.aspx. 
  18. ↑ What's new in Windows 7: Faster & easier
  19. ↑ Kiriaty, Yochay; Goldshtein, Sasha (July 2009). "Introducing The Taskbar APIs". MSDN Magazine. Microsoft. http://msdn.microsoft.com/en-us/magazine/dd942846.aspx. 
  20. ↑ Webster, Andrew (May 18, 2012). "Microsoft reveals Windows 8 desktop UI changes, drops Windows Aero". The Verge. Vox Media. https://www.theverge.com/2012/5/18/3029547/microsoft-windows-8-drops-aero-glass. 
  21. ↑ 21.0 21.1 Harris, Jensen (May 19, 2012). "Creating the Windows 8 user experience". in Sinofsky, Steven. Building Windows 8. Microsoft. http://blogs.msdn.com/b/b8/archive/2012/05/18/creating-the-windows-8-user-experience.aspx. 
  22. ↑ "RIP Aero Glass; Windows 8 Sticks a Fork in Familiar UI". PC Magazine (Ziff Davis). May 19, 2012. https://www.pcmag.com/article2/0,2817,2404647,00.asp. Retrieved May 20, 2012. 
  23. ↑ Piltch, Avram (2012-08-22). "How to Switch Tasks Faster in Windows 8" (in en). https://www.laptopmag.com/articles/how-to-switch-tasks-faster-in-windows-8. 
  24. ↑ "New Windows look and feel, Neon, is officially the "Microsoft Fluent Design System"". 11 May 2017. https://arstechnica.com/information-technology/2017/05/new-windows-look-and-feel-neon-is-officially-the-microsoft-fluent-design-system/. Retrieved 11 May 2017. 
  25. ↑ "How to Manage Virtual Desktops in Windows 11" (in en). https://www.pcmag.com/how-to/how-to-manage-virtual-desktops-in-windows-11. 
  26. ↑ Andronico, Michael (September 30, 2014). "Microsoft Unveils Windows 10 with New Start Menu". https://www.tomsguide.com/us/windows-10-unveiled,news-19648.html. 
  27. ↑ "Windows 11 comes with big multitasking improvements. Here's what's new.". 2021-10-05. https://www.windowscentral.com/whats-new-multitasking-windows-11. 
  28. ↑ "Keep It Tidy: How to Use Snap Layouts in Windows 11" (in en). https://www.pcmag.com/how-to/keep-it-tidy-how-to-use-snap-layouts-in-windows-11. 
  29. ↑ Salter, Jim (June 24, 2021). "Windows 11 is much more than a new theme slapped onto Windows 10" (in en-US). https://arstechnica.com/gadgets/2021/06/microsoft-details-windows-11-with-new-ui-and-android-app-support/. 
  30. ↑ Krasnoff, Barbara (2021-10-05). "How to use snap layouts in Windows 11" (in en). https://www.theverge.com/22710511/windows-11-snap-layouts-how-to. 
  31. ↑ "Mica material" (in en). Microsoft. https://learn.microsoft.com/en-us/windows/apps/design/style/mica#app-layering-with-mica. 
  32. ↑ 32.0 32.1 Holliday, Laura (February 3, 2023). "What is frutiger aero, the aesthetic taking over from Y2K?". https://www.dazeddigital.com/life-culture/article/58103/1/what-is-frutiger-aero-aesthetic-tiktok-msn-messenger-windows-vista-noughties. 
  33. ↑ Bramley, Ellie Violet (2023-12-14). "Frutiger Aero: the Windows screen saver design trend taking TikTok by storm" (in en-GB). The Guardian. ISSN 0261-3077. https://www.theguardian.com/fashion/2023/dec/14/frutiger-aero-the-windows-screen-saver-design-trend-taking-tiktok-by-storm. 
  34. ↑ 34.0 34.1 "What is frutiger aero, the aesthetic taking over from Y2K? | Dazed". 2023-02-04. https://www.dazeddigital.com/life-culture/article/58103/1/what-is-frutiger-aero-aesthetic-tiktok-msn-messenger-windows-vista-noughties. 
  35. ↑ "Consumer Aesthetics Research Institute". 2023-01-16. https://cari.institute/aesthetics/frutiger-aero. 
  36. ↑ 36.0 36.1 "What is Frutiger Aero? Uncovering the nostalgic 2000's aesthetic | US Mobile". 2023-03-14. https://www.usmobile.com/blog/frutiger-aero/. 
  37. ↑ Cortés, Michelle Santiago. "What Frutiger Aero teaches us about niche internet aesthetics". https://i-d.vice.com/en/article/88qyn3/what-frutiger-aero-teaches-us-about-niche-internet-aesthetics. 
  38. ↑ Cinko, Anthony (December 17, 2022). "What is Frutiger Aero? Uncovering the nostalgic 2000's aesthetic - US Mobile blog". https://www.usmobile.com/blog/frutiger-aero/. 
  39. ↑ 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" (in en-US). 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. 
  40. ↑ "Unveiling the Mystery: Exploring the Fascinating World of Frutiger Aero". https://www.reeditionmagazine.com/to-the-minute/unveiling-the-mystery-exploring-the-fascinating-world-of-frutiger-aero. 
  41. ↑ 41.0 41.1 41.2 Cortés, Michelle Santiago (January 30, 2023). "What Frutiger Aero teaches us about niche internet aesthetics". Vice. https://i-d.vice.com/en/article/88qyn3/what-frutiger-aero-teaches-us-about-niche-internet-aesthetics. 
  42. ↑ Burmistrov, Ivan; Zlokazova, Tatiana; Izmalkova, Anna; Leonova, Anna (2015). "Flat Design vs Traditional Design: Comparative Experimental Study". in Abascal, Julio; Barbosa, Simone; Fetter, Mirko et al. (in en). Human-Computer Interaction – INTERACT 2015. Lecture Notes in Computer Science. 9297. Cham: Springer International Publishing. pp. 106–114. doi:10.1007/978-3-319-22668-2_10. ISBN 978-3-319-22668-2. https://link.springer.com/chapter/10.1007/978-3-319-22668-2_10. 

External links



Retrieved from "https://handwiki.org/wiki/index.php?title=Windows_Aero&oldid=3372115"