SlideShare ist ein Scribd-Unternehmen logo
1 von 80
10
    COST EFFECTIVE
WEB DEVELOPMENT
     TECHNIQUES
OR:
      HOW CAN I MAKE
  THE BEST USE OF LIMITED
 DESIGN AND DEVELOPMENT
     BUDGETS IN THESE
INCREASINGLY CHALLENGING
  ECONOMIC TIMES?
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
Cost Effective Web Development Techniques
Cost Effective Web Development Techniques
Cost Effective Web Development Techniques
Cost Effective Web Development Techniques
TO U G H
BU T N OT
IMPOS
SIBLE
I T J U S T TA K E S


TIME
Cost Effective Web Development Techniques
Cost Effective Web Development Techniques
Cost Effective Web Development Techniques
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
Cost Effective Web Development Techniques
6
  REMEMBER: BROADBAND IS
NOT A SILVER BULLET
Cost Effective Web Development Techniques
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

Weitere ähnliche Inhalte

Ähnlich wie Cost Effective Web Development Techniques

Mobile App Development Trends
Mobile App Development TrendsMobile App Development Trends
Mobile App Development TrendsSusanne B. Böck
 
I want to be an efficient developper. Mix-IT version
I want to be an efficient developper. Mix-IT versionI want to be an efficient developper. Mix-IT version
I want to be an efficient developper. Mix-IT versionQuentin Adam
 
How do we measure the value of social media?
How do we measure the value of social media?How do we measure the value of social media?
How do we measure the value of social media?Helge Tennø
 
Sample slides final project
Sample slides   final projectSample slides   final project
Sample slides final projectAHMED ANIK
 
Sample slides final project
Sample slides   final projectSample slides   final project
Sample slides final projectMithun Bhaskar
 
Cloud Identity Deployed
Cloud Identity DeployedCloud Identity Deployed
Cloud Identity DeployedPablo Valarezo
 
Mind the Gap - State of the Browser 2015
Mind the Gap - State of the Browser 2015Mind the Gap - State of the Browser 2015
Mind the Gap - State of the Browser 2015Christian Heilmann
 
Taking the Next Step Cloud Data Fabric into AWS
Taking the Next Step Cloud Data Fabric into AWSTaking the Next Step Cloud Data Fabric into AWS
Taking the Next Step Cloud Data Fabric into AWSNetApp
 
Of innovation and impatience - Future Decoded 2015
Of innovation and impatience - Future Decoded 2015Of innovation and impatience - Future Decoded 2015
Of innovation and impatience - Future Decoded 2015Christian Heilmann
 
New Rules of The Responsive Web
New Rules of The Responsive WebNew Rules of The Responsive Web
New Rules of The Responsive WebMatt Carver
 
20180616 r gonzalez_from once per month to multiple times a day b
20180616 r gonzalez_from once per month to multiple times a day b20180616 r gonzalez_from once per month to multiple times a day b
20180616 r gonzalez_from once per month to multiple times a day bRicardo González
 
Jazva Marketing & Sales Deck
Jazva Marketing & Sales DeckJazva Marketing & Sales Deck
Jazva Marketing & Sales DeckJazva
 
Jazva - Automate your eCommerce Operations
Jazva - Automate your eCommerce OperationsJazva - Automate your eCommerce Operations
Jazva - Automate your eCommerce OperationsRyan Elich
 
Key Take Aways fra Sitecore Symposium 2019
Key Take Aways fra Sitecore Symposium 2019Key Take Aways fra Sitecore Symposium 2019
Key Take Aways fra Sitecore Symposium 2019Pentia
 
I want to be more efficient ! #APIdays
I want to be more efficient ! #APIdaysI want to be more efficient ! #APIdays
I want to be more efficient ! #APIdaysQuentin Adam
 
I want to be an efficient developper - APIdays Berlin 2014
I want to be an efficient developper - APIdays Berlin 2014I want to be an efficient developper - APIdays Berlin 2014
I want to be an efficient developper - APIdays Berlin 2014Quentin Adam
 
The Anatomy of a Seriously Sophisticated AIR Application
The Anatomy of a Seriously Sophisticated AIR ApplicationThe Anatomy of a Seriously Sophisticated AIR Application
The Anatomy of a Seriously Sophisticated AIR ApplicationAdam Creeger
 

Ähnlich wie Cost Effective Web Development Techniques (20)

