I sketch wireframes on paper as a first step when designing a new feature.
When exploring concepts or providing design guidance, too much detail can distract from the goal.
A wireframe for the Cricket music app (release pending). I created a grid-based template that conformed to Android's layout guidelines. This allowed me to accurately edit wires during design meetings so participants could visualize proposed changes.
Wireframes showing potential action bar directions for a mobile music app.
Responsive navigation wireframes showing layout changes at various screen sizes.
Google Grocery data dashboard created as part of an interview project.
At Linden Lab (Second Life), I helped establish a research program and conducted formal user observations. I presented results in memorable ways, including a User Test Film Festival and an internal Top Problems blog.
I have spoken twice at SXSW on the topic of user research. This article describes one of my talks.
Part of doing UX research is determining how much users rely on particular features. I created this Likert scale for a difficult conversation with advanced users about project scope. Users were asked to rank each proposed feature from 1-5, and the results were tallied and discussed. This was useful in determining priorities, but it was also a powerful tool for setting expectations.
Second Life managed one of the world's largest virtual currencies. I conducted a competitive analysis of the way casual games approach the buying experience for virtual currency and virtual goods.
I create design documents that evolve with the project. I believe it is important to have an up-to-date, visible repository of design decisions & desired behavior. This can be as simple or as detailed as the project requires.
Reddit's mobile website – user profile redesign. For this project, design documentation was maintained in a shared Sketch file, and matched to the current devlopment sprint.
Design variations for a project where I merged real estate listing data fields, and associated them with icons for a more visual experience.
Information Architecture and Styleguide for Realtor.com
A more fleshed-out wireframe can describe desired behavior as well as important layout and formatting points.
Feature redesign for Second Life viewer. By showing the old and new versions side-by-side, the changes are more clear.
Prototypes should try to closely reproduce real-world conditions, either by using live data, or by simulating the real-word context in which the feature would be seen. Believe it or not, the above image is a pretty good example of an avatar in a real-life context.
New feature for realtor.com. I created three versions of the feature using live data in order to demonstrate the various options available to the product team.
As a domain expert on scrum teams, a UX designer often acts as stakeholder or product owner. This means I write a ton of user stories at the beginning of a sprint and make sure the development efforts support them.
In some cases, the user for a product is the company itself. In this example, I was making a case for a technical refactor with the goal of providing a responsive site.
I restructured the listing data taxonomy for realtor.com, grouping information into a matrix that helps determine what information appears based on availability and priority.
Information hierarchy design for a Google News microsite, created for an interview.
Statement of purpose written to support a new navigation taxonomy for realtor.com.
Wireframe illustrating information hierarchy for a Google News microsite, created for an interview.
Part of my job includes stewardship of navigation taxonomy. These charts illustrate the scope creep that happened to realtor.com navigation over the course of several releases. The last chart represents my redesign.
Information Architecture and information visualization are closely related. This is an example of a concept design I created for realtor.com as a way to help users visualize the demographic and market data for a neighborhood.