10 Web Development Concepts a Designer Should Know

117
10 web development Concepts - a - designer should knOw Tuesday, 17 May 2011

description

Slides from my presentation at FOWD 2011 London.

Transcript of 10 Web Development Concepts a Designer Should Know

Page 1: 10 Web Development Concepts a Designer Should Know

10web development

Concepts- a -

designershould knOw

Tuesday, 17 May 2011

Page 2: 10 Web Development Concepts a Designer Should Know

10web development

Concepts- a -

designershould knOw

Tuesday, 17 May 2011

Page 3: 10 Web Development Concepts a Designer Should Know

RachelAndrew

Tuesday, 17 May 2011

Page 4: 10 Web Development Concepts a Designer Should Know

edgeofmyseat.com

RachelAndrew

grabaperch.com

Tuesday, 17 May 2011

Page 5: 10 Web Development Concepts a Designer Should Know

Writing- a -

Brief

1

Tuesday, 17 May 2011

Page 6: 10 Web Development Concepts a Designer Should Know

Writing- a -

Brief

1

Tuesday, 17 May 2011

Page 7: 10 Web Development Concepts a Designer Should Know

E x a c t l y

What - are you -

building?

Tuesday, 17 May 2011

Page 8: 10 Web Development Concepts a Designer Should Know

Separate

WHY- from -

HOWTuesday, 17 May 2011

Page 9: 10 Web Development Concepts a Designer Should Know

DescribeWhat Users

DO

Tuesday, 17 May 2011

Page 10: 10 Web Development Concepts a Designer Should Know

Be clear - about -

what you will

provide

Tuesday, 17 May 2011

Page 11: 10 Web Development Concepts a Designer Should Know

- consider -programmingconstructs

2

Tuesday, 17 May 2011

Page 12: 10 Web Development Concepts a Designer Should Know

- consider -programmingconstructs

2

Tuesday, 17 May 2011

Page 13: 10 Web Development Concepts a Designer Should Know

- consider -programmingconstructs

2

Tuesday, 17 May 2011

Page 14: 10 Web Development Concepts a Designer Should Know

Conditional Logic

if... then... else

Tuesday, 17 May 2011

Page 15: 10 Web Development Concepts a Designer Should Know

Conditional Logic

if... then... else

Tuesday, 17 May 2011

Page 16: 10 Web Development Concepts a Designer Should Know

Loops

Tuesday, 17 May 2011

Page 17: 10 Web Development Concepts a Designer Should Know

Loops

Tuesday, 17 May 2011

Page 18: 10 Web Development Concepts a Designer Should Know

why is that

Thingdifferent?

Tuesday, 17 May 2011

Page 19: 10 Web Development Concepts a Designer Should Know

Storing

Data

3

Tuesday, 17 May 2011

Page 20: 10 Web Development Concepts a Designer Should Know

Storing

Data

3

Tuesday, 17 May 2011

Page 21: 10 Web Development Concepts a Designer Should Know

“ The UI is not just an interface between the browser and a human, it’s an interface between a human and a database.

You can't have an interface unless you can connect to both things. If you don't know how your interface connects to a database, what are you interfacing to?

Ryan Singer - in an interview at Future of Web Apps London 2010

Tuesday, 17 May 2011

Page 22: 10 Web Development Concepts a Designer Should Know

Tuesday, 17 May 2011

Page 23: 10 Web Development Concepts a Designer Should Know

Tuesday, 17 May 2011

Page 24: 10 Web Development Concepts a Designer Should Know

Tuesday, 17 May 2011

Page 25: 10 Web Development Concepts a Designer Should Know

Tuesday, 17 May 2011

Page 26: 10 Web Development Concepts a Designer Should Know

This costs

timemoney

-&-developer

SanityTuesday, 17 May 2011

Page 27: 10 Web Development Concepts a Designer Should Know

SourceC o n t r o l

4

Tuesday, 17 May 2011

