what makes a good website 2009 sth man

72
What makes a good website? Presented by: Steve Gale Pyxisoft Ltd www.pyxisoft.com In collaboration with: Alan Holding Manchester Digital Development Agency manchesterdda.com

Upload: johnkeys

Post on 18-Nov-2014

3.794 views

Category:

Technology


1 download

DESCRIPTION

Most customers decide within the first 5 seconds if they are going to buy from your website. Therefore understanding what makes a good website is essential to converting visitors into customers. This workshop will show you the difference between online & offline shops and the different building blocks for a good website. You should leave the session with the knowledge & tools to development & define a website specification for your business.

TRANSCRIPT

Page 1: What Makes A Good Website   2009 Sth Man

What makes a good website?Presented by:Steve GalePyxisoft Ltdwww.pyxisoft.com

In collaboration with:

Alan Holding

Manchester Digital Development Agency

manchesterdda.com

Page 2: What Makes A Good Website   2009 Sth Man

This workshop is 1 of 5What makes a good website

Payment systems

Attracting customers – Marketing and Social Networks

Attracting customers – Search Engine Optimisation & Advertising

Stay Legal

Page 3: What Makes A Good Website   2009 Sth Man

1. Why have a website?

2. Differences between online and offline shops

3. Differences between global brands and small business websites

4. Elements of a good website – design, layout…

5. Coffee break

6. Developing a website specification

7. Some quick tips – domain names, keeping a ‘lever arch file’ for your website, statistics

What I’m going to talk about

Page 4: What Makes A Good Website   2009 Sth Man

New figures from the IMRG Capgemini e-Retail Sales Index show that online spending reached £4.67 billion in December.

....up by 14.2 per cent compared to 2007, as the internet became a more popular way for consumers to do their shopping.

“...consumers are turning to the internet as the most efficient way to save money in the downturn," comments Mike Petevinos, spokesman for Capgemini.

Dec 08 online sales up 14.2%

Source: IAB UK Source: IAB UK http://tinyurl.com/cv2e72

Page 5: What Makes A Good Website   2009 Sth Man

Raise brand awareness

Provide information on your products and services

Give customers a way of contacting you

Sell products or services online

Collect data about your clients for later use

Why have a website?

Page 6: What Makes A Good Website   2009 Sth Man

Raise brand awareness

Provide information on your products and services

Give customers a way of contacting you

Sell products or services online

Collect data about your clients for later use

Why have a website?

Page 7: What Makes A Good Website   2009 Sth Man

Raise brand awareness

Provide information on your products and services

Give customers a way of contacting you

Sell products or services online

Collect data about your clients for later use

Why have a website?

Page 8: What Makes A Good Website   2009 Sth Man

Raise brand awareness

Provide information on your products and services

Give customers a way of contacting you

Sell products or services online

Collect data about your clients for later use

Why have a website?

Page 9: What Makes A Good Website   2009 Sth Man

Raise brand awareness

Provide information on your products and services

Give customers a way of contacting you

Sell products or services online

Collect data about your clients for later use

Why have a website?

Page 10: What Makes A Good Website   2009 Sth Man

Online shop

Open all the time

Available to anyone anywhere they can access the internet

Shopping is facilitated by technology - there is NO personal contact

Offline shop

Tends to have fixed opening hours

Number of customers can be dependent on location

Face-to-face interaction is a big part of the process

Differences between…

Page 11: What Makes A Good Website   2009 Sth Man

Global brand

They don’t have to explain who they are

People are usually very clear on what services or products that brand represents

Small business

People on the internet might not know who they are

Has to explain who they are, what they do

Has to work harder to make themselves stand out

Differences between…

Page 12: What Makes A Good Website   2009 Sth Man

DesignDesign LayoutLayout

ContentContent

Elements of a good website

UsabilityUsability

Page 13: What Makes A Good Website   2009 Sth Man

A well designed, usable website

Why are these important?

Good customer experience

=

Page 14: What Makes A Good Website   2009 Sth Man

Consistent look and feel – website design follows your “corporate brand”

Good use of images

A sense of professionalism

Design

Page 15: What Makes A Good Website   2009 Sth Man

Consistent look and feel – website design follows your “corporate brand”

Good use of images

A sense of professionalism

Design

Page 16: What Makes A Good Website   2009 Sth Man

Consistent look and feel – website design follows your “corporate brand”

Good use of images

A sense of professionalism

Design

Page 17: What Makes A Good Website   2009 Sth Man

Make it easy to find your way around the site

Position your key messages correctly

People usually scan web pages not read them

