SEO According to Search Engine Land, SEO can be described as “SEO stands for “search engine optimization.” It is the process of improving your website to increase visitors from Google, Microsoft Bing and other search engines, whenever people search for: It also claims that the better your page visibility when being searched, the more likely you are to gain organic visits from users. As well as this, websites should be optimised for people AND search engines. A Helpful Guide To SEO For Users And Search Engines (Danny Goodwin (2024) What Is Seo- Search Engine Optimization? Search Engine Land. (N.D) https://searchengineland.com/guide/what-is-seo [Accessed 04/11/2024]) As well as these statistics on the organic reach of SEO, stating, “SEO is a critical marketing channel. (https://searchengineland.com/guide/what-is-seo) Therefore it can be seen that optimising a Non-Profit website in this way, increases their click rate, and exposure/discoverability, e.g. things such as posting Youtube Videos, Instagram Reels, or CapCuts to TikTok, which can increase the reach of the charity through SERP (Search Engine Results Pages) Social Media Strategies And Campaigns According to ColorWhistle: “Graphic design is the most powerful art that has breathed fresh life into digital marketing. This modern form of art has added a contemporary flair to the advertisement profile of every company. It also acts as one of the key components to build brand awareness and influence the customer’s decision-making process.” (https://colorwhistle.com/graphic-design-importance-in-digital-marketing/) Some effective marketing strategies include the use of graphic design via strong branding, use of colour, videos, typography, infographics and interactive storytelling, to post campaigns to social media to advertise and spread awareness for a narrative or goal (a campaign), to raise awareness and engagement. Mental Health Awareness Week: Nature Theme 2021Ellipsis (2024) The 10+ Best Charity Campaigns In 2021: Overview. https://www.wpcharitable.com/charity-campaigns/ [Accessed 04/11/2024] Black Lives Matter: Extremely Famous And Important Campaign Showing Impact Of Web Visuals Ellipsis (2024) The 10+ Best Charity Campaigns In 2021: Overview. https://www.wpcharitable.com/charity-campaigns/ [Accessed 04/11/2024] User Engagement Propelled Marketing A second form of the use of social media marketing includes that of encouraging the individual user to spread a message or story via hashtags, video or dance challenges, and other challenges such as the Ice Bucket Challenge for ALS. Infographics Step By Step For User Participation In The Ice Bucket Challenge (The ALS Association (N.D) The ALS Ice Bucket Challenge: 10th Anniversary. https://www.als.org/ibc [Accessed 04/11/2024]) The chosen Non-Profit for my project can benefit from using this kind of visual web marketing to tell a story, and drive traffic through images and videos, as well as physical campaigns like the ice bucket challenge to gain traction to the website and cause. Email Marketing For Nonprofits Non-Profits could use softwares such as MailChimp, to design email campaigns, and offer a way to update, advertise, invite, thank, and inform their user base to upcoming events and campaigns, and for giving donations, or showing interest in certain campaigns. It can also be helpful for Non-Profits to use multi channel-marketing to make emails more personally tailored to people’s interests by being sent out when a user interacts with certain pages or buttons. Brilliant Email Which Evokes Strong Feelings And Emotion With Call To Action Button CampainMonitorByMarigold (2024) Nonprofit Email Marketing: The Ultimate Guide To Email Marketing For Nonprofits. https://www.campaignmonitor.com/resources/guides/ultimate-guide-email-marketing-nonprofits/ [Accessed 04/11/2024] Email Giving Thanks To User-Showing Versatility Of Uses For Email Marketing CampainMonitorByMarigold (2024) Nonprofit Email Marketing: The Ultimate Guide To Email Marketing For Nonprofits. https://www.campaignmonitor.com/resources/guides/ultimate-guide-email-marketing-nonprofits/ [Accessed 04/11/2024] According to Campaign Monitor By Marigold, email marketing can help monitor performance and improve engagement, as well as observe click through rates “An open rate measures the amount of supporters that opened your email. This metric will give you insights into the quality of your subject lines, if you’re sending too many emails, or if your content is appropriate for your subscribers.” (https://www.campaignmonitor.com/resources/guides/ultimate-guide-email-marketing-nonprofits/) Harvard References CampainMonitorByMarigold (2024) Nonprofit Email Marketing: The Ultimate Guide To Email Marketing For Nonprofits. https://www.campaignmonitor.com/resources/guides/ultimate-guide-email-marketing-nonprofits/ [Accessed 04/11/2024] ColourWhistle (2024) Importance Of Graphic Design In Digital Marketing. ColorWhistle. https://colorwhistle.com/graphic-design-importance-in-digital-marketing/ [Accessed 04/11/2024] Danny Goodwin (2024) What Is Seo- Search Engine Optimization? Search Engine Land. (N.D) https://searchengineland.com/guide/what-is-seo [Accessed 04/11/2024] Ellipsis (2024) The 10+ Best Charity Campaigns In 2021: Overview. https://www.wpcharitable.com/charity-campaigns/ [Accessed 04/11/2024] The ALS Association (N.D) The ALS Ice Bucket Challenge: 10th Anniversary. https://www.als.org/ibc [Accessed 04/11/2024]
Author: reffoldkeal2023
Analysis Of Current Web Design
Responsive Design Responsive design is a big one to consider when formulating for the creation of the website I will be making. According to Inside Design Ethan Marcotte, (a designer famous for creating responsive web designs), said; “Rather than tailoring disconnected designs to each of an ever-increasing number of web devices, we can treat them as facets of the same experience. We can [make our] designs […] more adaptive to the media that renders them.” ( Jes Kirkwood https://www.invisionapp.com/inside-design/examples-responsive-web-design/) He also argued that by doing this, it allows our designs to be future proof, allowing for longevity within our designs, which is something that is applicable to this project; it can be seen that creating a design which is highly adaptable to all devices, is a hugely important web design approach that allows for the information to be accessible, and UX to be memorable in a positive way, thus improving the likelihood of returning users. Example Of Responsive Design Across All Platforms Jess Kirkwood (2018) 11 Powerful Examples Of Responsive Web Design. In Vision .26 Feb https://www.invisionapp.com/inside-design/examples-responsive-web-design/ [Accessed 23/10/2024] Mobile First Approach According to Studio By UXPin; “The mobile-first approach is designing for the smallest screen and working your way up. It is one of the best strategies to create either a responsive or adaptive design.” (UX by Pin https://www.uxpin.com/studio/blog/a-hands-on-guide-to-mobile-first-design/) I would like to use the mobile- first approach, rather than designing for desktop, and then having a poorly adapted UI which has errors; As can be seen with the Time Bank’s website, when using it on mobile, some assets overlap text, as well as the upper tabs becoming a hamburger menu, (which isn’t the issue), it uses headings that are too long to fit in the menu properly, becoming unreadable. Time Bank App Screenshots Showing Non- Responsive/Poorly Fitting Designs, And Text Unable To Fit Into Hamburger Menu Timebank(2022) Projects and Partners. Timebank. https://www.timebankhullandeastriding.co.uk/projects-and-partners [Accessed 23/10/2024] Accessibility Accessibility also allows for a wider demographic to access the information on the chosen project website.Gain Line states that; “Accessibility ensures that websites and web applications are usable by individuals with various abilities and disabilities. It promotes inclusive design, allowing everyone to access and interact with digital content regardless of physical or cognitive abilities.” (Gain Line. https://gainline.co.uk/insights/the-importance-of-accessibility-in-web-development/) In this way, it is important that the website design takes into priority its need to be accessible by people with disability; One such example of this includes an “accessibility button”, on the Yorkshire Wildlife Trust Website. Yorkshire Wildlife Trust User Way Accessibility Button Plugin Yorkshire Wildlife Trust (N.D) Home/YWT. https://www.ywt.org.uk/ [Accessed 23/10/2024] Video Screen Shot Of Some Of The Button Features Working Yorkshire Wildlife Trust (N.D) Home/YWT. https://www.ywt.org.uk/ [Accessed 23/10/2024] Accessibility Button- User Way Plugin This is a. AI powered plugin by UserWay, which complies with WCAG 2.1 and 2.2. WCAG are international guidelines which according to Gov.uk, are a “recognized set of guidelines for improving web accessibility”. (https://www.gov.uk/service-manual/helping-people-to-use-your-service/understanding-wcag) Due to its compliance with WCAG, this could be a really useful tool to improve the accessibility of my website design, as well as using the aria html function to allow for the visually impaired to have audio queues for images and buttons on the website, making the information much more accessible, and improving the UX. User Way Website Showing WCAG 2.1 And 2.2 Compliances UserWay(2024) Web Accessibility. UserWay. https://userway.org/?utm_source=ywt.org.uk&utm_medium=widget_footer&utm_campaign=free_widget [Accessed 23/10/2024] The Grid System Another useful web design approach is the use of grid systems. According to UX Design Institute “Grid systems are the foundation of well-designed websites. Using grids in web design ensures that their websites have a clear hierarchy and are easy to follow.” (UX Design Institute. https://www.uxdesigninstitute.com/blog/how-to-use-grids-in-web-design/) This will aid me in creating a responsive design for my project, that keeps its structure, as well as establishing a good use of information hierarchy, and uniformity across all platforms. Screen Shot Of How Grids Organise A Layout To Be Really Neat And Uniform Jaye Hannah(2023) How To Use Grids In Web Design: 5 Golden Rules. UX Design Institute. 11 April. https://www.uxdesigninstitute.com/blog/how-to-use-grids-in-web-design/ [Accessed 23/10/2024] Harvard References GainLine(2023) The Importance Of Accessibility In Web Development. GainLine. 12 December. https://gainline.co.uk/insights/the-importance-of-accessibility-in-web-development/ [Accessed 23/10/2024] Gov.uk(2023) Understanding WCAG 2.2. Gov.uk. 5 October. https://www.gov.uk/service-manual/helping-people-to-use-your-service/understanding-wcag[Accessed 23/10/2024] Jaye Hannah(2023) How To Use Grids In Web Design: 5 Golden Rules. UX Design Institute. 11 April. https://www.uxdesigninstitute.com/blog/how-to-use-grids-in-web-design/ [Accessed 23/10/2024] Jess Kirkwood (2018) 11 Powerful Examples Of Responsive Web Design. In Vision .26 Feb https://www.invisionapp.com/inside-design/examples-responsive-web-design/ [Accessed 23/10/2024] Timebank(2022) Projects and Partners. Timebank. https://www.timebankhullandeastriding.co.uk/projects-and-partners [Accessed 23/10/2024] UserWay(2024) Web Accessibility. UserWay. https://userway.org/?utm_source=ywt.org.uk&utm_medium=widget_footer&utm_campaign=free_widget [Accessed 23/10/2024] UX By Pin(2024) A Hands-On Guide To Mobile First Design. UX By Pin. 3 October https://www.uxpin.com/studio/blog/a-hands-on-guide-to-mobile-first-design/ [Accessed 23/10/2024] Yorkshire Wildlife Trust (N.D) Home/YWT. https://www.ywt.org.uk/ [Accessed 23/10/2024]
Collaboration In Web Design
The Hand App During week one we collaborated in groups to create an application which would bring attention to, and promote, sustainable gaming practices amongst teenagers; this led to some interesting ideas from the group, as well as some input from Jambot on Figma. Hand App Group Work Mind Map Roles I Found Myself In The first idea was an app called “Hand”, which would act as a prompt to remind teens to take time out from their game. During the process of collaborating, I found myself in the role of “group leader”, which is not something I thought I was capable of due to my shyness. I found myself pitching this idea that I had for the app, and then the group began to add to it and broaden the concept. In the future I will maybe feel more confident in my ability to be in a leadership role for group projects, and directing the flow of group contributions into a useful and interesting collaboration of ideas might be useful for my future role as a graphic designer. Figjam Board Hand App Figjam Board- Fleshed Out And With Jambot Results Opposition and Reflective Thinking One group member disagreed with the notion of the reward system of the app, stating that the company would go bankrupt pretty quick if it were to give away figurines in exchange for points; this was interesting because i had not considered that point, and it lead me to reconsider, and think that she was probably right in her conclusion. This led to reflective thinking, and re-evaluation of the concept, which is useful for iterative processes in graphic design such as app design. I think that opposition is a good opportunity for re-evaluation and refinement of ideas, to improve a collaborative effort, and check for errors. The Use Of AI-Jambot For Ideas We also used Figma’s AI Jambot to help us quickly collate several different app ideas using the same brief, which was helpful as it managed to suggest lots of great ideas, faster than all of us could do in the time that we had. I feel that this aided group collaboration in that it speeded up the process, saves time. It also helped us to think outside the box, and end up with several fleshed out ideas; this is useful for us as graphic designers as it is likely we will have to create several ideas for our clients in the future. What Did I Learn About Collaboration Overall I think that collaboration in web design allows for the re-iteration of ideas through error picking, which leads to the refinement of our ideas within the group. It also allows for ideas to be had that I wouldn’t have thought up originally, either by other group members, or by utilising AI such as Figmas Jambot, to collate multiple ideas using one design brief, which mimics the collaborative design environment that is a part of being a graphic designer.
Daisy Website And Tablet
Website The website still follows Jakob’s Law, however with some differentials to the app and tablet design, which is that there are more options on the hamburger menu, due to there being no nav bar, as the format is for a computer and not a phone or tablet. The website contains some responsive features such as a loading/buffering sign when playing videos so that Users can know that the video is loading while they are waiting. Furthermore, the categories screen is much different to the app and tablet due to their being much more width space, therefore the screen is split into the categories bar, and the display section where the Users can see the category suggestions that they search for. Most frequented and HTA was considered when designing the hamburger menu: According to Hubspot “Your customers are already accustomed to following visual cues to determine which content is important to them. Calls to actions (CTAs) that are clearly marked with an action word enable your website users to more easily navigate your site and get exactly what they want in the location they expect to find it.” Some visual CTA’s used by Daisy include ‘cloud shapes’ or ‘petal’ shapes, and these signify a button that leads to a main page, (not including edit account buttons), and these signify users to know that they are interactable and will navigate the user to that specific page. The clouds/petals are also aesthetically pleasing, and soothing due to their soft edges, which is conceptual. Another CTA includes the darker pink colours indicating UX features such as toggles in parental controls, or button colours e.g. ‘delete account’, ‘Sign Up’. Tablet Log In and Sign Up Main Pages The UX for the tablet is the same as the website, and contains all the same pages and features, the only difference being the resolution size, and the category page, which is more similar to the app, with a vertical scroll in the centre of the UI. Account Nav Bar Harvard References Jiminez. D (2022) 10 Tips That Can Drastically Improve Your Website’s User Experience. Hub Spot. Available Online: https://blog.hubspot.com/marketing/improve-your-websites-user-experience [Accessed 04/05/2024]
Daisy App
Hamburger Menu The Design of Daisy follows Jakob’s design principle, in that users spend most of their time on similar apps using similar formats, and so they will know how to use Daisy based off of this knowledge, which is why the app has a standard hamburger menu, and navigation bar. According to LawsOfUX: “Users spend most of their time on other sites. This means that users prefer your site to work the same way as all the other sites they already know.” Based off of this UX Law, the app nav menu is easy to use and not overwhelming, also follows Hick’s Design Law, which according to Interaction Design Foundation, can be summarised as: “the more choices a person is presented with, the longer the person will take to reach a decision.” The hamburger menu only has four options, one of which is log out, and so this is to decrease the amount of options presented to users to avoid confusion, frustration, boredom, or quitting the app. The UX/UI is standardised in that the items lay vertically and can be tapped to navigate to the corresponding page. Pages included in the menu are: ( Search, Categories, My List, and Log Out). My list actually is also on the nav bar, but I put it in two different places so that people can get to their list from the bottom of the screen, or the side. The pages are organised in this way due to HTA and IA considerations, in that they are organised in order of importance to the user. Log In and Sign Up Screens In this next paragraph I will be discussing the UX of the Log In and Sign Up Screens of Daisy. The User Experience Features of the log in page i would like to highlight are: Nav Bar Pages Lastly for the app, i will be discussing the Navigation Bar The Nav Bar was first designed to be a menu with no animation, however it ended up evolving during the process of making it, and so the menu has an animation that follows the selected icon, so that the user can know which page they are on, and navigate to the other main pages easily. The Nav Bar Options Include: The Product The app is an anime streaming service that aims at providing shoujo and josei anime and manga for girls and women. Categories can include: Demographic Harvard References Interaction Design Foundation (N.D.) What Is Hick’s Law- Updated. Available Online:https://www.interaction-design.org/literature/topics/hick-s-law#:~:text=Named%20after%20psychologists%20William%20Edmund,choices%2C%20thereby%20keeping%20them%20engaged. [Accessed 04/05/2024] Yablonski.J. (2024) Info Laws of UX. Available Online:https://lawsofux.com/jakobs-law/ [Accessed 04/05/2024]
003: Design Portfolio
App UI/UX Narrated Video Website UI/UX Narrated Video Typographical Standards Harvard References A.Clubley(2023) Is Deforestation a Problem in the UK? Available Online: https://www.bluepatch.org/is-deforestation-a-problem-in-the-uk/ [Accessed 02/03/2024] Unsplash (N.D.) Beautiful Free Images & Pictures. Available Online: https://unsplash.com/ [Accessed 29/04/2024] USDA,National Agriculture Library (N.D.) Hydroponics National Agricultural Library. Available Online: https://www.nal.usda.gov/farms-and-agricultural-production-systems/hydroponics#:~:text=Hydroponics%20is%20the%20technique%20of,%2C%20hobbyists%2C%20and%20commercial%20enterprises. [Accessed: 24/04/2024] Global Forest Watch. Effects of Forests on Biodiversity. Available Online: https://www.globalforestwatch.org/topics/biodiversity/#intro [Accessed 02/03/2024] Interaction Design Foundation (2024) 10 of Our Favourite Login Screen Examples. Available Online: https://www.interaction-design.org/literature/article/login-screen [Accessed 29/04/02024] L. Grenier (2022) How To Create A Simple, Accurate User Persona. [Blog Post] HotJar. 18 August. Available Online: https://www.hotjar.com/blog/user-personas/ [Accessed 26/02/2024] Soward D. (2022) Linked In. Considering Font for Neurotypes. Available Online: https://www.linkedin.com/pulse/considering-font-neurotypes-will-soward?trk=pulse-article [Accessed 27/04/2024]
User Research and Concept Ideation
Problem Space There is a gap in the market for streaming services aimed at girls and women who like anime and manga. This is due to most anime being created to appeal to the male demographic, with sacrifices made to story and character development for fan service, and lewd portrayals of womanhood. It is evident that there is a large demographic of girls and women who enjoy manga and anime, and struggle to find a show that doesn’t have fan service, or isn’t catered towards the male demographic. Thus, the aim is to create an ‘companion app’ streaming service that is aimed at girls and women who like manga and anime. This is an issue that is deep rooted in the country of origin in which the art is from and most commonly produced (Japan); it is well known that Japan has an issue with the treatment of women, and in a statement by Human Rights Pulse: “Earlier this year, the creative chief of Tokyo’s Olympics, Hiroshi Sasaki, resigned after making comments body shaming Naomi Watanabe – a plus-sized entertainer – and describing her as an”Olympig “. Just one month earlier, the chair of the Japanese Olympic Committee was forced to step down following remarks he made, stating that women “talk too much,”. It can be seen that this attitude is indeed reflected in anime, as art imitates life: “Minister Hakuo Yanagisawa declared publicly that “women are child-bearing machines,” which continued to feed the popular stereotyping in Japan that the main contribution of women to society ought to be bearing and raising children.” This, and the demographic of “Otaku”, and the fan service catered towards them is creating an unrealistic expectation of women’s behaviour and bodies, that are simply just not true, and this is harmful to young girls growing up into womanhood, and especially in the anime community. Mission Statement “To create a space where women can enjoy anime without feeling like they are watching fetish content or fan service aimed at the male demographic. To try and take back the word “Otaku” and its negative connotations. Over the years “Otaku” has had a stigma attached to it due to it having a reputation of being favoured by sub- cultures such as “incel” culture, and that all anime is strange and sexualised. The app is an anime streaming service that aims at providing shoujo and josei anime and manga for girls and women. Abridged: A streaming service for girls and women, who want to watch anime with a genuine focus in storytelling, character building, music, romance and art. “A streaming service WITHOUT the fan service”, so women can feel more safe in the anime community. A blog post by Emma Sauer states her opinion, that as a long time anime watcher, the one thing she could never grow accustomed to was the fan service, and all the strange scenes that come with it; however she also states that it’s not dirty jokes, or sexy characters that are the problem, stating: “To clarify, I don’t have a problem with dirty jokes or sexy characters in anime–this is not the issue. Rather, what skeeves me out is when sexual harassment is played for laughs, or when the “sexy” character in question looks like a child. For example, take the first season of the Netflix original anime, Seven Deadly Sins. The main character constantly harasses another character by groping or looking up her skirt, while the other characters berate him for being a pervert. This is supposed to be a running gag. ” This is common in a lot of anime, and therefore my project will focus on UX/UI for an app designed for men and women who just want to watch beautiful animation, in a safe space. Figma Mood Board and Wire Frames User Flow Above is the user flow diagram for the Daisy App, which shows pages which can be accessed via the navigation bar, and pages which can be accessed via the hamburger menu, and their sub pages. User Research It can be observed that the following research does support the opinion that there is an issue with anime and fan service, and that there are women out there who would have use for an app like Daisy; However, there are some opinions from users that do not align with mine, however it would have been biased for me to have filtrated these so i have included all of the user research i got from Google Forms. As you can see, 66.7% of users admitted that they had stopped watching an anime because of uncomfortable fan service, which corresponds with the concepts behind the Daisy App, (creating a safe space where people can watch anime for its story). Here the responses where mixed which was interesting, with sometimes being most responded, which means that Daisy App would be for subjective purposes, e.g. , for those who feel they want to get away from fan service, as not all women dislike it. When asked if they would like to see more anime created from female mangaka authors manga, 12 of the users said yes, which means that there is definitely a gap in the market for more female artists work to become anime. Daisy would be a space for this. Here are responses in regards to the safety of being involved in the online anime “community”, and again, the opinions where mixed, and showed that some people don’t feel safe, whereas others do, and even one male replied saying he doesn’t feel safe, so it is really a subjective matter. Above is evidence that 75% of users agreed with the opinion that; in lots of anime, the female characters are sexualised/objectified for comic relief, or other purposes, and that they would prefer more story driven anime that focuses on character development, and music. Which is why Daisy would be a useful app for those who share this opinion, and want to break away from it to a safer space.… Continue reading User Research and Concept Ideation
Class Work
Practical Exercises
Website Mid-Fidelity Prototype
Video Of Website Navigation Please find above a video of my website prototype working. During my user research I was suggested by a user to make the “festival” the first tab on the navigation bar which I did, and this makes it much easier for users to locate the main event/selling point (the festival). In addition to this, I also took the user suggestion of making the background a really light green as opposed to it just being white as originally decided, and I feel this makes the overall website/branding a lot more colourful and memorable. In addition to this, I created a log in/ sign up screen for my website, which would allow users to easily create a profile, ask and answer questions on the FAQ page, as well as let others know how many trees the user currently has. This design is a responsive design because after signing up, the user receives a thank you message with fun confetti icons, and an image that they can liken to themselves.The user also receives a notification of a confirmation email to make them feel more secure that the sign-up process went as desired. The UI colour scheme is identical to the App, however the layout of the website, although following similar rules, is different due to the location and shape of the navigation bar, whereas the app has a hamburger menu which can be expanded. I felt this feature kept true to the strong branding, whilst also being adaptable for PC layouts, and making use of the extra space. People also were extremely keen on seeing as many images of Bonsai as they could on the website, so in addition to the gallery page, i added a small frame to the left hand of all pages except gallery page, which contains a small scrolling feature where people can scroll through bonsai images, and the heading also contains a link to the gallery page itself, therefore encouraging users to come and look at these pictures and get inspired; resulting in ticket sales. Typographical Standards Above are the Typographical standards for anyone who should need to create assets for the Tool Shed Bonsai Brand. Koulen was chosen for headings as it is bold, whilst still feeling modern and minimalist, due to this, all text is sans serif font. Lexend was used for body copy, and Lexend variants with larger spaces can be used for messages such as “basket is empty” or “username/ password”. I chose this font because it is easy to read, and rounded, making it easier on accessibility issues such as poor eyesight, which is common in the older male demographic which my product is designed for. Card style has been used for images in the gallery, and all other images (e.g History page), to keep the website UI feeling soft and not overwhelming, especially to an audience who might struggle already with using technology. Uses of colours include: Harvard References DiveInDesign (2022). how to create interactive cart with Figma. design and prototype ( animation ) Video Available Online: https://www.youtube.com/watch?v=5eXXco1NsNA&ab_channel=DiveInDesign [Accessed 03/04/2024] Expo Bonsai UK (N.D.) ExpoBonsai UK- Home. Available Online: https://expobonsaiuk.weebly.com/[Accessed: 25/03/2024] E.Stevens (2022) 7 Fundamental UX Design Principles All Designers Should Know. Available Online: https://www.uxdesigninstitute.com/blog/ux-design-principles/ [Accessed 04/04/2023] Federation of British Bonsai (N.D.) Federation of British Bonsai. Available Online: http://www.fobbsbonsai.co.uk/index.html [Accessed: 24/03/02024] Itmagination (N.D.) The Importance Of Architecture (AI) In UX And UI Design. Available Online: https://www.itmagination.com/blog/the-importance-of-information-architecture-ia-in-ux-and-ui-design#:~:text=By%20keeping%20your%20information%20architecture,of%20a%20tool%20or%20service. [Accessed 04/04/2024] J.Downs (2019) Card UI Designs: Fundamentals and Examples. Available Online: https://www.justinmind.com/ui-design/cards [Accessed 04/04/2024] K.A. Aziz (2023) Overcoming The Paradox Of Choice In UI UX Design. Available Online: https://bootcamp.uxdesign.cc/overcoming-the-paradox-of-choice-in-ui-ux-design-how-to-simplify-user-experience-f80ffe0a0c6c [Accessed 04/04/2024] The Bonsai Show Live (N.D.) The Bonsai Show Live-5th-6th. Available Online: https://www.thebonsaishowlive.co.uk/ [Accessed 24/03/2024] Trophy Bonsaiassociation. (N.D.) Trophy Bonsaiassociation. Available Online:https://bonsaiassociation.be/trophy/ [Accessed: 24/03/2024] Mid Herts Bonsai Club (N.D.) Galleries- Mid Herts Bonsai Club. Available Online:http://www.midhertsbonsaiclub.co.uk/galleries.html [Accessed 25/03/2024] UK Bonsai Association (N.D.) Event Calendar- UK BONSAI EVENTS DIARY. Available online:https://www.ukbonsaiassoc.org/event-calendar.html [Accessed: 24/03/2024] UX Planet. (2019) 98 Questions UX Designers Must Ask. Available Online: https://uxplanet.org/98-questions-ux-designers-must-ask-9b6984c6bd67 [Accessed: 18/032024] Zorraquino (N.D.) Jakob’s Law/ Dictionary. Available Online:https://www.zorraquino.com/en/dictionary/ux/what-is-jakobs-law.html#:~:text=What%20is%20Jakob’s%20Law%3F,other%20sites%20they%20already%20know. [Accessed 06/04/2024]