{"id":246,"date":"2024-01-24T13:18:16","date_gmt":"2024-01-24T13:18:16","guid":{"rendered":"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/?p=246"},"modified":"2024-01-24T13:18:16","modified_gmt":"2024-01-24T13:18:16","slug":"punk-experiments","status":"publish","type":"post","link":"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/y2\/experience-website\/punk-experiments\/","title":{"rendered":"Punk Experiments"},"content":{"rendered":"\n

\\ Experience Website \\<\/p>\n\n\n\n

<\/div>\n\n\n\n

I started the wireframing by focusing on the user flow for the mobile device. As due to the smaller size of the screen you have to limit information to the absolute necessity. That helped me to distil and organise information on the pages.<\/p>\n\n\n\n

Though I came up with a website map, for the final product I settled on creating a user flow aimed at booking activities for a custom date.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
<\/div>\n\n\n\n

Using low resolution wireframes I sought informal studio feedback from people across all the graphics courses. I wanted to make sure the information layering made sense and was helpful to the potential users.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
<\/div>\n\n\n\n

The UX challenge was how availability of activities on dates and times would be communicated. I looked at different types of calendar systems across different entertainment experience websites. In the end I used a system similar to the Capitan Climbing Gym Software<\/a>.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n
<\/div>\n\n\n\n

Making the desktop user flow was easier and quicker. Based on the mobile one, I already knew what information went where. The screen size of the mobile device meant that information had to be adapted to prevent pages to become an endless scrolling bore. But the desktop screen had space to expand on information and CTAs.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
<\/div>\n\n\n\n

miro link: Project 3 \/ Experience Website \/ Maggie<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

\\ Experience Website \\ I started the wireframing by focusing on the user flow for the mobile device. As due to the smaller size of the screen you have to limit information to the absolute necessity. That helped me to distil and organise information on the pages. Though I came up with a website map, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[],"_links":{"self":[{"href":"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-json\/wp\/v2\/posts\/246"}],"collection":[{"href":"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-json\/wp\/v2\/comments?post=246"}],"version-history":[{"count":14,"href":"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-json\/wp\/v2\/posts\/246\/revisions"}],"predecessor-version":[{"id":287,"href":"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-json\/wp\/v2\/posts\/246\/revisions\/287"}],"wp:attachment":[{"href":"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-json\/wp\/v2\/media?parent=246"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-json\/wp\/v2\/categories?post=246"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-json\/wp\/v2\/tags?post=246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}