The biggest(non-)Redesignin Doodle‘sHistory<br />RetoLämmler, Rahel Vils<br />
Agenda<br />•	Aboutus<br />•	Howwestarted<br />•	Howitbecame a Redesign<br />•	The process<br />•	Ourlearnigs<br />•	Discu...
I‘m a Mac<br />Rahel Vils<br />Web & User Interface Designer<br />•	namics AG<br />•	MAS HCI (in progress) <br />
I‘m a PC<br />RetoLämmler<br />VP Product Management<br /><ul><li>BS Computer Science </li></ul>•	MAS HCI (in progress) <b...
Start small<br />
Start small<br />Lessismore<br />•	Easierestimations<br />•	Easier to sell to themanagement<br />Find thebestdesigner<br /...
1. Analyse theproblemzones<br />
Boxed Design<br />
Nopadding<br />
Tetris<br />
Advertisement<br />
?<br />
Poll info<br />Vote<br />Advertisement<br />Functions<br />Socializing<br />
2. Prioritization<br />Whatisthegoal of thesite?<br />
1<br />Poll info<br />2<br />Vote<br />5<br />Advertisement<br />3<br />Functions<br />4<br />Socializing<br />
3. Definedmaingoals<br />Intuitive & simple<br />Time saving & fast<br />Light & fresh<br />
4. Change it<br />
Doodle info<br />Poll info<br />Function<br />Vote<br />Function<br />Socializing<br />
Clear separation<br />Toprotectyourown Corporate Identity (CI)<br />
The reasonfortheRedesign<br />
Howweworked<br />
Iteration Start<br />Build<br />UCD<br />
Iteration Start<br />Build<br />UCD<br />
1. Requirements & Analysis <br />
Options<br />
2. Paper-Prototyping<br />Options<br />
3. Hallway-User-Test<br />
4. Interactive Prototype<br />
5. In-House User-Test<br />
6. Visual Design<br />
7. Remote User-Test<br />
8. Revised Visual Design <br />
BiggestLearnings<br />•	Form followsfunction<br />•	Don‘tassumeanything. Test it. Often.<br />•	Expectation Management (pr...
First userreaction (after 2 min)<br />
Howis UCD handeled in your Company? <br />
Upcoming SlideShare
Loading in...5
×

Doodle Redesign 2011 - Presentation UXCamp Berlin 2011

787

Published on

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

Published in: Technology, Travel, Business
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
787
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
8
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Transcript of "Doodle Redesign 2011 - Presentation UXCamp Berlin 2011"

  1. 1. The biggest(non-)Redesignin Doodle‘sHistory<br />RetoLämmler, Rahel Vils<br />
  2. 2. Agenda<br />• Aboutus<br />• Howwestarted<br />• Howitbecame a Redesign<br />• The process<br />• Ourlearnigs<br />• Discussion<br />
  3. 3. I‘m a Mac<br />Rahel Vils<br />Web & User Interface Designer<br />• namics AG<br />• MAS HCI (in progress) <br />
  4. 4. I‘m a PC<br />RetoLämmler<br />VP Product Management<br /><ul><li>BS Computer Science </li></ul>• MAS HCI (in progress) <br />
  5. 5. Start small<br />
  6. 6. Start small<br />Lessismore<br />• Easierestimations<br />• Easier to sell to themanagement<br />Find thebestdesigner<br />• Severaldesigners: sametask<br />
  7. 7. 1. Analyse theproblemzones<br />
  8. 8. Boxed Design<br />
  9. 9. Nopadding<br />
  10. 10. Tetris<br />
  11. 11. Advertisement<br />
  12. 12. ?<br />
  13. 13. Poll info<br />Vote<br />Advertisement<br />Functions<br />Socializing<br />
  14. 14. 2. Prioritization<br />Whatisthegoal of thesite?<br />
  15. 15. 1<br />Poll info<br />2<br />Vote<br />5<br />Advertisement<br />3<br />Functions<br />4<br />Socializing<br />
  16. 16. 3. Definedmaingoals<br />Intuitive & simple<br />Time saving & fast<br />Light & fresh<br />
  17. 17. 4. Change it<br />
  18. 18.
  19. 19. Doodle info<br />Poll info<br />Function<br />Vote<br />Function<br />Socializing<br />
  20. 20. Clear separation<br />Toprotectyourown Corporate Identity (CI)<br />
  21. 21. The reasonfortheRedesign<br />
  22. 22. Howweworked<br />
  23. 23. Iteration Start<br />Build<br />UCD<br />
  24. 24. Iteration Start<br />Build<br />UCD<br />
  25. 25. 1. Requirements & Analysis <br />
  26. 26. Options<br />
  27. 27. 2. Paper-Prototyping<br />Options<br />
  28. 28. 3. Hallway-User-Test<br />
  29. 29. 4. Interactive Prototype<br />
  30. 30. 5. In-House User-Test<br />
  31. 31. 6. Visual Design<br />
  32. 32. 7. Remote User-Test<br />
  33. 33. 8. Revised Visual Design <br />
  34. 34. BiggestLearnings<br />• Form followsfunction<br />• Don‘tassumeanything. Test it. Often.<br />• Expectation Management (prior to Launch)<br />
  35. 35. First userreaction (after 2 min)<br />
  36. 36.
  37. 37.
  38. 38. Howis UCD handeled in your Company? <br />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×