Wireframe

Ein Wireframe ist eine visuelle Darstellung von Layout, Struktur und Inhalt einer Website oder App. Es wird in der Regel in den frühen Phasen des Designprozesses erstellt, um eine grundlegende Vorstellung von der Architektur und den Funktionen der Website zu erhalten, bevor detaillierte Designarbeiten durchgeführt werden.

Ein Wireframe wird in der Regel mit einfachen Formen, Linien und Kästchen erstellt, um die verschiedenen Elemente der Website darzustellen, z. B. Überschriften, Navigationsmenüs, Inhaltsbereiche und Schaltflächen. Es ist oft schwarz-weiß oder in Graustufen gehalten, mit minimalen oder gar keinen Farben, um den Fokus auf das Layout und die Inhaltsstruktur zu legen und nicht auf das visuelle Design.

Wireframes können von Hand, mit Stift und Papier oder auf einem Whiteboard erstellt werden, aber auch mit speziellen Softwaretools wie Adobe XD, Sketch oder Figma. Sie sind ein wesentlicher Bestandteil des Designprozesses, da sie den Designern helfen, schnell mit verschiedenen Layouts und Strukturen zu experimentieren, die Benutzerfreundlichkeit und den Benutzerfluss zu testen und Feedback von den Interessengruppen einzuholen, bevor sie mit der detaillierteren Designarbeit fortfahren.