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

Frontend First Design & Development

on

  • 259 views

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

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

Statistics

Views

Total Views
259
Views on SlideShare
228
Embed Views
31

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 31

http://aadaamsportfolio.wordpress.com 31

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Frontend First Design & Development Frontend First Design & Development Presentation Transcript

    • Hello, my name is!"!#$%&#&(
    • !"#$%&$!()("(*(%Design & Development
    • Software is to solve!"#$%problems
    • Every successfulsoftware solves a!""#for its users
    • Software is made for!"##$%&&() of users
    • A WORKPLACEIS A COMMUNITY
    • Software is an!"#$%&$()($*
    • How do we call things which provide!"#$%&$()($*#+$,)+--("!!*&.
    • !"#$%#&(
    • !"#$%
    • Software is!"#$%&#&("
    • Even!"#$%&"()responded to change for centuries (until tourism came)
    • Software is!"#$%&()*&+,%#-+(,-..&+( /0,1
    • The developer has the same!"#$%&#()*+ as an architect
    • Is there!"#$%ATTITUDEin architecture?
    • ChristopherALEXANDER
    • Inventor ofDESIGNPATTERNS
    • His Big Question:What are the patternsthat make a space!"#$%!&
    • How to make!"#$%!&($)& for theCOMMUNITIES of our users?
    • !"#$
    • !""#$%""&""!(&$)*+,-!)*&)%
    • How to help!"#$%&%$(%)* to be correct?
    • How to make specifications!"#$%&(&))*
    • Quick!""#$%&
    • 3 week feedback is!"#$%!"&(
    • !"#$%
    • !"#$%&
    • Through showing!"#$%&!#()*# to users
    • WhyFRONTENDFIRST?
    • Based on SVN logsFrontend changesTWICE as fastas Models, whileControllers changethe LEAST often * tested on multiple MVC web projects
    • UI is the!"#$%"$& users speak.
    • An!"#$%&($ is what hides actual!)*+$)$"##!,"
    • If no change inSCREENSSPEED DATA means!"#$%&!( for the users
    • !"#$%& is solely to()**+,- the interface
    • ! " # $ % & % $ ( % ) * should be about+,(-()-!## not about abstract concepts
    • Your!"#$%&() is not your "#(
    • Draw UI sketches right at!"#$%&(#$)&#*"
    • Understand What the user KNOWS What she NEEDS What she can TELLand how we can ANSWER
    • !"#$!%&("&)*+&,!$-."/&01&1$.2"% not UI itself
    • !"#$%$&"#
    • !"#$%&
    • !"#!$%&"
    • !"
    • JS + HTMLNO BACKEND
    • Backend !!"#$!%&#!" possible
    • !"#$%&((!)"*+&to user s through showing,-"-(&.&/#
    • !"#$%& should &( be)*+$,#($-. on a pig
    • !"#$%&till the bottom
    • Technical layers are to!"##$%&the problem the software solves
    • RECORDEVERYdesign rationale
    • !"#"$%&
    • Change requests down to!"#$while development
    • Weeks of!"#$%&$
    • 0 BUGRATEwithout tests
    • Naturally occuringDSL LAYER
    • WYSIWYG on every layer
    • !"#$%$&()$*+,&
    • DISADVANTAGES
    • LOTS OF THROW OUT CODE (WASTE!)
    • Lots ofDOCUMENTATION
    • Backend progress isHARD TO MEASURE
    • SurprisePERFORMANCE bottlenecks
    • NEEDS !multidisciplinary!"#!$"(no departments)
    • !"#!$%&()*+
    • RESULTS
    • HAPPY USERS
    • "It does what I think it should"
    • !"#$%&(!$")!*+(),"+-%*($$+ You have to ,"+-%*("+ the problem first.
    • ELEGANCE !"#$!%!$&!"$#!%# BEAUTY 6% ELEGANT SOLUTION !"#*3-# PERFECT COUNTERPART#()#!*"#+(,,-".(%/!%0#.,(1-$7(*3!%0 LESS2#%(, MORE. DESIGN !"#*3- WAY *(#,-&+3#*3&*#"(4*!(%5