SlideShare ist ein Scribd-Unternehmen logo
1 von 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).
Don’t assume anything.
Know your DNS from your IP address (there 
are some terms you just gotta know)
Know the basic first questions to ask. The same 
each time. First is always why? Then audience, 
hosting, access, tech, deadlines, budget…
Learn how to write a brief. And fast. Your career 
depends on how well you can brief people.
Start with the user. Always. You don’t 
personally need to be an expert in UX but you 
always start there.
Few digital projects are the same. Designers 
and developers are sometimes as new to this 
as you are.
Adapt the planning process to fit the 
individual campaign. Figure out early what is 
going to be less painful and more productive.
Plan around the deliverables but don’t 
forget basics like holidays, meetings, 
courses, client events…
A solid project plan is important but don’t 
assume everything will go as planned. It 
won’t. Ever.
Be clear when it needs to go live. Then 
be clear when it REALLY needs to go 
live
Think about metrics before you start and 
when you’re building, not afterwards.
Check your team capacity at every stage 
of the process. Have back-ups.
A wireframe is a site framework, not an 
accurate technical drawing or design.
With responsive design and parallax/scrolling 
sites, there is no longer a “fold” to be below.
Understand colours and fonts and how 
they work on the web vs. in print.
Think about measurement across all channels.
Edits cost money, build in sufficient rounds or 
your margin will walk out of the door before 
your designs are signed off.
IE8 and below are closer to an etch-a-sketch 
than a browser.
Always view mockups at full size.
Build in double the time you think you’ll 
need for edits and approvals.
Assume content will be late and factor in 
appropriately.
Inches and centimetres have no place or 
meaning on screen (e.g. don’t ask to 'nudge a 
logo up a few mm’)
Always be aware of responsive viewing 
on different devices.
Know what your team’s capabilities are – 
assign clear ownership, especially when 
multiple agencies involved.
Get it in writing – no backtracking allowed!
Forget traditional typesetting (at least in 
terms of body content).
• Know your devices and their limitations 
• Know your browsers and their limitations 
• Know your audience and their limitations
Your PR client probably hasn't got overall 
sign off without input from brand, legal, IT 
etc. Check this at the outset.
If it comes back without changes, the 
right person hasn’t seen it yet.
Good developers are very hard to find. 
Handle with care in the main, kick ass only if 
occasionally necessary.
Designers and developers don't work 24/7. 
Unless your support contract specifies it.
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.
It's perfectly fine to say "no" or “not in 
time for launch” if there genuinely isn’t 
the time to do something well.
When timelines slip or launch 
approaches, build a 'real world' list rather 
than a 'wish list' and prioritise accordingly
Things can, do and always will go wrong; 
have alternative suppliers in case you 
need them for support.
No matter how much you test, there will 
always be someone somewhere who 
can’t get the thing to work.
DNS propagation can take up to and 
even beyond 48hours. Not everything 
online is immediate.
Video and animation takes forever to 
render and upload. Changes cost money 
and take time, it’s not Microsoft Word.
If timescales slip on the client side, 
suggest launching in phases.
Remember that your devs and designers do 
have lives of their own….
Check and double check the SEO plans 
and agreements for the project, if any.
Invest as much time/money/thought/effort 
into promoting it as you do building it.
Learn each time. And keep learning. And 
learn from your mistakes.
Beware of knowing a bit and becoming an 
expert. You’re not. You’re learning.
When it is a web build, it is never 
final. Ever.
what’s 
NEXT 
This was crowdsourced from our design and dev teams 
by Becky McMichael, Ruder Finn 
bmcmichael@ruderfinn.co.uk 
@beckymcmichael 
+44 (0) 7788 421165 
*images taken from Flickr and used under CC

Weitere ähnliche Inhalte

Was ist angesagt?

Web Design with Edge Reflow HTML5DevConf
Web Design with Edge Reflow HTML5DevConfWeb Design with Edge Reflow HTML5DevConf
Web Design with Edge Reflow HTML5DevConf
Jacob Surber
 
MVP Design Hacks: Sprint 7
MVP Design Hacks: Sprint 7MVP Design Hacks: Sprint 7
MVP Design Hacks: Sprint 7
Amy Jo Kim
 
Mind Mapping Ideation Final
Mind Mapping Ideation FinalMind Mapping Ideation Final
Mind Mapping Ideation Final
jascc1
 
Job I Would Like To Do
Job I Would Like To DoJob I Would Like To Do
Job I Would Like To Do
Rae Clarke
 

Was ist angesagt? (20)

