{"id":251,"date":"2025-12-18T19:09:00","date_gmt":"2025-12-18T19:09:00","guid":{"rendered":"https:\/\/megandarkodesigns.uk\/blog\/?p=251"},"modified":"2026-01-15T15:19:05","modified_gmt":"2026-01-15T15:19:05","slug":"user-experience-design","status":"publish","type":"post","link":"https:\/\/megandarkodesigns.uk\/blog\/user-experience-design\/","title":{"rendered":"User Experience Design"},"content":{"rendered":"\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><h2><strong>Introduction<\/strong><\/h2><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>In November, we took part in UX design workshops led by Steph and Chris. Across the two sessions, I learned a range of research and design methods, including conducting interviews with my peers, creating user personas and wireframes, and presenting our ideas. The hands-on activities helped me gain practical experience helped prepare me for real-world UX work. The workshops were highly informative and influenced the direction of my major project.<\/p>\n\n\n\n<p>My major project is a web-based application designed to help people regain their attention and improve their cognitive well-being in a world of unrelenting digital distractions. The basis of my project is derived from my own experiences with lack of concentration, fatigue of mind, and difficulty to sometimes maintain attention. My website is about my personal experiences with improving my cognitive well-being, and it should be understood that it is not expert-based. While documenting what worked for me, I hope to encourage users to evaluate their own attention patterns.<\/p>\n\n\n\n<p>The purpose of this article is to act as a plan for how I will use User Experience Research and Design techniques to develop my major project. I will discuss the different research methods I will be conducting in order to build the final product. The planning phase is vital to ensure that my project continues to be user-centred, accessible, and aligns itself with the needs of individuals who are already mentally overwhelmed.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><h2><strong>Project Overview<\/strong><\/h2><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>My goal is to develop an easy-to-use website where users can explore attention as a cognitive resource affected by today\u2019s fast-paced digital world. In my own case, my over-stimulation was caused by excessive tech usage, which resulted with declines in reading comprehension, increased procrastination, and ongoing mental fatigue.<\/p>\n\n\n\n<p>Therefore, I decided to develop a website that shares my personal experience, while making it clear that the ideas and techniques I present were ones that worked for me and may not be universally applicable to all. From my website, users will get to read about my experience, experiments, and soft prompts to reflect on, instead of just providing solutions to problems.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><h2><strong>My Goals and Objectives<\/strong><\/h2><\/p>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The website must provide an environment where the user does not become overwhelmed by the content of the site. Since this website is about cognitive wellness, elements on each webpage must be organised to provide a comfortable and focused learning environment.<\/li>\n\n\n\n<li>The website must be easy to follow through. The user must know <strong>Where they are<\/strong>, <strong>What options they have<\/strong> and <strong>How to proceed<\/strong>.<\/li>\n\n\n\n<li>The website must be developed with empathy, a core principle of User Experience design. By understanding users, I can create a design that supports them.<\/li>\n\n\n\n<li>The website needs to be consistent. Consistency in layout, navigation and interactions will help the user feel confident using the website. When interactions are predictable, the user will not need to learn and recall unfamiliar actions.<\/li>\n\n\n\n<li>The website must be tested and improved continuously. With the help of classmates, teachers, friends and family, I can receive valuable feedback and continually improve the website. Doing so will help better the usability and accessibility of the website.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><h2><strong>User Research Methods<\/strong><\/h2><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><strong><span style=\"text-decoration: underline;\">Competitor Analysis<\/span><\/strong><\/p>\n\n\n\n<p>As part of my planning, I researched other platforms that focused on attention, brain health and digital wellbeing so I could understand what has already been produced. I specifically looked at Lumosity, Healthybrains.org and Freedom.<\/p>\n\n\n\n<p>The focus of Lumosity is to improve your attention by using brain training type games. The games are engaging, but they focus on performance and repetition rather than supporting meaningful development of attention. Healthybrains.org offers a lot of evidence-based information about lifestyle and brain health, and also preventative measures. However, may seem too formal to readers and can lose their attention. Freedom takes a different approach by eliminating distractions, and while this may be beneficial, it does not encourage users to reflect on the underlying reasons for their attention difficulties.<\/p>\n\n\n\n<p>My website aims to be somewhat different from those three platforms because it will attempt be more open and honest. Instead of instructing users on what they should do, I tell them what I did and provide the opportunity for them to learn about their own attention while making it fun and informative. Hopefully, my website can create a space for users to be able to think again.<\/p>\n\n\n\n<p><strong><span style=\"text-decoration: underline;\">User Interviews<\/span><\/strong><\/p>\n\n\n\n<p>As part of my user experience research, I intend to interview people individually, with some being affected by some sort of cognitive or attention-based limitations. The intention of the interviews is to understand what users expect from a website focused on cognitive health and wellbeing. By understanding the user needs, it can help me implement what they are looking for.<\/p>\n\n\n\n<p>The interviews will allow participants to express themselves freely and address specific topics relevant to my project idea. Open-ended questions will be used to encourage participants to share their views, experiences, and emotions, helping me design and build a website that is responsive to user needs. I also plan to make the interviews semi-structured because it gives me the opportunity to also ask fitting questions based on their answers.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><strong><strong><span style=\"text-decoration: underline;\">Contextual Research<\/span><\/strong><\/strong><\/p>\n\n\n\n<p>I will be researching existing ideas, models and concepts for the design and development of the website.<\/p>\n\n\n\n<p>There are three design models I will be following in order to build a well-functioning and user-centred website:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Human Centred Design Model<\/strong>. By following the HCD model, this ensures that I always put the users at the centre when it comes to decision making. This allows me to focus on who I\u2019m designing my website for and why. Actively working with users throughout the development process will prevent me from building a website which is not ethical. I want to allow users to make choices and have control.<\/li>\n\n\n\n<li><strong>Double Diamond Model<\/strong>. This framework will help with the way I approach problems. Discovering and Defining the problem, then Developing and Delivering a solution. These 4 stages make sure that I understand the problem before building the solution.<\/li>\n\n\n\n<li><strong>The Iterative Design Model<\/strong>. This model will be beneficial when I get to the prototyping stage. I plan to test my prototype on 5 to 7 users to gather their opinions and make necessary design adjustments. As the website follows a user-centred approach, it is designed for real users rather than personal use, therefore, ongoing feedback on prototypes is essential. I plan to encourage honest feedback from user and stay open to criticism in order to make the website better. I aim for users to spot errors that I might have missed, and to help create a website that is efficient and enjoyable to use.<\/li>\n<\/ol>\n\n\n\n<p><\/p>\n\n\n\n<p><strong><span style=\"text-decoration: underline;\">User Personas<\/span><\/strong><\/p>\n\n\n\n<p>User personas will allow me to think beyond my own experiences and consider how other users might interact with the website. It gives me an idea of the type of users who might use my website, so I can design it based on their lifestyle, needs, and what is currently bothering them.<\/p>\n\n\n\n<p>I have created two user personas:<\/p>\n\n\n\n<p><strong>Alex \u2013 18-25 years old \u2013 ADHD\/ Neurodivergent learner<\/strong><\/p>\n\n\n\n<p>Alex struggles with attention and is interested in exploring attention-support strategies that have been effective for others. For someone like Alex, who struggles with attention, I will need to think about ways I can make information engaging on my website especially because he wants to learn. For users like Alex, one design consideration is how interface elements are positioned on each webpage.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Michelle \u2013 30 -35 years old \u2013 Self-improvement explorer<\/strong><\/p>\n\n\n\n<p>Michelle is all about self-improvement. She\u2019s very self-aware and feels that she can make better life choices. One of her goals is to reduce her phone use by 50%. She\u2019s looking for alternative activities to replace her phone usage. When creating a website for someone like Michelle, I want it to be inviting and encouraging because she wants to improve herself. With Michelle in mind, greater attention would be given to the emotional tone conveyed by the website. Colour, font and layout research will be conducted because they play a factor in the way users feel when using a website.<\/p>\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:\/\/megandarkodesigns.uk\/blog\/wp-content\/uploads\/2025\/12\/Alex-and-Michelle-User-Personas.pdf\" type=\"application\/pdf\" style=\"width:100%;height:600px\" aria-label=\"Embed of Alex and Michelle User Personas.\"><\/object><a id=\"wp-block-file--media-76fd3448-c2bd-4559-83a2-59bf969f6a17\" href=\"https:\/\/megandarkodesigns.uk\/blog\/wp-content\/uploads\/2025\/12\/Alex-and-Michelle-User-Personas.pdf\">Alex and Michelle User Personas<\/a><a href=\"https:\/\/megandarkodesigns.uk\/blog\/wp-content\/uploads\/2025\/12\/Alex-and-Michelle-User-Personas.pdf\" class=\"wp-block-file__button wp-element-button\" download aria-describedby=\"wp-block-file--media-76fd3448-c2bd-4559-83a2-59bf969f6a17\">Download<\/a><\/div>\n\n\n\n<p><strong><span style=\"text-decoration: underline;\">Empathy Maps<\/span><\/strong><\/p>\n\n\n\n<p>Empathy mapping helps me to understand users&#8217; experience rather than just assuming. Using empathy maps allows me to practice the HCD framework, as I focus on the user\u2019s emotional needs.<\/p>\n\n\n\n<p>I have created an empathy map for Alex to understand his perspective through what he <span style=\"text-decoration: underline;\">Thinks<\/span>, <span style=\"text-decoration: underline;\">Needs<\/span>, <span style=\"text-decoration: underline;\">Feels <\/span>and <span style=\"text-decoration: underline;\">Says &amp; Does<\/span>.<\/p>\n\n\n\n<p>The use of empathy mapping for Alex has influenced my design decisions. It has allowed me to think about being cautious with the wording on my site to ensure that I don\u2019t show a sense of urgency or imply that there&#8217;s something wrong with the user. I\u2019m planning to express the content on my site using language that encourages reflection, for example, &#8220;you may find yourself experiencing a similar situation&#8221;, which will assist with creating an emotionally safe space and will encourage the development of a calm and supportive experience.<\/p>\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:\/\/megandarkodesigns.uk\/blog\/wp-content\/uploads\/2025\/12\/User-Empathy.pdf\" type=\"application\/pdf\" style=\"width:100%;height:600px\" aria-label=\"Embed of User Empathy.\"><\/object><a id=\"wp-block-file--media-ebb4b2d3-16fe-48eb-b92d-6bb7dd9f3a03\" href=\"https:\/\/megandarkodesigns.uk\/blog\/wp-content\/uploads\/2025\/12\/User-Empathy.pdf\">User Empathy<\/a><a href=\"https:\/\/megandarkodesigns.uk\/blog\/wp-content\/uploads\/2025\/12\/User-Empathy.pdf\" class=\"wp-block-file__button wp-element-button\" download aria-describedby=\"wp-block-file--media-ebb4b2d3-16fe-48eb-b92d-6bb7dd9f3a03\">Download<\/a><\/div>\n\n\n\n<p><strong><span style=\"text-decoration: underline;\">User Journeys<\/span><\/strong><\/p>\n\n\n\n<p>Another technique that will help with my project is user journey mapping. This will give an understanding of the user\u2019s experience when navigating the website from start to finish. Using user journeys is good for spotting pain points early, preventing myself from designing only for myself, and it gives me the opportunity to reduce cognitive load in users. It also enables me to design a user experience that acknowledges that a user&#8217;s ability to concentrate and pay attention can vary greatly, and therefore avoid creating an overwhelming website.<\/p>\n\n\n\n<p>User journeys will be beneficial in the design and development process because I want avoid overstimulation when it comes to someone like Alex. And I want someone like Michelle to feel calm every step of the way.<\/p>\n\n\n\n<p>The goal is for the user to have a positive and insightful experience throughout.<\/p>\n\n\n\n<p>I\u2019ve made a user journey map for Michelle below:<\/p>\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:\/\/megandarkodesigns.uk\/blog\/wp-content\/uploads\/2025\/12\/Michelle-User-Journey.pdf\" type=\"application\/pdf\" style=\"width:100%;height:600px\" aria-label=\"Embed of Michelle User Journey.\"><\/object><a id=\"wp-block-file--media-171cc56c-2ce6-4b8c-96b3-c544fe929773\" href=\"https:\/\/megandarkodesigns.uk\/blog\/wp-content\/uploads\/2025\/12\/Michelle-User-Journey.pdf\">Michelle User Journey<\/a><a href=\"https:\/\/megandarkodesigns.uk\/blog\/wp-content\/uploads\/2025\/12\/Michelle-User-Journey.pdf\" class=\"wp-block-file__button wp-element-button\" download aria-describedby=\"wp-block-file--media-171cc56c-2ce6-4b8c-96b3-c544fe929773\">Download<\/a><\/div>\n\n\n\n<p><strong><span style=\"text-decoration: underline;\">Accessibility and Inclusive Design<\/span><\/strong><\/p>\n\n\n\n<p>Accessibility is a big factor, given that the focus of the site is cognitive well-being and attention. Designing for accessibility requires me to understand that users may have ADHD, Dyslexia and\/or other conditions which can impact their ability to process information.<\/p>\n\n\n\n<p>In terms of supporting cognitive accessibility, I plan to create a clear visual hierarchy using consistent layouts and a good amount of space between the interface elements. I will make sure that animations are minimal, avoid sudden animation movements or auto-play features which can be distracting.<\/p>\n\n\n\n<p>I plan to also choose colours that are calming in the hopes of minimising visual fatigue, yet remain readable. The language used should be simple and avoid complex definitions so that users don\u2019t feel that the information is hard to understand.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><strong><span style=\"text-decoration: underline;\">A\/B Testing<\/span><\/strong><\/p>\n\n\n\n<p>Based on the feedback and suggestions during the iteration design stage, I will create two prototypes. The iterative stage will identify usability issues to address, while A\/B testing will be used to tell me which prototype version performs better functionally. I plan to ask 7 participants which prototype they like best. The prototype with the most votes will guide how the website looks and operates.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><h2><strong>Conclusion<\/strong><\/h2><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>The user research techniques I plan to use has allowed me to think about how I can transform a personal experience about my brain health into a more thoughtful user-centred product.<\/p>\n\n\n\n<p>What I hope out of this project is to create a website that is perceived by users as helpful. Instead of providing answers, I want the site to encourage users to consider their own brain health and figure out their next steps.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">References<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Design Council (UK)<\/strong> \u2013 <em><a href=\"https:\/\/www.designcouncil.org.uk\/our-resources\/the-double-diamond\/\" data-type=\"link\" data-id=\"https:\/\/www.designcouncil.org.uk\/our-resources\/the-double-diamond\/\">The Double Diamond Design Process<\/a><\/em><\/li>\n\n\n\n<li><strong>Harvard Health Publishing<\/strong><em> \u2013 <a href=\"https:\/\/www.health.harvard.edu\/staying-healthy\/staying-focused-in-the-era-of-digital-distractions\">Staying focused in the era of digital distractions<\/a><\/em><\/li>\n\n\n\n<li><strong>Interaction Design Foundation<\/strong> \u2013 <em><a href=\"https:\/\/www.interaction-design.org\/literature\/topics\/human-centered-design?srsltid=AfmBOoojSLMX0SG3F06Z_TH_pXoG0lhpXS8qNdN6_9E58DQPMrPRI82R\">What is Human-Centred Design?<\/a><\/em><\/li>\n\n\n\n<li><strong>Nielsen Norman Group<\/strong> \u2013<em> <a href=\"https:\/\/www.nngroup.com\/articles\/journey-mapping-101\/\" data-type=\"link\" data-id=\"https:\/\/www.nngroup.com\/articles\/journey-mapping-101\/\">Journey Mapping 101<\/a><\/em><\/li>\n\n\n\n<li><strong>Nielsen Norman Group<\/strong> \u2013 <em><a href=\"https:\/\/www.nngroup.com\/articles\/minimize-cognitive-load\/\">Minimize Cognitive Load to Maximize Usability<\/a><\/em><\/li>\n\n\n\n<li><strong>Nielsen Norman Group<\/strong> \u2013<em> <\/em><a href=\"https:\/\/www.nngroup.com\/articles\/personas-study-guide\/\"><em>Personas &#8211; Study Guide<\/em><\/a><\/li>\n\n\n\n<li><strong>Nielsen Norman Group<\/strong> \u2013 <a href=\"https:\/\/www.nngroup.com\/articles\/user-interviews\/\"><em>User Interviews 101<\/em><\/a><\/li>\n\n\n\n<li><strong>UX Collective<\/strong><em> \u2013 <a href=\"https:\/\/uxdesign.cc\/a-b-testing-leverage-the-untapped-potential-531f414f80b1\">A\/B Testing in UX Design<\/a><\/em><\/li>\n\n\n\n<li><strong>Vermeulen-design<\/strong><em> &#8211; <a href=\"https:\/\/www.vermeulen-design.com\/blog\/designing-for-neurodiversity-inclusive-visual-content\" data-type=\"link\" data-id=\"https:\/\/www.vermeulen-design.com\/blog\/designing-for-neurodiversity-inclusive-visual-content\">Designing for neurodiversity: Inclusive visual content for ADHD and autism.<\/a><\/em><\/li>\n\n\n\n<li><strong>W3C<\/strong> \u2013 <em><a href=\"https:\/\/www.w3.org\/TR\/WCAG22\/\">Web Content Accessibility Guidelines (WCAG) 2.2<\/a><\/em><\/li>\n<\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction In November, we took part in UX design workshops led by Steph and Chris. Across the two sessions, I learned a range of research and design methods, including conducting interviews with my peers, creating user personas and wireframes, and presenting our ideas. The hands-on activities helped me gain practical experience helped prepare me for [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-251","post","type-post","status-publish","format-standard","hentry","category-article"],"_links":{"self":[{"href":"https:\/\/megandarkodesigns.uk\/blog\/wp-json\/wp\/v2\/posts\/251","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/megandarkodesigns.uk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/megandarkodesigns.uk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/megandarkodesigns.uk\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/megandarkodesigns.uk\/blog\/wp-json\/wp\/v2\/comments?post=251"}],"version-history":[{"count":15,"href":"https:\/\/megandarkodesigns.uk\/blog\/wp-json\/wp\/v2\/posts\/251\/revisions"}],"predecessor-version":[{"id":281,"href":"https:\/\/megandarkodesigns.uk\/blog\/wp-json\/wp\/v2\/posts\/251\/revisions\/281"}],"wp:attachment":[{"href":"https:\/\/megandarkodesigns.uk\/blog\/wp-json\/wp\/v2\/media?parent=251"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/megandarkodesigns.uk\/blog\/wp-json\/wp\/v2\/categories?post=251"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/megandarkodesigns.uk\/blog\/wp-json\/wp\/v2\/tags?post=251"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}