O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.
10
    COST EFFECTIVE
WEB DEVELOPMENT
     TECHNIQUES
OR:
      HOW CAN I MAKE
  THE BEST USE OF LIMITED
 DESIGN AND DEVELOPMENT
     BUDGETS IN THESE
INCREASINGLY CHALLENGING
...
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
SOMEWHERE OUT THERE LIES

A WORLD OF
LIMITLESS
BUDGETS
WHEN BUDGETS ARE TIGHT

E V E R YO N E
WORK S
HARDER
FA S T E R
CHEAPER
BETTER
STRONGER
WITH FEWER RESOURCES AVAILABLE
SOME TECHNIQUES ARE

TECHNICAL
BUT MANY ARE ABOUT

WORKFLOW
HERE’S THE
TIPS
PRESENTED IN NO PARTICULAR ORDER
1
WRITE A COMPREHENSIVE
SPECIFICATION
  FOR YOUR PROJECT
&
A GOOD SPEC DOES TWO THINGS


LIMITS
SCOPE
ENABLES
EFFICIENCY
T H E E A S I E S T P L A C E TO

CONTROL
COSTS     - IS IN -

THE SPEC
DESCRIBE HOW THE SITE WORKS

FROM THE USER’S
PERSPECTIVE
NOT HOW IT’S IMPLEMENTED
CHANGES ARE
CHEAP
TO   MAKE   ON

PAPER
ENABLES EFFICIENCY!

DEVELOPMENT
      - CAN BE -

  PLANNED
 UP FRONT
- NO -
 ALARMS
   - NO -
SURPRISES
2
    EVALUATE POSSIBLE
EXISTING SOLUTIONS
DON’T

REINVENT
THE WHEEL
EVALUATE AGAINST
    YO U R ( N OW S O L I D )

SPECIFICATION
CONSIDER COMPROMISES:
WHERE DOES COST MATTER


MORE
THAN FEATURES?
USE EXISTING CODE AND BUILD


10% ON TOP
         - NOT -




100%
FROM NOTHING
3
CONSIDER THE COST OF YOUR
DESIGN CHOICES
TO U G H
BU T N OT
IMPOS
SIBLE
I T J U S T TA K E S


TIME
C O N S I D E R   T H E

DEVELOPMENT
IMPLICATIONS
OF EVERY SINGLE
DESIGN CHOICE
4
  MAKE SURE YOUR DESIGN
COVERS ALL STATES
  THE USER ENCOUNTERS
GOING

BACK & FORTH
COSTS
TIME
&
   - CONSIDER -

LOGGED IN
LOGGED OUT
&
    - CONSIDER -

EMPTY STATES
TOO MUCH DATA
&
     - CONSIDER -
WITH JAVASCRIPT
   WITH OU T
&
  - CONSIDER -

ERRORS
M ESSAG E S
MAKE SURE

EVERYTHING
IN THE SPEC IS
DESIGNED
5
  DESIGN FOR
REUSABILITY
BUILD A TOOLKIT OF

REUSABLE
COMPONENTS
DESIGN TO A

GRID
EVERY

UNIQUE ELEMENT
      IS A

SOURCE OF COST
- A FEW -

VERSATILE
TEMPLATES
IS BETTER THAN
DOZENS
6
  REMEMBER: BROADBAND IS
NOT A SILVER BULLET
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
- BANDWIDTH IS -

EXPENSIVE
CONSIDER YOUR
RUNNING COSTS
JUST BECAUSE IT’S

DIGITAL
DOESN’T MEAN IT’S


FREE
7
PREPARE YOUR DESIGN FILES
READY TO SEND
ACROSS TO YOUR DEVELOPER
MAKE IT EASY
FOR YOUR DEVELOPER
       - TO -

GET IT RIGHT
MISTAKES
       -&-

ADJUSTMENTS
   ARE EXPENSIVE
GOING BACK AND FORTH

COSTS TIME
NAME AND GROUP
   - YOUR LAYERS -
PROVIDE FLAT VERSIONS
  OF EACH STATE FOR REFERENCE
HAND OVER A

COLOUR
 GUIDE
EXPLAIN YOUR GRID
 - DEVELOPERS WILL LOVE YOU -
