SevenHeaven
Contents |
The Team
- Boon Chew (@jaremfan)
- Sebastian Wachholz (@waik)
- Lance Cooper (@lwcooper)
- Jim Anning (@JimAnning)
- Jeff Van Campen (@JeffVanCampen) (not shown)
Research and Explore
We initially gave ourselves until 11:00 to explore & research the design problem. After 11:00 (11:02, actually), we focused ourselves on identifying the problem.
Problems to solve
Problems we need to solve, based on the The Topic of Design Jam London 1. Also, a phone!
The Problem Space
Boon's sketch of the dimensions of the problem space, possibly inspired by this month's UX Bookclub London selection, Back of the Napkin.
Stories
Each of us told stories about when we tried to find something online recently. This helped inform our understanding of the problem.
Problems and Solutions
Based on the stories, and keeping in mind the problem space, we captured the problems we faced and possible solutions. Solutions included existing solutions, as well as solutions that don't yet exist.
Interface Sketches
We captured some very quick interface sketches, which helped us visualise some of the solutions we were discussing.
User journey
From all of this, we came up with a high level user journey: discovering, viewing and sharing online content.
Levels of Do
The user journey lead to the idea that there are "Levels of Do:" Discovering (on twitter, facebook, etc.), Consuming (Viewing in a browser), Sharing (again on twitter, facebook, delicious, etc.), and Adding To (e.g. Blogging, including a linke in an article). This informed much of the rest of our design process.
Refinding that 'Thing'
We identified this as the main problem we were trying to solve: helping people refind that thing they'd seen before, but couldn't remember where.
Design
The Plan
The design plan we came up with at lunch. Unlike our much simpler research and explore plan, we didn't manage to stick to this one.
Personas
Inspired by Personified excellent use of presonas, and based on our quick and dirty user research, we created a set of personas.
Mental Notes
Each of us selected three cards from a deck Stephen Anderson's excellent Mental Notes.
6 ups
Using a persona and the Mental Notes, each of us quickly sketched 6 (as many as we could in 5 minutes) small interface designs.
Paper Prototype
We reviewed and discussed our 6 ups, took the best elements from the ones we liked best, and created a paper prototype. It is a search interface. The SERP is uses the infinite scroll design patter. Each result is composed of an image (or a screenshot of the webpage) and several smaller icons that represent people who have shared the link or services on which you have shared the link. The sidebar offeres a number of facets that allow the results to be filtered.
The search box with autocomplete.
When a result is clicked, an overlay is activated which provides more details, and allows navigation from Time-Machine-like interface.
Overview & Presentation
Jim put together our initial "slide" explaining what we were trying to accomplish. Allowing people to refind that thing they'd seen before online, but looking at everything they've seen in their browser and on various social networks.
And finally, we presented our results to the rest of the Design Jam audience.
