website best practices

22
Website Best Practices Brandon Raymo~Assistant Director MRVED [email protected]

Upload: brandon-raymo

Post on 24-May-2015

71 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Website best practices

Website Best PracticesBrandon Raymo~Assistant Director MRVED

[email protected]

Page 2: Website best practices

Purpose

● Give you a list of best practices when creating your teacher website.

● Gain a better understanding of what makes a great teacher website.

Page 3: Website best practices

Think About

● Your own internet browsing habits.○ Do you:

■ Get frustrated when you can’t find basic information?

■ Hate scrolling forever?■ Leave a website if you can’t read the font?■ Hate “busy” sites?

● Who is your website for?○ You○ Students○ Parents○ All

Page 4: Website best practices

● Prior● Planning● Prevents● Poor● Performance

5 P’s

Page 5: Website best practices

Text

Page 6: Website best practices
Page 7: Website best practices

Don’t● ALL CAPS (stop

yelling at me!)● Too small

● Underline text that is not a link

● Rainbow Font● Lots of scrolling

● Contrasting background and text

● Misspelling wards● Usng txt spch...lol● Hard to read fonts● Changing fonts all the time

● Stretches across the whole page because you have written way too much and it doesn’t flow well with what you have above or below your bullets and there is no reason to have this much text in one line because you have created three or four sentences anyway.

Page 9: Website best practices

Do

● Use an easy to read font● Narrow columns● Less is better● Hierarchy is clear

○ Heading, Subheading, Text● Background does not interfere with text

Page 10: Website best practices
Page 11: Website best practices

Navigation

Page 12: Website best practices
Page 13: Website best practices

Don’t

● Unclear● Complex● Orphan pages● Useless page titles● Inconsistent

Page 14: Website best practices

Unclear & Complex

Page 15: Website best practices

Orphan Pages

● Make sure every page has a way to get to another page, without using the browser back button.

Page 16: Website best practices

Useless Page Title

● Example (Off Your Home Page)○ Links

■ Links to what? Who are they for...parents, students, both?

○ Pictures■ Are they pictures of you, your students, sports,

school events?

Page 17: Website best practices

Inconsistent

● If your navigation links are always on the left side, don’t move them.

● Make sure your links are also a consistent color.

Page 18: Website best practices

Do

● Be very conscious of your navigation● Be clear in page titles● Less is better● Easy to get back home● Leave a site index

Page 19: Website best practices

Create a Written Visual

Page 20: Website best practices

Links

Page 21: Website best practices

Don’t

● Broken links● Inconsistent color● Too many links● Complete URL’s● Wrong link

Page 22: Website best practices