Evaluate regularly and change things that don’t work!

Layout

Page 18: What Makes A Good Website   2009 Sth Man

Make it easy to find your way around the site

Position your key messages correctly

People usually scan web pages not read them

Evaluate regularly and change things that don’t work!

Layout

Page 19: What Makes A Good Website   2009 Sth Man

Make it easy to find your way around the site

Position your key messages correctly

People usually scan web pages not read them

Evaluate regularly and change things that don’t work!

Layout

Page 20: What Makes A Good Website   2009 Sth Man

Make it easy to find your way around the site

Position your key messages correctly

People usually scan web pages not read them

Evaluate regularly and change things that don’t work!

Layout

Page 21: What Makes A Good Website   2009 Sth Man

The most common monitor resolution is 1024 x 768

Keep this is mind when having your website designed

Remember to keep your most important messages at the top, so people don’t have to scroll down pages to see them

A note about screen sizes

Page 22: What Makes A Good Website   2009 Sth Man

The most common monitor resolution is 1024 x 768

Keep this is mind when having your website designed

Remember to keep your most important messages at the top, so people don’t have to scroll down pages to see them

A note about screen sizes

Page 23: What Makes A Good Website   2009 Sth Man

The most common monitor resolution is 1024 x 768

Keep this is mind when having your website designed

Remember to keep your most important messages at the top, so people don’t have to scroll down pages to see them

A note about screen sizes

Page 24: What Makes A Good Website   2009 Sth Man

Content is the stuff on your website – words, pictures, video, audio, forms, error pages, etc.

Your website IS driven by content.

Avoid complex language – use plain language and say what you see!

Know your audience.

Check for spilling messtakes.

Content

Page 25: What Makes A Good Website   2009 Sth Man

Content is the stuff on your website – words, pictures, video, audio, forms, error pages, etc.

Your website IS driven by content.

Avoid complex language – use plain language and say what you see!

Know your audience.

Check for spilling messtakes.

Content

Page 26: What Makes A Good Website   2009 Sth Man

Content is the stuff on your website – words, pictures, video, audio, forms, error pages, etc.

Your website IS driven by content.

Avoid complex language – use plain language and say what you see!

Know your audience.

Check for spilling messtakes.

Content

Page 27: What Makes A Good Website   2009 Sth Man

Content is the stuff on your website – words, pictures, video, audio, forms, error pages, etc.

Your website IS driven by content.

Avoid complex language – use plain language and say what you see!

Know your audience.

Check for spilling messtakes.

Content

Page 28: What Makes A Good Website   2009 Sth Man

Content is the stuff on your website – words, pictures, video, audio, forms, error pages, etc.

Your website IS driven by content.

Avoid complex language – use plain language and say what you see!

Know your audience.

Check for spilling messtakes.

Content

Page 29: What Makes A Good Website   2009 Sth Man

If customers can’t use your website to do stuff, even if the website looks nice, is it doing its job?

Remember that customers come to your website to carry out a specific task – find out who you are, buy something from you, etc.

The design of your website should help customers do those tasks.

Test the website.

What happens when things go wrong. Do you know when things go wrong?

Usability

Page 30: What Makes A Good Website   2009 Sth Man

If customers can’t use your website to do stuff, even if the website looks nice, is it doing its job?

Remember that customers come to your website to carry out a specific task – find out who you are, buy something from you, etc.

The design of your website should help customers do those tasks.

Test the website.

What happens when things go wrong. Do you know when things go wrong?

Usability

Page 31: What Makes A Good Website   2009 Sth Man

If customers can’t use your website to do stuff, even if the website looks nice, is it doing its job?

Remember that customers come to your website to carry out a specific task – find out who you are, buy something from you, etc.

The design of your website should help customers do those tasks.

Test the website.

What happens when things go wrong. Do you know when things go wrong?

Usability

Page 32: What Makes A Good Website   2009 Sth Man

If customers can’t use your website to do stuff, even if the website looks nice, is it doing its job?

Remember that customers come to your website to carry out a specific task – find out who you are, buy something from you, etc.

The design of your website should help customers do those tasks.

Test the website.

What happens when things go wrong. Do you know when things go wrong?

Usability

Page 33: What Makes A Good Website   2009 Sth Man

If customers can’t use your website to do stuff, even if the website looks nice, is it doing its job?

Remember that customers come to your website to carry out a specific task – find out who you are, buy something from you, etc.

The design of your website should help customers do those tasks.

Test the website.

What happens when things go wrong. Do you know when things go wrong?

Usability

Page 34: What Makes A Good Website   2009 Sth Man

