{"id":609,"date":"2014-09-22T23:06:50","date_gmt":"2014-09-22T23:06:50","guid":{"rendered":"http:\/\/farmur.com\/journal\/?p=609"},"modified":"2014-09-23T00:17:44","modified_gmt":"2014-09-23T00:17:44","slug":"responsive-web-2-week-2","status":"publish","type":"post","link":"http:\/\/farmur.com\/journal\/responsive-web-2-week-2\/","title":{"rendered":"Responsive Web 2 \u2013 Week 2"},"content":{"rendered":"<p>This week I focused on navigation and applying a couple suggestions from users during my user experience 2 testing. \u00a0Although I wasn&#8217;t able to finish the changes, or get to the full list I was hoping to work on, I was able to create the major structure of what the navigation will be. \u00a0First, I move the &#8220;More Information&#8221; icon from the top right over to the left and under the side pagination. This is an attempt to collect all the loose UI elements that created confusion for users. \u00a0Instead of looking all over the screen, users can start looking for major navigation elements on the left hand side. \u00a0I also added a new blue button at the start of the pages that will trigger a global menu for users. \u00a0Right now, the menu modal appears, but there is no menu.<\/p>\n<p>Another change I implemented was to add in a back button. \u00a0This was a request from a user who disliked that there was no obvious way to move back. \u00a0Currently, the button goes to the last page you were on, it does not go back through through your path like a browser would. \u00a0It&#8217;s also hidden by default on desktop; a user has to hover over the page headline (top left) to reveal it. \u00a0The reason for this is that I don&#8217;t really want users jumping around. \u00a0It&#8217;s a story, you move forward through it, but if someone MUST go back they will most likely find it as they move their mouse around the screen, or try to click the logo. \u00a0I plan to add some tooltips in later that will coach people about elements like this as they become relevant. \u00a0This tooltip wouldn&#8217;t appear until the user moves off the home page.<\/p>\n<p>Lastly, I added better labeling on the side navigation and added actual labels to the pagination along the bottom of some screens. \u00a0It looks back right now, since I had trouble creating my vision through CSS, but I&#8217;m hoping to get help on this in class.<\/p>\n<p class=\"p1\">Here is my most recent version of Farmur: <a title=\"Farmur Week 2\" href=\"http:\/\/farmur.com\/aau\/rweb2\/week2\/farmur.com\/index.html\">http:\/\/farmur.com\/aau\/rweb2\/week2\/farmur.com\/index.html<\/a><\/p>\n<figure id=\"attachment_611\" aria-describedby=\"caption-attachment-611\" style=\"width: 892px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/farmur.com\/journal\/wp-content\/uploads\/2014\/09\/Screenshot-2014-09-22-17.13.44.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-611\" src=\"http:\/\/farmur.com\/journal\/wp-content\/uploads\/2014\/09\/Screenshot-2014-09-22-17.13.44.png\" alt=\"This is what the homepage used to look like before this week.\" width=\"892\" height=\"637\" srcset=\"http:\/\/farmur.com\/journal\/wp-content\/uploads\/2014\/09\/Screenshot-2014-09-22-17.13.44.png 892w, http:\/\/farmur.com\/journal\/wp-content\/uploads\/2014\/09\/Screenshot-2014-09-22-17.13.44-300x214.png 300w\" sizes=\"auto, (max-width: 892px) 100vw, 892px\" \/><\/a><figcaption id=\"caption-attachment-611\" class=\"wp-caption-text\">This is what the homepage used to look like before this week.<\/figcaption><\/figure>\n<figure id=\"attachment_612\" aria-describedby=\"caption-attachment-612\" style=\"width: 893px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/farmur.com\/journal\/wp-content\/uploads\/2014\/09\/Screenshot-2014-09-22-17.14.01.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-612\" src=\"http:\/\/farmur.com\/journal\/wp-content\/uploads\/2014\/09\/Screenshot-2014-09-22-17.14.01.png\" alt=\"The most recent version of my thesis project homepage.\" width=\"893\" height=\"634\" srcset=\"http:\/\/farmur.com\/journal\/wp-content\/uploads\/2014\/09\/Screenshot-2014-09-22-17.14.01.png 893w, http:\/\/farmur.com\/journal\/wp-content\/uploads\/2014\/09\/Screenshot-2014-09-22-17.14.01-300x212.png 300w\" sizes=\"auto, (max-width: 893px) 100vw, 893px\" \/><\/a><figcaption id=\"caption-attachment-612\" class=\"wp-caption-text\">The most recent version of my thesis project homepage.<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>This week I focused on navigation and applying a couple suggestions from users during my user experience 2 testing. \u00a0Although I wasn&#8217;t able to finish the changes, or get to the full list I was hoping to work on, I was able to create the major structure of what the navigation will be. \u00a0First, I [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[],"class_list":["post-609","post","type-post","status-publish","format-standard","hentry","category-responsive-web-2"],"_links":{"self":[{"href":"http:\/\/farmur.com\/journal\/wp-json\/wp\/v2\/posts\/609","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/farmur.com\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/farmur.com\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/farmur.com\/journal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/farmur.com\/journal\/wp-json\/wp\/v2\/comments?post=609"}],"version-history":[{"count":3,"href":"http:\/\/farmur.com\/journal\/wp-json\/wp\/v2\/posts\/609\/revisions"}],"predecessor-version":[{"id":614,"href":"http:\/\/farmur.com\/journal\/wp-json\/wp\/v2\/posts\/609\/revisions\/614"}],"wp:attachment":[{"href":"http:\/\/farmur.com\/journal\/wp-json\/wp\/v2\/media?parent=609"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/farmur.com\/journal\/wp-json\/wp\/v2\/categories?post=609"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/farmur.com\/journal\/wp-json\/wp\/v2\/tags?post=609"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}