{"id":462,"date":"2024-02-02T14:00:41","date_gmt":"2024-02-02T14:00:41","guid":{"rendered":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/?p=462"},"modified":"2024-02-14T22:51:32","modified_gmt":"2024-02-14T22:51:32","slug":"evaluate-and-iterate-sprucing-up-boardies","status":"publish","type":"post","link":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/project-2\/evaluate-and-iterate-sprucing-up-boardies\/","title":{"rendered":"Evaluate and Iterate : Sprucing Up Boardies"},"content":{"rendered":"\n<p>There are clearly, from all of the research I had done, some key issues with Board-masters that means that it fails to navigate a user from A to B &#8211; dropping sales and losing consumers through its poor design. And, as shown by the Synthesis (found here: https:\/\/miro.com\/app\/board\/uXjVNbWB2lE=\/?moveToWidget=3458764566662132129&amp;cot=14?) there was a lot that could be done to change what the larger and more frequent issues were. <\/p>\n\n\n\n<p>One of the main problems that Board-masters faced was the inability to get a user to purchase or prebook tickets. They couldn&#8217;t get back from the website they were transferred onto, they didn&#8217;t like the change from text input to buttons, they didn&#8217;t like the theme and how it didn&#8217;t flow, or how bland it was compared to Board-masters itself. A user who knew little about Board-masters would therefore not understand what it is. So this is what I chose to focus my changes on. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Low Fidelity Wireframes<\/h2>\n\n\n\n<p>I first had to wireframe the elements in order to make sure that the user would be able to follow them through, as well as to include everything the user made commentary on. Below is an image of the updated wireframe against what it previously was. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"582\" src=\"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-14-at-15.25.01-1024x582.png\" alt=\"\" class=\"wp-image-465\" srcset=\"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-14-at-15.25.01-1024x582.png 1024w, https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-14-at-15.25.01-300x170.png 300w, https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-14-at-15.25.01-768x436.png 768w, https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-14-at-15.25.01-1536x873.png 1536w, https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-14-at-15.25.01.png 1880w\" sizes=\"(max-width: 706px) 89vw, (max-width: 767px) 82vw, 740px\" \/><\/figure>\n\n\n\n<p>I firstly, wa need the popup to fade, this meant the user couldn&#8217;t actively get it off their screen without paying attention to what it actually said, something ignored by most users. Next, I developed the design to be inclusive of the design system, which makes the user feel like the secondary webpage is authentic.It was commented on how people view &#8216;third party resellers.&#8217; as untrustworthy. The fact that the website completely changes format throws people off, so this was a clear change I would need to make. Even including the design system images would work. I also thought about jargon. I wanted to give the idea of  hints towards what the user can expect &#8211;\u00a0users commented on the fact that they didn&#8217;t even know it was a\u00a0surf festival, so making sure it was focussed on as well as other aspects was valuable. <\/p>\n\n\n\n<p>There were some parts that I believed I could have developed upon, such as maybe adding some sort of slideshow which could link back to gallery at the end, which would focus then on another issue Board-masters had that could be solved. This led me to my final prototype. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Adding Detail<\/h2>\n\n\n\n<p>Some comments I made regarding this redesign include:<\/p>\n\n\n\n<ul>\n<li>The typefaces that I\u00a0chose for this project reflect that of the actual boardmasters design system, and in following this, look to be a\u00a0part of the webpage itself.<\/li>\n\n\n\n<li>I used phrases that showcased the event, talking about the surfing, beach, music, and other aspects in short snappy headers that draw the user in.<\/li>\n\n\n\n<li>One of the issues I\u00a0needed to solve was the users lack of knowledge regarding some aspects of the festival, so I\u00a0believed were they not to know about aspects like this, this leads them on that journey.<\/li>\n\n\n\n<li>Link back to the homepage gallery allows the user to look further into the images -sets up that want to go.\u00a0<\/li>\n\n\n\n<li>The text boxes are created in such a\u00a0way that when clicked, it is clear what the user is doing &#8211;\u00a0that affordance helps the point made regarding boxes and being unsure of what to do.<\/li>\n\n\n\n<li>The shape I chose to use follows the Boardmasters logo shapes, tying it all together. This gives it the authentic feel the users wanted.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"533\" src=\"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-14-at-15.25.13-1024x533.png\" alt=\"\" class=\"wp-image-466\" srcset=\"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-14-at-15.25.13-1024x533.png 1024w, https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-14-at-15.25.13-300x156.png 300w, https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-14-at-15.25.13-768x400.png 768w, https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-14-at-15.25.13-1536x799.png 1536w, https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-14-at-15.25.13.png 1880w\" sizes=\"(max-width: 706px) 89vw, (max-width: 767px) 82vw, 740px\" \/><\/figure>\n\n\n\n<p>I then placed the finalised version against my synthesis, to make sure that everything I had included presented value tot he user, and if I hadn&#8217;t included anything by mistake, that it was changed. <\/p>\n\n\n\n<p>Overall, this project I believed turned out quite well. it helped me learn a lot about different component elements as well as problems and how they can be solved. Some things didn&#8217;t go quite to plan, but like the Board-masters website, they could easily be fixed with a little bit of user testing and research. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>There are clearly, from all of the research I had done, some key issues with Board-masters that means that it fails to navigate a user from A to B &#8211; dropping sales and losing consumers through its poor design. And, as shown by the Synthesis (found here: https:\/\/miro.com\/app\/board\/uXjVNbWB2lE=\/?moveToWidget=3458764566662132129&amp;cot=14?) there was a lot that could be &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/project-2\/evaluate-and-iterate-sprucing-up-boardies\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Evaluate and Iterate : Sprucing Up Boardies&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[10],"tags":[17],"_links":{"self":[{"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/posts\/462"}],"collection":[{"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/comments?post=462"}],"version-history":[{"count":2,"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/posts\/462\/revisions"}],"predecessor-version":[{"id":467,"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/posts\/462\/revisions\/467"}],"wp:attachment":[{"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/media?parent=462"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/categories?post=462"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/tags?post=462"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}