Expertise

Organization Design

Organization design, process optimization,...

Research

Ethnographic interviews, usability testing,...

Modeling User Behavior

Context scenarios, persona creation,...

Defining System Behavior

Information architecture, workflows,...

Wireframing

Interaction framework, layout,...

Visual Design/Branding

Identity, graphic design,...

Design Documentation

Style guide, behavior specification,...

Wireframing


Wireframes serve as design tools as well as for communicating possible design solutions to business owners and engineers. Throughout the process I iterate through increasingly detailed wireframes until the interactions and features are defined and can be combined with the visual design.

High level wireframes

High level wireframes are a great way to explore different design solutions for the interaction framework and to organizing functionality and high level page layout.

An example of a high level wireframe.
An example of a high level wireframe.
An example of a high level wireframe.
These are four different layouts for the same content. Wireframes are a quick way of visualizing different solutions and compare them.

Detailed wireframes.

Detailed wireframes contain all the interactive elements of the interface and areas for content.

An example of detailed wireframes with annotations for the behavior of individual elements.
An example of detailed wireframes with annotations for the behavior of individual elements.

About


Daniel Jaeger

Interaction Designer
Seattle, WA
Download Resume (.doc)
Send me a Message

Daniel Jaeger is an Interaction Designer and Strategist with more than 8 years experience understanding users, business owners, and engineers, and delighting them with exceptionally designed interactive products.

Blog


Everything Else Moves, too

Daniel Jaeger, October 12th, 2009

Last Friday I watched the movie "Surrogates" with Bruce Willis. While I think it is a well made movie with a really interesting premise... Read more...