web design and digital literacy. initial impressions: is this a good website? why/why not? (one...

14
Web Design and Digital Literacy

Upload: leslie-dennis

Post on 13-Dec-2015

212 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Web Design and Digital Literacy. Initial impressions: Is this a good website? Why/why not? (One reason)

Web Design andDigital Literacy

Page 2: Web Design and Digital Literacy. Initial impressions: Is this a good website? Why/why not? (One reason)
Page 3: Web Design and Digital Literacy. Initial impressions: Is this a good website? Why/why not? (One reason)

Initial impressions: Is this a good website? Why/why not?

(One reason)

Page 4: Web Design and Digital Literacy. Initial impressions: Is this a good website? Why/why not? (One reason)
Page 5: Web Design and Digital Literacy. Initial impressions: Is this a good website? Why/why not? (One reason)

How People Find Your Website

Page 6: Web Design and Digital Literacy. Initial impressions: Is this a good website? Why/why not? (One reason)

What search terms did you use when you were

researching your project?

Page 7: Web Design and Digital Literacy. Initial impressions: Is this a good website? Why/why not? (One reason)
Page 8: Web Design and Digital Literacy. Initial impressions: Is this a good website? Why/why not? (One reason)

Take-aways

• Use search terms in titles & headings• Simple…• …but not too simple• Catchy

Page 9: Web Design and Digital Literacy. Initial impressions: Is this a good website? Why/why not? (One reason)

Quick Decisions

Page 10: Web Design and Digital Literacy. Initial impressions: Is this a good website? Why/why not? (One reason)

“How Long Do Users Stay on Web Pages?” useit.com

Page 11: Web Design and Digital Literacy. Initial impressions: Is this a good website? Why/why not? (One reason)

Take-aways

• Color scheme• Layout: Clear, uncluttered• Keywords must be visible

Page 12: Web Design and Digital Literacy. Initial impressions: Is this a good website? Why/why not? (One reason)

Organization

Page 13: Web Design and Digital Literacy. Initial impressions: Is this a good website? Why/why not? (One reason)

Eyetracking: Where do people look?

“F-Shaped Pattern For Reading Web Content” useit.com

Page 14: Web Design and Digital Literacy. Initial impressions: Is this a good website? Why/why not? (One reason)

Take-aways

• First sentence or two: tell readers what topic is• One paragraph = one idea• Not too much text per page• Not too much text per paragraph