Flatpack Your SEO | Arnoldo Cabrera, IKEA
Flatpack Your SEO | Arnoldo Cabrera, IKEAFlatpack Your SEO | Arnoldo Cabrera, IKEA
Flatpack Your SEO | Arnoldo Cabrera, IKEA
 
Mobile App Development Trends
Mobile App Development TrendsMobile App Development Trends
Mobile App Development Trends
 
I want to be an efficient developper. Mix-IT version
I want to be an efficient developper. Mix-IT versionI want to be an efficient developper. Mix-IT version
I want to be an efficient developper. Mix-IT version
 
How do we measure the value of social media?
How do we measure the value of social media?How do we measure the value of social media?
How do we measure the value of social media?
 
PubCon - Las Vegas October 7th, 2014 - Mobile Presentation
PubCon - Las Vegas October 7th, 2014 - Mobile Presentation PubCon - Las Vegas October 7th, 2014 - Mobile Presentation
PubCon - Las Vegas October 7th, 2014 - Mobile Presentation
 
Sample slides final project
Sample slides   final projectSample slides   final project
Sample slides final project
 
Sample slides final project
Sample slides   final projectSample slides   final project
Sample slides final project
 
Cloud Identity Deployed
Cloud Identity DeployedCloud Identity Deployed
Cloud Identity Deployed
 
Vb & asp
Vb & aspVb & asp
Vb & asp
 
Mind the Gap - State of the Browser 2015
Mind the Gap - State of the Browser 2015Mind the Gap - State of the Browser 2015
Mind the Gap - State of the Browser 2015
 
Taking the Next Step Cloud Data Fabric into AWS
Taking the Next Step Cloud Data Fabric into AWSTaking the Next Step Cloud Data Fabric into AWS
Taking the Next Step Cloud Data Fabric into AWS
 
Of innovation and impatience - Future Decoded 2015
Of innovation and impatience - Future Decoded 2015Of innovation and impatience - Future Decoded 2015
Of innovation and impatience - Future Decoded 2015
 
New Rules of The Responsive Web
New Rules of The Responsive WebNew Rules of The Responsive Web
New Rules of The Responsive Web
 
20180616 r gonzalez_from once per month to multiple times a day b
20180616 r gonzalez_from once per month to multiple times a day b20180616 r gonzalez_from once per month to multiple times a day b
20180616 r gonzalez_from once per month to multiple times a day b
 
Jazva Marketing & Sales Deck
Jazva Marketing & Sales DeckJazva Marketing & Sales Deck
Jazva Marketing & Sales Deck
 
Jazva - Automate your eCommerce Operations
Jazva - Automate your eCommerce OperationsJazva - Automate your eCommerce Operations
Jazva - Automate your eCommerce Operations
 
Key Take Aways fra Sitecore Symposium 2019
Key Take Aways fra Sitecore Symposium 2019Key Take Aways fra Sitecore Symposium 2019
Key Take Aways fra Sitecore Symposium 2019
 
I want to be more efficient ! #APIdays
I want to be more efficient ! #APIdaysI want to be more efficient ! #APIdays
I want to be more efficient ! #APIdays
 
I want to be an efficient developper - APIdays Berlin 2014
I want to be an efficient developper - APIdays Berlin 2014I want to be an efficient developper - APIdays Berlin 2014
I want to be an efficient developper - APIdays Berlin 2014
 
The Anatomy of a Seriously Sophisticated AIR Application
The Anatomy of a Seriously Sophisticated AIR ApplicationThe Anatomy of a Seriously Sophisticated AIR Application
The Anatomy of a Seriously Sophisticated AIR Application
 

Kürzlich hochgeladen

IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfDaniel Santiago Silva Capera
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesMd Hossain Ali
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-pyJamie (Taka) Wang
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxUdaiappa Ramachandran
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopBachir Benyammi
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.YounusS2
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDELiveplex
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsSafe Software
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Brian Pichman
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UbiTrack UK
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemAsko Soukka
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...DianaGray10
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationIES VE
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024D Cloud Solutions
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsSeth Reyes
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarPrecisely
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1DianaGray10
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IES VE
 

Kürzlich hochgeladen (20)

IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-py
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptx
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 Workshop
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystem
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and Hazards
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity Webinar
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
 

Cost Effective Web Development Techniques