Ein Wireframe ist eine ganz simple, auf funktionale Aspekte beschränkte Darstellung von User Interfaces auf digitalen Geräten (Computern, Tablets, Smartphones oder Smartwatches). Schaltflächen, Navigations-Icons, Anordnungen und Anzeigen werden hier gezeigt, um damit von Test-Usern erste Feedbacks zu den Ideen einsammeln zu können.
Das Ziel ist, über diese Wireframes möglichst schnell Funktionen und Anordnungen für weitere Prototypen zu bestimmen. Zum Einsatz kommen dabei meist einfache Zeichnungen auf Papier, Post-it oder Pappe.
Ein Wireframe ist ein schematischer Entwurf, der definiert, welche Elemente an welchen Stellen verwendet werden und wie die Navigation zwischen den Elementen auf einzelnen oder verschiedenen Webseiten oder Screens einer Anwendung funktioniert. Den Prozess zur Erstellung eines Wireframes wird als Wireframing bezeichnet. Übersetzt heißt Wireframe „Drahtgerüst“ und kommt ursprünglich von dem Begriff der „Schneiderpuppe“.
Wireframing ist ein wichtiger Bestandteil des Entwicklungsprozesses von Software. Es erlaubt dem Designer die Planung des Layouts und der Interaktion mit den Schnittstellen, ohne von Farben, Schriftbild oder sogar Texten abgelenkt zu werden.
