Top Banner
Improving Your Web Site’s Appeal Kevin Campbell Duke University/Grouchyboy.com
19

Improving Your Web Site’s Appeal Kevin Campbell Duke University/Grouchyboy.com.

Dec 28, 2015

Download

Documents

Roderick Shaw
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Improving Your Web Site’s Appeal Kevin Campbell Duke University/Grouchyboy.com.

Improving Your Web Site’s Appeal

Kevin Campbell

Duke University/Grouchyboy.com

Page 2: Improving Your Web Site’s Appeal Kevin Campbell Duke University/Grouchyboy.com.

Why Do I Care?

Because users do! Every website has a function, is yours clear

AND easily accomplished?

I mean, it works, doesn’t it?! If you build it they will come…SORRY!

Page 3: Improving Your Web Site’s Appeal Kevin Campbell Duke University/Grouchyboy.com.

The Three Core “Abilities”

Navigability– Where do I go? What can I do?

Readability– Not just readable…retainable

Credibility– Are you trustworthy?

Page 4: Improving Your Web Site’s Appeal Kevin Campbell Duke University/Grouchyboy.com.

Navigation

Page 5: Improving Your Web Site’s Appeal Kevin Campbell Duke University/Grouchyboy.com.

Where Am I? Where Do I Go? What Can I Do?

The web has started to “settle out” Consistent design elements –

– Look the same. Don’t move.

Page 6: Improving Your Web Site’s Appeal Kevin Campbell Duke University/Grouchyboy.com.

Color Used as a Navigation Tool

Color can help our brains establish relationships quickly.

* Don’t make the user re-learn the navigation!

Page 7: Improving Your Web Site’s Appeal Kevin Campbell Duke University/Grouchyboy.com.

Oh the places you’ll go!

•What can I do here?•Where can I go?

Page 8: Improving Your Web Site’s Appeal Kevin Campbell Duke University/Grouchyboy.com.

Consistent, consistent, CoNsIsTeNt!

Adequate signage– Primary navigation on every page– The breadcrumbs had better lead out of the forest

Think about structure FIRST– Halls lead to bedrooms…bedrooms have bathrooms and

closet space…there is a door from the garage to the house…

Link text does matter– Simplify, man!– Don’t obfuscate in an attempt to impress or WOW people

Page 9: Improving Your Web Site’s Appeal Kevin Campbell Duke University/Grouchyboy.com.

Readability

Page 10: Improving Your Web Site’s Appeal Kevin Campbell Duke University/Grouchyboy.com.

Make it Scanable!

No serifs

Bullets, subheadings Short paragraphs

Page 11: Improving Your Web Site’s Appeal Kevin Campbell Duke University/Grouchyboy.com.

Help Me Scan, please.

Bold important points Contrasting colors

Links need to look like links

Page 12: Improving Your Web Site’s Appeal Kevin Campbell Duke University/Grouchyboy.com.

Don’t Make Me Squint!

Line Length– Arc of our visual field is only a few inches– As line length increases, reading slows and retention

falls– About 12 words per line

Source – Max Design [http://www.maxdesign.com.au/presentation/em]

Page 13: Improving Your Web Site’s Appeal Kevin Campbell Duke University/Grouchyboy.com.

Credibility

Page 14: Improving Your Web Site’s Appeal Kevin Campbell Duke University/Grouchyboy.com.

Do You Have Street Cred?(You’d better…)

UCLA study: Only 52.8% of web users think online information is credible

Page 15: Improving Your Web Site’s Appeal Kevin Campbell Duke University/Grouchyboy.com.

Look Within

Get inside the heads of your users:– What is the purpose of this organization?– How much does it cost?– What happens if…?

Page 16: Improving Your Web Site’s Appeal Kevin Campbell Duke University/Grouchyboy.com.

How to Get Cred

Prove there’s an actual organization:– Link to external references– Staff bios and pictures– Make contacting you easy– Look professional (design AND structure)– Free stuff or dynamic content– No dead links– Auto-email confirmation

Page 17: Improving Your Web Site’s Appeal Kevin Campbell Duke University/Grouchyboy.com.

Final Thoughts (Conceptual)

Don’t make assumptions– “Our site meets our organization’s goals.”

What you think matters less than what your users think.

– “Our site has all the info our users need.” Let them tell YOU. Users come first.

– “Our site is just as good as our competitor’s.” Very risky. What if their site sucks?

Page 18: Improving Your Web Site’s Appeal Kevin Campbell Duke University/Grouchyboy.com.

Final Thoughts (Technical)

Fancy graphics do not a good site make– Large graphics=increased download time– Use a web speed analyzer (http://

www.websiteoptimization.com)

Search function is now standard Frames are bad

– Can make pages unprintable– Pages cannot be bookmarked

Fancy navigations used sparingly

Page 19: Improving Your Web Site’s Appeal Kevin Campbell Duke University/Grouchyboy.com.

References

Max Design– http://www.maxdesign.com.au/

Webcredible– http://www.webcredible.co.uk

Webmonkey– http://www.webmonkey.com