How People Read Online, Top 10 Tips for Writing Text, Great Design

1. Session II
Getting Your Site Live

3. Our Flight Plan

4. Our Flight Plan
5:30 - 5:50 Review + Q&A

5. Our Flight Plan
5:30 - 5:50 Review + Q&A
5:50 - 6:00 Wordpress Overview

6. Our Flight Plan
5:30 - 5:50 Review + Q&A
5:50 - 6:00 Wordpress Overview
6:00 - 6:45 Exercise - Installing Wordpress

7. Our Flight Plan
5:30 - 5:50 Review + Q&A
5:50 - 6:00 Wordpress Overview
6:00 - 6:45 Exercise - Installing Wordpress
6:45 - 7:00 How to Write for the Web

8. Our Flight Plan
5:30 - 5:50 Review + Q&A
5:50 - 6:00 Wordpress Overview
6:00 - 6:45 Exercise - Installing Wordpress
6:45 - 7:00 How to Write for the Web
7:00 - 7:10 BREAK

9. Our Flight Plan
5:30 - 5:50 Review + Q&A
5:50 - 6:00 Wordpress Overview
6:00 - 6:45 Exercise - Installing Wordpress
6:45 - 7:00 How to Write for the Web
7:00 - 7:10 BREAK
7:10 - 7:30 Overview of Good Web Design + Usability

10. Our Flight Plan
5:30 - 5:50 Review + Q&A
5:50 - 6:00 Wordpress Overview
6:00 - 6:45 Exercise - Installing Wordpress
6:45 - 7:00 How to Write for the Web
7:00 - 7:10 BREAK
7:10 - 7:30 Overview of Good Web Design + Usability
7:30 - 8:30 Browsing Themes and Uploading

11. Our Flight Plan
5:30 - 5:50 Review + Q&A
5:50 - 6:00 Wordpress Overview
6:00 - 6:45 Exercise - Installing Wordpress
6:45 - 7:00 How to Write for the Web
7:00 - 7:10 BREAK
7:10 - 7:30 Overview of Good Web Design + Usability
7:30 - 8:30 Browsing Themes and Uploading
Homework - Log in, edit/delete/add page, upload pictures,
have basic copy finished

12. The Road Ahead
In 3 Classes
Your New
Website

13. The Road Ahead
In 3 Classes
Your New
Website

14. The Road Ahead
In 3 Classes
Your New
Website

15. The Road Ahead
In 3 Classes
Your New
Website

16. The Road Ahead
In 3 Classes
Strategy
Your New
Website

17. The Road Ahead
In 3 Classes
Search
Strategy
Your New
Website

18. The Road Ahead
In 3 Classes
Design Search
Strategy
Your New
Website

19. Strategy
#1
Design your
site so it
looks
professional
Source: http://www.slideshare.net/bjfogg/web-credibility-bj-fogg-stanford-university

20. Strategy
#2
Easily verify
accuracy of
info on your
site
Source: http://www.slideshare.net/bjfogg/web-credibility-bj-fogg-stanford-university

21. Strategy
#3
Show that
you’re real
Source: http://www.slideshare.net/bjfogg/web-credibility-bj-fogg-stanford-university

22. Strategy
#4
Show how
you’re an
expert
Source: http://www.slideshare.net/bjfogg/web-credibility-bj-fogg-stanford-university

23. Strategy
#5
Put a human
face and
tone to the
organization
Source: http://www.slideshare.net/bjfogg/web-credibility-bj-fogg-stanford-university

24. Strategy
#6
Make it easy
to contact
you
Source: http://www.slideshare.net/bjfogg/web-credibility-bj-fogg-stanford-university

25. Strategy
#7
Make it easy
to use and
useful
Source: http://www.slideshare.net/bjfogg/web-credibility-bj-fogg-stanford-university

26. Strategy
#8
Update your
site’s content
often
Source: http://www.slideshare.net/bjfogg/web-credibility-bj-fogg-stanford-university

27. Strategy
#9
Easy on the
promotional
content
Source: http://www.slideshare.net/bjfogg/web-credibility-bj-fogg-stanford-university

28. Strategy
#10
Watch teh
tipos and
dead links
Source: http://www.slideshare.net/bjfogg/web-credibility-bj-fogg-stanford-university

29. Sitemap Design
Sketching Out Your Content
Example: (Basic)

30. Sitemap Design
Sketching Out Your Content
Example: (Basic)
Home

31. Sitemap Design
Sketching Out Your Content
Example: (Basic)
Home
Services

32. Sitemap Design
Sketching Out Your Content
Example: (Basic)
Home
Services
About

33. Sitemap Design
Sketching Out Your Content
Example: (Basic)
Home
Services
About
Contact

34. Design
2
Number of
clicks to get
to any part
of your site
(ideally)

35. Keywords Search
How We Find Stuff Online

36. Keywords Search
How We Find Stuff Online
Research Tools

37. Keywords Search
How We Find Stuff Online
Research Tools
Important for search engine rankings

38. Keywords Search
How We Find Stuff Online
Research Tools
Important for search engine rankings
URL (www.MySiteName.com)

39. Keywords Search
How We Find Stuff Online
Research Tools
Important for search engine rankings
URL (www.MySiteName.com)
Check for availability

40. Where Design Search
We’ve Been Strategy

41. Where Design Search
We’ve Been Strategy
1. Building Trust With Your User

42. Where Design Search
We’ve Been Strategy
1. Building Trust With Your User
1I. Identifying With Who Visits Your Website

