<\/p>\n\n\n\n
- \n
- I learned that User research seeks to understand user\u2019s \u2018\u2019relationship to products and services in real contexts.\u2019\u2019 (UX-Design-2024.pdf<\/a>)<\/li>\n\n\n\n
- I learned that UXR research seeks to ascertain what Users needs are, their behaviours, motivations, triggers barriers and why they make certain decisions.<\/li>\n\n\n\n
- I also learned that it is important to understand the context of the research. For example, why is the research needed? What will the research outcome be? Who will the research outcome affect? What impact do we hope to achieve?<\/li>\n<\/ul>\n\n\n\n
The UXR enabled me realise the importance of setting clear about the intention of the research objectives. The research objective is also a guide to achieving the research outcomes. IT helps to determine the right methodology to use to achieve the desired outcome.<\/p>\n\n\n\n
See example of research canvas<\/strong> I will use in Figure 1<\/strong> link below<\/em><\/p>\n\n\n\n
In the research canvas, the research context focuses on designing a website which is part of a new campaign to bring potential customers back to the high street and to increase awareness of the old music records. The research objective is to find out the needs of the users. For example, the product descriptions, contact details, music genre etc. My assumption here is that customers are not aware of the presence of an old music records shop in the high street. The hypothesis is that customers will visit the record store because of the designed website which will signpost them to the shops. I shall be looking at existing research which exists about old music records business. The target users are the buyers of old music records.<\/p>\n\n\n\n
The research method I shall use will be conducting interviews, surveys, Usability testing and empathy mapping. The use of user personas will also help me in determining the demographics, pain points and frustrations, goals and motivations, behaviour patterns in order to ensure a user-centered design.<\/p>\n\n\n\n
See Figure 2<\/strong> \u00a0Empathy Mapping<\/strong> link below for Recursive Records.<\/em><\/p>\n\n\n\n
The Double diamond method is also a comprehensive approach to resolving a design solution. See an example of a double diamond solution below. <\/p>\n\n\n\n
![\"\"](\"https:\/\/newdawnsunrise.org.uk\/journal\/wp-content\/uploads\/2025\/01\/csm_Framework_for_Innovation_transparent_14a10de530-1024x881.webp\")
<\/figure>\n\n\n\nDouble diamond design concept https:\/\/www.designcouncil.org.uk\/our-resources\/the-double-diamond\/<\/a><\/em><\/p>\n\n\n\n
<\/p>\n\n\n\n
The first section of the diamond focuses on the discovery of the problem of why customers are not going to the high streets to shop for old music records. This eliminates any assumptions regarding the problem. The identification of the problem involves interviewing customers who listen to old music records. The second section of the diamond is about the insight obtained from the discovery stage which helps define the problem. At the intersection, the options are narrowed down to determine which ideas the focus will be on. The second diamond encourages customers to look at the defined problem from another perspective in order to enable me, the designer to seek a second opinion from other people. The delivery stage involves the testing and iteration of the design for improvement.<\/p>\n\n\n\n
I learned that there are five important quality components of research methodology:<\/p>\n\n\n\n
Usability, learnability, efficiency, memorability, errors and satisfaction.<\/p>\n\n\n\n
In my research, I shall look at existing research and evidence \u2013 past usability tests conducted, reports, customer segmentation, analytics and customer service logs as a guide.<\/p>\n\n\n\n
I learned that applying UI\/UX principles to Recursive records website will greatly enhance user experience which will signpost customers back to the high street, especially for old music records enthusiasts.<\/p>\n\n\n\n
<\/p>\n\n\n\n
UX design<\/strong><\/p>\n\n\n\n
<\/p>\n\n\n\n
I learned that UX is defined as a user-centered design (UCD) which is \u2018\u2019 an iterative design process in which designers focus on the users and their needs in each phase of the design process\u2019\u2019. https:\/\/websitearchitecture.co.uk\/resources\/user-experience-design\/presentations\/UX-Design-2024.pdf<\/em><\/a><\/p>\n\n\n\n
Users are involved throughout the design process in UX by using a variety of research and design methods so as to create a usable and bespoke product that is suitable for them.<\/p>\n\n\n\n
I learned that there are 3 Key factors to consider in a design solution:<\/p>\n\n\n\n
User (desirability)<\/p>\n\n\n\n
Business (Viability)<\/p>\n\n\n\n
Technology (Feasibility)<\/p>\n\n\n\n
I also learned that an Open-ended research starts from the left which is formative and generative. The right angle is described as Close-ended. This is described as Summative and Evaluative.<\/p>\n\n\n\n
My favourite approach to accurately looking at design is the design Squiggle. The design idea starts from the stage of uncertainty to a much clearer view. See Figure 4<\/strong> link below. The design Squiggle – the illustration was created by Damien Newman in the early 2000s to visually communicate to his clients that design was not “as it was for many, design was the simple act of making ordinary things pretty”. https:\/\/open.maricopa.edu\/inclusivedesign\/chapter\/an-introduction-to-design-and-the-design-process\/<\/em><\/a><\/p>\n\n\n\n
Ideation and Sketching.<\/p>\n\n\n\n
I learned that Ideation is the creative process of generating, developing, and communicating new ideas. (https:\/\/www.ajiet.edu.in\/img\/cse\/4_sem\/UI_UX_module2Chapter1.pdf<\/a>). The ideation stage is the point where the conceptual design begins. At this stage, many questions are asked and a lot of brainstorming is done. See Fig 6<\/strong> for my initial ideation for Cursive Records in the link below.<\/p>\n\n\n\n
Sketching is described as the rapid creation of freehand drawings expressing preliminary design ideas which focuses mainly on concepts.( https:\/\/www.ajiet.edu.in\/img\/cse\/4_sem\/UI_UX_module2Chapter1.pdf<\/a>).<\/p>\n\n\n\n
<\/p>\n\n\n\n
Site Mapping<\/strong><\/p>\n\n\n\n
This is the process of creating a visual representation of a website for an enhanced usability and better website design ( https:\/\/slickplan.com\/blog\/site-mapping-a-comprehensive-guide<\/a>). Site mapping is beneficial to Stakeholders and clients which can include Target audiences, Project managers, sponsors and C-suite executives. The overall objective is to get the attention of the end-user who will be the user of the design. Site mapping helps the user to find the website, find the site content, improve the site navigation and to create a better user experience. A sitemap expands on the ideas created from the information architecture. The example below is an example of <\/p>\n\n\n\n
a site-mapping information architecture.<\/p>\n\n\n\n
![\"\"](\"https:\/\/newdawnsunrise.org.uk\/journal\/wp-content\/uploads\/2025\/01\/image.png\")
<\/a>Site-mapping Information Architecture from https:\/\/slickplan.com\/blog\/site-mapping-a-comprehensive-guide<\/a><\/figcaption><\/figure>\n\n\n\n Creating Design Solution<\/strong><\/p>\n\n\n\n
<\/p>\n\n\n\n
Prototyping \u2013 I learned that there are three phases that can enable me to turn our insights into Prototype.<\/p>\n\n\n\n
- \n
- Notes \u2013 gathers key information. Example is Empathy map<\/li>\n\n\n\n
- Crazy 8s \u2013 Use A3 paper and fold into 8 folds using rapid variations. The next stage of crazy 8s is to use the critique technique called Even better if\u2026 The idea behind this solution is to push further the most interesting ideas.<\/li>\n\n\n\n
- Solution sketch \u2013 Use 3 panels of A3 paper to figure out the details.<\/li>\n<\/ol>\n\n\n\n
UI flows<\/strong><\/p>\n\n\n\n
I learned that the UI flow is used for highlighting the physical journey of the user through the software. While the journey map is more related to understanding the user\u2019s feelings and pain points at every stage, the user flow is more about the technical aspect. This means that the user flow illustrates the touch points in the user\u2019s journey.<\/p>\n\n\n\n
![\"\"](\"https:\/\/newdawnsunrise.org.uk\/journal\/wp-content\/uploads\/2025\/01\/simple_flowchart_for_nng_wireflows_article-8-1.webp\")
<\/figure>\n\n\n\nA user flow chart designed by <\/em>nngroup<\/em><\/a>.<\/em><\/p>\n\n\n\n
<\/p>\n\n\n\n
The flowchart in the above diagram shows the diamond shape shows that a decision is about to be taken which shows a \u2018Yes\u2019 and \u2018No\u2019 arrows. A rectangle means a task needs to be done, for instance \u2018Log in\u2019 or \u2018Confirm\u2019. User flow point out what takes place at each step in a user\u2019s journey and this process helps designers to find out where users are not clear about a particular stage. This process also helps designers to spot the areas that need amendment.<\/p>\n\n\n\n
User flows are useful to designers in 3 major ways:<\/p>\n\n\n\n
- \n
- For an intuitive interface \u2013 to make user online shopping intuitive and simpler. This also guides the designers towards completing their tasks without any hitches.<\/li>\n\n\n\n
- Evaluate existing interfaces \u2013 user flows helps to highlight difficult areas the design cycle. Creating UX flows which are already existing to enable the designer to find what works and which area needs to be corrected.<\/li>\n\n\n\n
- It is useful to Communicate Product ideas to clients of other designers \u2013 UX user flow supports and communicate clearer design ideas especially for presentation to stakeholders.<\/li>\n<\/ul>\n\n\n\n
I learned that there are 3 types of user flows in UX:<\/p>\n\n\n\n
- \n
- Task flows \u2013 focus on users navigation through the site when carrying out specific tasks. This shows only one path.<\/li>\n<\/ul>\n\n\n\n
![\"\"](\"https:\/\/newdawnsunrise.org.uk\/journal\/wp-content\/uploads\/2025\/01\/Group-1846.webp\")
<\/figure>\n\n\n\ntask flow taken from https:\/\/blog.uxtweak.com\/user-flow-in-ux\/<\/a><\/p>\n\n\n\n
<\/p>\n\n\n\n
- \n
- Wireflows \u2013 These consists of wireframes and flowcharts that indicate the relationship between data and screens that flows between the two. They also \u2018add page context to UX flows\u2019 https:\/\/blog.uxtweak.com\/user-flow-in-ux\/<\/a><\/li>\n<\/ul>\n\n\n\n
They are useful for designing mobile applications as each step in the flowchart appears as wireframe for mobile screen design.<\/p>\n\n\n\n
![\"\"](\"https:\/\/newdawnsunrise.org.uk\/journal\/wp-content\/uploads\/2025\/01\/reworked-littlehootz-8.webp\")
<\/figure>\n\n\n\n\nA low-fidelity wireflow showing a simple user task designed by <\/em>nngroup<\/em><\/a>.<\/em><\/p>\n\n\n\n
<\/p>\n<\/div><\/div>\n\n\n\n
User Flowchart \u2013 this comes with multiple task flows which indicate how users navigate through a particular system. They show the interaction between the user and the product. It shows that users perform tasks through different paths. They are usually assigned to a specific persona and entry point.<\/p>\n\n\n\n
![\"\"](\"https:\/\/newdawnsunrise.org.uk\/journal\/wp-content\/uploads\/2025\/01\/0_pycyZtBJaD7x7AJO.webp\")
<\/figure>\n\n\n\nAn accounts option user flow chart designed by <\/em>Igor Maric<\/em><\/a>.<\/em><\/p>\n\n\n\n
<\/p>\n\n\n\n
<\/p>\n\n\n\n
<\/p>\n\n\n\n
I will apply UX research and the design principles to enhance user experience of Cursive records by using all the above principles to design a functional and to create an exciting experience for the user.<\/p>\n\n\n\n
The main goal of Cursive old music records is to boost sales of records, digital downloads and at the same time promoting artists and old music albums. Our target users will be old music records collectors, music fans or those looking for specific music genres.<\/p>\n\n\n\n
The interface will include the following:<\/p>\n\n\n\n
Home page \u2013 this introduces the business to the audience. This will include trending products and promotions.<\/p>\n\n\n\n
Artist pages \u2013 introduces featured artists profiles and their old music records collection.<\/p>\n\n\n\n
Store page \u2013featuring different categories of old music records, CDs and digital downloads.<\/p>\n\n\n\n
Product pages \u2013 a list of detailed information about each album including tracklists and and pricing.<\/p>\n\n\n\n
Blog \u2013 album reviews, music news .<\/p>\n\n\n\n
Checkout \u2013 to ensure a smooth purchasing experience by using debit and credit card payments.<\/p>\n\n\n\n
Contact us \u2013 to enable users to ask questions and to provide feedback.<\/p>\n\n\n\n
Navigation<\/p>\n\n\n\n
Main navigation bar \u2013 will include the links to Cursive music store, products, search bar, about us and blog.<\/p>\n\n\n\n
Responsive Design \u2013 to optimise the website for desktop and mobile users.<\/p>\n\n\n\n
Product page \u2013 Album names and artists, tracklist, product format (albums, CD or digital), pricing and customer reviews.<\/p>\n\n\n\n
Shopping basket and checkout \u2013 add items, the option to remove items and to apply discounts.<\/p>\n\n\n\n
Payment options \u2013 debit card, Pay pal and credit card.<\/p>\n\n\n\n
User accounts \u2013 users can create accounts, see past transactions and create playlists.<\/p>\n\n\n\n
Social media integration \u2013 links to facebook, Instagram and Tik Tok will be added to engage users.<\/p>\n\n\n\n
Reviews \u2013customers can leave reviews about albums and service.<\/p>\n\n\n\n
Promotions<\/p>\n\n\n\n
– Seasonal discounts and offers.<\/p>\n\n\n\n
Testing<\/p>\n\n\n\n
- \n
- Website will be tested on mobile phone and desktop for resilience.<\/li>\n\n\n\n
- Regular checks and updates to keep the website relevant and current.<\/li>\n<\/ul>\n\n\n\n
Design elements<\/p>\n\n\n\n
- \n
- Images – Unsplash stock and icons will be used<\/li>\n\n\n\n
- Branding – I will use a business logo for Cursive records and maintain a consistent colour scheme.<\/li>\n\n\n\n
- Typography \u2013 I will use simple fonts that are readable throughout the pages.<\/li>\n\n\n\n
- User Experience \u2013 The site design will be simple and easy to navigate.<\/li>\n<\/ul>\n\n\n\n
See personal diagrams below<\/p>\n\n\n\n
Fig. 1 Cursive Records research canvas https:\/\/newdawnsunrise.org.uk\/journal\/wp-content\/uploads\/2025\/01\/User-flow-diagram-1.pdf<\/a><\/p>\n\n\n\n
Fig. 2 Empathy map https:\/\/newdawnsunrise.org.uk\/journal\/wp-content\/uploads\/2025\/01\/Empathy-map-1.pdf<\/a><\/p>\n\n\n\n
Fig. 3 Cursive Records site mappinghttps:\/\/newdawnsunrise.org.uk\/journal\/wp-content\/uploads\/2025\/01\/Cursive-records-site-mapping-1.pdf<\/a><\/p>\n\n\n\n
Fig. 4 Design squiggle https:\/\/newdawnsunrise.org.uk\/journal\/wp-content\/uploads\/2025\/01\/design-squiggle-1.pdf<\/a><\/p>\n\n\n\n
Fig. 5 User Flow diagram https:\/\/newdawnsunrise.org.uk\/journal\/wp-content\/uploads\/2025\/01\/User-flow-diagram-1.pdf<\/a><\/p>\n\n\n\n
- Wireflows \u2013 These consists of wireframes and flowcharts that indicate the relationship between data and screens that flows between the two. They also \u2018add page context to UX flows\u2019 https:\/\/blog.uxtweak.com\/user-flow-in-ux\/<\/a><\/li>\n<\/ul>\n\n\n\n
- Task flows \u2013 focus on users navigation through the site when carrying out specific tasks. This shows only one path.<\/li>\n<\/ul>\n\n\n\n