Web design rules for PR

47
45 rules of web development for PR people (AKA how not to annoy and destroy your developers, alienate designers and look stupid in front of clients).

description

45 rules of web development for PR people. (AKA how not to annoy and destroy your developers, alienate designers and look stupid in front of clients). Crowdsourced and created by PR agency, Ruder Finn UK.

Transcript of Web design rules for PR

Page 1: Web design rules for PR

45 rules of web development for PR people(AKA how not to annoy and

destroy your developers,

alienate designers and look

stupid in front of clients).

Page 2: Web design rules for PR

Don’t assume anything.

Page 3: Web design rules for PR

Know your DNS from your IP address (there

are some terms you just gotta know)

Page 4: Web design rules for PR

Know the basic first questions to ask. The same

each time. First is always why? Then audience,

hosting, access, tech, deadlines, budget…

Page 5: Web design rules for PR

Learn how to write a brief. And fast. Your career

depends on how well you can brief people.

Page 6: Web design rules for PR

Start with the user. Always. You don’t

personally need to be an expert in UX but you

always start there.

Page 7: Web design rules for PR

Few digital projects are the same. Designers

and developers are sometimes as new to this

as you are.

Page 8: Web design rules for PR

Adapt the planning process to fit the

individual campaign. Figure out early what is

going to be less painful and more productive.

Page 9: Web design rules for PR

Plan around the deliverables but don’t

forget basics like holidays, meetings,

courses, client events…

Page 10: Web design rules for PR

A solid project plan is important but don’t

assume everything will go as planned. It

won’t. Ever.

Page 11: Web design rules for PR

Be clear when it needs to go live. Then

be clear when it REALLY needs to go

live

Page 12: Web design rules for PR

Think about metrics before you start and

when you’re building, not afterwards.

Page 13: Web design rules for PR

Check your team capacity at every stage

of the process. Have back-ups.

Page 14: Web design rules for PR

A wireframe is a site framework, not an

accurate technical drawing or design.

Page 15: Web design rules for PR

With responsive design and parallax/scrolling

sites, there is no longer a “fold” to be below.

Page 16: Web design rules for PR

Understand colours and fonts and how

they work on the web vs. in print.

Page 17: Web design rules for PR

Think about measurement across all channels.

Page 18: Web design rules for PR

Edits cost money, build in sufficient rounds or

your margin will walk out of the door before

your designs are signed off.

Page 19: Web design rules for PR

IE8 and below are closer to an etch-a-sketch

than a browser.

Page 20: Web design rules for PR

Always view mockups at full size.

Page 21: Web design rules for PR

Build in double the time you think you’ll

need for edits and approvals.

Page 22: Web design rules for PR

Assume content will be late and factor in

appropriately.

Page 23: Web design rules for PR

Inches and centimetres have no place or

meaning on screen (e.g. don’t ask to 'nudge a

logo up a few mm’)

Page 24: Web design rules for PR

Always be aware of responsive viewing

on different devices.

Page 25: Web design rules for PR

Know what your team’s capabilities are –

assign clear ownership, especially when

multiple agencies involved.

Page 26: Web design rules for PR

Get it in writing – no backtracking allowed!

Page 27: Web design rules for PR

Forget traditional typesetting (at least in

terms of body content).

Page 28: Web design rules for PR

• Know your devices and their limitations

• Know your browsers and their limitations

• Know your audience and their limitations

Page 29: Web design rules for PR

Your PR client probably hasn't got overall

sign off without input from brand, legal, IT

etc. Check this at the outset.

Page 30: Web design rules for PR

If it comes back without changes, the

right person hasn’t seen it yet.

Page 31: Web design rules for PR

Good developers are very hard to find.

Handle with care in the main, kick ass only if

occasionally necessary.

Page 32: Web design rules for PR

Designers and developers don't work 24/7.

Unless your support contract specifies it.

Page 33: Web design rules for PR

Know when to push back on your client and

when to push back on your developers. Use

both wisely and don’t confuse the two.

Page 34: Web design rules for PR

It's perfectly fine to say "no" or “not in

time for launch” if there genuinely isn’t

the time to do something well.

Page 35: Web design rules for PR

When timelines slip or launch

approaches, build a 'real world' list rather

than a 'wish list' and prioritise accordingly

Page 36: Web design rules for PR

Things can, do and always will go wrong;

have alternative suppliers in case you

need them for support.

Page 37: Web design rules for PR

No matter how much you test, there will

always be someone somewhere who

can’t get the thing to work.

Page 38: Web design rules for PR

DNS propagation can take up to and

even beyond 48hours. Not everything

online is immediate.

Page 39: Web design rules for PR

Video and animation takes forever to

render and upload. Changes cost money

and take time, it’s not Microsoft Word.

Page 40: Web design rules for PR

If timescales slip on the client side,

suggest launching in phases.

Page 41: Web design rules for PR

Remember that your devs and designers do

have lives of their own….

Page 42: Web design rules for PR

Check and double check the SEO plans

and agreements for the project, if any.

Page 43: Web design rules for PR

Invest as much time/money/thought/effort

into promoting it as you do building it.

Page 44: Web design rules for PR

Learn each time. And keep learning. And

learn from your mistakes.

Page 45: Web design rules for PR

Beware of knowing a bit and becoming an

expert. You’re not. You’re learning.

Page 46: Web design rules for PR

When it is a web build, it is never

final. Ever.

Page 47: Web design rules for PR

NEXTwhat’s

This was crowdsourced from our design and dev teams

by Becky McMichael, Ruder Finn

[email protected]

@beckymcmichael

+44 (0) 7788 421165

*images taken from Flickr and used under CC