eBusiness Programme workshop programme

BEST PRACTICEWEBSITES

Presented by: Ann Stanley

MD of Anicca Solutions

Agenda• How important is your website?

• Design & Layout

• Good and bad examples

• How design effects usability?

• Tools to improve your design

• Content

• Functionality

• Is your site accessibly & search engine friendly?

• Is your site performing?

How important is your website to your businessScore Customer types Purpose of website Offline

equivalent

0-3 Majority of regulars, repeat & recommendations (R-Factor) Passing trade

Business card:•Contact details & Map

4-5 Large R-factorSome new customers (eg from advertising)<50% enquiries or bookings have seen or used the website

Brochure site:•Credibility•Check out offer•Contact details & Map

6-7 Small R-Factor, so rely on new businessNeed to advertise regularly>50% enquiries & bookings have seen or come from the website

Shop-window:•Lead generation & enquiries•Most customers use & enquire through the site•Credibility & information

8-10 Mainly new customersCurrent customers also use website to book>80% of enquiries and bookings come from website

Transactional:•Lead generation & online marketing•Enquiries, registrations & booking engine•Email marketing•Integration with back-office

“How to look good naked” beauty parade –most people have the wrong image of themselves (and their websites!)

Score your site as compared to othersSCALE1-4 = you consider the site poorly designed or unprofessional5 = you would not bother to browse the site6 = you would browse the site8 = you would consider buying or using the service from this site

5 8

Very important

Best

Importance to your business

Site Performance

Need to develop a new site

No more effort required

Quality matches importance –not worth investing

1 5 101

5

10

Not important

Poor

Importance of your website vs how you perceive the site (performance)

Plot your importance score vs your quality score

The 3 “conflicting approaches” used in web design

Design – first impressions

counts

Content – what the site says to

the user and search engines

Functionality –what the site does for the

user and your business

These approaches are often used by different types of web designers or developers and can conflict with each other

Design & Layout

User-Centred Design

“Unless a website meets the needs of the intended users it will not meet the needs of the organization providing the website.”

Jakob Nielsen

• Who is your audience?

• What are their demographics?

• How will they use the site?

• What technology do they have?

Target audience - site aimed at parents and kids

Target audience - site aimed at techies

Branding – lifestyle & aspirations

Branding – lifestyle & aspirations

Branding – design & imagery

Effective well laid out web design

Poor Web Design

Usefulness: Good Example

Usefulness: Bad Example

Building Trust: Good Example

Building Trust: Bad Example

Building Trust: Bad Example

How design effects usability

Usability – Common Problems

• Confusing navigation/links

• Breaking the Back button

• Pop-up windows

• Page elements that look like adverts

• Ignoring common conventions

Liquid Layout

Liquid Layout

Navigation: Good Example

Navigation: Bad Example

Navigation: Breadcrumb Trails

Navigation: Sitemaps

Tools to improve your design

Layout Planning: Wireframes

Cascading Style Sheets (CSS)

• Enables different style elements to be controlled across the site:

• Typography

• Backgrounds

• Borders/margins

• Structural elements, e.g. navigation

• Benefits:• More control over layout

• Quicker loading pages

• Quicker development & updates

• Easier to support multiple platforms eg pda

• Allows use of different font sizes and colours for accessibility

• Better for search engines (page layout data stored in CSS not diluting page text)

www.csszengarden.com

Cascading Style Sheets (CSS)

Cascading Style Sheets (CSS)

Website Management Systems –that allow you to modify elements of the layout, design, menus & footer

Website Management Systems –that allow you to modify elements of the layout, design, menus & footer

Website Management Systems –that allow you to modify elements of the layout, design, menus & footer

Try it for yourself – www.anicca-web.com

Try it for yourself – www.anicca-web.com

Try it for yourself – www.anicca-web.com

Content

Images: no text = no keyphrases

Images: no text = no keyphrases

Multimedia - Flash

www.mowbot.co.uk

Too much text!

Typography

Nottingham City Council – Text Size

Nottingham City Council – Text Size

Content Management System – DIY changes

Edit the page content

See changes on the live site

Multi-lingual content management system

Functionality – what the site can do for you and your customers

Search on every page

“Calls for action” –registration & latest deals

Search results from property database

Features of a property website

Log-in

Registration form

Using your site as a sales tool – searching the customer database

Clicking into a customer profile

Customer databases and profiling –

should be modified to meet your specific

needs

Ability to create your own customer registration forms (with the corresponding database)

Ability to create your own customer registration forms (with the corresponding database)

Is your site accessible and search engine friendly?

Accessibility

• Risk of excluding large audience:14% of the UK population registered disabled

• Accessible sites work better in less popular browsers/platforms/sizes

• Accessible sites are more flexible

• Accessible sites are more search engine friendly

• It’s the law! Disability Discrimination Act 1999 (2002)

Accessibility Guidelines

How design, functionality & content influence visibility in the search engines

• Design • Images can’t be indexed

• Certain technologies such as Flash, Frames and JavaScript can’t be indexed

• Design can limit the space for optimised text, or too much text can spoil the design

• Functionality• Certain database functionality such as dynamic urls, ecommerce sites and

some content management systems can’t be indexed

• Content• Amount, structure and keyphrases within the content (on-page factors) all have

significant influence on positions achieved for keyphrases used by searcher

• Content consists of the visible content (ie elements seen by the user) and the content in the code and tags (meta-data) both are important for search engine optimisation

• Search engine optimisation is the process used to build or modify a site to improve its rankings in search engines for the keyphrases used by customers

Is my content listed in Google? – Yes!

This technique also allows you to see how your web developer has set-up your urls, titles and descriptions for your site (key for being found in the search engines)

Is my content listed in Google? – No!

These sites have been constructed in Frames and Flash, technologies which can't be indexed (or spidered) by the search engines

Is your site performing?

Do you need to invest in your website?

Offline advertising

Online advertising

Website

>50% exit due to poor design or usability

Less than 50% browse

<1% call or email

No online Enquiry/

Booking/Shop

No traffic due to poor search

engine positions

Get free site metrics from Google

Pulling it all together!

Getting traffic to your website

Quality & performance of your website

Improve Your Search Engine Rankings

Presentation: email ann@anicca-solutions.com

Workshops & events: www.ebusinessclub.biz

Further support:

eBusiness Programme:Workshop programme advice: Joanne Mobbs:

joanne@emcc.org.uk

Business Link Business Support Adviser appointment:

0845 058 6644