This is the old Design Jam site. Visit the new site here.

SevenHeaven

From Design Jams
Jump to: navigation, search

Contents

The Team

5191273469_143c974f04.jpg

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.

5191862606_e41a6c82f3.jpg

Problems to solve

Problems we need to solve, based on the The Topic of Design Jam London 1. Also, a phone!

5191279959_7a3db717c6.jpg

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.


5191866180_cebb61963c.jpg

Stories

Each of us told stories about when we tried to find something online recently. This helped inform our understanding of the problem.

5191286719_c4c9ca691e.jpg

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.


5191306187_dd0c1f2453.jpg

Interface Sketches

We captured some very quick interface sketches, which helped us visualise some of the solutions we were discussing.

5191904360_8e8a6fce16.jpg

5191914296_02732ec5e0.jpg 5192448752_a3a8d81b3d.jpg

User journey

From all of this, we came up with a high level user journey: discovering, viewing and sharing online content.

5191327515_ef04cfb891.jpg

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.

5191942836_7a6c8185a7.jpg 5192751662_5f6238dde7.jpg

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.

5192390724_0340746815.jpg

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.

5191608677_1f7b331ee3.jpg

Personas

Inspired by Personified excellent use of presonas, and based on our quick and dirty user research, we created a set of personas.

5192235046_a85cf7994f.jpg 5192237918_a7f16f06f3.jpg

5192241000_9ec72a32ee.jpg 5192245118_54de02a132.jpg

5192248714_fef6976729.jpg

Mental Notes

Each of us selected three cards from a deck Stephen Anderson's excellent Mental Notes.

5191657123_1bbed5d48f.jpg 5191660117_0937c581c8.jpg

5191663459_7675c1efb4.jpg 5191668045_1cee4db99f.jpg

5192267112_d4ebb52b95.jpg

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.

5192270784_6200defa42.jpg

5191678639_251db84d73.jpg

5192277380_24eb694d7e.jpg

5192280412_88ae3f9438.jpg

5192288708_e82a411326.jpg

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.

5192467744_8d10a0d200.jpg

The search box with autocomplete.

5191875665_19e2557bed.jpg

When a result is clicked, an overlay is activated which provides more details, and allows navigation from Time-Machine-like interface.

5191878369_0f8a96b7c6.jpg

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.

5191865059_11675fe183.jpg

And finally, we presented our results to the rest of the Design Jam audience.

5191914657_53db153ebe.jpg

Personal tools
Namespaces
Variants
Actions
Navigation
Toolbox