doodle redesign 2011 - presentation uxcamp berlin 2011

The biggest (non-)Redesign in Doodle‘s History

Reto Lämmler, Rahel Vils

Agenda

• About us

• How we started• How it became a Redesign

• The process

• Our learnigs

• Discussion

Rahel VilsWeb & User Interface Designer

• namics AG• MAS HCI

(in progress)

I‘m a Mac

Reto LämmlerVP Product Management

• BS Computer Science • MAS HCI

(in progress)

I‘m a PC

Start small

Start small

Less is more

• Easier estimations• Easier to sell to the management

Find the best designer• Several designers: same task

1. Analyse theproblem zones

Boxed Design

No padding

Tetris

Advertisement

?

Vote

Advertisement

Functions

Poll info

Socializing

What is the goal of the site?

2. Prioritization

Vote

Poll info

1

Functions

3

Socializing4

Advertisement

5

2

3. Defined main goals

Intuitive & simple

Light & fresh

Time saving & fast

4. Change it

FunctionFunction

Poll info

Doodle info

Vote

Socializing

To protect your own Corporate Identity (CI)

Clear separation

The reason for the Redesign

How we worked

Visual Design

(Remote User-Test)

Requirements & Analysis

Iteration Start

Build

UCD

Paper-Prototyping

Hallway-Tests

Interactive Prototype

In-House User-TestVisual Design

(Remote User-Test)

Requirements & Analysis

Iteration Start

Build UCD

1. Requirements & Analysis

Options

Options

2. Paper-Prototyping

3. Hallway-User-Test

4. Interactive Prototype

5. In-House User-Test

6. Visual Design

7. Remote User-Test

8. Revised Visual Design

Biggest Learnings• Form follows function• Don‘t assume anything. Test it. Often.• Expectation Management (prior to Launch)

First user reaction (after 2 min)

How is UCD handeled in your Company?