How to Make a Better Presentation?
How to Make a Better Presentation?How to Make a Better Presentation?
How to Make a Better Presentation?
 
GROWTH PRACTICES - Cracking the PM Career - CHAPTER 4
GROWTH PRACTICES - Cracking the PM Career - CHAPTER 4GROWTH PRACTICES - Cracking the PM Career - CHAPTER 4
GROWTH PRACTICES - Cracking the PM Career - CHAPTER 4
 
Remote business as usual
Remote business as usualRemote business as usual
Remote business as usual
 
Web Design with Edge Reflow HTML5DevConf
Web Design with Edge Reflow HTML5DevConfWeb Design with Edge Reflow HTML5DevConf
Web Design with Edge Reflow HTML5DevConf
 
How to Prepare for Your New Role as a PM by Boeing PM Leader
How to Prepare for Your New Role as a PM by Boeing PM LeaderHow to Prepare for Your New Role as a PM by Boeing PM Leader
How to Prepare for Your New Role as a PM by Boeing PM Leader
 
Software Project Estimation Survival Guide
Software Project Estimation Survival GuideSoftware Project Estimation Survival Guide
Software Project Estimation Survival Guide
 
MVP Design Hacks: Sprint 7
MVP Design Hacks: Sprint 7MVP Design Hacks: Sprint 7
MVP Design Hacks: Sprint 7
 
Building Startups and Minimum Viable Products (NDC2013)
Building Startups and Minimum Viable Products (NDC2013)Building Startups and Minimum Viable Products (NDC2013)
Building Startups and Minimum Viable Products (NDC2013)
 
PMI region globale - intro lean startup
PMI region globale - intro lean startupPMI region globale - intro lean startup
PMI region globale - intro lean startup
 
Mind Mapping Ideation Final
Mind Mapping Ideation FinalMind Mapping Ideation Final
Mind Mapping Ideation Final
 
Job I Would Like To Do
Job I Would Like To DoJob I Would Like To Do
Job I Would Like To Do
 
How to frame a business challenge for innovation teams
How to frame a business challenge for innovation teamsHow to frame a business challenge for innovation teams
How to frame a business challenge for innovation teams
 
How to choose the right web designer
How to choose the right web designerHow to choose the right web designer
How to choose the right web designer
 
L'illusione dell'ortogonalità
L'illusione dell'ortogonalitàL'illusione dell'ortogonalità
L'illusione dell'ortogonalità
 
Creating your development process
Creating your development processCreating your development process
Creating your development process
 
How to Grow Your Product Management Career by former Mixpanel PM
How to Grow Your Product Management Career by former Mixpanel PMHow to Grow Your Product Management Career by former Mixpanel PM
How to Grow Your Product Management Career by former Mixpanel PM
 
Agile Nightmares
Agile NightmaresAgile Nightmares
Agile Nightmares
 
UX Beers - A Story about product management at uman.ai - Jasper Verplanken
UX Beers - A Story about product management at uman.ai - Jasper VerplankenUX Beers - A Story about product management at uman.ai - Jasper Verplanken
UX Beers - A Story about product management at uman.ai - Jasper Verplanken
 
Must-Haves for Aspiring Virtual Office Workers
Must-Haves for Aspiring Virtual Office WorkersMust-Haves for Aspiring Virtual Office Workers
Must-Haves for Aspiring Virtual Office Workers
 
From Junior to UX Lead; Some things I’ve learned along the way. Sam Hooper, ...
From Junior to UX Lead; Some things I’ve learned along the way.  Sam Hooper, ...From Junior to UX Lead; Some things I’ve learned along the way.  Sam Hooper, ...
From Junior to UX Lead; Some things I’ve learned along the way. Sam Hooper, ...
 

Andere mochten auch

Andere mochten auch (6)

Technology for Marketers: Are you Engaging Effectively?
Technology for Marketers: Are you Engaging Effectively? Technology for Marketers: Are you Engaging Effectively?
Technology for Marketers: Are you Engaging Effectively?
 
Video campaign tips
Video campaign tipsVideo campaign tips
Video campaign tips
 
Digital health campaigns - award winning secrets
Digital health campaigns - award winning secrets Digital health campaigns - award winning secrets
Digital health campaigns - award winning secrets
 
2011 Ford Escape; Waldorf, MD
2011 Ford Escape; Waldorf, MD2011 Ford Escape; Waldorf, MD
2011 Ford Escape; Waldorf, MD
 
1104 digital marketing group
1104 digital marketing group1104 digital marketing group
1104 digital marketing group
 
