In Wireframes wird der grundsätzliche Aufbau des Screen-Layouts festgelegt, ein essenzieller Bestandteil der Informationsarchitektur. Unterschiedliche Seiten und Zustände einer Anwendung oder Website werden skizziert.

• Paper Prototyping
• Use Cases
• Storyboard

Sind im Paper Prototyping erste Verbesserungen und Ergänzungen eingearbeitet, werden sie mit Zeichenwerkzeugen wie Microsoft Visio oder Omni Graffle in digitale Wireframes überführt. Hier wird die Informationsarchitektur einheitlich und strukturiert ausgearbeitet. Use-Case- und Papier-Prototyp übergreifend wird hierbei auf eine am Workflow orientierte, konsistente Darstellung der Elemente geachtet. Wireframes dienen als Vorlage für das visuelle Design, den Prototyp und die Implementierung. Sie können mit Anwendern validiert werden.

Wireframes bringen Konsistenz und Effizienz in das User Interface.

• Nähere Erläuterung der Wireframes im Interaktionskonzept