Your SlideShare is downloading. ×
Frontend First Design & Development
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Frontend First Design & Development

133
views

Published on

A presentation about my own development method. Transcript: http://tinyurl.com/frontendfirst

A presentation about my own development method. Transcript: http://tinyurl.com/frontendfirst


0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
133
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Hello, my name is!"!#$%&#&(
  • 2. !"#$%&$!()("(*(%Design & Development
  • 3. Software is to solve!"#$%problems
  • 4. Every successfulsoftware solves a!""#for its users
  • 5. Software is made for!"##$%&&() of users
  • 6. A WORKPLACEIS A COMMUNITY
  • 7. Software is an!"#$%&$()($*
  • 8. How do we call things which provide!"#$%&$()($*#+$,)+--("!!*&.
  • 9. !"#$%#&(
  • 10. !"#$%
  • 11. Software is!"#$%&#&("
  • 12. Even!"#$%&"()responded to change for centuries (until tourism came)
  • 13. Software is!"#$%&()*&+,%#-+(,-..&+( /0,1
  • 14. The developer has the same!"#$%&#()*+ as an architect
  • 15. Is there!"#$%ATTITUDEin architecture?
  • 16. ChristopherALEXANDER
  • 17. Inventor ofDESIGNPATTERNS
  • 18. His Big Question:What are the patternsthat make a space!"#$%!&
  • 19. How to make!"#$%!&($)& for theCOMMUNITIES of our users?
  • 20. !"#$
  • 21. !""#$%""&""!(&$)*+,-!)*&)%
  • 22. How to help!"#$%&%$(%)* to be correct?
  • 23. How to make specifications!"#$%&(&))*
  • 24. Quick!""#$%&
  • 25. 3 week feedback is!"#$%!"&(
  • 26. !"#$%
  • 27. !"#$%&
  • 28. Through showing!"#$%&!#()*# to users
  • 29. WhyFRONTENDFIRST?
  • 30. Based on SVN logsFrontend changesTWICE as fastas Models, whileControllers changethe LEAST often * tested on multiple MVC web projects
  • 31. UI is the!"#$%"$& users speak.
  • 32. An!"#$%&($ is what hides actual!)*+$)$"##!,"
  • 33. If no change inSCREENSSPEED DATA means!"#$%&!( for the users
  • 34. !"#$%& is solely to()**+,- the interface
  • 35. ! " # $ % & % $ ( % ) * should be about+,(-()-!## not about abstract concepts
  • 36. Your!"#$%&() is not your "#(
  • 37. Draw UI sketches right at!"#$%&(#$)&#*"
  • 38. Understand What the user KNOWS What she NEEDS What she can TELLand how we can ANSWER
  • 39. !"#$!%&("&)*+&,!$-."/&01&1$.2"% not UI itself
  • 40. !"#$%$&"#
  • 41. !"#$%&
  • 42. !"#!$%&"
  • 43. !"
  • 44. JS + HTMLNO BACKEND
  • 45. Backend !!"#$!%&#!" possible
  • 46. !"#$%&((!)"*+&to user s through showing,-"-(&.&/#
  • 47. !"#$%& should &( be)*+$,#($-. on a pig
  • 48. !"#$%&till the bottom
  • 49. Technical layers are to!"##$%&the problem the software solves
  • 50. RECORDEVERYdesign rationale
  • 51. !"#"$%&
  • 52. Change requests down to!"#$while development
  • 53. Weeks of!"#$%&$
  • 54. 0 BUGRATEwithout tests
  • 55. Naturally occuringDSL LAYER
  • 56. WYSIWYG on every layer
  • 57. !"#$%$&()$*+,&
  • 58. DISADVANTAGES
  • 59. LOTS OF THROW OUT CODE (WASTE!)
  • 60. Lots ofDOCUMENTATION
  • 61. Backend progress isHARD TO MEASURE
  • 62. SurprisePERFORMANCE bottlenecks
  • 63. NEEDS !multidisciplinary!"#!$"(no departments)
  • 64. !"#!$%&()*+
  • 65. RESULTS
  • 66. HAPPY USERS
  • 67. "It does what I think it should"
  • 68. !"#$%&(!$")!*+(),"+-%*($$+ You have to ,"+-%*("+ the problem first.
  • 69. ELEGANCE !"#$!%!$&!"$#!%# BEAUTY 6% ELEGANT SOLUTION !"#*3-# PERFECT COUNTERPART#()#!*"#+(,,-".(%/!%0#.,(1-$7(*3!%0 LESS2#%(, MORE. DESIGN !"#*3- WAY *(#,-&+3#*3&*#"(4*!(%5