Page 28: 10 Web Development Concepts a Designer Should Know

SourceC o n t r o l

4

Tuesday, 17 May 2011

Page 29: 10 Web Development Concepts a Designer Should Know

SourceC o n t r o l

4

Tuesday, 17 May 2011

Page 30: 10 Web Development Concepts a Designer Should Know

- What is -Source Control?

Tuesday, 17 May 2011

Page 31: 10 Web Development Concepts a Designer Should Know

GitSubversionVisual SourceSafe

Mercurial

BazaarTuesday, 17 May 2011

Page 32: 10 Web Development Concepts a Designer Should Know

Do you useany kind

- of -

sourcecontrol?

Tuesday, 17 May 2011

Page 33: 10 Web Development Concepts a Designer Should Know

Do you use

SourceControl?

NO37% YES

63%

Tuesday, 17 May 2011

Page 34: 10 Web Development Concepts a Designer Should Know

Do you use

SourceControl?

NO22%

YES78%

Tuesday, 17 May 2011

Page 35: 10 Web Development Concepts a Designer Should Know

Do you use

SourceControl?

NO56%

YES44%

Tuesday, 17 May 2011

Page 36: 10 Web Development Concepts a Designer Should Know

Why bother?

Tuesday, 17 May 2011

Page 37: 10 Web Development Concepts a Designer Should Know

Back

up

Tuesday, 17 May 2011

Page 38: 10 Web Development Concepts a Designer Should Know

-Pick up-a projectanywhere

Tuesday, 17 May 2011

Page 39: 10 Web Development Concepts a Designer Should Know

Rollback - to a -

Previousversion

Tuesday, 17 May 2011

Page 40: 10 Web Development Concepts a Designer Should Know

Bring inanother

teammember

Tuesday, 17 May 2011

Page 41: 10 Web Development Concepts a Designer Should Know

Hostedsource control

Tuesday, 17 May 2011

Page 42: 10 Web Development Concepts a Designer Should Know

beanstalkapp.com

Tuesday, 17 May 2011

Page 43: 10 Web Development Concepts a Designer Should Know

-Professional -DevelopmentEnvironments

5

Tuesday, 17 May 2011

Page 44: 10 Web Development Concepts a Designer Should Know

-Professional -DevelopmentEnvironments

5

Tuesday, 17 May 2011

Page 45: 10 Web Development Concepts a Designer Should Know

-Professional -DevelopmentEnvironments

5

Tuesday, 17 May 2011

Page 46: 10 Web Development Concepts a Designer Should Know

Developingdirectly

- on the -

live site

Tuesday, 17 May 2011

Page 47: 10 Web Development Concepts a Designer Should Know

5percent

Tuesday, 17 May 2011

Page 48: 10 Web Development Concepts a Designer Should Know

Developing - in a -

subfolderof the live site

Tuesday, 17 May 2011

Page 49: 10 Web Development Concepts a Designer Should Know

Developing

locally- Without a -

web server

Tuesday, 17 May 2011

Page 50: 10 Web Development Concepts a Designer Should Know

Mirror the live environment

Tuesday, 17 May 2011

Page 51: 10 Web Development Concepts a Designer Should Know

Run your own

server

Tuesday, 17 May 2011

Page 52: 10 Web Development Concepts a Designer Should Know

Create proper stagingservers

Tuesday, 17 May 2011

Page 53: 10 Web Development Concepts a Designer Should Know

CodeRe-use

6

Tuesday, 17 May 2011

Page 54: 10 Web Development Concepts a Designer Should Know

CodeRe-use

6

Tuesday, 17 May 2011

Page 55: 10 Web Development Concepts a Designer Should Know

CodeRe-use

6

Tuesday, 17 May 2011

Page 56: 10 Web Development Concepts a Designer Should Know

Lazy is good

Tuesday, 17 May 2011

Page 57: 10 Web Development Concepts a Designer Should Know

