don't make me think - web design today and tomorrow

46
DON’T MAKE ME THINK Web Design Today and Tomorrow Cameron Clark @catch22mkting

Upload: catch22marketing

Post on 20-Jun-2015

1.560 views

Category:

Design


3 download

DESCRIPTION

Introduction to web design and usability for Open Coffee II event in Chania Software Developers in Crete. All resources available at: http://www.catch22marketing.com/news/03/web-design/open-coffee/

TRANSCRIPT

Page 1: Don't Make Me Think - Web Design Today and Tomorrow

DON’T MAKE ME THINKWeb Design Today and Tomorrow

Cameron Clark

@catch22mkting

Page 2: Don't Make Me Think - Web Design Today and Tomorrow

WHAT IS DESIGN?

Page 3: Don't Make Me Think - Web Design Today and Tomorrow

AESTHETICSAPPEARANCE - STYLE - TONE - LAYOUT

Page 4: Don't Make Me Think - Web Design Today and Tomorrow

FUNCTIONHOW IT WORKS - INTERACTION - EFFICIENCY

Page 5: Don't Make Me Think - Web Design Today and Tomorrow

UNDERSTANDINGPEOPLE - DATA - MARKET - TRENDS - COMPETITION

Page 6: Don't Make Me Think - Web Design Today and Tomorrow

PURPOSERETURN PROFIT - QUALITY - LEGACY - HAPPINESS

Page 7: Don't Make Me Think - Web Design Today and Tomorrow

FEASIBILITYBUDGET - TIMING - NEEDS

Page 8: Don't Make Me Think - Web Design Today and Tomorrow

THE PRINCIPLE OF GREAT WEB DESIGN

Don’t Make Me Think!

Page 9: Don't Make Me Think - Web Design Today and Tomorrow

USABILITY

1. WHO ARE YOU?

2. WHAT DO YOU DO?

3. WHAT CAN I DO HERE?

Every Visitor Asks 3 Questions

Page 10: Don't Make Me Think - Web Design Today and Tomorrow

SEARCH ENGINE FACTS

1. Most online journeys begin on Google

2. Google handles 1 billion searches a day

3. YouTube is the 2nd most popular search engine

4. Microsoft and Yahoo also have search engines :)

Page 11: Don't Make Me Think - Web Design Today and Tomorrow
Page 12: Don't Make Me Think - Web Design Today and Tomorrow

USABILITY

1. WHO ARE YOU?

2. WHAT DO YOU DO?

3. WHAT CAN I DO HERE?

Yesterday

1. WHAT MAKES YOU SPECIAL?

2. WHAT CAN I DO HERE?

Today

Because of levels of online competition and Google-centric behaviour visitors asks 3 2 questions

Page 13: Don't Make Me Think - Web Design Today and Tomorrow

CASE STUDY #1English Language School in London

Page 14: Don't Make Me Think - Web Design Today and Tomorrow
Page 15: Don't Make Me Think - Web Design Today and Tomorrow
Page 16: Don't Make Me Think - Web Design Today and Tomorrow

DESIGN BRIEFPURPOSE:

Get enquiries for English courses

UNDERSTANDING: Aiming at young international students.

WLA is cheaper than other London schools. Competing against other European cities.

FEASIBILITY: Budget for design, build and SEO £5-10,000.

Page 17: Don't Make Me Think - Web Design Today and Tomorrow
Page 18: Don't Make Me Think - Web Design Today and Tomorrow

1. WHO ARE THEY?

2. WHAT DO THEY DO?

3. WHAT CAN WE DO HERE?

Page 19: Don't Make Me Think - Web Design Today and Tomorrow
Page 20: Don't Make Me Think - Web Design Today and Tomorrow
Page 21: Don't Make Me Think - Web Design Today and Tomorrow
Page 22: Don't Make Me Think - Web Design Today and Tomorrow

Key PrincipleCapture Data!

