Cost Effective Web Development Techniques

138,400 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
22 Comments
442 Likes
Statistics
Notes
  • Njce! Thanks for sharing.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • 3rd one "Design"... Explained very well and rest of all also very helpful. Thanks for sharing :)
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Hello dear, My name is mariam nasrin, I know that this email will meet you in a good health and also surprisingly but God has his own way of bringing people together. Nice to Meet you I would appreciate if you can reply me back( mariamnasrin2@gmail.com ) So that i can explain you more about me. thank Yours mariam.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Learning Web App Development --- http://amzn.to/22qAQ00
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics --- http://amzn.to/1Mvq2RM
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
138,400
On SlideShare
0
From Embeds
0
Number of Embeds
27,153
Actions
Shares
0
Downloads
0
Comments
22
Likes
442
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

×