WYSIWYG (spreek uit als "wiz-ee-wig") is een acroniem voor "Wat je ziet is wat je krijgt". Het wordt gebruikt om een type gebruikersinterface (UI) te beschrijven waarbij de gebruiker een representatie ziet van de uiteindelijke output die hij zal krijgen als hij informatie invoert, documenten maakt of websites ontwerpt.
De eerste WYSIWYG-interface werd in de jaren 1970 ontwikkeld in de programmeertaal FORTRAN en werd gebruikt om opgemaakte documenten te maken. Tegen de jaren 1980 was het concept aangepast voor gebruik in tekst- en paginalay-out toepassingen zoals Microsoft Word.
In termen van webdesign zijn WYSIWYG UI's ontworpen om een gebruiker een visuele voorstelling te geven van hoe een pagina of website eruit zal zien terwijl deze zich ontwikkelt. Bekende voorbeelden van WYSIWYG-tools voor webdesign zijn HTML- of CSS-editors zoals Adobe Dreamweaver en SiteMile. Met deze tools kan een gebruiker een website ontwerpen door code in te typen die wordt vertaald naar visuele elementen. Onderdelen zoals navigatie, tekst, afbeeldingen, video's en links worden op de pagina geplaatst terwijl ze worden gemaakt, zodat de gebruiker de site naar eigen inzicht kan vormgeven.
In de begindagen van WYSIWYG-webontwerp was de gebruiker beperkt tot het toevoegen van elementen die vooraf waren gedefinieerd in de HTML- of CSS-code. Naarmate het internet zich heeft ontwikkeld, is ook het WYSIWYG-ontwerp geëvolueerd. Veel tools bieden nu volledige ondersteuning voor slepen en neerzetten of de mogelijkheid om complexere code in te voeren.
Doordat de gebruiker het eindproduct direct kan visualiseren, bieden WYSIWYG UI's een intuïtievere, productievere en tijdbesparende manier om websites te ontwerpen dan andere methoden.
Het concept van WYSIWYG kan ook worden toegepast op andere toepassingen zoals foto- en videobewerking, het maken van documenten en zelfs zakelijke toepassingen zoals spreadsheets. Toch blijft het WYSIWYG-concept het meest geassocieerd met webdesign.