sensible.comsensible.com

Page 35: What Makes A Good Website   2009 Sth Man

Examples…

Page 36: What Makes A Good Website   2009 Sth Man

boomkat.comboomkat.com

Page 37: What Makes A Good Website   2009 Sth Man

www.flickr.comwww.flickr.com

Page 38: What Makes A Good Website   2009 Sth Man

waterstones.comwaterstones.com

Page 39: What Makes A Good Website   2009 Sth Man

http://www.timesonline.co.uk/tol/news/http://www.timesonline.co.uk/tol/news/

Page 40: What Makes A Good Website   2009 Sth Man

moo.commoo.com

Page 41: What Makes A Good Website   2009 Sth Man

www.cardinalmaritime.comwww.cardinalmaritime.com

Page 42: What Makes A Good Website   2009 Sth Man

www.traditionalpaving.co.ukwww.traditionalpaving.co.uk

Page 43: What Makes A Good Website   2009 Sth Man

www.autotrader.co.ukwww.autotrader.co.uk

Page 44: What Makes A Good Website   2009 Sth Man

www.bbc.co.ukwww.bbc.co.uk

Page 45: What Makes A Good Website   2009 Sth Man

Coffee break

Please take this opportunity to fill in the assistance form that is in your pack.

Thank you!

Page 46: What Makes A Good Website   2009 Sth Man

Are you clear on what you want your website to do?

Make a list of requirements in non-technical language

Be specific – you want a search, but how should the search results be presented?

Itemise each requirement so a “cost” can be attached to them – time, money, resources

Put requirements into phases – this prioritised list can be the start of your website business plan

Refer to the website business plan in meetings with developers

Writing a website specification

Page 47: What Makes A Good Website   2009 Sth Man

Are you clear on what you want your website to do?

Make a list of requirements in non-technical language

Be specific – you want a search, but how should the search results be presented?

Itemise each requirement so a “cost” can be attached to them – time, money, resources

Put requirements into phases – this prioritised list can be the start of your website business plan

Refer to the website business plan in meetings with developers

Writing a website specification

Page 48: What Makes A Good Website   2009 Sth Man

Are you clear on what you want your website to do?

Make a list of requirements in non-technical language

Be specific – you want a search, but how should the search results be presented?

Itemise each requirement so a “cost” can be attached to them – time, money, resources

Put requirements into phases – this prioritised list can be the start of your website business plan

Refer to the website business plan in meetings with developers

Writing a website specification

Page 49: What Makes A Good Website   2009 Sth Man

Are you clear on what you want your website to do?

Make a list of requirements in non-technical language

Be specific – you want a search, but how should the search results be presented?

Itemise each requirement so a “cost” can be attached to them – time, money, resources

Put requirements into phases – this prioritised list can be the start of your website business plan

Refer to the website business plan in meetings with developers

Writing a website specification

Page 50: What Makes A Good Website   2009 Sth Man

Are you clear on what you want your website to do?

Make a list of requirements in non-technical language

Be specific – you want a search, but how should the search results be presented?

Itemise each requirement so a “cost” can be attached to them – time, money, resources

Put requirements into phases – this prioritised list can be the start of your website business plan

Refer to the website business plan in meetings with developers

Writing a website specification

Page 51: What Makes A Good Website   2009 Sth Man

Are you clear on what you want your website to do?

Make a list of requirements in non-technical language

Be specific – you want a search, but how should the search results be presented?

Itemise each requirement so a “cost” can be attached to them – time, money, resources

Put requirements into phases – this prioritised list can be the start of your website business plan

Refer to the website business plan in meetings with developers

Writing a website specification

Page 52: What Makes A Good Website   2009 Sth Man

www.37signals.com/papers/introtopatterns/www.37signals.com/papers/introtopatterns/

Page 53: What Makes A Good Website   2009 Sth Man

Be clear on what you want to achieve

Think about your audience

Research other websites – competitors, market leaders, websites your target audience would visit

Ask friends, family and colleagues what websites they like and DON’T like – and why.

Make a list of websites you like, don’t like, compete against or aspire to

Homework

Page 54: What Makes A Good Website   2009 Sth Man

Be clear on what you want to achieve

Think about your audience

Research other websites – competitors, market leaders, websites your target audience would visit

Ask friends, family and colleagues what websites they like and DON’T like – and why.

Make a list of websites you like, don’t like, compete against or aspire to

Homework

Page 55: What Makes A Good Website   2009 Sth Man

Be clear on what you want to achieve

Think about your audience

Research other websites – competitors, market leaders, websites your target audience would visit