Technology for Marketers: Are you Engaging Effectively?
Technology for Marketers: Are you Engaging Effectively?Technology for Marketers: Are you Engaging Effectively?
Technology for Marketers: Are you Engaging Effectively?
 

Ähnlich wie Web design rules for PR

Designers are from Venus - Presentationas Given to CD2
Designers are from Venus - Presentationas Given to CD2Designers are from Venus - Presentationas Given to CD2
Designers are from Venus - Presentationas Given to CD2
Chad Udell
 

Ähnlich wie Web design rules for PR (20)

AD - Developer communication and Technology
AD - Developer communication and TechnologyAD - Developer communication and Technology
AD - Developer communication and Technology
 
User Centered Design: guarantee that your business process automation project...
User Centered Design: guarantee that your business process automation project...User Centered Design: guarantee that your business process automation project...
User Centered Design: guarantee that your business process automation project...
 
Website design proposal
Website design proposalWebsite design proposal
Website design proposal
 
Class22
Class22Class22
Class22
 
Design your Modern Intranet using SharePoint PnP Design Assets
Design your Modern Intranet using SharePoint PnP Design Assets Design your Modern Intranet using SharePoint PnP Design Assets
Design your Modern Intranet using SharePoint PnP Design Assets
 
Form Function Class 6, Manila, Philippines 14/11/2015
Form Function Class 6, Manila, Philippines 14/11/2015Form Function Class 6, Manila, Philippines 14/11/2015
Form Function Class 6, Manila, Philippines 14/11/2015
 
Successful Website Design
Successful Website DesignSuccessful Website Design
Successful Website Design
 
UX South Africa 2014 - Keynote
UX South Africa 2014 - KeynoteUX South Africa 2014 - Keynote
UX South Africa 2014 - Keynote
 
Evolving the Creative Process
Evolving the Creative ProcessEvolving the Creative Process
Evolving the Creative Process
 
Designers are from Venus - Presentationas Given to CD2
Designers are from Venus - Presentationas Given to CD2Designers are from Venus - Presentationas Given to CD2
Designers are from Venus - Presentationas Given to CD2
 
Life is not static - your designs shouldn't be either - No Code Conf 2019 Wor...
Life is not static - your designs shouldn't be either - No Code Conf 2019 Wor...Life is not static - your designs shouldn't be either - No Code Conf 2019 Wor...
Life is not static - your designs shouldn't be either - No Code Conf 2019 Wor...
 
How to be a good web designer
How to be a good web designerHow to be a good web designer
How to be a good web designer
 
Rsqrd AI: Making Conversational AI Work for Everybody
Rsqrd AI: Making Conversational AI Work for EverybodyRsqrd AI: Making Conversational AI Work for Everybody
Rsqrd AI: Making Conversational AI Work for Everybody
 
Ten tips for an effective creative services function
Ten tips for an effective creative services functionTen tips for an effective creative services function
Ten tips for an effective creative services function
 
Architecting Solutions and Systems – Randy’s Secrets to Success
Architecting Solutions and Systems – Randy’s Secrets to SuccessArchitecting Solutions and Systems – Randy’s Secrets to Success
Architecting Solutions and Systems – Randy’s Secrets to Success
 
Contovista exhibiting at Zurich Tech Job Fair Autumn 2019
Contovista exhibiting at Zurich Tech Job Fair Autumn 2019Contovista exhibiting at Zurich Tech Job Fair Autumn 2019
Contovista exhibiting at Zurich Tech Job Fair Autumn 2019
 
05 DIGI CREATIVE people&process
05 DIGI CREATIVE people&process05 DIGI CREATIVE people&process
05 DIGI CREATIVE people&process
 
Got killer idea .pptx
Got killer idea .pptxGot killer idea .pptx
Got killer idea .pptx
 
Growing Your Business With A Website: WIBO
Growing Your Business With A Website: WIBOGrowing Your Business With A Website: WIBO
Growing Your Business With A Website: WIBO
 
Open Web Technologies and You - Durham College Student Integration Presentation
Open Web Technologies and You - Durham College Student Integration PresentationOpen Web Technologies and You - Durham College Student Integration Presentation
Open Web Technologies and You - Durham College Student Integration Presentation
 

Kürzlich hochgeladen

FULL ENJOY Call Girls In Majnu.Ka.Tilla Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Majnu.Ka.Tilla Delhi Contact Us 8377877756FULL ENJOY Call Girls In Majnu.Ka.Tilla Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Majnu.Ka.Tilla Delhi Contact Us 8377877756
dollysharma2066
 

Kürzlich hochgeladen (20)

