This is a visual explainer based on the Wikipedia article on WYSIWYG. Read the full source article here. (opens in new tab)

WYSIWYG: The Visual Paradigm of Digital Creation

An academic exploration into the principles and evolution of 'What You See Is What You Get' interfaces, detailing their history, impact, and variations in computing.

What is WYSIWYG? 👇 Explore History 📜

Dive in with Flashcard Learning!


When you are ready...
🎮 Play the Wiki2Web Clarity Challenge Game🎮

Defining WYSIWYG

Core Concept

In the realm of computing, WYSIWYG, an acronym for "What You See Is What You Get," denotes software that enables content editing in a manner that closely mirrors its final appearance. This applies to outputs such as printed documents, web pages, or slide presentations. The fundamental principle is that the user interface provides a visual representation that is highly similar to the end product during the creation process.

Direct Manipulation

WYSIWYG interfaces empower users to directly manipulate the layout and formatting of documents. This contrasts sharply with earlier systems that required users to input specific markup commands or codes, which were then interpreted by a processor. WYSIWYG eliminates the need to memorize or type these codes, allowing for intuitive, visual adjustments to elements like typeface, size, spacing, and margins.

Application Scope

The WYSIWYG paradigm is prevalent across various applications where visual presentation is paramount. This includes word processors, desktop publishing software, website builders, and presentation graphics programs. Its adoption has significantly democratized content creation, making sophisticated design accessible to a broader audience without requiring deep technical expertise.

Historical Trajectory

Pre-WYSIWYG Era

Prior to the advent of WYSIWYG, text editors primarily displayed content in a standard typeface. Formatting, such as bold or italics, was indicated through non-printing control codes or markup tags. Users had to rely on their understanding of these codes and often preview the document separately to see the intended layout. This method was cumbersome and required specialized knowledge, creating a significant barrier to complex document design.

Pioneering Efforts

The groundbreaking Bravo software, developed at Xerox PARC around 1974, is widely recognized as the first program to integrate WYSIWYG technology. It allowed for the visual representation of formatting directly on screen. Hewlett-Packard followed suit in 1975 with early presentation graphics software. While early implementations faced challenges, such as discrepancies between screen resolution (PPI) and printer resolution, these innovations laid the foundation for modern visual editing tools.

The Rise of Graphical Interfaces

The widespread adoption of WYSIWYG was significantly accelerated by the development of graphical user interfaces (GUIs) and more affordable bitmapped displays. Systems like the Apple Lisa (with LisaWrite) in 1983 and the Apple Macintosh (with MacWrite) in 1984 were pivotal. Their integrated approach, where screen resolution closely matched printer output (initially 72 PPI on screen, 144 DPI on printers), provided a more accurate visual representation, making WYSIWYG a standard feature for personal computing.

Etymology of the Term

Popular Culture Origins

The phrase "what you see is what you get" gained widespread popularity through the character Geraldine Jones, portrayed by comedian Flip Wilson on his television show The Flip Wilson Show in the late 1960s and early 1970s. The catchphrase signified acceptance and wholeness, reflecting the character's assertive personality.

Computing Context

The application of this phrase to computing emerged around the mid-1970s. Several accounts attribute its first use in a computing context to interactions at Xerox PARC, possibly originating from Karen Thacker, wife of engineer Charles Thacker, commenting on the Bravo software. Charles Simonyi and others are also credited with adopting the phrase to describe the visual editing capabilities of their systems. Independent usage has also been noted in presentations related to graphic communications standards.

Variations and Nuances

Beyond the Standard

While WYSIWYG is the standard, its imperfect implementations and the desire for more precise control have led to various related acronyms and concepts. These often highlight the subtle differences between on-screen representation and final output, or the user's intent versus the system's behavior.

  • WYGIWYG (What You Get Is What You Get): Emphasizes that the output is fixed, regardless of visual representation.
  • WYSIWYM (What You See Is What You Mean): A related concept, often used in structured document editing (like XML), where the focus is on the semantic meaning rather than just the visual appearance.
  • WYSIAWYG (What You See Is Almost What You Get): Acknowledges the inherent imperfections and approximations in WYSIWYG systems.
  • WYSIAYG (What You See Is All You Get): Suggests limitations imposed by the user interface, where users can only achieve what the interface allows.
  • WYSIMOLWYG (What You See Is More Or Less What You Get): Similar to WYSIAWYG, recognizing the approximate nature of visual fidelity.
  • WYSIWYW (What You See Is What You Want): Used for highly customizable systems where the user can configure the output to their exact desire.
  • WYTIWYG (What You Think Is What You Get): A principle suggesting that the user's mental model aligns with the system's output.
  • YAFIYGI (You Asked For It, You Got It): Often considered the opposite of WYSIWYG, describing systems where the user explicitly commands actions, and the system executes them literally, sometimes with unintended results.

Teacher's Corner

Edit and Print this course in the Wiki2Web Teacher Studio

Edit and Print Materials from this study in the wiki2web studio
Click here to open the "Wysiwyg" Wiki2Web Studio curriculum kit

Use the free Wiki2web Studio to generate printable flashcards, worksheets, exams, and export your materials as a web page or an interactive game.

True or False?

Test Your Knowledge!

Gamer's Corner

Are you ready for the Wiki2Web Clarity Challenge?

Learn about wysiwyg while playing the wiki2web Clarity Challenge game.
Unlock the mystery image and prove your knowledge by earning trophies. This simple game is addictively fun and is a great way to learn!

Play now

Explore More Topics

References

References

A full list of references for this article are available at the WYSIWYG Wikipedia page

Feedback & Support

To report an issue with this page, or to find out ways to support the mission, please click here.

Academic Disclaimer

Important Notice

This document has been generated by an Artificial Intelligence, drawing upon information from the specified Wikipedia article. It is intended solely for academic and educational purposes, providing a structured overview for higher education students. The content reflects a specific point in time based on the source data and may not encompass all nuances or the absolute latest developments in the field.

This is not professional advice. The information presented herein should not be construed as definitive guidance on software development, user interface design, or technology implementation. Users are strongly encouraged to consult primary sources, official documentation, and qualified professionals for specific applications or critical decision-making processes. Reliance on the information provided in this document is at the user's own risk.

The creators of this educational resource are not liable for any inaccuracies, omissions, or consequences arising from the use of this information.