{"id":225,"date":"2025-12-17T08:00:37","date_gmt":"2025-12-17T08:00:37","guid":{"rendered":"https:\/\/kirstenalice.uk\/journal\/?p=225"},"modified":"2026-02-25T11:16:57","modified_gmt":"2026-02-25T11:16:57","slug":"user-experience-research-and-design-for-my-project","status":"publish","type":"post","link":"https:\/\/kirstenalice.uk\/journal\/user-experience-research-and-design-for-my-project\/","title":{"rendered":"User Experience Research and Design for my project"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">With the start of any project, research should be at the forefront of the process to ensure that the end product is user-centred.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Over the past few weeks, I have attended workshops by Steph Troeth and Chris How. These introduced me to user experience research and user-centred design, including how essential they are in the design and development process of any web project.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This article outlines how I plan to use UX research techniques to enhance the functionality and success of my small business website.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">So, What is UX Research?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">User Experience research is all about understanding the person on the other side of the screen. The person actually <em>using <\/em>your product, whatever that may be!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I cannot create a successful product without understanding the needs of my target audience. In 2018, a study claimed that &#8221;17% of IT start-ups fail due to a lack of implementation of user-centred design.&#8221; (Viebrock, 2018)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This type of research includes an array of techniques, which should be used throughout the design and development process &#8211; keeping the user at the centre of the design process at all times. UX research helps to analyse the users&#8217; needs and behaviors, ensuring a more seamless experience on the completed product. (Hudziy, 2025)<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">My Project<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The project I am currently working on, which I will apply my new understanding of user experience to, is my small business website. I have been tasked with creating a website for &#8216;Black Crag&#8217; &#8211; an in-person store selling all you need to enjoy the great outdoors, with a specific goal of encouraging people to return to the high street and visit the store.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"684\" src=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/AdobeStock_94028048-1024x684.jpeg\" alt=\"\" class=\"wp-image-239\" style=\"aspect-ratio:1.4979937583593401;width:425px;height:auto\" srcset=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/AdobeStock_94028048-1024x684.jpeg 1024w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/AdobeStock_94028048-300x200.jpeg 300w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/AdobeStock_94028048-768x513.jpeg 768w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/AdobeStock_94028048-1536x1025.jpeg 1536w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/AdobeStock_94028048-2048x1367.jpeg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em><a href=\"https:\/\/stock.adobe.com\/uk\/contributor\/204563649\/gilitukha?load_type=author&amp;prev_url=detail&amp;asset_id=94028048\">Source: Adobe Stock<\/a><\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">My research aims to gain a clear understanding of <em>who <\/em>will use my website and <em>how <\/em>I can encourage them to visit the in-person store. A website can make or break a business today, so it is vital to apply UXD techniques effectively. One research article notes that &#8216;retailers need online\/offline integration to better serve their clients&#8217;, and &#8216;90% of UK consumers first orient themselves online before buying the product in a physical shop&#8217;. (Moes, 2017)<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Preperation<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Preparation for research is possibly the most important part; it ensures that any research taking place is relevant. Before I dive into user personas and how-might-we statements, i need to establish a few things:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211;<strong>Who <\/strong>is my target audience?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211;<strong>What <\/strong>are my clients&#8217; goals?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211;<strong>How <\/strong>will my site be used?<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">My Target Audience<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Hiking enthusiasts<\/li>\n\n\n\n<li>Family&#8217;s looking to get outdoors more<\/li>\n\n\n\n<li>Elderly people wanting to maintain their fitness<\/li>\n\n\n\n<li>Young people who are just getting into hiking<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">My Clients&#8217; Goals<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Get customers to the shop!<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Use of Site<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Find out about products<\/li>\n\n\n\n<li>Get in touch<\/li>\n\n\n\n<li>Find the location\/get directions<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Research Canvas<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">My first step has been to fill out the research canvas, a document provided by Steph Troef to get an all-around understanding of my research goals. We were introduced to this document in our workshop for a case study on reducing single-use plastic. I found the process effective in allowing me to think from a user&#8217;s perspective rather than my own.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"724\" src=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Research-Canvas-black-crag-1024x724.png\" alt=\"\" class=\"wp-image-230\" style=\"aspect-ratio:1.414379467030226;width:629px;height:auto\" srcset=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Research-Canvas-black-crag-1024x724.png 1024w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Research-Canvas-black-crag-300x212.png 300w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Research-Canvas-black-crag-768x543.png 768w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Research-Canvas-black-crag-1536x1086.png 1536w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Research-Canvas-black-crag-2048x1448.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><a href=\"https:\/\/maweb.design\/resources\/user-experience-design\/User-Research-Fundamentals.pdf\" data-type=\"link\" data-id=\"https:\/\/maweb.design\/resources\/user-experience-design\/User-Research-Fundamentals.pdf\"><em>Source: Troeth, S.<\/em> <\/a><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Completing the research canvas for my website has given me a broad understanding of which direction I need to be heading in and what research points and methods I should be using.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Who am I designing for?<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">User Personas<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">User personas were shown to us by Chris How. This is the process of creating fictional characters to represent the broad range of potential users that you are designing for. Creating these can help you to step out of yourself. (Dam and Siang, 2025)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">By stepping away from my own thoughts as the designer, I put myself in the shoes of who we are designing for to establish their goals, needs, behaviours, and pain points.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I took some time to come up with three user personas for Black Crag:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Damien Stevens:<\/strong> a 42-year-old busy working dad, wanting to take his kids camping on weekends.<\/li>\n\n\n\n<li><strong>Sophie Turner: <\/strong>A 28-year-old outdoor enthusiast, who prioritises style and quality, frequently posting on social media.<\/li>\n\n\n\n<li><strong>Alan Box:<\/strong> A 68-year-old retired teacher, trying to get frequent exercise outdoors to improve his health.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/alan-persona-1024x576.webp\" alt=\"\" class=\"wp-image-254\" style=\"aspect-ratio:1.7777319061068646;width:578px;height:auto\" srcset=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/alan-persona-1024x576.webp 1024w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/alan-persona-300x169.webp 300w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/alan-persona-768x432.webp 768w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/alan-persona-1536x864.webp 1536w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/alan-persona.webp 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>Source: <em><em>Shanovska, K.<\/em><\/em><\/em><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Damien-persona-1024x576.webp\" alt=\"\" class=\"wp-image-255\" style=\"aspect-ratio:1.777755034979969;width:578px;height:auto\" srcset=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Damien-persona-1024x576.webp 1024w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Damien-persona-300x169.webp 300w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Damien-persona-768x432.webp 768w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Damien-persona-1536x864.webp 1536w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Damien-persona.webp 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>Source: <em><em>Shanovska, K.<\/em><\/em><\/em><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Sophie-empathy-1-1024x576.webp\" alt=\"\" class=\"wp-image-256\" style=\"aspect-ratio:1.7777529868766446;width:577px;height:auto\" srcset=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Sophie-empathy-1-1024x576.webp 1024w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Sophie-empathy-1-300x169.webp 300w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Sophie-empathy-1-768x432.webp 768w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Sophie-empathy-1-1536x864.webp 1536w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Sophie-empathy-1.webp 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>Source: <em><em>Shanovska, K.<\/em><\/em><\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>My main takeaways from this exercise are:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The design of my website must be modern enough for a young, trendy audience to engage with, but also simple enough that a retiree like Alan can easily find the necessary information.<\/li>\n\n\n\n<li>It must be responsive! Most people will be viewing it on their phones, especially if they are out already and looking for a nearby outdoors shop to visit. There will still be many people accessing the site through larger screens at home before planning a visit.<\/li>\n\n\n\n<li>It is hugely important to portray a friendly and welcoming atmosphere, with the owner of Black Crag at the forefront. This will make customers who need reassurance and guidance more inclined to come in and visit.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Empathy Mapping<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"662\" src=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Empathy-Map-1024x662.png\" alt=\"\" class=\"wp-image-242\" style=\"aspect-ratio:1.5468189280583131;width:574px;height:auto\" srcset=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Empathy-Map-1024x662.png 1024w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Empathy-Map-300x194.png 300w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Empathy-Map-768x497.png 768w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Empathy-Map-1536x993.png 1536w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Empathy-Map-2048x1325.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>Source: Innovation Canvas<\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In our workshop with Chris How, he introduced us to the empathy map canvas shown above. This excercise is useful to move beyond demographics and capture the emotions of our user, so that we can play into this with the design.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Damien-empathy-1024x576.webp\" alt=\"\" class=\"wp-image-244\" style=\"width:572px;height:auto\" srcset=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Damien-empathy-1024x576.webp 1024w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Damien-empathy-300x169.webp 300w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Damien-empathy-768x432.webp 768w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Damien-empathy-1536x864.webp 1536w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Damien-empathy.webp 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>Source: <em><em>Shanovska, K.<\/em><\/em><\/em><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Sophie-empathy-1024x576.webp\" alt=\"\" class=\"wp-image-245\" style=\"width:572px;height:auto\" srcset=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Sophie-empathy-1024x576.webp 1024w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Sophie-empathy-300x169.webp 300w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Sophie-empathy-768x432.webp 768w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Sophie-empathy-1536x864.webp 1536w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Sophie-empathy.webp 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em><em>Source: <em><em>Shanovska, K.<\/em><\/em><\/em><\/em><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Alan-empathy-1024x576.webp\" alt=\"\" class=\"wp-image-246\" style=\"aspect-ratio:1.7777319061068646;width:571px;height:auto\" srcset=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Alan-empathy-1024x576.webp 1024w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Alan-empathy-300x169.webp 300w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Alan-empathy-768x432.webp 768w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Alan-empathy-1536x864.webp 1536w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Alan-empathy.webp 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em><em>Source: Shanovska, K.<\/em><\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">I created empathy maps for each of my personas to explore how they <strong>think\/feel<\/strong>, what they <strong>see<\/strong>, what they <strong>hear<\/strong>, and what they <strong>say\/do<\/strong>. This exercise gave me an insight into my users from a different angle and allowed me to think about their journey on the website. I will use the insights from this when I begin creating user journey maps.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Assumptions and Hypotheses<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Now that I have my target audience clearly mapped out, I can further my research with these fictional users in mind. Research hypotheses can turn your thoughts into something you can quantify and evaluate, not only whether an idea is worth pursuing, also how to go after it. (Tanovic &amp; Whitman, 2024)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>I assume that:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Most customers need easy access to practical information (opening times, maps etc.)<\/li>\n\n\n\n<li>Customers want to be reassured that they will be welcomed to a friendly store.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Based on these assumptions, my hypotheses are:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>If practical information is clearly labelled\/headed and easy to read, users will be more likely to visit the store.<\/li>\n\n\n\n<li>If the website portrays a friendly atmosphere, showing the welcoming face of the owner, customers will be more confident to visit the store.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">By making assumptions, I could develop testable hypotheses, which I will use when conducting interviews\/surveys to establish whether my assumptions were correct.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Job Statements<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Job statements are a framework that we can use to form a statement about the user and what influences their way of thinking and acting. <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>When <em>I\u2019m browsing the site<\/em>, I want to <em>see the store\u2019s personality<\/em>, so I can <em>decide if it\u2019s worth visiting in person<\/em>.<\/li>\n\n\n\n<li>When <em>I&#8217;m looking for somewhere to buy camping gear<\/em>, I want to <em>easily find clear directions to the shop<\/em>, so <em>that I can find it stress-free.<\/em><\/li>\n\n\n\n<li>When <em>I&#8217;m shopping for new hiking gear<\/em>, I want <em>to know that someone will be able to provide me with help and guidance<\/em>, so <em>I am confident in my choices<\/em>.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">User-Need Statements<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">User-need statements focus more on the <em>needs <\/em>of the user rather than the job they want to complete.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>As <em>someone just visiting the area<\/em>, I need <em>clear directions to the store and a visual brand to look out for<\/em>, in order to <em>easily find my way to the store<\/em>.<\/li>\n\n\n\n<li>As <em>someone who prefers to shop online<\/em>, I need <em>to understand what makes visiting the store better than ordering online<\/em>, in order to <em>decide if the trip is worthwhile.<\/em><\/li>\n\n\n\n<li>As <em>a visually impaired user using a screen reader<\/em>, I need <em>the site&#8217;s layout to be semantic and all images to be properly labeled<\/em>, in order to <em>confidently plan my trip to the store<\/em>.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Designing the User Experience<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Timed sketches <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Low-fidelity sketches are a great place to start when it comes to visualising ideas, and by timing them, I will be allowing myself to form more ideas. It is easy to think of one idea and then get caught up in it, not wanting to think of a different method. This is why using the &#8216;timed sketches&#8217; technique can be so powerful to get ideas flowing.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Whilst you may be able to come up with a good design by developing a single idea, you will never know if you could have come up with something better, a more effective solution to your problem. (Rojas, 2023)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I will use this technique to create visuals and wireframes for Black Crag, and then I will use the SCAMPER method to further develop these ideas and guide the ideation process in other routes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Card Sorting &amp; Information Architecture<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/card-sorting-1024x683.jpg\" alt=\"\" class=\"wp-image-250\" style=\"aspect-ratio:1.4992860651486386;width:550px;height:auto\" srcset=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/card-sorting-1024x683.jpg 1024w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/card-sorting-300x200.jpg 300w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/card-sorting-768x512.jpg 768w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/card-sorting-1536x1024.jpg 1536w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/card-sorting-2048x1366.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><a href=\"https:\/\/unsplash.com\/photos\/person-holding-white-printer-paper-WCID2JWoxwE\" data-type=\"link\" data-id=\"https:\/\/unsplash.com\/photos\/person-holding-white-printer-paper-WCID2JWoxwE\"><em>Source: UX Indonesia<\/em><\/a><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The next step will be for me to establish the information architecture, the structure of the site. To create the most effective layout of information, I plan to use the card-sorting method. This method involves writing all of the page names or topics for your site onto index papers, offering them to the test subject to organise them into categories that make the most sense to them. This gives the designers an insight into the users&#8217; mental model, how they group information. In doing this, we can group content together according to how the user expects it to be grouped, resulting in a smoother navigation experience.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I will ask 5 friends or family members to complete the task for me, ensuring that I select individuals varying in age, sex, and occupation so that there will not be any biases in the data. This data will be qualititive and I will later analyse it to find any recurring patterns (or categories) which I can make use of when creating wireframes and an information architecture document.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Testing and Analysis Phase<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">At this stage, I should have a clear idea of my users&#8217; needs, and some ideas for the design and structure of my site. I can begin the testing and analysis phase!<br>This phase involves many types of test methods to produce a variety of data: both qualitative and quantitative.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Quantitative<\/strong> data is in the form of one or more metrics to reflect whether the tasks were easy to perform. (Budiu, 2017)<br><strong>Qualitative<\/strong> data consists of observational findings that identify design features as easy or hard to use. (Budiu, 2017)<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Open-Ended Interviews<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Using the content I gathered in the User Persona portion of this article, I will form questions to be used in interviews to provide me with data to validate my assumptions about the users needs. When writing these questions, I will be sure to maintain the main focus of encouraging users to visit Black Crag.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>These questions <em>could <\/em>include:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>When browsing a shop&#8217;s website, what would make you want to visit that store in person?<\/li>\n\n\n\n<li>Is there anything on a brand&#8217;s website that would put you off from visiting in person?<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Usability Testing<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">A large section of the analysis phase is the usability testing. This produces data on how <em>usable <\/em>the site is and ranges from low-fidelity sketched-out web pages to prototyped functional sites.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"419\" src=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/usability-testing.png\" alt=\"\" class=\"wp-image-252\" style=\"aspect-ratio:1.7899943123292286;width:542px;height:auto\" srcset=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/usability-testing.png 750w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/usability-testing-300x168.png 300w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><figcaption class=\"wp-element-caption\"><a href=\"https:\/\/usabilitygeek.com\/remote-usability-testing-best-practices\/\"><em>Source: Kalwani, V<\/em> <\/a><\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">User Observation<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Once I begin thinking about how my site will look and function, I will use the evaluative research method of user observation. This will be done by asking a few friends\/family members\/coworkers (again, ensuring I have a varying pool to reduce any bias) to navigate my website, completing a few set tasks such as &#8216;find directions to the shop&#8217;. I will observe their process, taking notes on everything they do whilst asking them questions like:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&#8216;Is this what you expected to happen?&#8217; <\/li>\n\n\n\n<li>&#8216;What was going through your mind when you clicked that?&#8217;<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">After the observation process is complete, I will make use of the rose, bud, and thorn analysis method to analyse the data I produced.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Roses \u2014 Good experiences &amp; positive things.<\/li>\n\n\n\n<li>Buds \u2014 Opportunities for improvements.<\/li>\n\n\n\n<li>Thorns \u2014 Negative things &amp; pain points.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">This should prove extremely useful in finding any necessary adjustments at this stage. As the designer, I need to know how people who have never seen the website before will interact with it. They might not notice essential buttons\/links, which will highlight a pain point in the site.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Screenshot-2025-12-17-110328-1024x576.png\" alt=\"\" class=\"wp-image-240\" style=\"width:609px;height:auto\" srcset=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Screenshot-2025-12-17-110328-1024x576.png 1024w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Screenshot-2025-12-17-110328-300x169.png 300w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Screenshot-2025-12-17-110328-768x432.png 768w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Screenshot-2025-12-17-110328-1536x863.png 1536w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Screenshot-2025-12-17-110328.png 1635w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><a href=\"https:\/\/maweb.design\/resources\/user-experience-design\/User-Research-Fundamentals.pdf\" data-type=\"link\" data-id=\"https:\/\/maweb.design\/resources\/user-experience-design\/User-Research-Fundamentals.pdf\"><em>Source: Troeth, S.<\/em> <\/a><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">As my project evolves, so will my research. Steph Troeth introduced us to the double diamond &#8211; a diagram that illustrates design as a constant cycle of exploring the problem and framing the solution. UX research will be at the forefront of my mind for the entirety of the design process, and I will regularly return to the research stage to gather new insights as required. By keeping the user involved at all times, the product can continuously be changed to meet their needs &#8211; after all, I am designing for them.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Exploring User personas and UX methodology has given me a clear understanding of who I am designing for, and I now feel more prepared to move forward into the next stages of my project: the design phase and the analysis phase. By taking the time to gain insights into my user, I will produce a site that portrays Black Crag as a warm and friendly shop to visit, with a seamless user experience.<\/p>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>PDF&#8217;s<\/summary>\n<div data-wp-interactive=\"core\/file\" class=\"wp-block-file\"><object data-wp-bind--hidden=\"!state.hasPdfPreview\" hidden class=\"wp-block-file__embed\" data=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Research-Canvas.pdf\" type=\"application\/pdf\" style=\"width:100%;height:600px\" aria-label=\"Embed of Research Canvas.\"><\/object><a id=\"wp-block-file--media-f4b9a955-9d52-4470-aa69-fd9c705e3a1d\" href=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Research-Canvas.pdf\">Research Canvas<\/a><a href=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/Research-Canvas.pdf\" class=\"wp-block-file__button wp-element-button\" download aria-describedby=\"wp-block-file--media-f4b9a955-9d52-4470-aa69-fd9c705e3a1d\">Download<\/a><\/div>\n\n\n\n<div data-wp-interactive=\"core\/file\" class=\"wp-block-file\"><object data-wp-bind--hidden=\"!state.hasPdfPreview\" hidden class=\"wp-block-file__embed\" data=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/user-personas.pdf\" type=\"application\/pdf\" style=\"width:100%;height:500px\" aria-label=\"Embed of User Personas.\"><\/object><a id=\"wp-block-file--media-2aad72b9-f751-4eec-94af-88a2e28a001a\" href=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/user-personas.pdf\">User Personas<\/a><a href=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/user-personas.pdf\" class=\"wp-block-file__button wp-element-button\" download aria-describedby=\"wp-block-file--media-2aad72b9-f751-4eec-94af-88a2e28a001a\">Download<\/a><\/div>\n\n\n\n<div data-wp-interactive=\"core\/file\" class=\"wp-block-file\"><object data-wp-bind--hidden=\"!state.hasPdfPreview\" hidden class=\"wp-block-file__embed\" data=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/empathy-maps.pdf\" type=\"application\/pdf\" style=\"width:100%;height:600px\" aria-label=\"Embed of Empathy Maps.\"><\/object><a id=\"wp-block-file--media-f5c63557-962e-4f91-ad9e-72f416600372\" href=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/empathy-maps.pdf\">Empathy Maps<\/a><a href=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/12\/empathy-maps.pdf\" class=\"wp-block-file__button wp-element-button\" download aria-describedby=\"wp-block-file--media-f5c63557-962e-4f91-ad9e-72f416600372\">Download<\/a><\/div>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>References<\/summary>\n<ul class=\"wp-block-list\">\n<li>Viebrock S. (2018) <em>User-Centered Design: Principles, Process, and Examples. <\/em>O8 Agency. Available at: <a href=\"https:\/\/www.o8.agency\/blog\/user-centered-design-principles-process-examples\">https:\/\/www.o8.agency\/blog\/user-centered-design-principles-process-examples<\/a> (Accessed: 17 December 2025).<\/li>\n\n\n\n<li>Adobe Stock (2023) <em>Equipment necessary for mountaineering and hiking<\/em>. [Online image]. Available at: <a href=\"https:\/\/stock.adobe.com\/uk\/contributor\/204563649\/gilitukha?load_type=author&amp;prev_url=detail&amp;asset_id=94028048\">https:\/\/stock.adobe.com\/uk\/contributor\/204563649\/gilitukha?load_type=author&amp;prev_url=detail&amp;asset_id=94028048<\/a> (Accessed: 19 December 2025).<\/li>\n\n\n\n<li>Troeth, S. (no date) <em>The research canvas template<\/em>. Available at: <a href=\"https:\/\/maweb.design\/resources\/user-experience-design\/User-Research-Fundamentals.pdf\">https:\/\/maweb.design\/resources\/user-experience-design\/User-Research-Fundamentals.pdf <\/a>(Accessed: 17 December 2025).<\/li>\n\n\n\n<li>Dam, R. F. and Teo, Y. S. (2025)<em> Personas \u2013 A Simple Introduction.<\/em> IxDF &#8211; Interaction Design Foundation. Available at: https:\/\/www.interaction-design.org\/literature\/article\/personas-why-and-how-you-should-use-them (Accessed: 17 December 2025).<\/li>\n\n\n\n<li>Hudziy, O. (2025) <em>What Is UX Research and How it Drives Effective Design.<\/em> Available at: <a href=\"https:\/\/quarte.design\/blog\/what-is-ux-research-and-how-it-drives-effective-design\">https:\/\/quarte.design\/blog\/what-is-ux-research-and-how-it-drives-effective-design<\/a> (Accessed: 17 December 2025).<\/li>\n\n\n\n<li>Moes, A. (2017) &#8216;The online appeal of the physical shop: How a physical store can benefit from a virtual representation&#8217;, <em>Heliyon, A Cell Press Journal<\/em>, Volume 3, Issue 6 <\/li>\n\n\n\n<li>Shanovska, K. (2025) <em>User personas<\/em><\/li>\n\n\n\n<li>Innovation Canvas. (no date) <em>Empathy Map<\/em> [Online image]. Available at: <a href=\"https:\/\/www.innovationcanvas.ktn-uk.org\/resources\/empathy-map\">https:\/\/www.innovationcanvas.ktn-uk.org\/resources\/empathy-map<\/a> <a href=\"https:\/\/maweb.design\/resources\/user-experience-design\/User-Research-Fundamentals.pdf\"> <\/a>(Accessed: 19 December 2025).<\/li>\n\n\n\n<li>Shanovska, K. (2025) <em>Empathy maps<\/em><\/li>\n\n\n\n<li>Tanovic, A. and Whitman, L. (2024) Creating a research hypothesis: How to formulate and test UX expectations. Available at: <a href=\"https:\/\/maze.co\/blog\/research-hypothesis\/\">https:\/\/maze.co\/blog\/research-hypothesis\/<\/a> (Accessed: 17 December 2025).<\/li>\n\n\n\n<li>Rojas, J. (2023) <em>Learn How to Use Sketching as an Ideation Method<\/em>. IxDF &#8211; Interaction Design Foundation. Available at: <a href=\"https:\/\/www.interaction-design.org\/literature\/article\/etch-a-sketch-how-to-use-sketching-in-user-experience-design\">https:\/\/www.interaction-design.org\/literature\/article\/etch-a-sketch-how-to-use-sketching-in-user-experience-design<\/a> (Accessed: 17 December 2025).<\/li>\n\n\n\n<li>UX Indonesia. (2020) <em>someone using the card-sorting method<\/em> [Online image]. Available at: <a href=\"https:\/\/unsplash.com\/photos\/person-holding-white-printer-paper-WCID2JWoxwE\">https:\/\/unsplash.com\/photos\/person-holding-white-printer-paper-WCID2JWoxwE<\/a> <a href=\"https:\/\/maweb.design\/resources\/user-experience-design\/User-Research-Fundamentals.pdf\"> <\/a>(Accessed: 19 December 2025).<\/li>\n\n\n\n<li>Kalwani, V. (2021)<em> Illustration of usability testing taking place<\/em> [Online image]. Available at: <a href=\"https:\/\/usabilitygeek.com\/remote-usability-testing-best-practices\/\">https:\/\/usabilitygeek.com\/remote-usability-testing-best-practices\/<\/a> <a href=\"https:\/\/maweb.design\/resources\/user-experience-design\/User-Research-Fundamentals.pdf\"> <\/a>(Accessed: 19 December 2025).<\/li>\n\n\n\n<li>Budiu, R. (2017) Quantitative vs. Qualitative Usability Testing. Available at: <a href=\"https:\/\/www.nngroup.com\/articles\/quant-vs-qual\/\">https:\/\/www.nngroup.com\/articles\/quant-vs-qual\/<\/a> (Accessed: 17 December 2025).<\/li>\n\n\n\n<li>Troeth, S. (no date) <em>The double diamond<\/em> [Online image]. Available at: <a href=\"https:\/\/maweb.design\/resources\/user-experience-design\/User-Research-Fundamentals.pdf\">https:\/\/maweb.design\/resources\/user-experience-design\/User-Research-Fundamentals.pdf <\/a>(Accessed: 19 December 2025).<\/li>\n<\/ul>\n<\/details>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>With the start of any project, research should be at the forefront of the process to ensure that the end product is user-centred. Over the past few weeks, I have attended workshops by Steph Troeth and Chris How. These introduced me to user experience research and user-centred design, including how essential they are in the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[12],"tags":[],"class_list":["post-225","post","type-post","status-publish","format-standard","hentry","category-graded-work"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/posts\/225","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/comments?post=225"}],"version-history":[{"count":29,"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/posts\/225\/revisions"}],"predecessor-version":[{"id":282,"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/posts\/225\/revisions\/282"}],"wp:attachment":[{"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/media?parent=225"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/categories?post=225"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/tags?post=225"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}