Martal Group - B2B Lead Gen Agency - Onboarding Overview
Martal Group - B2B Lead Gen Agency - Onboarding OverviewMartal Group - B2B Lead Gen Agency - Onboarding Overview
Martal Group - B2B Lead Gen Agency - Onboarding Overview
 
Unveiling the Legacy of the Rosetta stone A Key to Ancient Knowledge.pptx
Unveiling the Legacy of the Rosetta stone A Key to Ancient Knowledge.pptxUnveiling the Legacy of the Rosetta stone A Key to Ancient Knowledge.pptx
Unveiling the Legacy of the Rosetta stone A Key to Ancient Knowledge.pptx
 
The+State+of+Careers+In+Retention+Marketing-2.pdf
The+State+of+Careers+In+Retention+Marketing-2.pdfThe+State+of+Careers+In+Retention+Marketing-2.pdf
The+State+of+Careers+In+Retention+Marketing-2.pdf
 
Social Media Marketing Portfolio - Maharsh Benday
Social Media Marketing Portfolio - Maharsh BendaySocial Media Marketing Portfolio - Maharsh Benday
Social Media Marketing Portfolio - Maharsh Benday
 
personal branding kit for music business
personal branding kit for music businesspersonal branding kit for music business
personal branding kit for music business
 
Enhancing Business Visibility PR Firms in San Francisco
Enhancing Business Visibility PR Firms in San FranciscoEnhancing Business Visibility PR Firms in San Francisco
Enhancing Business Visibility PR Firms in San Francisco
 
SP Search Term Data Optimization Template.pdf
SP Search Term Data Optimization Template.pdfSP Search Term Data Optimization Template.pdf
SP Search Term Data Optimization Template.pdf
 
Press Release Distribution Evolving with Digital Trends.pdf
Press Release Distribution Evolving with Digital Trends.pdfPress Release Distribution Evolving with Digital Trends.pdf
Press Release Distribution Evolving with Digital Trends.pdf
 
2024 Social Trends Report V4 from Later.com
2024 Social Trends Report V4 from Later.com2024 Social Trends Report V4 from Later.com
2024 Social Trends Report V4 from Later.com
 
Analysis of Sineing Website and how to fix
Analysis of Sineing Website and how to fixAnalysis of Sineing Website and how to fix
Analysis of Sineing Website and how to fix
 
Five Essential Tools for International SEO - Natalia Witczyk - SearchNorwich 15
Five Essential Tools for International SEO - Natalia Witczyk - SearchNorwich 15Five Essential Tools for International SEO - Natalia Witczyk - SearchNorwich 15
Five Essential Tools for International SEO - Natalia Witczyk - SearchNorwich 15
 
Rise and fall of Kulula.com, an airline won consumers by different marketing ...
Rise and fall of Kulula.com, an airline won consumers by different marketing ...Rise and fall of Kulula.com, an airline won consumers by different marketing ...
Rise and fall of Kulula.com, an airline won consumers by different marketing ...
 
20180928 Hofstede Insights Conference Milan The Power of Culture Led Brands.pptx
20180928 Hofstede Insights Conference Milan The Power of Culture Led Brands.pptx20180928 Hofstede Insights Conference Milan The Power of Culture Led Brands.pptx
20180928 Hofstede Insights Conference Milan The Power of Culture Led Brands.pptx
 
[Expert Panel] New Google Shopping Ads Strategies Uncovered
[Expert Panel] New Google Shopping Ads Strategies Uncovered[Expert Panel] New Google Shopping Ads Strategies Uncovered
[Expert Panel] New Google Shopping Ads Strategies Uncovered
 
The Science of Landing Page Messaging.pdf
The Science of Landing Page Messaging.pdfThe Science of Landing Page Messaging.pdf
The Science of Landing Page Messaging.pdf
 
FULL ENJOY Call Girls In Majnu.Ka.Tilla Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Majnu.Ka.Tilla Delhi Contact Us 8377877756FULL ENJOY Call Girls In Majnu.Ka.Tilla Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Majnu.Ka.Tilla Delhi Contact Us 8377877756
 
W.H.Bender Quote 61 -Influential restaurant and food service industry network...
W.H.Bender Quote 61 -Influential restaurant and food service industry network...W.H.Bender Quote 61 -Influential restaurant and food service industry network...
W.H.Bender Quote 61 -Influential restaurant and food service industry network...
 
How consumers use technology and the impacts on their lives
How consumers use technology and the impacts on their livesHow consumers use technology and the impacts on their lives
How consumers use technology and the impacts on their lives
 
