I chose to critique my single-page site, illustrating the folklore \u201cOld Sultan.\u201d The layout of my site is very simple. I illustrated each scene within a picture frame, so the user feels as though a story is being told. In terms of design, I believe it was very successful. I kept the style of illustration the same throughout each scene to create unity from one frame to the next. Texture, however, is not something I incorporated as well. Most of my illustrations were flat in color and lines were used to create as much texture as possible. Although this is the case, I find the contrast between the illustrations and the texture of the frame to work well overall. As per the actual story text, I wanted this part to be emphasized the most. Since most of my images were flat, adding a simple drop shadow element to the text box made it pop off the webpage.<\/p>\n
As far as navigation, I placed arrows within the text box so the user can read each section of the story. Each frame had multiple \u201cslides\u201d of text; to illustrate this I animated some of the elements. This way multiple scenes could be incorporated and easily understood within each frame. However, a bit more work and thought could have been put into it. I was so caught up with getting the jQuery to function correctly, that I overlooked important aspects that the user may want to take advantage of. I did not include an option for the user to go back to the previous part of the text. If they wanted to go back and reread a certain section, they were unable to. Instead, the user has to refresh the page and start from the beginning. I didn\u2019t think about how the user is not going to be as well informed about the page as I am; this large mistake will most likely confuse the user, or cause them to get lost.<\/p>\n
For future projects, I need to decide on the navigation I will be using and how I want to the user to move through the site before I begin designing anything. I got half way through and realized that there were problems, but it was too late to fix them. Overall, I am very happy with the way the site turned out visually. The aspect I would love to redo is the navigation technique that I used.<\/p>\n","protected":false},"excerpt":{"rendered":"
I chose to critique my single-page site, illustrating the folklore \u201cOld Sultan.\u201d The layout of my site is very simple. I illustrated each scene within a picture frame, so the user feels as though a story is being told. In terms of design, I believe it was very successful. I kept the style of illustration […]<\/p>\n","protected":false},"author":76,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[49,51,78],"tags":[],"class_list":["post-2378","post","type-post","status-publish","format-standard","hentry","category-monthly-review","category-spring-2013-a","category-student-work"],"_links":{"self":[{"href":"https:\/\/andrewyames.com\/artm2210\/wp-json\/wp\/v2\/posts\/2378","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/andrewyames.com\/artm2210\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/andrewyames.com\/artm2210\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/andrewyames.com\/artm2210\/wp-json\/wp\/v2\/users\/76"}],"replies":[{"embeddable":true,"href":"https:\/\/andrewyames.com\/artm2210\/wp-json\/wp\/v2\/comments?post=2378"}],"version-history":[{"count":3,"href":"https:\/\/andrewyames.com\/artm2210\/wp-json\/wp\/v2\/posts\/2378\/revisions"}],"predecessor-version":[{"id":2411,"href":"https:\/\/andrewyames.com\/artm2210\/wp-json\/wp\/v2\/posts\/2378\/revisions\/2411"}],"wp:attachment":[{"href":"https:\/\/andrewyames.com\/artm2210\/wp-json\/wp\/v2\/media?parent=2378"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/andrewyames.com\/artm2210\/wp-json\/wp\/v2\/categories?post=2378"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/andrewyames.com\/artm2210\/wp-json\/wp\/v2\/tags?post=2378"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}