These samples show IA deliverables prepared while designing the web site for Spoons Across America, a non-profit organization.
Personas
The discovery of user personas began in meetings with the client to learn about the organization and the people who participated most in the planning and design of their programs. The group helped identify participants who I then interviewed to come up with descriptions of their needs with regard to the being participants in the projects and with regard to using the Web. Those descriptions were combined to form the basis of user personas and these personas were ranked based on various criteria developed with the client.
Mapping personas to tasks and user and business goals
These charts and diagrams helped the client to view the likes and dislikes of their users. We then distilled those attributes into needs that could be translated into their experience with the web site. And those needs and tasks were translated into higher level system requirements that would be able to address them.
Mapping needs and tasks to screens
After developing the site architecture, we started to think about how to wireframe the home page to map persona needs to page elements. We considered the priorities of the focus personas and tried to arrange the elements of the page hierarchically so that the important calls to action were immediately visible, and so that secondary tasks and needs could also be identified on the page.
Complete wireframes
We then completed the wireframes to indicate more clearly all of the elements on the pages, working out labels and hierarchy.
Design
The final phase was to translate the wireframes into designs. This screen shows how the page elements were visually designed as a comp. This comp did not reflect the final design of the site, but was one of the initial concepts we considered before iterating through other design concepts.
Launch date: October, 2004