Social Media Marketing Portfolio - Maharsh Benday
Social Media Marketing Portfolio - Maharsh BendaySocial Media Marketing Portfolio - Maharsh Benday
Social Media Marketing Portfolio - Maharsh Benday
 
Major SEO Trends in 2024 - Banyanbrain Digital
Major SEO Trends in 2024 - Banyanbrain DigitalMajor SEO Trends in 2024 - Banyanbrain Digital
Major SEO Trends in 2024 - Banyanbrain Digital
 

Web design rules for PR

  • 1. 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).
  • 3. Know your DNS from your IP address (there are some terms you just gotta know)
  • 4. Know the basic first questions to ask. The same each time. First is always why? Then audience, hosting, access, tech, deadlines, budget…
  • 5. Learn how to write a brief. And fast. Your career depends on how well you can brief people.
  • 6. Start with the user. Always. You don’t personally need to be an expert in UX but you always start there.
  • 7. Few digital projects are the same. Designers and developers are sometimes as new to this as you are.
  • 8. Adapt the planning process to fit the individual campaign. Figure out early what is going to be less painful and more productive.
  • 9. Plan around the deliverables but don’t forget basics like holidays, meetings, courses, client events…
  • 10. A solid project plan is important but don’t assume everything will go as planned. It won’t. Ever.
  • 11. Be clear when it needs to go live. Then be clear when it REALLY needs to go live
  • 12. Think about metrics before you start and when you’re building, not afterwards.
  • 13. Check your team capacity at every stage of the process. Have back-ups.
  • 14. A wireframe is a site framework, not an accurate technical drawing or design.
  • 15. With responsive design and parallax/scrolling sites, there is no longer a “fold” to be below.
  • 16. Understand colours and fonts and how they work on the web vs. in print.
  • 17. Think about measurement across all channels.
  • 18. Edits cost money, build in sufficient rounds or your margin will walk out of the door before your designs are signed off.
  • 19. IE8 and below are closer to an etch-a-sketch than a browser.
  • 20. Always view mockups at full size.
  • 21. Build in double the time you think you’ll need for edits and approvals.
  • 22. Assume content will be late and factor in appropriately.
  • 23. Inches and centimetres have no place or meaning on screen (e.g. don’t ask to 'nudge a logo up a few mm’)
  • 24. Always be aware of responsive viewing on different devices.
  • 25. Know what your team’s capabilities are – assign clear ownership, especially when multiple agencies involved.
  • 26. Get it in writing – no backtracking allowed!
  • 27. Forget traditional typesetting (at least in terms of body content).
  • 28. • Know your devices and their limitations • Know your browsers and their limitations • Know your audience and their limitations
  • 29. Your PR client probably hasn't got overall sign off without input from brand, legal, IT etc. Check this at the outset.
  • 30. If it comes back without changes, the right person hasn’t seen it yet.
  • 31. Good developers are very hard to find. Handle with care in the main, kick ass only if occasionally necessary.
  • 32. Designers and developers don't work 24/7. Unless your support contract specifies it.
  • 33. 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.
  • 34. It's perfectly fine to say "no" or “not in time for launch” if there genuinely isn’t the time to do something well.
  • 35. When timelines slip or launch approaches, build a 'real world' list rather than a 'wish list' and prioritise accordingly
  • 36. Things can, do and always will go wrong; have alternative suppliers in case you need them for support.
  • 37. No matter how much you test, there will always be someone somewhere who can’t get the thing to work.
  • 38. DNS propagation can take up to and even beyond 48hours. Not everything online is immediate.
  • 39. Video and animation takes forever to render and upload. Changes cost money and take time, it’s not Microsoft Word.
  • 40. If timescales slip on the client side, suggest launching in phases.
  • 41. Remember that your devs and designers do have lives of their own….
  • 42. Check and double check the SEO plans and agreements for the project, if any.
  • 43. Invest as much time/money/thought/effort into promoting it as you do building it.
  • 44. Learn each time. And keep learning. And learn from your mistakes.
  • 45. Beware of knowing a bit and becoming an expert. You’re not. You’re learning.
  • 46. When it is a web build, it is never final. Ever.
  • 47. what’s NEXT This was crowdsourced from our design and dev teams by Becky McMichael, Ruder Finn bmcmichael@ruderfinn.co.uk @beckymcmichael +44 (0) 7788 421165 *images taken from Flickr and used under CC

Hinweis der Redaktion

  1. Image: courtesy of Kevin Hillstrom: http://blog.minethatdata.com/2012/06/knows-just-enough-to-be-dangerous.html