Designing RubyMonk

07dc3293ce8dcaa8978112bcea950d39?s=47 Rahul Gonsalves
April 23, 2012
Design
3
440

Designing RubyMonk

A presentation for @MetaRefresh, by @aakashd and @gonsalves_r. RubyMonk is an interactive platform for learning Ruby. RubyMonk was conceptualized in September 2011 and was up and running three weeks later. This talk will give you a ringside ticket to watch as the site went from concept to wireframe, to design and then finally; to implementation.

07dc3293ce8dcaa8978112bcea950d39?s=128

Rahul Gonsalves

April 23, 2012
Tweet

More Decks by Rahul Gonsalves

See All by Rahul Gonsalves
07dc3293ce8dcaa8978112bcea950d39?s=48 gonsalves
4
260
07dc3293ce8dcaa8978112bcea950d39?s=48 gonsalves
0
57

Other Decks in Design

See All in Design
46e41ca0b51f32fd97f5d46ff33e3a23?s=48 zk_phi
1
120
92fccf6caea24341b74dfbd9509edb34?s=48 aaronimation
1
150
F1fdc613ab30a10d92baa64c3ae62cdd?s=48 meemee14
0
120
53686ab0d1d54666a9ca00dd0086a68f?s=48 kobiebrett
0
500
83d6467909033487c02cac5fbf0520b9?s=48 johnnysim92
2
100
Cf9808b306096a913709da756edeb665?s=48 uxevents
0
170
9158c2f8454a336c2c91a896bd6383bf?s=48 elisa89cristantielli
4
130
0d8a5f112b203f084178d4432b10e354?s=48 chyanime
0
130
669da7d026c150d287276fe75ab536cb?s=48 kuroko
2
3.6k
A5d201f45866b5d7a191cb2ac6b31a00?s=48 nadbov
0
120
07d788425ce835a38da4ab23a537b407?s=48 gavaru
0
110
2b0240d878444a15410d3f16b3ab2a97?s=48 siporin
1
280

Featured

See All Featured
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
296
30k
5ce91fa49a613cbc3e20d5f96856473f?s=48 edds
55
9.2k
24fc194843a71f10949be18d5a692682?s=48 gr2m
82
11k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
189
8.2k
Eb8975af8e49e19e3dd6b6b84a542e26?s=48 qrush
282
18k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
407
57k
D83926c323d4f9289f947b4b4e76b939?s=48 jensimmons
205
9.9k
25c7c18223fb42a4c6ae1c8db6f50f9b?s=48 mojombo
353
62k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
142
19k
D47656e20ff5e42f125fc5ea0fd636c6?s=48 tmm1
61
7.4k
9128d500301ae51524e887bb680f471d?s=48 caitiem20
300
16k
3d6ace9554821d552146413bcdf874f6?s=48 trishagee
5
350

Transcript

  1. RubyMonk From Design to One Million Page Views in Four

    Weeks @aakashd + @gonsalves_r for @metarefresh 21 April, 2012

  2. lone developer

  3. Agile

  4. Over the Wall Design

  5. Disconnect

  6. One Month

  7. Starting Out

  8. None
  9. None
  10. None

  11. Enter the Designer.

  12. “We’ve got this idea...”

  13. “Clean and minimal UI” “We really like World of Warcraft”

  14. None

  15. “Clean and minimal UI”

  16. “Let’s theme it like an MMORPG set in a Buddhist

    Temple.”
  17. None
  18. None
  19. None
  20. None
  21. None
  22. None
  23. None
  24. None

  25. Prototyping

  26. Protodrawing

  27. None
  28. None
  29. None
  30. None
  31. None
  32. None
  33. None
  34. None
  35. None
  36. None
  37. None
  38. None

  39. Collaboration

  40. None
  41. None
  42. None
  43. None
  44. None
  45. None

  46. Collaboration

  47. Scope Management

  48. Change Everyday

  49. None

  50. Creative Commons. http://ko.fotopedia.com/items/rXvjYbZYHZw-hM4bKy0_6AE

  51. http://searunner.sv-timemachine.net/2011/03/gipsea-is-for-sale/

  52. Men in boat in river with find farm in background

    http://www.public-domain-image.com/full-image/transportation-vehicles-public-domain-images-pictures/ships-boats-public- domain-images-pictures/men-in-boat-in-river-with-wind-farm-in-background.jpg-copyright-friendly-photo.html

  53. feedback

  54. show to as many people as possible

  55. None

  56. pre-development

  57. None
  58. None

  59. pre release

  60. None
  61. None
  62. None
  63. None

  64. direct feedback

  65. None

  66. indirect feedback

  67. funnel tracking

  68. None
  69. None

  70. decision making

  71. as many people as possible

  72. Learnings.

  73. Visual Designer

  74. Interface Designer

  75. Product Designer

  76. Product Owner

  77. Product Owner = Product Designer

  78. “Design is too important to leave it to designers”

  79. None

  80. Start doing HTML/CSS

  81. Can’t Generalise

  82. One more thing...

  83. None

  84. staging.rubymonk.com