Ask friends, family and colleagues what websites they like and DON’T like – and why.

Make a list of websites you like, don’t like, compete against or aspire to

Homework

Page 56: What Makes A Good Website   2009 Sth Man

Be clear on what you want to achieve

Think about your audience

Research other websites – competitors, market leaders, websites your target audience would visit

Ask friends, family and colleagues what websites they like and DON’T like – and why.

Make a list of websites you like, don’t like, compete against or aspire to

Homework

Page 57: What Makes A Good Website   2009 Sth Man

Be clear on what you want to achieve

Think about your audience

Research other websites – competitors, market leaders, websites your target audience would visit

Ask friends, family and colleagues what websites they like and DON’T like – and why.

Make a list of websites you like, don’t like, compete against or aspire to

Homework

Page 58: What Makes A Good Website   2009 Sth Man

Find and employ a web professional

Page 59: What Makes A Good Website   2009 Sth Man

Some quick tips…

Page 60: What Makes A Good Website   2009 Sth Man

Do you know who owns your domain name?

Do you know when your domain name will expire?

Do you have an automatic renewal process in place?

Do you know which company you registered your domain name with?

Use a service like whois.net or nominet.org.uk to find out details about your domain name

Domain names

Page 61: What Makes A Good Website   2009 Sth Man

Do you know who owns your domain name?

Do you know when your domain name will expire?

Do you have an automatic renewal process in place?

Do you know which company you registered your domain name with?

Use a service like whois.net or nominet.org.uk to find out details about your domain name

Domain names

Page 62: What Makes A Good Website   2009 Sth Man

Do you know who owns your domain name?

Do you know when your domain name will expire?

Do you have an automatic renewal process in place?

Do you know which company you registered your domain name with?

Use a service like whois.net or nominet.org.uk to find out details about your domain name

Domain names

Page 63: What Makes A Good Website   2009 Sth Man

Do you know who owns your domain name?

Do you know when your domain name will expire?

Do you have an automatic renewal process in place?

Do you know which company you registered your domain name with?

Use a service like whois.net or nominet.org.uk to find out details about your domain name

Domain names

Page 64: What Makes A Good Website   2009 Sth Man

Do you know who owns your domain name?

Do you know when your domain name will expire?

Do you have an automatic renewal process in place?

Do you know which company you registered your domain name with?

Use a service like whois.net or nominet.org.uk to find out details about your domain name

Domain names

Page 65: What Makes A Good Website   2009 Sth Man

Keep all the paperwork about your website in it

Keep a copy in another location

Keep it up-to-date

If you can, make scans of those paper documents and save them as images or PDFs as backups

A “lever arch file” for your site

Page 66: What Makes A Good Website   2009 Sth Man

Keep all the paperwork about your website in it

Keep a copy in another location

Keep it up-to-date

If you can, make scans of those paper documents and save them as images or PDFs as backups

A “lever arch file” for your site

Page 67: What Makes A Good Website   2009 Sth Man

Keep all the paperwork about your website in it

Keep a copy in another location

Keep it up-to-date

If you can, make scans of those paper documents and save them as images or PDFs as backups

A “lever arch file” for your site

Page 68: What Makes A Good Website   2009 Sth Man

Keep all the paperwork about your website in it

Keep a copy in another location

Keep it up-to-date

If you can, make scans of those paper documents and save them as images or PDFs as backups

A “lever arch file” for your site

Page 69: What Makes A Good Website   2009 Sth Man

Do you get statistics on the use of your site?

Do you know about statistics services like Google Analytics and Mint?

Use statistics to find out things like

•Popular pages

•Search phrases

•Which sites are linking to you

•Popular times people come to your site

Website statistics

Page 70: What Makes A Good Website   2009 Sth Man

Do you get statistics on the use of your site?

Do you know about statistics services like Google Analytics and Mint?

Use statistics to find out things like

•Popular pages

•Search phrases

•Which sites are linking to you

•Popular times people come to your site

Website statistics

Page 71: What Makes A Good Website   2009 Sth Man

Do you get statistics on the use of your site?

Do you know about statistics services like Google Analytics and Mint?

Use statistics to find out things like

•Popular pages

•Search phrases

•Which sites are linking to you

•Popular times people come to your site

Website statistics

Page 72: What Makes A Good Website   2009 Sth Man

Questions?

Manchester Digital Development Agencymanchesterdda.comtwitter.com/mddamdda.blip.tvdelicious.com/mdda

Pyxisoft: Intelligent Web Solutionswww.pyxisoft.comSteve [email protected]