Cost Effective Web Development Techniques

123,174 views
121,169 views

Published on

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.

Published in: Technology
19 Comments
434 Likes
Statistics
Notes
No Downloads
Views
Total views
123,174
On SlideShare
0
From Embeds
0
Number of Embeds
26,012
Actions
Shares
0
Downloads
0
Comments
19
Likes
434
Embeds 0
No embeds

No notes for slide

Cost Effective Web Development Techniques

  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

×