Deliverables, wireframes, flows

This is what every project team wants — right now, this minute! Deliverables are where weeks of work, thinking, experimenting, and sweat come together in a few pages of text and images.

Please note that some of these examples have been saved in gif format to ensure that anyone with a web browser can view them.

Wireframes
Complex shopping flow
Beneficiary project wireframe (you may need to click on the image to make it display full size in your browser)
IRA rollover project (originally done in Visio, but saved as a gif)
Phone associate processing “homepage”

Flow diagrams
Beneficiary project
Check/wire flow
Complex financial transaction flow

Thinking diagrams — I use these to try to understand how real people see complex problems. I do them mainly for myself, but I have also used them to get certain points across to people on my project teams.
User problem maps (how users see the world and how it overlaps with how company sees world)
Education and Advice from a user perspective
How one area of site affects other areas

Personas
Penelope (pdf)
Sharon (pdf)

Concepts – I often put lots of conceptual designs in my early wireframes. I like them because they help others on the team envision how we can better serve customers, if not now, then in the future.
A new way to select mutual fund mixes
A new homepage concept

← Back