Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Designing RubyMonk

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

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
290
07dc3293ce8dcaa8978112bcea950d39?s=48 gonsalves
0
72

Other Decks in Design

See All in Design
633aea3a27016b588cfa67cce4df7f15?s=48 kimurakei
0
260
1439b2421bf9af4d7353a76c5355b6d6?s=48 diegoa4863
1
510
5390b35b57f0295fdf420ce58528d7a1?s=48 jonoda
1
540
D8a5694c5933f4129ba3d5ca9aae1141?s=48 reohokazono
0
150
3d895659a74acee6d37b3674f6f7b650?s=48 heewon
1
490
E7a26dfe337b078af506ec7f79d01557?s=48 ruthbaraz
PRO
2
320
Efe3b32c678d6071ea1f06478fd2156b?s=48 norinity1103
0
750
Cb42953bfedcd81daf5b1330d98712c3?s=48 448jp
2
350
169193701aa6e6249f882068f13afa88?s=48 gazinc
0
2.5k
A6164c2cb62281a24febe6f722775b98?s=48 miterashishohei
2
1k
37228dc025342eeadeb18bf1c2976a7a?s=48 fixel_admin
0
250
Bd2cd58cea35f0c4d8965329b8a9d252?s=48 mtym27
5
4.5k

Featured

See All Featured
9fa239b3154a0169d99ab7bf1422dd12?s=48 marcelosomers
224
15k
78b475797a14c84799063c7cd073962f?s=48 holman
294
140k
282d599b414022eba5096510f675b6e2?s=48 chrislema
231
16k
44b54d2ffcb7857004071cc6795dde11?s=48 cassininazir
350
20k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
372
43k
4262b9cfacfb6b2c77f23e1d0310cd3e?s=48 myddelton
110
11k
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
25
930
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
36
2.5k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
780
240k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
498
130k
E6c6e133e74c3b83f04d2861deaa1c20?s=48 searls
207
38k
8ec1383b240b5ba15ffb9743fceb3c0e?s=48 philnash
21
1.1k

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