{"id":42,"date":"2011-10-12T13:40:34","date_gmt":"2011-10-12T06:40:34","guid":{"rendered":"http:\/\/www.coetail.asia\/neilcommons\/?p=42"},"modified":"2011-10-12T13:40:34","modified_gmt":"2011-10-12T06:40:34","slug":"evaluating-my-own-web-pages","status":"publish","type":"post","link":"http:\/\/neilcommons.com\/?p=42","title":{"rendered":"Evaluating my own digital student communication"},"content":{"rendered":"<p>So I have started to evaluate the digital gateways which I create for my students. \u00a0This post explains how my journey went and why I made the alterations that I did. \u00a0Yet I have to admit to a feeling that I have only just scratched the surface and really need to consider more research based information on this topic.<\/p>\n<p>&nbsp;<\/p>\n<p>In 1997 Jakob Neilson first wrote about \u201c<a href=\"http:\/\/www.useit.com\/alertbox\/9710a.html\">How user\u2019s on the web<\/a>\u201d and clear stated the requirements for a scan able text which should be represented on the web as having:<\/p>\n<ul>\n<li>highlighted\u00a0keywords\u00a0(hypertext links serve as one form of highlighting; typeface variations and colour are others)<\/li>\n<li>meaningful\u00a0sub-headings\u00a0(not &#8220;clever&#8221; ones)<\/li>\n<li>bulleted\u00a0lists<\/li>\n<li>one idea\u00a0per paragraph (users will skip over any additional ideas if they are not caught by the first few words in the paragraph)<\/li>\n<li>the\u00a0<a href=\"http:\/\/www.useit.com\/alertbox\/9606.html\">inverted pyramid<\/a>\u00a0style, starting with the conclusion<\/li>\n<li>half the word count\u00a0(or less) than conventional writing<\/li>\n<\/ul>\n<p>Now in the context of school I am not required to produce a true website but I do use our intranet (the portal) as the gateway to teaching and learning resources for my students for each unit of work I teach. I do very much see these to be act like the contents page of the units book and have endeavoured to keep them as such uncluttered and effective.<\/p>\n<div id=\"attachment_43\" style=\"width: 220px\" class=\"wp-caption alignleft\"><a href=\"http:\/\/neilcommons.com\/wp-content\/uploads\/2011\/10\/portal-start-old.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-43\" class=\"size-medium wp-image-43 \" title=\"portal start old\" src=\"http:\/\/neilcommons.com\/wp-content\/uploads\/2011\/10\/portal-start-old-300x215.png\" alt=\"\" width=\"210\" height=\"151\" srcset=\"http:\/\/neilcommons.com\/wp-content\/uploads\/2011\/10\/portal-start-old-300x215.png 300w, http:\/\/neilcommons.com\/wp-content\/uploads\/2011\/10\/portal-start-old-417x300.png 417w, http:\/\/neilcommons.com\/wp-content\/uploads\/2011\/10\/portal-start-old.png 952w\" sizes=\"auto, (max-width: 210px) 100vw, 210px\" \/><\/a><p id=\"caption-attachment-43\" class=\"wp-caption-text\">My old car safety unit portal page<\/p><\/div>\n<p>A basic structure would be 1) a title followed by some additional useful additional links, 2) A list of assessment tasks, and 3) A table breaking down the content into topics and the related resources.<\/p>\n<p>So now I need to reflect upon this format with respect to the student.\u00a0 Does the typical student really care about the additional websites and options that I identified?\u00a0 Now even if a student was interested in these hyperlinks it would still not be an every lesson occurrence so clearly these need to be moved further down the page. \u00a0What students care about is what do I have to do now \u2013 lesson content \u2013 and what am I going to be assessed on.\u00a0 So I am going to bring the lesson content table up and follow that by the assessment tasks. \u00a0Considering my audience is a digital generation I am less concerned that to access those additional resources will involve some additional scrolling especially if I can use this model with all my classes.<\/p>\n<div id=\"attachment_46\" style=\"width: 310px\" class=\"wp-caption alignright\"><a href=\"http:\/\/neilcommons.com\/wp-content\/uploads\/2011\/10\/portal-contents-old1.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-46\" class=\"size-medium wp-image-46\" title=\"portal contents old\" src=\"http:\/\/neilcommons.com\/wp-content\/uploads\/2011\/10\/portal-contents-old1-300x263.png\" alt=\"\" width=\"300\" height=\"263\" srcset=\"http:\/\/neilcommons.com\/wp-content\/uploads\/2011\/10\/portal-contents-old1-300x263.png 300w, http:\/\/neilcommons.com\/wp-content\/uploads\/2011\/10\/portal-contents-old1-341x300.png 341w, http:\/\/neilcommons.com\/wp-content\/uploads\/2011\/10\/portal-contents-old1.png 610w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-46\" class=\"wp-caption-text\">My old portal content<\/p><\/div>\n<p>Now I look at the more subtle features.\u00a0 Typeface can be used to highlight points so in turn this means consistency in typeface is important.\u00a0 I read an article about \u201c<a href=\"http:\/\/www.surl.org\/usabilitynews\/31\/fontJR.asp\">Which fonts do children prefer to read online<\/a>?\u201d which shows that research indicates comic script.\u00a0 Yet this is not an option within the editing page for the portal so I just set everything on Arial font.\u00a0 \u00a0I was also informed that a font size of 14 is also preferable and again this is not a built in option.\u00a0 So the bulk of the text is set at font size 12.\u00a0 I do recognise that with a bit of cut and pasting I could fix both of those problems but that really does not feel like a good use of my time. The sub-levels in my contents table are all meaningful as they highlight the relevant topic.\u00a0 Yet I can improve on this by setting them in bold and aligning them to the left.\u00a0 I have also removed all underlining \u2013 using font size or bold \u2013 to highlight points and to save confusion with hyperlinked options.<\/p>\n<p>I also spot the opportunity to consolidate my key learning objectives with visual prompts under each of these topic headings.\u00a0 Is this beneficial for my students?\u00a0 I have to do some more research on this feature.<\/p>\n<p>So I have tweaked my first portal page with a greater consideration for my audience.\u00a0 I will endeavour to adjust all my portal pages with the student in mind.\u00a0 I wander if anyone will notice? \u00a0And feel that an even bigger change is required.<\/p>\n<div id=\"attachment_47\" style=\"width: 310px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/neilcommons.com\/wp-content\/uploads\/2011\/10\/portal-new1.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-47\" class=\"size-medium wp-image-47\" title=\"portal new\" src=\"http:\/\/neilcommons.com\/wp-content\/uploads\/2011\/10\/portal-new1-300x172.png\" alt=\"\" width=\"300\" height=\"172\" srcset=\"http:\/\/neilcommons.com\/wp-content\/uploads\/2011\/10\/portal-new1-300x172.png 300w, http:\/\/neilcommons.com\/wp-content\/uploads\/2011\/10\/portal-new1-500x287.png 500w, http:\/\/neilcommons.com\/wp-content\/uploads\/2011\/10\/portal-new1.png 689w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-47\" class=\"wp-caption-text\">New portal structure<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>So I have started to evaluate the digital gateways which I create for my students. \u00a0This post explains how my journey went and why I made the alterations that I did. \u00a0Yet I have to admit to a feeling that I have only just scratched the surface and really need to consider more research based [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14,23,24],"tags":[],"class_list":["post-42","post","type-post","status-publish","format-standard","hentry","category-digital-literacy","category-visual-literacy","category-web-design","count-0","even alt","author-neilcommons","last"],"_links":{"self":[{"href":"http:\/\/neilcommons.com\/index.php?rest_route=\/wp\/v2\/posts\/42","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/neilcommons.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/neilcommons.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/neilcommons.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/neilcommons.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=42"}],"version-history":[{"count":0,"href":"http:\/\/neilcommons.com\/index.php?rest_route=\/wp\/v2\/posts\/42\/revisions"}],"wp:attachment":[{"href":"http:\/\/neilcommons.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=42"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/neilcommons.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=42"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/neilcommons.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}