- Code -Snippets

Tuesday, 17 May 2011

Page 58: 10 Web Development Concepts a Designer Should Know

snipplr.comTuesday, 17 May 2011

Page 59: 10 Web Development Concepts a Designer Should Know

S t o r e commoninterfaceelements

Tuesday, 17 May 2011

Page 60: 10 Web Development Concepts a Designer Should Know

StandardTest elements

Tuesday, 17 May 2011

Page 61: 10 Web Development Concepts a Designer Should Know

- Form -

Validation

7

Tuesday, 17 May 2011

Page 62: 10 Web Development Concepts a Designer Should Know

- Form -

Validation

7

Tuesday, 17 May 2011

Page 63: 10 Web Development Concepts a Designer Should Know

- Form -

Validation

7

Tuesday, 17 May 2011

Page 64: 10 Web Development Concepts a Designer Should Know

- The -forgotten

states

Tuesday, 17 May 2011

Page 65: 10 Web Development Concepts a Designer Should Know

Tuesday, 17 May 2011

Page 66: 10 Web Development Concepts a Designer Should Know

Protect your

design from

Programmers

Tuesday, 17 May 2011

Page 67: 10 Web Development Concepts a Designer Should Know

Considerfront

- & -back endValidation

Tuesday, 17 May 2011

Page 68: 10 Web Development Concepts a Designer Should Know

Don’t make

spam- a -

userproblem

Tuesday, 17 May 2011

Page 69: 10 Web Development Concepts a Designer Should Know

E-commerce- & -

takingpayment

8

Tuesday, 17 May 2011

Page 70: 10 Web Development Concepts a Designer Should Know

E-commerce- & -

takingpayment

8

Tuesday, 17 May 2011

Page 71: 10 Web Development Concepts a Designer Should Know

Welcome- to a -

whole newWorld

- of -

PainTuesday, 17 May 2011

Page 72: 10 Web Development Concepts a Designer Should Know

Welcome- to a -

whole newWorld

- of -

PainTuesday, 17 May 2011

Page 73: 10 Web Development Concepts a Designer Should Know

Welcome- to a -

whole newWorld

- of -

PainTuesday, 17 May 2011

Page 74: 10 Web Development Concepts a Designer Should Know

What do you

reallyNEED?

Tuesday, 17 May 2011

Page 75: 10 Web Development Concepts a Designer Should Know

Don’tforget

Tuesday, 17 May 2011

Page 76: 10 Web Development Concepts a Designer Should Know

SpecialOffers

Tuesday, 17 May 2011

Page 77: 10 Web Development Concepts a Designer Should Know

ShippingOptions

Tuesday, 17 May 2011

Page 78: 10 Web Development Concepts a Designer Should Know

VAT- & -

localtaxes

Tuesday, 17 May 2011

Page 79: 10 Web Development Concepts a Designer Should Know

TakingPayment

Tuesday, 17 May 2011

Page 80: 10 Web Development Concepts a Designer Should Know

Options

Tuesday, 17 May 2011

Page 81: 10 Web Development Concepts a Designer Should Know

Storingcard data to process later

is nOtaN OptioN

Tuesday, 17 May 2011

Page 82: 10 Web Development Concepts a Designer Should Know

Makesomeone elseresponsible

Tuesday, 17 May 2011

Page 83: 10 Web Development Concepts a Designer Should Know

Pci Dss

Tuesday, 17 May 2011

Page 84: 10 Web Development Concepts a Designer Should Know

Pay Pagecan be a

comfortto your users

Tuesday, 17 May 2011

Page 85: 10 Web Development Concepts a Designer Should Know

Pay Page

savesyou

money

Tuesday, 17 May 2011

Page 86: 10 Web Development Concepts a Designer Should Know

Designing forPay Page solutions

Tuesday, 17 May 2011

Page 87: 10 Web Development Concepts a Designer Should Know

Pay PageTuesday, 17 May 2011

