Designing RubyMonk

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

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