VividVisions • information design

Tools zur Planung von Web-Benutzeroberflächen

Gute User Interfaces möchten sorgfältig geplant werden. Vor allem in der Web-Entwicklung hat man es immer wieder mit komplexer Benutzer-Interaktion zu tun, die es einfach und intuitiv zu gestalten gilt. Bei der Planung helfen oft Skizzen, mit deren Hilfe man verschiedene Nutzungs-Szenarien durchspielen kann um das Interface zu optimieren.

OmniGraffle

Die Kernkompetenz von OmniGraffle ist eigentlich Diagramme aller Art herzustellen. Durch den hohen Grad an Flexibilität lässt es sich aber auch ideal für die Interface-Planung einsetzen. Sind einem die Standard-Formen zu abstrakt, kann man sich unter Graffletopia.com jede Menge wunderbare Schablonen herunterladen.

Die Web Page Elements sind nur ein Beispiel für Schablonen zur Planung von Front-Ends für das Web.
OmniGraffle Web

Die iPhone Wire Frames machen die Entwicklung von Screens für das iPhone zum Kinderspiel.
OmniGraffle iPhone

Photoshop

Auch für Photoshop gibt es Vorlagen, die sich für die Planung und Erstellung von Benutzeroberfläche einsetzen lassen.

Die Designers Toolbox bietet unter anderem freigestellte Formular-Elemente im Design verschiedener Browser und Betriebssysteme.
Toolbox Forms

Der Webdesigners Toolkit stellt ebenfalls Formular-Elemente zum Download zur Verfügung, allerdings nur nach Betriebssystem unterteilt. Dafür gibt er dort auch leere Browserfenster von allen gängigen Browsern in verschiedenen Größen im Photoshop-Format, die man für die Planung und Präsentation von Benutzeroberflächen verwenden kann.
Toolkit Forms


Leave a comment









Twitter

Nichts zu danken!