Interaction Design

Examples of interaction design documents (wireframes, storyboards, dynamic prototypes) drafted for software applications and web sites.

(Click the banner image or heading text of an item to view a slide show of related images.)

  • Change Avatar Prototype

    Change Avatar Prototype

    A medium fidelity prototype of the "Change Avatar" UI for an online casino client application. This UI would be displayed when a user wished to change the avatar used to represent them in multi-player games such as poker or blackjack.

    (View the full dynamic prototype.)

  • Interactive List Wireframe

    Interactive List Wireframe

    Wireframes for the UI of an interactive list web component for use within a Drupal 5 content management system. This component would allow a site editor to create a "top x" list of pre-existing content items that a site visitor could view interactively.

    (View the wireframe document in PDF.)

  • MultiLease Application Storyboard

    MultiLease Application Storyboard

    Storyboard for the UI of a windows application for an automobile leasing company. This was the final project for a course in System Analysis and Design, Level 2. The project required analysis and design documentation for an application enabling employees to create new leases and manage customer accounts.

    (View the storyboard document in PDF.)