WYSIWYG explained

In computing, WYSIWYG, an acronym for what you see is what you get,^[1] refers to software that allows content to be edited in a form that resembles its appearance when printed or displayed as a finished product,^[2] such as a printed document, web page, or slide presentation. WYSIWYG implies a user interface that allows the user to view something very similar to the result while the document is being created.^[3] In general, WYSIWYG implies the ability to directly manipulate the layout of a document without having to type or remember names of layout commands.

History

Before the adoption of WYSIWYG techniques, text appeared in editors using the system standard typeface and style with little indication of layout (margins, spacing, etc.). Users were required to enter special non-printing control codes (now referred to as markup code tags) to indicate that some text should be in boldface, italics, or a different typeface or size. In this environment there was very little distinction between text editors and word processors.

These applications typically used an arbitrary markup language to define the codes/tags. Each program had its own special way to format a document, and it was a difficult and time-consuming process to change from one word processor to another.

The use of markup tags and codes remains popular today in some applications due to their ability to store complex formatting information. When the tags are made visible in the editor, however, they occupy space in the unformatted text, and as a result can disrupt the desired layout and flow.

Bravo, a document preparation program for the Alto produced at Xerox PARC by Butler Lampson, Charles Simonyi and colleagues in 1974, is generally considered to be the first program to incorporate the WYSIWYG technology,^[4] displaying text with formatting (e.g. with justification, fonts, and proportional spacing of characters).^[5] The Alto monitor (72 PPI, based on the typographic unit) was designed so that one full page of text could be seen and then printed on the first laser printers. When the text was laid out on the screen, 72 PPI font metric files were used, but when printed, 300 PPI files were used. As a result, one would occasionally find characters and words that are slightly off—a problem that would continue up to this day.

Bravo was released commercially, and the software eventually included in the Xerox Star can be seen as a direct descendant of it.^[6]

In late 1978, in parallel with but independent of the work at Xerox PARC, Hewlett-Packard developed and released the first commercial WYSIWYG software application for producing overhead slides (or what today are referred to as presentation graphics). The first release, named BRUNO (after an HP sales training puppet), ran on the HP 1000 minicomputer, taking advantage of HP 2640—HP's first bitmapped computer terminal. BRUNO was then ported to the HP-3000 and re-released as "HP Draw".^[7]

By 1981, MicroPro advertised that its WordStar word processor had WYSIWYG,^[8] but its display was limited to displaying styled text in WYSIWYG fashion; bold and italic text would be represented on screen, instead of being surrounded by tags or special control characters.^[9] In 1983, the Weekly Reader advertised its Stickybear educational software with the slogan "what you see is what you get", with photographs of its Apple II graphics,^[10] but home computers of the 1970s and early 1980s lacked the sophisticated graphics capabilities necessary to display WYSIWYG documents, meaning that such applications were usually confined to limited-purpose, high-end workstations (such as the IBM Displaywriter System) that were too expensive for the general public to afford. As improving technology allowed the production of cheaper bitmapped displays, WYSIWYG software started to appear in more popular computers, including LisaWrite for the Apple Lisa, released in 1983, and MacWrite for the Apple Macintosh, released in 1984.

The Apple Macintosh system was originally designed so that the screen resolution and the resolution of the ImageWriter dot-matrix printers sold by Apple were easily scaled: 72 PPI for the screen and 144 DPI for the printers. Thus, the scale and dimensions of the on-screen display in programs such as MacWrite and MacPaint were easily translated to the printed output. If the paper were held up to the screen, the printed image would be the same size as the on-screen image, but at twice the resolution. As the ImageWriter was the only model of printer physically compatible with the Macintosh printer port, this created an effective closed system. Later, when Macs using external displays became available, the resolution was fixed to the size of the screen to achieve 72 DPI. These resolutions often differed from the VGA-standard resolutions common in the PC world at the time. Thus, while a Macintosh 15inches monitor had the same 640 × 480 resolution as a PC, a 16inches screen would be fixed at 832 × 624 rather than the 800 × 600 resolution used by PCs. With the introduction of third-party dot-matrix printers as well as laser printers and multisync monitors, resolutions deviated from even multiples of the screen resolution, making true WYSIWYG harder to achieve.^[11]

Etymology

The phrase "what you see is what you get", from which the acronym derives, was a catchphrase popularized by Flip Wilson's drag persona Geraldine, first appearing in September 1969, then regularly in the early 1970s on The Flip Wilson Show. The phrase was a statement demanding acceptance of Geraldine's entire personality and appearance.

As it relates to computing, there are multiple claims to first use of the phrase:

• Around 1974, Karen Thacker, the technophobe wife of Xerox hardware designer Charles "Chuck" Thacker, was introduced to a Xerox Alto running Bravo, and commented, "You mean, what I see is what I get?"^[12]
• In mid-1975, John W. Seybold, the founder of Seybold Publications, and researchers at PARC, incorporated Gypsy software into Bravo to create Bravo 3, which allowed text to be printed as displayed. Charles Simonyi and the other engineers appropriated Flip Wilson's popular phrase around that time.^{[13] [14]}
• Barbara Beeton reports that the term was coined by Bill Tunnicliffe, in a presentation at a 1978 committee meeting involving the Graphic Communications Association (GCA), the American Mathematical Society (AMS), and the Printing Industries of America (PIA).^[15]

Variations

Many variations are used only to illustrate a point or make a joke, and have very limited real use. Some that have been proposed include the following:

• WYGIWYG; what you get is what you get, often used in a similar way to WYSIAYG, WYSIMOLWYG, or WYSINWYW.^[16]
• WYGIWYS, what you get is what you see, used in computing to describe an interaction paradigm in results-oriented user interface. The term was used by Jakob Nielsen to describe Microsoft Office 2007's "Ribbon" interface^[17]
• WYSIAWYG; what you see is almost what you get, similar to WYSIMOLWYG.
• WYSIAYG, what you see is all you get, used to point out that advanced users are sometimes limited by the user interface.^[18]
• WYSIMOLWYG, what you see is more or less what you get, recognizing that most WYSIWYG implementations are imperfect.^[19]
• WYSINWYW, what you see is not what you want, suggesting that Microsoft Word often controls the user, not the other way around^[20]
• WYSIWYW, what you see is what you want, used to describe GNU TeXmacs editing platform.^[21] The abbreviation clarifies that unlike in WYSIWYG editors, the user is able to customize WYSIWYW platforms to act (possibly in part) as manual typesetting programs such as TeX or troff.
• WYTIWYG, what you think is what you get, found in Ward Cunninghams Wiki, the first user-editable website meaning: "What we look for is often what we find.",^[22] Used as a principle for WackoWiki markup, meaning that "formatted output actually looks like you expect it to look" ^[23]
• YAFIYGI, you asked for it you got it, used to describe a text-command oriented document editing system that does not include WYSIWYG, in reference to the fact that users of such systems often ask for something they did not really want. It is considered to be the opposite of WYSIWYG.^[24] The phrase was first used in this context in 1983 in the essay Real Programmers Don't Use Pascal to describe the TECO text editor system, and began to be abbreviated circa 1993.^{[25] [26] [27]}

See also

• Website builder
• HTML editor
• Visual editor
• DWIM
• WYSIWYM

External links

• The Jargon File entry for WYSIWYG
• What has WYSIWYG done to us? – Critical paper about the negative effects the introduction of WYSIWYG has had as of 1996.
• XML: WYSIWYG to WYSIWYM – A brief look at XML document authoring An article on existing XML authoring software (May 2005)
• ATPM.com's WYSIWYG: Is it What You Want?

Notes and References

