Library Site Design: Wireframes

Our design principles for the Library site restructuring left us with a lot of tricky design issues to tackle, and we also needed to make sure we were addressing organizational stakeholder needs in addition to our researched user needs.  Reviewing the ways that other websites approach similar problems proved informative (such as those in eduStyle’s Noteworthy Sites list), though most other library sites contained the same complex, tabbed search boxes, obscure navigational labeling, and physical location focus that we hoped to avoid.  After many conversations with Erin, reviewing organizational needs based on Erin’s interviews, considering our user personae, and studying our analytics data, I produced the following wireframes and presented them to our stakeholder community (Nov. 16, 2011). Continue reading

Advertisements

Re-envisioning the Catalog: Wireframes & Design

After establishing design principles based on good assessment data, I typically turn to some quick pen-and-paper sketching to wrap my mind around design problems and areas of potential confusion.  These sketches are quick, low-fidelity, and really only meant to inform small-group conversations with those closest to the project.  Depending on the task at hand, I will sketch full pages, discrete interactions (such as a specific form element), or a narrative storyboard to visualize a potential user path.

Continue reading

Re-envisioning the Catalog: Establishing Design Principles

After Erin has performed initial assessment activities, my first design task isn’t to jump right into HTML & CSS or select a color palette or even sketch with pen & paper.  My starting point is instead the creation of short, pithy, abstract Design Principles that summarize key lessons learned from our pre-design assessment and will serve as a framework for the entire design phase.

Continue reading