{"id":25,"date":"2019-04-29T17:49:52","date_gmt":"2019-04-29T17:49:52","guid":{"rendered":"https:\/\/courses.bowdoin.edu\/computer-science-2340-database-design\/?page_id=25"},"modified":"2019-08-11T23:38:44","modified_gmt":"2019-08-11T23:38:44","slug":"ux-ui","status":"publish","type":"page","link":"https:\/\/courses.bowdoin.edu\/computer-science-2340-database-design\/ux-ui\/","title":{"rendered":"UX\/UI"},"content":{"rendered":"<p><strong>Rationale and Development Plan:<\/strong><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Research into low-vision friendly design<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Focus group with The Iris Network in Portland<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Interviews to test visual descriptions and get user preferences<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Refine visual description from user feedback<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Tactile map for orientation<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Augment tour with touch components<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><strong>Task: Interview Users who were Blind\/Low Vision<\/strong><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Interviewed Users about Indoor Navigation Applications and Museum Experiences<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Used information from interviews to advise on the design of the Mobile Application and System Functionality\/Features<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Checked the accuracy of Personas and assumptions<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Created new tactile guides based on user input<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><strong>Creation of Personas:<\/strong><\/p>\n<ul>\n<li style=\"font-weight: 400\"><i><span style=\"font-weight: 400\">Persona 1<\/span><\/i><span style=\"font-weight: 400\">: Carl, normally a screen magnifier\/high-contrast user and an art enthusiast<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Carl is 70 years old. Married with two sons and grandchildren<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Carl is retired but used to work in academia as a math professor.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">He frequents art museums and in particular enjoys Renaissance portraits.<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><i><span style=\"font-weight: 400\">Persona 2<\/span><\/i><span style=\"font-weight: 400\">: Anna, a screen reader user<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Anna is 25 years old and lives with her parents.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">She is a part-time receptionist in a local authority building in Portland.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">She has begun studying humanities this year at the University of Maine Augusta.<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><i><span style=\"font-weight: 400\">Persona 3<\/span><\/i><span style=\"font-weight: 400\">:Lori, recently lost all vision<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">45 years old and lives with her husband and two daughters (12) &amp; (16)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Uses a guide dog to navigate<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Worked as a teacher until having children, and now is a stay at home mom<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><strong>Text Analysis:<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-60\" src=\"https:\/\/courses.bowdoin.edu\/computer-science-2340-database-design\/wp-content\/uploads\/sites\/282\/2019\/05\/textanalysisdescription-300x192.png\" alt=\"\" width=\"300\" height=\"192\" srcset=\"https:\/\/courses.bowdoin.edu\/computer-science-2340-database-design\/wp-content\/uploads\/sites\/282\/2019\/05\/textanalysisdescription-300x192.png 300w, https:\/\/courses.bowdoin.edu\/computer-science-2340-database-design\/wp-content\/uploads\/sites\/282\/2019\/05\/textanalysisdescription-768x492.png 768w, https:\/\/courses.bowdoin.edu\/computer-science-2340-database-design\/wp-content\/uploads\/sites\/282\/2019\/05\/textanalysisdescription-1024x656.png 1024w, https:\/\/courses.bowdoin.edu\/computer-science-2340-database-design\/wp-content\/uploads\/sites\/282\/2019\/05\/textanalysisdescription.png 1241w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-61\" src=\"https:\/\/courses.bowdoin.edu\/computer-science-2340-database-design\/wp-content\/uploads\/sites\/282\/2019\/05\/textanalysisvisual-300x172.png\" alt=\"\" width=\"300\" height=\"172\" srcset=\"https:\/\/courses.bowdoin.edu\/computer-science-2340-database-design\/wp-content\/uploads\/sites\/282\/2019\/05\/textanalysisvisual-300x172.png 300w, https:\/\/courses.bowdoin.edu\/computer-science-2340-database-design\/wp-content\/uploads\/sites\/282\/2019\/05\/textanalysisvisual-768x440.png 768w, https:\/\/courses.bowdoin.edu\/computer-science-2340-database-design\/wp-content\/uploads\/sites\/282\/2019\/05\/textanalysisvisual-1024x587.png 1024w, https:\/\/courses.bowdoin.edu\/computer-science-2340-database-design\/wp-content\/uploads\/sites\/282\/2019\/05\/textanalysisvisual.png 1348w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p><strong>3D Printed Tactile Map:<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-63 aligncenter\" src=\"https:\/\/courses.bowdoin.edu\/computer-science-2340-database-design\/wp-content\/uploads\/sites\/282\/2019\/05\/Tactile_Map_Braille-copy-196x300.png\" alt=\"\" width=\"196\" height=\"300\" srcset=\"https:\/\/courses.bowdoin.edu\/computer-science-2340-database-design\/wp-content\/uploads\/sites\/282\/2019\/05\/Tactile_Map_Braille-copy-196x300.png 196w, https:\/\/courses.bowdoin.edu\/computer-science-2340-database-design\/wp-content\/uploads\/sites\/282\/2019\/05\/Tactile_Map_Braille-copy-768x1176.png 768w, https:\/\/courses.bowdoin.edu\/computer-science-2340-database-design\/wp-content\/uploads\/sites\/282\/2019\/05\/Tactile_Map_Braille-copy-669x1024.png 669w\" sizes=\"auto, (max-width: 196px) 100vw, 196px\" \/><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-62 aligncenter\" src=\"https:\/\/courses.bowdoin.edu\/computer-science-2340-database-design\/wp-content\/uploads\/sites\/282\/2019\/05\/3d-map-300x298.png\" alt=\"\" width=\"300\" height=\"298\" srcset=\"https:\/\/courses.bowdoin.edu\/computer-science-2340-database-design\/wp-content\/uploads\/sites\/282\/2019\/05\/3d-map-300x298.png 300w, https:\/\/courses.bowdoin.edu\/computer-science-2340-database-design\/wp-content\/uploads\/sites\/282\/2019\/05\/3d-map-150x150.png 150w, https:\/\/courses.bowdoin.edu\/computer-science-2340-database-design\/wp-content\/uploads\/sites\/282\/2019\/05\/3d-map-768x763.png 768w, https:\/\/courses.bowdoin.edu\/computer-science-2340-database-design\/wp-content\/uploads\/sites\/282\/2019\/05\/3d-map.png 890w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Three Tiered Description:<\/strong><\/p>\n<p><span style=\"font-weight: 400\">Basic: This painting is titled Apollo and Daphne and was completed by Jacopo da Pontormo in 1513. It is a black and white oil on canvas. It is rectangular in shape. 24 3\/8 inches tall by 19 1\/4 inches wide. It is displayed in a bright metallic gold wooden frame.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Spatial: The figures are located in the center of the portrait. They take up about 1\/2 of the picture. The portrait has Apollo standing in the right of the portrait. He is reaching out to Daphne with his right hand. \u00a0Daphne is located in the left of the painting. She has her back to Apollo. She is dressed in a flowing fabric. Daphne\u2019s fingers and arms are growing up into tree branches.<\/span><\/p>\n<p><span style=\"font-weight: 400\">In-depth: Pontormo\u2019s haunting rendition of the tragic legend of Apollo and Daphne takes place in a shadowy no where land. This portrait portrays the futile romance between Apollo and Daphne; Apollo is deeply in love with Daphne, a woman who abhors Apollo\u2019s advances. Located in the foreground center, Apollo is dressed in armor reaching out with his right hand towards Daphne&#8217;s shoulder. As Apollo reaches out to lay his hand on Daphne, her fingers and arms in the left top background begin transforming into tree branches. \u00a0In the portrait we witness the initial instant of Daphne\u2019s transformation branches springing upward from her arms while the rest of her body remains in human form. The look of longing on Apollo\u2019s face is apparent, both of them appear to still be moving leftward out of the image, as if in mid-chase. The transformative depiction of Daphne signals the end of the chase as she turns into a tree beginning with her hands and the top of her head. Apollo&#8217;s touch reveals the futility of his desire, as well as the violence and persistence with which he pursued Daphne.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Next Steps:<\/strong><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">More focus groups\/interviews<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">3D print outlines not reliefs for all paintings<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Descriptions for all paintings<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">\u201cCoyote compliant\u201d descriptions<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Convince curators to start writing these descriptions on their own<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Actual user testing<\/span><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Rationale and Development Plan: Research into low-vision friendly design Focus group with The Iris Network in Portland Interviews to test visual descriptions and get user preferences Refine visual description from user feedback Tactile map for orientation Augment tour with touch components &nbsp; Task: Interview Users who were Blind\/Low Vision Interviewed Users about Indoor Navigation Applications [&hellip;]<\/p>\n","protected":false},"author":774,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"content-sidebar","footnotes":""},"class_list":{"0":"post-25","1":"page","2":"type-page","3":"status-publish","5":"entry"},"_links":{"self":[{"href":"https:\/\/courses.bowdoin.edu\/computer-science-2340-database-design\/wp-json\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/courses.bowdoin.edu\/computer-science-2340-database-design\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/courses.bowdoin.edu\/computer-science-2340-database-design\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/courses.bowdoin.edu\/computer-science-2340-database-design\/wp-json\/wp\/v2\/users\/774"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.bowdoin.edu\/computer-science-2340-database-design\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":0,"href":"https:\/\/courses.bowdoin.edu\/computer-science-2340-database-design\/wp-json\/wp\/v2\/pages\/25\/revisions"}],"wp:attachment":[{"href":"https:\/\/courses.bowdoin.edu\/computer-science-2340-database-design\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}