Creating websites using Wordpress <ul><li>Stowmarket Library </li></ul><ul><li>8 February 2012 </li></ul><ul><li>Martin Ba...
Course overview: Wednesday Creating websites with Wordpress <ul><li>Looking at some websites </li></ul><ul><li>Getting to ...
Course overview: Thursday Writing for the web <ul><li>Why do we need to learn to write for the web?  </li></ul><ul><li>Wor...
Course overview: Wednesday Creating websites with Wordpress <ul><li>Looking at some websites </li></ul><ul><li>Getting to ...
Header inc banner – establishes visual identity Main navigation – contents summary, links to sections Section (context-sen...
Website examples <ul><li>http://eastanglianlife.org.uk/discover/   </li></ul><ul><li>http://www.museumoflondon.org.uk/Lond...
Course overview: Wednesday Creating websites with Wordpress <ul><li>Looking at some websites </li></ul><ul><li>Getting to ...
Course overview: Thursday Writing for the web <ul><li>Why do we need to learn to write for the web?  </li></ul><ul><li>Wor...
Course overview: Thursday Writing for the web <ul><li>Why do we need to learn to write for the web?  </li></ul><ul><li>Wor...
<ul><li>Why do we have to learn to write for the web?  Isn’t it just writing like any other kind of material?  </li></ul>
<ul><li>Web users also don’t get it  </li></ul>
<ul><li>People use the web differently… </li></ul>
<ul><li>…  from the way they use books, object labels, magazines, newspapers, information screens, etc </li></ul>
<ul><li>For most people the web is a predominantly  visual  medium </li></ul>
 
 
<ul><li>We are all different and some people like to read all the text on a web page before deciding what to do next, even...
 
<ul><li>Users won't read your text thoroughly  word-by-word.  Exhaustive reading is rare, especially when browsing.  Yes, ...
<ul><li>The first two paragraphs must state the most important information .  There's some hope that users will actually r...
<ul><li>Start subheadings, paragraphs, and bullet points with information-carrying words  that users will notice  when sca...
<ul><li>If they have to work at it   for example if they cannot see what they are looking for, or if it doesn’t make sense...
<ul><li>Exercise: Make this web page better </li></ul>
 
<ul><li>About website structure,  ways people use the web and implications for writing for the web </li></ul>
<ul><li>Certain types of websites impose  linear user journeys:  </li></ul><ul><ul><li>TheTrainline.com </li></ul></ul><ul...
 
<ul><li>In most websites, although there are some linear elements …  </li></ul>
 
<ul><li>…  people like to have other pathways available to them… </li></ul>
<ul><li>…  and most journeys are  very non-linear </li></ul>
<ul><li>Also, most people reach your website via Google </li></ul><ul><li>Only 20% arrive at your website on the home page...
<ul><li>Most may not have had your site in mind when searching </li></ul>
<ul><li>30% of them go to home page to ‘try and work out what this site is about’ </li></ul>
<ul><li>So each page on the site must quickly:  </li></ul><ul><li>engage users  and   </li></ul><ul><li>give sense of what...
<ul><li>‘ Writing for the web’ is not just about text… </li></ul>
<ul><li>…  but also choosing the right images </li></ul><ul><li>…  layouts </li></ul><ul><li>…  graphical look and feel </...
Key point of paragraph/ section Image clearly related to text Broken into short paras
Short video guides <ul><li>http://www.youtube.com/watch?v=AoU2yANNxRs&eurl=http://inside.123-reg.co.uk/archives/video-writ...
Home page: key functions <ul><li>Offer overview:  </li></ul><ul><ul><li>Show user what the site can do for them </li></ul>...
Article page: key functions <ul><li>Engage the user – make them want to consume the article </li></ul><ul><li>Signposting:...
<ul><li>Short writing exercises </li></ul>
<ul><li>Short writing exercises </li></ul>
Home page: key functions <ul><li>Offer overview:  </li></ul><ul><ul><li>Show user what the site can do for them </li></ul>...
Article page: key functions <ul><li>Engage the user – make them want to consume the article </li></ul><ul><li>Signposting:...
Task: create some  online content
Decide where in the site this will be  Add a title  Short, clear summary  Write a few sentences.  Add subheading Few more ...
Title Add a summary? Each ‘promo’ needs  Title  Image? One-line descn Links to related points elsewhere in this site Where...
More information / advice / ideas <ul><li>Martin Bazley </li></ul><ul><li>0780 3580 737 </li></ul><ul><li>www.martinbazley...
Upcoming SlideShare
Loading in …5
×

Creating websites with wordpress stowmarket 8 feb 2012 reduced for uploading

572 views

Published on

Slides used during two day course on Creating websites using Wordpress and Writing for the Web. If you would like a copy of the course handbook email Martin Bazley martin@martinbazley.com

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

  • Be the first to like this

No Downloads
Views
Total views
572
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Creating websites with wordpress stowmarket 8 feb 2012 reduced for uploading

  1. 1. Creating websites using Wordpress <ul><li>Stowmarket Library </li></ul><ul><li>8 February 2012 </li></ul><ul><li>Martin Bazley </li></ul>
  2. 2. Course overview: Wednesday Creating websites with Wordpress <ul><li>Looking at some websites </li></ul><ul><li>Getting to know Wordpress </li></ul><ul><li>Have a go with Wordpress </li></ul><ul><li>Surgery and review </li></ul>
  3. 3. Course overview: Thursday Writing for the web <ul><li>Why do we need to learn to write for the web? </li></ul><ul><li>Work on your own content </li></ul><ul><li>Review and continue </li></ul><ul><li>Surgery and review </li></ul>
  4. 4. Course overview: Wednesday Creating websites with Wordpress <ul><li>Looking at some websites </li></ul><ul><li>Getting to know Wordpress </li></ul><ul><li>Have a go with Wordpress </li></ul><ul><li>Surgery and review </li></ul>
  5. 5. Header inc banner – establishes visual identity Main navigation – contents summary, links to sections Section (context-sensitive) navigation – contents summary and links Right hand column – links to relevant items within site, sometimes outside it Main content area
  6. 6. Website examples <ul><li>http://eastanglianlife.org.uk/discover/ </li></ul><ul><li>http://www.museumoflondon.org.uk/London-Wall/Visiting-us/ </li></ul><ul><li>http://www.nhm.ac.uk/visit-us/booking/index.html </li></ul><ul><li>http://www.sciencemuseum.org.uk/educators/plan_and_book_a_visit/book_a_visit.aspx </li></ul><ul><li>http://www.vam.ac.uk/ </li></ul><ul><li>http://www.amazon.co.uk/ </li></ul><ul><li>http://jameelcentre.ashmolean.org/ </li></ul>
  7. 7. Course overview: Wednesday Creating websites with Wordpress <ul><li>Looking at some websites </li></ul><ul><li>Getting to know Wordpress </li></ul><ul><li>Have a go with Wordpress </li></ul><ul><li>Surgery and review </li></ul>
  8. 8. Course overview: Thursday Writing for the web <ul><li>Why do we need to learn to write for the web? </li></ul><ul><li>Work on your own content </li></ul><ul><li>Review and continue </li></ul><ul><li>Surgery and review </li></ul>
  9. 9. Course overview: Thursday Writing for the web <ul><li>Why do we need to learn to write for the web? </li></ul><ul><li>Work on your own content </li></ul><ul><li>Review and continue </li></ul><ul><li>Surgery and review </li></ul>
  10. 10. <ul><li>Why do we have to learn to write for the web? Isn’t it just writing like any other kind of material? </li></ul>
  11. 11. <ul><li>Web users also don’t get it </li></ul>
  12. 12. <ul><li>People use the web differently… </li></ul>
  13. 13. <ul><li>… from the way they use books, object labels, magazines, newspapers, information screens, etc </li></ul>
  14. 14. <ul><li>For most people the web is a predominantly visual medium </li></ul>
  15. 17. <ul><li>We are all different and some people like to read all the text on a web page before deciding what to do next, even though a lot of it might be pretty redundant but most people – or at least most regular users of the web – rather than reading through them in detail just scan the web pages they are using, or at least the ones where they are still trying to work out where to go next </li></ul>
  16. 19. <ul><li>Users won't read your text thoroughly word-by-word. Exhaustive reading is rare, especially when browsing. Yes, some people will read more, but most won't. </li></ul>
  17. 20. <ul><li>The first two paragraphs must state the most important information . There's some hope that users will actually read this material – though they'll probably read more of the first paragraph than the second. </li></ul>
  18. 21. <ul><li>Start subheadings, paragraphs, and bullet points with information-carrying words that users will notice when scanning down the left side of your content in the final stem of their F-behaviour. They'll read the third word on a line much less often than the first two words. </li></ul>
  19. 22. <ul><li>If they have to work at it for example if they cannot see what they are looking for, or if it doesn’t make sense to them at first glance then most people – or at least many people who do a lot of searching or browsing on the web just decide that this particular site is not for them, and anyway they have a long list of other search results or ideas to try and so they go elsewhere </li></ul>
  20. 23. <ul><li>Exercise: Make this web page better </li></ul>
  21. 25. <ul><li>About website structure, ways people use the web and implications for writing for the web </li></ul>
  22. 26. <ul><li>Certain types of websites impose linear user journeys: </li></ul><ul><ul><li>TheTrainline.com </li></ul></ul><ul><ul><li>Cinema ticket bookings </li></ul></ul><ul><ul><li>Self assessment tax return online </li></ul></ul>
  23. 28. <ul><li>In most websites, although there are some linear elements … </li></ul>
  24. 30. <ul><li>… people like to have other pathways available to them… </li></ul>
  25. 31. <ul><li>… and most journeys are very non-linear </li></ul>
  26. 32. <ul><li>Also, most people reach your website via Google </li></ul><ul><li>Only 20% arrive at your website on the home page </li></ul>
  27. 33. <ul><li>Most may not have had your site in mind when searching </li></ul>
  28. 34. <ul><li>30% of them go to home page to ‘try and work out what this site is about’ </li></ul>
  29. 35. <ul><li>So each page on the site must quickly: </li></ul><ul><li>engage users and </li></ul><ul><li>give sense of what site is about – otherwise most will leave </li></ul>
  30. 36. <ul><li>‘ Writing for the web’ is not just about text… </li></ul>
  31. 37. <ul><li>… but also choosing the right images </li></ul><ul><li>… layouts </li></ul><ul><li>… graphical look and feel </li></ul><ul><li>… website structure </li></ul><ul><li>etc etc </li></ul>
  32. 38. Key point of paragraph/ section Image clearly related to text Broken into short paras
  33. 39. Short video guides <ul><li>http://www.youtube.com/watch?v=AoU2yANNxRs&eurl=http://inside.123-reg.co.uk/archives/video-writing-your-web-copy </li></ul><ul><li>Writing web headlines http://www.youtube.com/watch?v=zBg7dJIfHM0 </li></ul>
  34. 40. Home page: key functions <ul><li>Offer overview: </li></ul><ul><ul><li>Show user what the site can do for them </li></ul></ul><ul><ul><li>Show user what is in the site: </li></ul></ul><ul><ul><ul><li>The structure at a glance </li></ul></ul></ul><ul><ul><ul><li>Content highlights or samples </li></ul></ul></ul><ul><li>Engagement: </li></ul><ul><ul><li>make user want to continue browsing </li></ul></ul><ul><ul><li>www.manchestergalleries.org/ </li></ul></ul>
  35. 41. Article page: key functions <ul><li>Engage the user – make them want to consume the article </li></ul><ul><li>Signposting: </li></ul><ul><ul><li>Show user what else is nearby in the site </li></ul></ul><ul><ul><ul><li>The structure at a glance </li></ul></ul></ul><ul><ul><li>Show user what else the site offers them </li></ul></ul><ul><ul><li>www.mylearning.org/overview.asp?journeyid=73 </li></ul></ul><ul><ul><li>www.manchestergalleries.org/ </li></ul></ul>
  36. 42. <ul><li>Short writing exercises </li></ul>
  37. 43. <ul><li>Short writing exercises </li></ul>
  38. 44. Home page: key functions <ul><li>Offer overview: </li></ul><ul><ul><li>Show user what the site can do for them </li></ul></ul><ul><ul><li>Show user what is in the site: </li></ul></ul><ul><ul><ul><li>The structure at a glance </li></ul></ul></ul><ul><ul><ul><li>Content highlights or samples </li></ul></ul></ul><ul><li>Engagement: </li></ul><ul><ul><li>make user want to continue browsing </li></ul></ul>
  39. 45. Article page: key functions <ul><li>Engage the user – make them want to consume the article </li></ul><ul><li>Signposting: </li></ul><ul><ul><li>Show user what else is nearby in the site </li></ul></ul><ul><ul><ul><li>The structure at a glance </li></ul></ul></ul><ul><ul><li>Show user what else the site offers them </li></ul></ul><ul><ul><li>www.mylearning.org/overview.asp?journeyid=73 </li></ul></ul><ul><ul><li>www.manchestergalleries.org/ </li></ul></ul>
  40. 46. Task: create some online content
  41. 47. Decide where in the site this will be Add a title Short, clear summary Write a few sentences. Add subheading Few more sentences Banner This is an ARTICLE page
  42. 48. Title Add a summary? Each ‘promo’ needs Title Image? One-line descn Links to related points elsewhere in this site Where in the site is this? This is a SECTION page - one of these links goes to the article page
  43. 49. More information / advice / ideas <ul><li>Martin Bazley </li></ul><ul><li>0780 3580 737 </li></ul><ul><li>www.martinbazley.com </li></ul>

×