43. Where Design Search
We’ve Been Strategy
1. Building Trust With Your User
1I. Identifying With Who Visits Your Website
1II. How They’ll Get to Your Website via Keywords

44. Introduction to Wordpress

45. Whatʼs a CMS?

46. Whatʼs a CMS?
CMS = Content Management System

47. Whatʼs a CMS?
CMS = Content Management System
Easily update text, pictures, links

48. Whatʼs a CMS?
CMS = Content Management System
Easily update text, pictures, links
Integrate with Social Media + Plug-ins

49. Whatʼs a CMS?
CMS = Content Management System
Easily update text, pictures, links
Integrate with Social Media + Plug-ins
Easily get found via search engines

50. The Good Old Days
Weren’t So Good...

51. The Good Old Days
Weren’t So Good...
CMS = $Big Money

52. The Good Old Days
Weren’t So Good...
CMS = $Big Money
Required knowledge of code to update

53. The Good Old Days
Weren’t So Good...
CMS = $Big Money
Required knowledge of code to update
Expensive to Host

54. The Good Old Days
Weren’t So Good...
CMS = $Big Money
Required knowledge of code to update
Expensive to Host
Hard for search engines to see

55. Enter Wordpress...

56. Enter Wordpress...
Blogging “Platform”

57. Enter Wordpress...
Blogging “Platform”
Search-engine friendly

58. Enter Wordpress...
Blogging “Platform”
Search-engine friendly
Free via Open Source

59. Enter Wordpress...
Blogging “Platform”
Search-engine friendly
Free via Open Source
Powerful for simple sites

60. What Wordpress Can Do

61. What Wordpress Can Do
Create “Static” Pages and Blog

62. What Wordpress Can Do
Create “Static” Pages and Blog
Insert photos, video, text, and links

63. What Wordpress Can Do
Create “Static” Pages and Blog
Insert photos, video, text, and links
Easily add a custom design

64. What Wordpress Can Do
Create “Static” Pages and Blog
Insert photos, video, text, and links
Easily add a custom design
Tons of plug-ins

65. What Wordpress Can Do
Create “Static” Pages and Blog
Insert photos, video, text, and links
Easily add a custom design
Tons of plug-ins
Online Community to Help

66. What Wordpress Canʼt Do

67. What Wordpress Canʼt Do
eCommerce well

68. What Wordpress Canʼt Do
eCommerce well
Massive big websites

69. What Wordpress Canʼt Do
eCommerce well
Massive big websites
Custom functionality (unless you know code)

70. What Wordpress Canʼt Do
eCommerce well
Massive big websites
Custom functionality (unless you know code)
Complex custom designs (unless you know code)

71. What Wordpress Canʼt Do
eCommerce well
Massive big websites
Custom functionality (unless you know code)
Complex custom designs (unless you know code)
Manage multiple users

72. exercise
Installing Wordpress...

73. How to Write for the Web

74. How People Read Online
Source: http://usableworld.com.au/2009/03/16/you-look-where-they-look/

75. How People Read Online
Source: http://usableworld.com.au/2009/03/16/you-look-where-they-look/

76. Strategy
20%
Percentage
of words
read during
an average
site visit
Source: http://www.useit.com/alertbox/percent-text-read.html

77. Strategy
Source: http://www.useit.com/alertbox/percent-text-read.html

78. Strategy
#1
Write
relevant
content
Source: http://webdesign.about.com/od/writing/a/aa031405.htm

79. Strategy
#2
Put
conclusions
at the
beginning
Source: http://webdesign.about.com/od/writing/a/aa031405.htm

80. Strategy
#3
One idea
per
paragraph
Source: http://webdesign.about.com/od/writing/a/aa031405.htm

81. Strategy
#4
Use action
words
Source: http://webdesign.about.com/od/writing/a/aa031405.htm

82. Strategy
#5
Use lists
over
paragraphs
Source: http://webdesign.about.com/od/writing/a/aa031405.htm

83. Strategy
#6
Limit list
items to 7
words
Source: http://webdesign.about.com/od/writing/a/aa031405.htm

84. Strategy
#7
Write.
Briefly.
Always.
Source: http://webdesign.about.com/od/writing/a/aa031405.htm

85. Strategy
#8
Include:
Sub-headings
Source: http://webdesign.about.com/od/writing/a/aa031405.htm

86. Strategy
#9
Include links
in your copy
Source: http://webdesign.about.com/od/writing/a/aa031405.htm

87. Strategy
#10
prufread.
proof. read.
proofread.
Source: http://webdesign.about.com/od/writing/a/aa031405.htm

88. Fundamentals of Great Web Design

89. How People Read

90. Flashback

91. Flashback

92. Today

93. Design
exercise
Let’s Pick On Some Sites

94. Principles Design
Getting Your User Through Your Site

95. Principles Design
Getting Your User Through Your Site
1. Simple navigation

96. Principles Design
Getting Your User Through Your Site
1. Simple navigation
2. Keyword Headings

97. Principles Design
Getting Your User Through Your Site
1. Simple navigation
2. Keyword Headings
3. Concise Text

98. Principles Design
Getting Your User Through Your Site
1. Simple navigation
2. Keyword Headings
3. Concise Text
4. Great Images

99. Principles Design
Getting Your User Through Your Site
1. Simple navigation
2. Keyword Headings
3. Concise Text
4. Great Images
5. Breadcrumbs

100. Principles Design
Getting Your User Through Your Site
1. Simple navigation TIP: Observe
2. Keyword Headings somebody on your
3. Concise Text site and have them
4. Great Images talk through their
5. Breadcrumbs thoughts