Ein Wireframe (auch „Strukturgrafik“ oder „Entwurfsgrundriss“ genannt) ist eine einfache, schwarz-weiße Darstellung einer Benutzeroberfläche, die es ermöglicht, die Struktur, die Navigation und die wichtigsten Elemente einer Website oder Anwendung zu planen und zu prüfen. Wireframes sind in der frühen Entwicklungsphase von Projekten nützlich, um das allgemeine Layout und die Funktionsweise einer Seite zu definieren, bevor es an die visuelle Gestaltung geht.
Wireframes sind in der Regel sehr einfach gehalten und enthalten nur die wichtigsten Elemente wie z.B. Schaltflächen, Menüs, Formulare, Texte und Bilder. Sie zeigen die Positionen der Elemente auf der Seite, aber nicht die Farben, Schriftarten oder andere visuelle Details.
Wireframes dienen als nützliches Werkzeug für UX-Designer, um sicherzustellen, dass die Benutzeroberfläche intuitiv und benutzerfreundlich ist, bevor sie an die visuelle Gestaltung gehen. Sie ermöglichen es auch, das Feedback von Kunden einzuholen und die Benutzererfahrung zu verbessern.