• Save
Cost Effective Web Development Techniques
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

Cost Effective Web Development Techniques

  • 99,886 views
Uploaded on

10 simple technical and workflow-based tips for reducing web design and development project costs....

10 simple technical and workflow-based tips for reducing web design and development project costs.

Presented by Drew McLellan from edgeofmyseat.com at twiist.be, Belgium, on 15 May 2009.

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
99,886
On Slideshare
83,180
From Embeds
16,706
Number of Embeds
80

Actions

Shares
Downloads
0
Comments
15
Likes
419

Embeds 16,706

http://cubicleninjas.com 6,386
http://allinthehead.com 5,854
http://www.planetblender.org 2,594
http://redfibre.nl 423
http://www.slideshare.net 308
http://www.scoop.it 206
http://blog.visionsoftsols.com 120
http://www.corcastro.blogspot.com 101
http://www.geekology.co.za 72
http://www.pinterest.com 64
http://lanyrd.com 54
http://corcastro.blogspot.com 47
http://www.matuvu.nu 41
http://www.astrid-kuckartz.de 40
http://alexrighetto.blogspot.com 37
http://www.techgig.com 36
http://www.dannyfoo.com 31
http://blog.venturelia.com 30
http://dzier.tumblr.com 26
http://www.blog.deitek.com 18
http://pinterest.com 18
http://perch2dev.rocker.eoms 16
http://10.1.10.29 14
http://www.techiegyan.com 11
http://www.webheadneeded.com 9
http://ansteckend.com 9
http://www.netvibes.com 8
http://columbustech.blogspot.com 8
http://web-design.my 8
http://professormoodle.com 8
http://translate.googleusercontent.com 7
http://presentations.tumblr.com 6
http://tumblr.simonfarine.com 6
http://static.slidesharecdn.com 6
http://xss.yandex.net 5
http://nnja 4
http://iwani.com 4
https://vurtur.seework.com 4
http://acadianawebsites.com 4
http://whitebox.designisdead.be 4
http://appliedgear.com 4
http://www.alexrighetto.blogspot.com 3
http://sexydev.soup.io 2
http://115.112.206.131 2
http://www.google.at 2
http://ennome.blogspot.com 2
http://www.techgig.timesjobs.com 2
http://twitter.com 2
http://staging.nnja.co 2
http://uxnotebook.tumblr.com 2

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. 10 COST EFFECTIVE WEB DEVELOPMENT TECHNIQUES
  • 2. OR: HOW CAN I MAKE THE BEST USE OF LIMITED DESIGN AND DEVELOPMENT BUDGETS IN THESE INCREASINGLY CHALLENGING ECONOMIC TIMES?
  • 3. I’M DREW MCLELLAN E D G E O F M Y S E A T. C O M ~ @ D R E W M I HELP PEOPLE BUILD THINGS ON THE WEB
  • 4. SOMEWHERE OUT THERE LIES A WORLD OF LIMITLESS BUDGETS
  • 5. WHEN BUDGETS ARE TIGHT E V E R YO N E WORK S HARDER
  • 6. FA S T E R CHEAPER BETTER STRONGER WITH FEWER RESOURCES AVAILABLE
  • 7. SOME TECHNIQUES ARE TECHNICAL BUT MANY ARE ABOUT WORKFLOW
  • 8. HERE’S THE TIPS PRESENTED IN NO PARTICULAR ORDER
  • 9. 1 WRITE A COMPREHENSIVE SPECIFICATION FOR YOUR PROJECT
  • 10. & A GOOD SPEC DOES TWO THINGS LIMITS SCOPE ENABLES EFFICIENCY
  • 11. T H E E A S I E S T P L A C E TO CONTROL COSTS - IS IN - THE SPEC
  • 12. DESCRIBE HOW THE SITE WORKS FROM THE USER’S PERSPECTIVE NOT HOW IT’S IMPLEMENTED
  • 13. CHANGES ARE CHEAP TO MAKE ON PAPER
  • 14. ENABLES EFFICIENCY! DEVELOPMENT - CAN BE - PLANNED UP FRONT
  • 15. - NO - ALARMS - NO - SURPRISES
  • 16. 2 EVALUATE POSSIBLE EXISTING SOLUTIONS
  • 17. DON’T REINVENT THE WHEEL
  • 18. EVALUATE AGAINST YO U R ( N OW S O L I D ) SPECIFICATION
  • 19. CONSIDER COMPROMISES: WHERE DOES COST MATTER MORE THAN FEATURES?
  • 20. USE EXISTING CODE AND BUILD 10% ON TOP - NOT - 100% FROM NOTHING
  • 21. 3 CONSIDER THE COST OF YOUR DESIGN CHOICES
  • 22. TO U G H BU T N OT IMPOS SIBLE
  • 23. I T J U S T TA K E S TIME
  • 24. C O N S I D E R T H E DEVELOPMENT IMPLICATIONS OF EVERY SINGLE DESIGN CHOICE
  • 25. 4 MAKE SURE YOUR DESIGN COVERS ALL STATES THE USER ENCOUNTERS
  • 26. GOING BACK & FORTH COSTS TIME
  • 27. & - CONSIDER - LOGGED IN LOGGED OUT
  • 28. & - CONSIDER - EMPTY STATES TOO MUCH DATA
  • 29. & - CONSIDER - WITH JAVASCRIPT WITH OU T
  • 30. & - CONSIDER - ERRORS M ESSAG E S
  • 31. MAKE SURE EVERYTHING IN THE SPEC IS DESIGNED
  • 32. 5 DESIGN FOR REUSABILITY
  • 33. BUILD A TOOLKIT OF REUSABLE COMPONENTS
  • 34. DESIGN TO A GRID
  • 35. EVERY UNIQUE ELEMENT IS A SOURCE OF COST
  • 36. - A FEW - VERSATILE TEMPLATES IS BETTER THAN DOZENS
  • 37. 6 REMEMBER: BROADBAND IS NOT A SILVER BULLET
  • 38. D E S I G N I N G F O R B R OA D BA N D P U T S EXTRA LOAD ON YOUR SERVERS
  • 39. - BANDWIDTH IS - EXPENSIVE CONSIDER YOUR RUNNING COSTS
  • 40. JUST BECAUSE IT’S DIGITAL DOESN’T MEAN IT’S FREE
  • 41. 7 PREPARE YOUR DESIGN FILES READY TO SEND ACROSS TO YOUR DEVELOPER
  • 42. MAKE IT EASY FOR YOUR DEVELOPER - TO - GET IT RIGHT
  • 43. MISTAKES -&- ADJUSTMENTS ARE EXPENSIVE
  • 44. GOING BACK AND FORTH COSTS TIME
  • 45. NAME AND GROUP - YOUR LAYERS -
  • 46. PROVIDE FLAT VERSIONS OF EACH STATE FOR REFERENCE
  • 47. HAND OVER A COLOUR GUIDE
  • 48. EXPLAIN YOUR GRID - DEVELOPERS WILL LOVE YOU -
  • 49. 8 BUILD YOUR SITE FOR CHEAP MAINTENANCE
  • 50. ONCE A SITE IS BUILT IT HAS TO BE MAINTAINED
  • 51. CON T E N T CHANGES STRUCTURE CHANGES U S E A G E CHANGES
  • 52. DESIGN & BUILD FOR FLEXIBILITY
  • 53. - AVOID - LABOUR-INTENSIVE TECHNIQUES SUCH AS TEXT AS IMAGES
  • 54. DON’T DESIGN EACH SECTION - IN A - DIFFERENT COLOUR
  • 55. CONSIDER HOW EACH ELEMENT RESPONDS TO CHANGE AND THE TIME IT WILL TAKE TO ADAPT IT
  • 56. 9 BUILD YOUR SITE FOR LOW COST QUALITY ASSURANCE (THAT’S TESTING!)
  • 57. EVERY ELEMENT OF A SITE NEEDS TO BE TESTED
  • 58. - MULTIPLE - BROWSERS - MULTIPLE - PLATFORMS
  • 59. LOGGED IN - OR - LOGGED OUT
  • 60. JAVASCRIPT ON OR OFF
  • 61. FLASH INSTALLED OR NOT
  • 62. THERE ARE TWO OUTCOMES: TESTING GETS EXPENSIVE - OR - QUALITY SUFFERS
  • 63. CONSIDER THE TESTING OVERHEAD OF EVERYTHING YOU ADD
  • 64. 10 BUILD ON THE SHOULDERS OF GIANTS USE EXISTING APIS OUTSOURCE AS MUCH AS POSSIBLE
  • 65. THE WEB IS A COLLECTION OF SMALL PIECES LOOSELY JOINED
  • 66. BE A SMALL PIECE
  • 67. AMAZON S3 FEEDBURNER YOUTUBE / VIMEO FLICKR GOOGLE MAPS YAHOO! SEARCH
  • 68. APIS
  • 69. THE BEST WAY TO SAVE MONEY LET SOMEONE ELSE SPEND THEIRS
  • 70. THANK YOU ANY QUESTIONS?
  • 71. SLIDES ALLINTHEHEAD.COM/PRESENTATIONS FOLLOW ME: @DREWM