Page 23: Don't Make Me Think - Web Design Today and Tomorrow

RESULTSSince launch in November 2010

Online Enrolments: 437 per year (36 per month) 437 enrolments with 70% completion rate = 306

Online Tests: 1447 (Useful Database)

Quick Enquiries: 953 (56 per month)

Ave Course 10 Weeks = £515 £515 x 306 enrolments = £157,590 (€189,665)€189,665 - €41,117 (Existing income) / website = 27x ROI

Page 24: Don't Make Me Think - Web Design Today and Tomorrow

CASE STUDY #2Removals Company London

Page 25: Don't Make Me Think - Web Design Today and Tomorrow

DESIGN BRIEFPURPOSE:

Get enquiries for home removals. Also office removals, storage and packaging

UNDERSTANDING: Competitive marketplace

People look for multiple quotes

FEASIBILITY: Budget for design, photography, SEO and

6 months ongoing SEO: £8-12,000

Page 26: Don't Make Me Think - Web Design Today and Tomorrow
Page 27: Don't Make Me Think - Web Design Today and Tomorrow
Page 28: Don't Make Me Think - Web Design Today and Tomorrow
Page 29: Don't Make Me Think - Web Design Today and Tomorrow
Page 30: Don't Make Me Think - Web Design Today and Tomorrow
Page 31: Don't Make Me Think - Web Design Today and Tomorrow

This important page had high exit rates. So ‘contextual’ call-to-action links were added.

Conversions increased!

Page 32: Don't Make Me Think - Web Design Today and Tomorrow

This important page had high exit rates. So ‘contextual’ call-to-action links were added.

Conversions increased!

Page 33: Don't Make Me Think - Web Design Today and Tomorrow

Key PrincipleMeasure Data with Analytics!

Apply changes

Page 34: Don't Make Me Think - Web Design Today and Tomorrow
Page 35: Don't Make Me Think - Web Design Today and Tomorrow

RESULTSSample Month February 2011

Online Quote Requests: 62 With 33% conversion rate = 20 BookingsQuick Enquiries: 5Telephone + email: not included

Ave Booking: 2 Men Luton Van = £550Feb: 20 bookings x £550 = £11,000

€13,240 gross profit p/m compared to €3,960 of old site

Page 36: Don't Make Me Think - Web Design Today and Tomorrow

MORE EXAMPLES

Page 37: Don't Make Me Think - Web Design Today and Tomorrow
Page 38: Don't Make Me Think - Web Design Today and Tomorrow
Page 39: Don't Make Me Think - Web Design Today and Tomorrow
Page 40: Don't Make Me Think - Web Design Today and Tomorrow
Page 41: Don't Make Me Think - Web Design Today and Tomorrow
Page 42: Don't Make Me Think - Web Design Today and Tomorrow
Page 43: Don't Make Me Think - Web Design Today and Tomorrow
Page 44: Don't Make Me Think - Web Design Today and Tomorrow

DESIGN PRINCIPLES

Define the PURPOSE of the site first.Understand WHO you are targeting and WHAT they want. Give it to them!

Capture data. Make it easy tomake contact with

Calls to Action!

Measure results - Make changes. It’s a PROCESS!

1

2

3

Page 45: Don't Make Me Think - Web Design Today and Tomorrow

THANK YOUPresentation available at

catch22marketing.com/news and chaniadevs.wordpress.com

Page 46: Don't Make Me Think - Web Design Today and Tomorrow

• Book: Don’t Make Me Think by Steve Krug. > Website: www.sensible.com/dmmt.html

• State of Search (Infographic)

• Top 3 Search Engines - Search Engine Watch

• Websites Shown: WLA Before and New WLA Site

• Websites Shown: Gentleman & a Van New Website

• Catch22 Marketing - Before and After Gallery

• Guided tour of Google Analytics and Download Analytics Free

• Additional Help: Catch22 Marketing - Website Startup Guide

GLOSSARY