1. Web site: Dictionary.com Unabridged (v 1.1) . 9 November 2007 . https://web.archive.org/web/20071130002644/http://dictionary.reference.com/browse/WYSIWYG . 30 November 2007 . live .
2. Web site: Oxford English Dictionary: WYSIWYG. https://archive.today/20130131064847/http://oxforddictionaries.com/view/entry/m_en_gb0963250. dead. 31 January 2013. Oxford University Press.
3. Web site: WYSIWYG Website Builders for Online Business. HuffPost. 15 December 2015. https://web.archive.org/web/20151216052905/http://www.huffingtonpost.com/alex-ivanovs/wysiwyg-website-builders_b_8814882.html. 16 December 2015. live.
4. Web site: Computing Now. 22 September 2016. https://web.archive.org/web/20161007094104/https://www.computer.org/web/computingnow/annals/extras/wordvol28n4. 7 October 2016. live.
5. Web site: The Real History of WYSIWYG. John. Markoff. The New York Times. 18 October 2007 . 29 August 2016. https://web.archive.org/web/20170215161305/https://bits.blogs.nytimes.com/2007/10/18/the-real-history-of-wysiwyg/?_r=0. 15 February 2017. live.
6. [Brad A. Myers]
7. Web site: Hewlett Packard: Computer Focus. September 1985. HP Computer Museum. 24 July 2019. https://web.archive.org/web/20160909052157/http://www.hpmuseum.net/pdf/ComputerFocus_1985_Sep_29pages_OCR.pdf. 9 September 2016. live.
8. News: Can your word processor pass this screen test? . BYTE . March 1981 . 18 October 2013 . Advertisement . 269 . https://web.archive.org/web/20140831033252/http://archive.org/stream/byte-magazine-1981-03/1981_03_BYTE_06-03_Programming_Methods#page/n269/mode/2up . 31 August 2014 . live .
9. Web site: In the beginning, there was the word processor. ZDNet. 22 September 2016. https://web.archive.org/web/20160923053713/http://www.zdnet.com/article/in-the-beginning-there-was-the-word-processor/. 23 September 2016. live.
10. News: What You See Is What You Get . Softline . January 1983 . 2014-07-27 . 10–11 . advertisement . https://web.archive.org/web/20140703010324/http://www.cgwmuseum.org/galleries/index.php?year=1983&pub=6&id=9 . 3 July 2014 . live .
11. Web site: WYSIWYG History, Etymology, Variations, Wikipedia, the free encyclopedia . 2022-03-21 . Wiki . en-US.
12. Web site: Markoff. John. The Real History of WYSIWYG. live. https://web.archive.org/web/20180801004100/https://bits.blogs.nytimes.com/2007/10/18/the-real-history-of-wysiwyg/. 1 August 2018. 2017-03-06. Bits Blog. 18 October 2007.
13. Book: Hiltzik, Michael. Michael Hiltzik. Dealers of Lightning: Xerox PARC and the Dawn of the Computer Age. HarperBusiness. 1999. 200. 0-88730-891-0. registration.
14. Book: Lohr, Steve. Go To. 2001. Basic Books. 0-465-04226-0. 128.
15. Flynn . Peter . Human Interfaces to Structured Documents . 2014 . . Ireland . 40 footnote 10 . 10 March 2016 . https://web.archive.org/web/20160311181959/https://cora.ucc.ie/bitstream/handle/10468/1690/Human-Interfaces-to-Structured-Documents.pdf#page=69 . 11 March 2016 . live .
16. Web site: WYGIWYG. 1 January 2016. https://web.archive.org/web/20150910151919/http://acronyms.thefreedictionary.com/WYGIWYG. 10 September 2015. live.
17. Web site: Jakob Nielsen's Alertbox, October 10, 2005 "R.I.P. WYSIWYG". 16 September 2014. https://web.archive.org/web/20120731024454/http://www.useit.com/alertbox/wysiwyg.html. 31 July 2012. live.
18. Web site: What You See Is All You Get. FOLDOC. 7 January 2011. 3 March 1999. Denis. Howe. https://web.archive.org/web/20101105143754/http://foldoc.org/WYSIAYG. 5 November 2010. live.
19. Web site: What You See Is What You Get. FOLDOC. 7 January 2011. 3 March 1999. Denis. Howe. https://web.archive.org/web/20101105143807/http://foldoc.org/WYSIWYG. 5 November 2010. live.
20. Crouching Error, Hidden Markup. 5 September 2016. September 2001. Computer. 34. 9. 128, 126–127. 10.1109/2.947101. https://web.archive.org/web/20170712223052/http://eprints.utas.edu.au/1895/. 12 July 2017. live. Holmes. W. N..
21. Web site: Welcome to GNU TeXmacs (FSF GNU project). texmacs.org. 18 November 2019. https://web.archive.org/web/20130211072143/http://www.texmacs.org/. 11 February 2013. live.
22. Web site: C2.com. Ward Cunningham . 9 March 2023. https://web.archive.org/web/20210424151012/https://wiki.c2.com/?WhatYouThinkIsWhatYouGet. 24 April 2021. live.
23. Web site: wackowiki.org/WYTIWYG. 9 March 2023.
24. Book: Raymond, Eric S.. The New Hacker's dictionary. Eric S. Raymond. 1996 . 3rd. MIT Press . 0-262-68092-0 . 497 .
25. Web site: The Jargon File 4.4.7: YAFIYGI. Eric S. Raymond . 6 September 2009. https://web.archive.org/web/20110629071651/http://catb.org/~esr/jargon/html/Y/YAFIYGI.html. 29 June 2011. live.
26. Web site: Real Programmers Don't Use Pascal. 9 December 2008. https://web.archive.org/web/20081218060606/http://www.pbm.com/~lindahl/real.programmers.html. 18 December 2008. live. (originally published in Datamation vol 29 no. 7, July 1983)
27. Web site: What You See Is All You Get. FOLDOC. 7 January 2011. 13 March 1995. Denis. Howe. https://web.archive.org/web/20100621042704/http://foldoc.org/YAFIYGI. 21 June 2010. live.