doodle redesign 2011 - presentation uxcamp berlin 2011

38
The biggest (non-)Redesign in Doodle‘s History Reto Lämmler, Rahel Vils

Upload: reto-laemmler

Post on 08-May-2015

784 views

Category:

Technology


3 download

DESCRIPTION

A presentation about Doodle's Redesign 2011. From the UX team's perspective. How we did it. Insights and learnings.

TRANSCRIPT

Page 1: Doodle Redesign 2011 - Presentation UXCamp Berlin 2011

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

Reto Lämmler, Rahel Vils

Page 2: Doodle Redesign 2011 - Presentation UXCamp Berlin 2011

Agenda

• About us

• How we started• How it became a Redesign

• The process

• Our learnigs

• Discussion

Page 3: Doodle Redesign 2011 - Presentation UXCamp Berlin 2011

Rahel VilsWeb & User Interface Designer

• namics AG• MAS HCI

(in progress)

I‘m a Mac

Page 4: Doodle Redesign 2011 - Presentation UXCamp Berlin 2011

Reto LämmlerVP Product Management

• BS Computer Science • MAS HCI

(in progress)

I‘m a PC

Page 5: Doodle Redesign 2011 - Presentation UXCamp Berlin 2011

Start small

Page 6: Doodle Redesign 2011 - Presentation UXCamp Berlin 2011

Start small

Less is more

• Easier estimations• Easier to sell to the management

Find the best designer• Several designers: same task

Page 7: Doodle Redesign 2011 - Presentation UXCamp Berlin 2011

1. Analyse theproblem zones

Page 8: Doodle Redesign 2011 - Presentation UXCamp Berlin 2011

Boxed Design

Page 9: Doodle Redesign 2011 - Presentation UXCamp Berlin 2011

No padding

Page 10: Doodle Redesign 2011 - Presentation UXCamp Berlin 2011

Tetris

Page 11: Doodle Redesign 2011 - Presentation UXCamp Berlin 2011

Advertisement

Page 12: Doodle Redesign 2011 - Presentation UXCamp Berlin 2011

?

Page 13: Doodle Redesign 2011 - Presentation UXCamp Berlin 2011

Vote

Advertisement

Functions

Poll info

Socializing

Page 14: Doodle Redesign 2011 - Presentation UXCamp Berlin 2011

What is the goal of the site?

2. Prioritization

Page 15: Doodle Redesign 2011 - Presentation UXCamp Berlin 2011

Vote

Poll info

1

Functions

3

Socializing4

Advertisement

5

2

Page 16: Doodle Redesign 2011 - Presentation UXCamp Berlin 2011

3. Defined main goals

Intuitive & simple

Light & fresh

Time saving & fast

Page 17: Doodle Redesign 2011 - Presentation UXCamp Berlin 2011

4. Change it

Page 18: Doodle Redesign 2011 - Presentation UXCamp Berlin 2011
Page 19: Doodle Redesign 2011 - Presentation UXCamp Berlin 2011

FunctionFunction

Poll info

Doodle info

Vote

Socializing

Page 20: Doodle Redesign 2011 - Presentation UXCamp Berlin 2011

To protect your own Corporate Identity (CI)

Clear separation

Page 21: Doodle Redesign 2011 - Presentation UXCamp Berlin 2011

The reason for the Redesign

Page 22: Doodle Redesign 2011 - Presentation UXCamp Berlin 2011

How we worked

Page 23: Doodle Redesign 2011 - Presentation UXCamp Berlin 2011

Visual Design

(Remote User-Test)

Requirements & Analysis

Iteration Start

Build

UCD

Page 24: Doodle Redesign 2011 - Presentation UXCamp Berlin 2011

Paper-Prototyping

Hallway-Tests

Interactive Prototype

In-House User-TestVisual Design

(Remote User-Test)

Requirements & Analysis

Iteration Start

Build UCD

Page 25: Doodle Redesign 2011 - Presentation UXCamp Berlin 2011

1. Requirements & Analysis

Page 26: Doodle Redesign 2011 - Presentation UXCamp Berlin 2011

Options

Page 27: Doodle Redesign 2011 - Presentation UXCamp Berlin 2011

Options

2. Paper-Prototyping

Page 28: Doodle Redesign 2011 - Presentation UXCamp Berlin 2011

3. Hallway-User-Test

Page 29: Doodle Redesign 2011 - Presentation UXCamp Berlin 2011

4. Interactive Prototype

Page 30: Doodle Redesign 2011 - Presentation UXCamp Berlin 2011

5. In-House User-Test

Page 31: Doodle Redesign 2011 - Presentation UXCamp Berlin 2011

6. Visual Design

Page 33: Doodle Redesign 2011 - Presentation UXCamp Berlin 2011

8. Revised Visual Design

Page 34: Doodle Redesign 2011 - Presentation UXCamp Berlin 2011

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

Page 35: Doodle Redesign 2011 - Presentation UXCamp Berlin 2011

First user reaction (after 2 min)

Page 36: Doodle Redesign 2011 - Presentation UXCamp Berlin 2011
Page 37: Doodle Redesign 2011 - Presentation UXCamp Berlin 2011
Page 38: Doodle Redesign 2011 - Presentation UXCamp Berlin 2011

How is UCD handeled in your Company?