{"id":6102,"date":"2017-05-08T23:45:05","date_gmt":"2017-05-09T03:45:05","guid":{"rendered":"http:\/\/research.prattsils.org\/?p=6102"},"modified":"2017-05-08T23:45:05","modified_gmt":"2017-05-09T03:45:05","slug":"responsive-re-design-voorheesville-public-library-website","status":"publish","type":"post","link":"https:\/\/studentwork.prattsi.org\/infoshow\/2017\/responsive-re-design-voorheesville-public-library-website","title":{"rendered":"Responsive Re-design of the Voorheesville Public Library Website"},"content":{"rendered":"<p>This project was conducted by Monica Gao, Dani Frank, Xi Zhang, and Yangyang Long, members of the design team Very Practical Lemur. A full user-centered responsive re-design of the Voorheesville Public Library website, starting from user research and persona development through card sorting and tree testing the information architecture and finishing at a responsive digital prototype.<\/p>\n<p><a href=\"http:\/\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/05\/Screen-Shot-2017-05-14-at-10.12.18-AM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-6286\" src=\"http:\/\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/05\/Screen-Shot-2017-05-14-at-10.12.18-AM-620x427.png\" alt=\"Screen Shot 2017-05-14 at 10.12.18 AM\" width=\"620\" height=\"427\" \/><\/a><\/p>\n<h2>User research to\u00a0Persona and Scenarios<\/h2>\n<p>After conducting interviews and surveys with our site&#8217;s target audience and consulting competitive sites, we listed key findings to keep in mind while designing our site.<\/p>\n<h2>Card Sorting and Tree testing<\/h2>\n<p>We continued to test and redesign\u00a0our information architecture using new findings from card sorting and tree testing.<\/p>\n<h2>Paper prototype and Final wireframe<\/h2>\n<p>We had fun creating our paper prototype, and received helpful feedback from our testing.<\/p>\n<p><a href=\"http:\/\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/05\/15129631_10157803790610434_5608099250281198649_o.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-6256\" src=\"http:\/\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/05\/15129631_10157803790610434_5608099250281198649_o-620x465.jpg\" alt=\"15129631_10157803790610434_5608099250281198649_o\" width=\"620\" height=\"465\" \/><\/a><\/p>\n<p>Here is the final wireframe for our site. We also designed and tested a mobile site version for the Voorheesville Public Library.<\/p>\n<p><a href=\"http:\/\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/05\/Homepage@2x.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-6252\" src=\"http:\/\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/05\/Homepage@2x-620x465.png\" alt=\"Homepage@2x\" width=\"620\" height=\"465\" \/><\/a><\/p>\n<h2>Final Site<\/h2>\n<p>Our final design took into account our goals of creating a simple, less cluttered design with easy navigation.<\/p>\n<p><a href=\"http:\/\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/05\/vplhomepage.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-6255\" src=\"http:\/\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/05\/vplhomepage-620x476.jpg\" alt=\"vplhomepage\" width=\"620\" height=\"476\" \/><\/a><\/p>\n<p>This is an user-oriented project which started at Information Architecture and User Interface class. Voorheesville Public Library website was selected as the subject.<\/p>\n<p>&nbsp;<\/p>\n<p>Slides:<\/p>\n<p>https:\/\/drive.google.com\/open?id=12151G2oxeyH-EgTL_N27gZ_mJ4zLd_FQtwpGRnIQHMM<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A full user-centered re-design of the Voorheesville Public Library website, starting from user research and persona development through card sorting and tree testing the information architecture and finishing at a responsive digital prototype.<\/p>\n","protected":false},"author":2,"featured_media":6289,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[229],"tags":[61,233],"coauthors":[],"class_list":["post-6102","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-229","tag-information-architecture","tag-user-experience-design"],"_links":{"self":[{"href":"https:\/\/studentwork.prattsi.org\/infoshow\/wp-json\/wp\/v2\/posts\/6102","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studentwork.prattsi.org\/infoshow\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studentwork.prattsi.org\/infoshow\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infoshow\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infoshow\/wp-json\/wp\/v2\/comments?post=6102"}],"version-history":[{"count":0,"href":"https:\/\/studentwork.prattsi.org\/infoshow\/wp-json\/wp\/v2\/posts\/6102\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infoshow\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/studentwork.prattsi.org\/infoshow\/wp-json\/wp\/v2\/media?parent=6102"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infoshow\/wp-json\/wp\/v2\/categories?post=6102"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infoshow\/wp-json\/wp\/v2\/tags?post=6102"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infoshow\/wp-json\/wp\/v2\/coauthors?post=6102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}