Page 88: 10 Web Development Concepts a Designer Should Know

Send pageTuesday, 17 May 2011

Page 89: 10 Web Development Concepts a Designer Should Know

Hosted PageTuesday, 17 May 2011

Page 90: 10 Web Development Concepts a Designer Should Know

hOsting

9

Tuesday, 17 May 2011

Page 91: 10 Web Development Concepts a Designer Should Know

hOsting

9

Tuesday, 17 May 2011

Page 92: 10 Web Development Concepts a Designer Should Know

hOsting

9

Tuesday, 17 May 2011

Page 93: 10 Web Development Concepts a Designer Should Know

Cheap hosting is

expensive

Tuesday, 17 May 2011

Page 94: 10 Web Development Concepts a Designer Should Know

Don’t be at thebottom of thefoodchain

Tuesday, 17 May 2011

Page 95: 10 Web Development Concepts a Designer Should Know

Types of

hosting

Tuesday, 17 May 2011

Page 96: 10 Web Development Concepts a Designer Should Know

Sharedhosting

Tuesday, 17 May 2011

Page 97: 10 Web Development Concepts a Designer Should Know

VirtualPrivateServers

Tuesday, 17 May 2011

Page 98: 10 Web Development Concepts a Designer Should Know

Dedicated

Tuesday, 17 May 2011

Page 99: 10 Web Development Concepts a Designer Should Know

Cloud services

Tuesday, 17 May 2011

Page 100: 10 Web Development Concepts a Designer Should Know

Should YOU become a host?

Tuesday, 17 May 2011

Page 101: 10 Web Development Concepts a Designer Should Know

Security

10

Tuesday, 17 May 2011

Page 102: 10 Web Development Concepts a Designer Should Know

Security

10

Tuesday, 17 May 2011

Page 103: 10 Web Development Concepts a Designer Should Know

Security

10

Tuesday, 17 May 2011

Page 104: 10 Web Development Concepts a Designer Should Know

- Be -Paranoid

Tuesday, 17 May 2011

Page 105: 10 Web Development Concepts a Designer Should Know

S p a mdefacement

- & -

stealingdetails

Tuesday, 17 May 2011

Page 106: 10 Web Development Concepts a Designer Should Know

It’s Not Personal

Tuesday, 17 May 2011

Page 107: 10 Web Development Concepts a Designer Should Know

- The -hiddencost

- of -

FreeTuesday, 17 May 2011

Page 108: 10 Web Development Concepts a Designer Should Know

SoftwareUpgrades must be part

of the

SpecTuesday, 17 May 2011

Page 109: 10 Web Development Concepts a Designer Should Know

Hack at your

peril

Tuesday, 17 May 2011

Page 110: 10 Web Development Concepts a Designer Should Know

Be extra

paranoid about 3rd party

plugins

Tuesday, 17 May 2011

Page 111: 10 Web Development Concepts a Designer Should Know

Keep server software

up to date

Tuesday, 17 May 2011

Page 112: 10 Web Development Concepts a Designer Should Know

Only store- What you -

really need

Tuesday, 17 May 2011

Page 113: 10 Web Development Concepts a Designer Should Know

Never store

plain textpasswords

Tuesday, 17 May 2011

Page 114: 10 Web Development Concepts a Designer Should Know

Shift

liabilitywhere possible

Tuesday, 17 May 2011

Page 115: 10 Web Development Concepts a Designer Should Know

HALP!!!

Tuesday, 17 May 2011

Page 116: 10 Web Development Concepts a Designer Should Know

rachelandrew.co.ukedgeofmyseat.com

grabaperch.com

@rachelandrew

Thankyou!

Tuesday, 17 May 2011

Page 117: 10 Web Development Concepts a Designer Should Know

rachelandrew.co.ukedgeofmyseat.com

grabaperch.com

@rachelandrew

Thankyou!

Tuesday, 17 May 2011