8
   BUILD YOUR SITE FOR
CHEAP MAINTENANCE
ONCE A SITE IS BUILT IT HAS TO BE

MAINTAINED
CON T E N T
CHANGES
STRUCTURE
CHANGES
U S E A G E
CHANGES
DESIGN & BUILD FOR

FLEXIBILITY
- AVOID -

LABOUR-INTENSIVE
   TECHNIQUES
  SUCH AS TEXT AS IMAGES
DON’T DESIGN

  EACH SECTION
        - IN A -

DIFFERENT COLOUR
CONSIDER HOW EACH ELEMENT
RESPONDS TO CHANGE
  AND THE TIME IT WILL TAKE
        TO ADAPT IT
9
 BUILD YOUR SITE FOR LOW COST
QUALITY ASSURANCE
       (THAT’S TESTING!)
EVERY ELEMENT OF A SITE

NEEDS TO BE TESTED
- MULTIPLE -
BROWSERS
 - MULTIPLE -
PLATFORMS
LOGGED IN
   - OR -
LOGGED OUT
JAVASCRIPT
  ON OR OFF
FLASH
INSTALLED OR NOT
THERE ARE TWO OUTCOMES:
TESTING GETS EXPENSIVE
             - OR -

 QUALITY SUFFERS
CONSIDER THE

TESTING OVERHEAD
  OF EVERYTHING YOU ADD
10
BUILD ON THE SHOULDERS OF GIANTS

USE EXISTING APIS
 OUTSOURCE AS MUCH AS POSSIBLE
THE WEB IS A COLLECTION OF

 SMALL PIECES
LOOSELY JOINED
BE A SMALL PIECE
AMAZON S3
  FEEDBURNER
YOUTUBE / VIMEO
     FLICKR
  GOOGLE MAPS
 YAHOO! SEARCH
APIS
THE BEST WAY
TO SAVE MONEY
 LET SOMEONE ELSE
SPEND THEIRS
THANK YOU
  ANY QUESTIONS?
SLIDES
ALLINTHEHEAD.COM/PRESENTATIONS
      FOLLOW ME: @DREWM
Cost Effective Web Development Techniques
Cost Effective Web Development Techniques
Cost Effective Web Development Techniques
Cost Effective Web Development Techniques
Cost Effective Web Development Techniques
Cost Effective Web Development Techniques
Cost Effective Web Development Techniques
Cost Effective Web Development Techniques
Cost Effective Web Development Techniques
Próximos SlideShares
Carregando em…5
×

Cost Effective Web Development Techniques

163.423 visualizações

Publicada em

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.

Publicada em: Tecnologia
  • ACCESS that WEBSITE Over for All Ebooks (Unlimited) ......................................................................................................................... DOWNLOAD FULL PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... DOWNLOAD FULL EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m6jJ5M }
       Responder 
    Tem certeza que deseja  Sim  Não
    Insira sua mensagem aqui
  • DOWNLOAD THI5 BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download doc Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Responder 
    Tem certeza que deseja  Sim  Não
    Insira sua mensagem aqui
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download Full EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download doc Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Responder 
    Tem certeza que deseja  Sim  Não
    Insira sua mensagem aqui
  • DOWNLOAD FULL BOOKS, INTO AVAILABLE FORMAT ......................................................................................................................... ......................................................................................................................... ,DOWNLOAD FULL. PDF EBOOK here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ,DOWNLOAD FULL. EPUB Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ,DOWNLOAD FULL. doc Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ,DOWNLOAD FULL. PDF EBOOK here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ,DOWNLOAD FULL. EPUB Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ,DOWNLOAD FULL. doc Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Responder 
    Tem certeza que deseja  Sim  Não
    Insira sua mensagem aqui
  • DOWNLOAD FULL BOOKS, INTO AVAILABLE FORMAT ......................................................................................................................... ......................................................................................................................... ,DOWNLOAD FULL. PDF EBOOK here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ,DOWNLOAD FULL. EPUB Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ,DOWNLOAD FULL. doc Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ,DOWNLOAD FULL. PDF EBOOK here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ,DOWNLOAD FULL. EPUB Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ,DOWNLOAD FULL. doc Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Responder 
    Tem certeza que deseja  Sim  Não
    Insira sua mensagem aqui

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

×