Getting Your Site Live

543 views
497 views

Published on

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

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
543
On SlideShare
0
From Embeds
0
Number of Embeds
21
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Getting Your Site Live

  1. 1. Session II Getting Your Site Live
  2. 2. Our Flight Plan
  3. 3. Our Flight Plan 5:30 - 5:50 Review + Q&A
  4. 4. Our Flight Plan 5:30 - 5:50 Review + Q&A 5:50 - 6:00 Wordpress Overview
  5. 5. Our Flight Plan 5:30 - 5:50 Review + Q&A 5:50 - 6:00 Wordpress Overview 6:00 - 6:45 Exercise - Installing Wordpress
  6. 6. 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. 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 7:00 - 7:10 BREAK
  8. 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 7:10 - 7:30 Overview of Good Web Design + Usability
  9. 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 7:30 - 8:30 Browsing Themes and Uploading
  10. 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 Homework - Log in, edit/delete/add page, upload pictures, have basic copy finished
  11. 11. The Road Ahead In 3 Classes Your New Website
  12. 12. The Road Ahead In 3 Classes Your New Website
  13. 13. The Road Ahead In 3 Classes Your New Website
  14. 14. The Road Ahead In 3 Classes Your New Website
  15. 15. The Road Ahead In 3 Classes Strategy Your New Website
  16. 16. The Road Ahead In 3 Classes Search Strategy Your New Website
  17. 17. The Road Ahead In 3 Classes Design Search Strategy Your New Website
  18. 18. Strategy #1 Design your site so it looks professional Source: http://www.slideshare.net/bjfogg/web-credibility-bj-fogg-stanford-university
  19. 19. Strategy #2 Easily verify accuracy of info on your site Source: http://www.slideshare.net/bjfogg/web-credibility-bj-fogg-stanford-university
  20. 20. Strategy #3 Show that you’re real Source: http://www.slideshare.net/bjfogg/web-credibility-bj-fogg-stanford-university
  21. 21. Strategy #4 Show how you’re an expert Source: http://www.slideshare.net/bjfogg/web-credibility-bj-fogg-stanford-university
  22. 22. Strategy #5 Put a human face and tone to the organization Source: http://www.slideshare.net/bjfogg/web-credibility-bj-fogg-stanford-university
  23. 23. Strategy #6 Make it easy to contact you Source: http://www.slideshare.net/bjfogg/web-credibility-bj-fogg-stanford-university
  24. 24. Strategy #7 Make it easy to use and useful Source: http://www.slideshare.net/bjfogg/web-credibility-bj-fogg-stanford-university
  25. 25. Strategy #8 Update your site’s content often Source: http://www.slideshare.net/bjfogg/web-credibility-bj-fogg-stanford-university
  26. 26. Strategy #9 Easy on the promotional content Source: http://www.slideshare.net/bjfogg/web-credibility-bj-fogg-stanford-university
  27. 27. Strategy #10 Watch teh tipos and dead links Source: http://www.slideshare.net/bjfogg/web-credibility-bj-fogg-stanford-university
  28. 28. Sitemap Design Sketching Out Your Content Example: (Basic)
  29. 29. Sitemap Design Sketching Out Your Content Example: (Basic) Home
  30. 30. Sitemap Design Sketching Out Your Content Example: (Basic) Home Services
  31. 31. Sitemap Design Sketching Out Your Content Example: (Basic) Home Services About
  32. 32. Sitemap Design Sketching Out Your Content Example: (Basic) Home Services About Contact
  33. 33. Design 2 Number of clicks to get to any part of your site (ideally)
  34. 34. Keywords Search How We Find Stuff Online
  35. 35. Keywords Search How We Find Stuff Online Research Tools
  36. 36. Keywords Search How We Find Stuff Online Research Tools Important for search engine rankings
  37. 37. Keywords Search How We Find Stuff Online Research Tools Important for search engine rankings URL (www.MySiteName.com)
  38. 38. Keywords Search How We Find Stuff Online Research Tools Important for search engine rankings URL (www.MySiteName.com) Check for availability
  39. 39. Where Design Search We’ve Been Strategy
  40. 40. Where Design Search We’ve Been Strategy 1. Building Trust With Your User
  41. 41. Where Design Search We’ve Been Strategy 1. Building Trust With Your User 1I. Identifying With Who Visits Your Website
  42. 42. 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
  43. 43. Introduction to Wordpress
  44. 44. Whatʼs a CMS?
  45. 45. Whatʼs a CMS? CMS = Content Management System
  46. 46. Whatʼs a CMS? CMS = Content Management System Easily update text, pictures, links
  47. 47. Whatʼs a CMS? CMS = Content Management System Easily update text, pictures, links Integrate with Social Media + Plug-ins
  48. 48. 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
  49. 49. The Good Old Days Weren’t So Good...
  50. 50. The Good Old Days Weren’t So Good... CMS = $Big Money
  51. 51. The Good Old Days Weren’t So Good... CMS = $Big Money Required knowledge of code to update
  52. 52. The Good Old Days Weren’t So Good... CMS = $Big Money Required knowledge of code to update Expensive to Host
  53. 53. 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
  54. 54. Enter Wordpress...
  55. 55. Enter Wordpress... Blogging “Platform”
  56. 56. Enter Wordpress... Blogging “Platform” Search-engine friendly
  57. 57. Enter Wordpress... Blogging “Platform” Search-engine friendly Free via Open Source
  58. 58. Enter Wordpress... Blogging “Platform” Search-engine friendly Free via Open Source Powerful for simple sites
  59. 59. What Wordpress Can Do
  60. 60. What Wordpress Can Do Create “Static” Pages and Blog
  61. 61. What Wordpress Can Do Create “Static” Pages and Blog Insert photos, video, text, and links
  62. 62. What Wordpress Can Do Create “Static” Pages and Blog Insert photos, video, text, and links Easily add a custom design
  63. 63. What Wordpress Can Do Create “Static” Pages and Blog Insert photos, video, text, and links Easily add a custom design Tons of plug-ins
  64. 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 Online Community to Help
  65. 65. What Wordpress Canʼt Do
  66. 66. What Wordpress Canʼt Do eCommerce well
  67. 67. What Wordpress Canʼt Do eCommerce well Massive big websites
  68. 68. What Wordpress Canʼt Do eCommerce well Massive big websites Custom functionality (unless you know code)
  69. 69. What Wordpress Canʼt Do eCommerce well Massive big websites Custom functionality (unless you know code) Complex custom designs (unless you know code)
  70. 70. 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
  71. 71. exercise Installing Wordpress...
  72. 72. How to Write for the Web
  73. 73. How People Read Online Source: http://usableworld.com.au/2009/03/16/you-look-where-they-look/
  74. 74. How People Read Online Source: http://usableworld.com.au/2009/03/16/you-look-where-they-look/
  75. 75. Strategy 20% Percentage of words read during an average site visit Source: http://www.useit.com/alertbox/percent-text-read.html
  76. 76. Strategy Source: http://www.useit.com/alertbox/percent-text-read.html
  77. 77. Strategy #1 Write relevant content Source: http://webdesign.about.com/od/writing/a/aa031405.htm
  78. 78. Strategy #2 Put conclusions at the beginning Source: http://webdesign.about.com/od/writing/a/aa031405.htm
  79. 79. Strategy #3 One idea per paragraph Source: http://webdesign.about.com/od/writing/a/aa031405.htm
  80. 80. Strategy #4 Use action words Source: http://webdesign.about.com/od/writing/a/aa031405.htm
  81. 81. Strategy #5 Use lists over paragraphs Source: http://webdesign.about.com/od/writing/a/aa031405.htm
  82. 82. Strategy #6 Limit list items to 7 words Source: http://webdesign.about.com/od/writing/a/aa031405.htm
  83. 83. Strategy #7 Write. Briefly. Always. Source: http://webdesign.about.com/od/writing/a/aa031405.htm
  84. 84. Strategy #8 Include: Sub-headings Source: http://webdesign.about.com/od/writing/a/aa031405.htm
  85. 85. Strategy #9 Include links in your copy Source: http://webdesign.about.com/od/writing/a/aa031405.htm
  86. 86. Strategy #10 prufread. proof. read. proofread. Source: http://webdesign.about.com/od/writing/a/aa031405.htm
  87. 87. Fundamentals of Great Web Design
  88. 88. How People Read
  89. 89. Flashback
  90. 90. Flashback
  91. 91. Today
  92. 92. Design exercise Let’s Pick On Some Sites
  93. 93. Principles Design Getting Your User Through Your Site
  94. 94. Principles Design Getting Your User Through Your Site 1. Simple navigation
  95. 95. Principles Design Getting Your User Through Your Site 1. Simple navigation 2. Keyword Headings
  96. 96. Principles Design Getting Your User Through Your Site 1. Simple navigation 2. Keyword Headings 3. Concise Text
  97. 97. Principles Design Getting Your User Through Your Site 1. Simple navigation 2. Keyword Headings 3. Concise Text 4. Great Images
  98. 98. Principles Design Getting Your User Through Your Site 1. Simple navigation 2. Keyword Headings 3. Concise Text 4. Great Images 5. Breadcrumbs
  99. 99. 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

×