building better web sites

36
Building Better Web Sites weaving your web Shane Sher [email protected] PPL Computer Training Specialist Captain Blog Stephanie Chausse [email protected] PPL Web Weaver Wellness Well-doer . . .

Upload: schausse

Post on 06-May-2015

1.164 views

Category:

Technology


1 download

TRANSCRIPT

Page 1: Building  Better  Web  Sites

Building Better Web Sitesweaving your web

Shane [email protected]

PPL Computer Training SpecialistCaptain Blog

Stephanie [email protected]

PPL Web WeaverWellness Well-doer . . . 

Page 2: Building  Better  Web  Sites
Page 3: Building  Better  Web  Sites

Evaluate your Audience

What are your patrons looking for?

Are there special groups to target?

Surveys

Page 4: Building  Better  Web  Sites

Technically speaking . . .

Use XHTML with CSS Use include files for

repeating items Analyze stats with

counters like W3

Page 5: Building  Better  Web  Sites

Browsers

Page 6: Building  Better  Web  Sites

Resolutions

Page 7: Building  Better  Web  Sites

Decide on fluid or fixed width

Page 8: Building  Better  Web  Sites

Fluid

Page 9: Building  Better  Web  Sites

Fixed

Page 10: Building  Better  Web  Sites

Organize . . . logically

list all topics on current Web site

outline and group items

create categories

Page 11: Building  Better  Web  Sites

Organize . . . visually 

clear, consistent layout

use color purposefully use images sparingly,

avoid clutter find royalty-free

images morguefile.com Photos.com

Page 12: Building  Better  Web  Sites

Ugly sites  Phillips Designs

The CSI Companies

Brita

It’s a mystery . . .

Page 13: Building  Better  Web  Sites

Usability = ease of use

Page 14: Building  Better  Web  Sites

Organize . . . practically

think like a patron, not like a librarian

use clear, simple navigation

make page headings consistent with navigation

make your information accessible

Page 15: Building  Better  Web  Sites

Usability

1.

2.

3.

4.

5.

Page 16: Building  Better  Web  Sites

Other tools

Page 17: Building  Better  Web  Sites

Eye-tracking

Page 18: Building  Better  Web  Sites

Eye-tracking

Page 19: Building  Better  Web  Sites

Eye-tracking

Page 20: Building  Better  Web  Sites

Eye-tracking on Google search results

Page 21: Building  Better  Web  Sites

Organize . . . for search engines

use clear, specific page titles in TITLE BAR

use strong H1suse keyword rich meta-tags

and fresh content

Page 22: Building  Better  Web  Sites

Web 2.0 can feel like tangled mess

Page 23: Building  Better  Web  Sites

User Organization

GoogleGoogleTagging Tagging Social bookmarking like Social bookmarking like del.icio.usRSS FeedingRSS FeedingBadgesBadges

Page 24: Building  Better  Web  Sites

Challenges

Who will provide content?

Who will support financially and technically?

Sometimes it's better to do less better, than do more, less effectively.

Page 25: Building  Better  Web  Sites

Blogs

Page 26: Building  Better  Web  Sites

Archives old posts automatically

Page 27: Building  Better  Web  Sites

Commenting area

Page 28: Building  Better  Web  Sites

Tagging

Page 29: Building  Better  Web  Sites

Blog vs. SitePositives

Page 30: Building  Better  Web  Sites

Blog vs. Site Positives

Blog Easy to use Many times free Easily adaptive to

many needs Multiple editors Fresh content more

manageable Tagging

Web site Unlimited space Free reign Imagination (or your

support person) is the only barrier

No design constraints

Page 31: Building  Better  Web  Sites

Blog vs. SiteNegatives

Page 32: Building  Better  Web  Sites

Blog vs. Site Negatives

Blog Limited design Not always local Limited space

Web site Expensive Need design skills Need software,

Dreamweaver

Page 33: Building  Better  Web  Sites

View many sites

Page 34: Building  Better  Web  Sites

It's a lonely place . . .

Page 35: Building  Better  Web  Sites

…or not!

Page 36: Building  Better  Web  Sites

Biblio

Old advertisements from Plan 59Eye tracking from useit.com/eyetracking in case you're up for a challenge, the guy

on the mountain offers classesFree counters from w3counter.com

Building Better Website links