Wires – A free wireframe kit for Adobe XD

Wires – A free wireframe kit for Adobe XD

Wireframe ist für die, die es noch nicht wissen ein konzeptioneller Entwurf einer Internetseite / App-Anwendung. In einem Wireframe werden nur die wichtigsten Elemente einer Webseite / App-Anwendung dargestellt. 

Dabei spielen einzelne Gestaltungselemente und Funktionen noch keine wichtige Rolle, weswegen bei einem Wireframe auch keine Farben, Bilder oder Grafiken verwendet werden. Es geht nicht um das Design bei einem Wireframe, sondern um die Konzeption einer Anwendung. Es wird nur die Struktur und die Benutzerführung der zukünftigen Anwendung geplant. 

Gibt es unterschiedliche Wireframes?

Ja, es werden zwei Arten an Wireframes unterschieden:

  • statische Wireframes
  • dynamische Wireframes

Bei einem statischen Wireframe dreht es sich um eine einzelne schematische Darstellung von nur einer einzelnen Benutzeroberfläche (z.B. eine Seite eines Internetauftritts).

Dynamische  Wireframes setzen sich aus mehr als einer Seite zusammen. Bei einem dynamischen Wireframe werden die einzelnen Seiten zu einem funktionellen Prototypen verbunden und man kann zwischen den einzelnen Seiten hin und her navigieren. 

Welche Vorteile bringen Wireframes mit sich?

Wireframes sind Strukturskizzen. Diese lassen sich schneller zu Papier bringen als grafische Entwürfe wodurch sich schnell erste Änderungswünsche des Kunden integrieren lassen. Zudem können schnell ein paar neue Varianten und Ideen ausprobiert werden. 

Doch das ist noch lange nicht alles. Durch Wireframe-Modelle lässt sich die Gewichtung zwischen den Inhalten und der Nutzerführung herausfiltern. 

  • Wie bewegt sich der Besucher vom einem Inhalt zum nächsten?
  • Wie soll der Benutzer mit den jeweiligen Strukturen der Anwendung interagieren?
  • Wohin sollen die Aufmerksamkeit der Benutzer gelenkt werden?

All dies lässt sich mit Wireframes schnell und einfach erstellen. Daher sind Wireframes bei der Entwicklung eines Designs sehr wichtig und dürfen nicht fehlen. 

Wer sich Zeit sparen möchte oder Anregungen sucht, kann auch gerne auf im Internet frei verfügbare Wireframes zurückgreifen. Eines dieser kostenlosen Wireframes für Adobe XD ist Wires, erstellt von Kyle Galle, UI8 Design und Jonathan Pimento

Schreibe einen Kommentar

Ich akzeptiere

Menü schließen