Festival Design Style Guide (PDF) When designing the new branding, primary research was carried out to identify users perceived opinions of colour and typography in relation to Leeds Festival and rock and indie music. Based off this information I created a first draft of the colour palette, typographical options and logos which can be seen in a previous post. I later concluded that the typography in the initial logo was very similar to the current Leeds Festival typography and made the decision to change this. The style guidelines shown below include information a design team would require to create content for Leeds Festival. Below is a quick rundown of the reasons for the pages included in the ‘Style Guidelines’: A mission statement was included to ensure that the reader would be aware of the purpose and goals of Leeds Festival. The various logos were important to include along with the correct sizing and the scenarios in which the different types of logos would be used. The colour palette was included however, unlike other style guidelines these were not split into primary and secondary and neutral palettes, this was due to the colours being equally important. The names for the colours are based on names of locations within Leeds. Typography is very important when considering a brands identity, within the style guidelines two typefaces were included and each have an array of font styles, the use of these font styles are explained within the style guidelines, however they do offer the user a little creative freedom whilst giving them boundaries. The typography pages were also used to demonstrate the readability of the typeface in different colours and on contrasting coloured backgrounds. The illustrations are used throughout the website and app. These were pulled from the logo design and as explained within the style guidelines can be used to bring the Leeds Festival branding into all designs. The call to actions and layout structures relates to the website and app. The margin added to the bottom and top of the app ensures nothing is placed here which will allow people functionality on their mobile phone. Artist imagery and social media pages were included to ensure there is a brand style to follow and make sure that all artist imagery and artist posts are following a style. The new branding for Leeds Festival is bright, colourful, vibrant and showcases a new vibe which embraces the new music genres now included in the festival, whilst still using the colour ways and bold typography of a rock/indie festival. This branding celebrates the diversity of Leeds Festival’s music. Design keeps the user engaged, meaning aesthetically pleasing designs are more important for users. Narrated video running through your High Fidelity interactive Figma website design and how this addresses the UX and UI needs for this assignment. Narrated video running through your High Fidelity interactive Figma app design and how this addresses the UX and UI needs for this assignment based on your research and requirements analysis. References Ticketmaster (2019) State of Play: Festivals UK. Available online: https://business.ticketmaster.co.uk/wp-content/uploads/2019/10/State-of-Play-Festivals-UK-2019.pdf [Accessed 5/3/2024]. Imagery Esteve, A. (2024) People sat down at a festival. Available online: https://unsplash.com/s/photos/festival [Accessed 6/7/2024]. Heimplatz, P. (2024) Confetti at a festival. Available online: https://unsplash.com/s/photos/festival [Accessed 6/5/2024]. Hermann, P. (2018) Tents on flat ground. Available online: https://unsplash.com/photos/tents-on-flat-ground-XJuhZqEE4Go[Accessed 6/5/2024]. Luhaers, K. (2024) Person at festival. Available online: https://unsplash.com/s/photos/festival [Accessed 3/5/2024]. Masri, J. (2024) People on shoulders at festival. Available online: https://unsplash.com/s/photos/festival [Accessed 4/5/2024]. Seiler, K. (2019) Man in white top sitting in front of drum kit at concert.Available online: https://unsplash.com/photos/man-wearing-white-top-sitting-in-front-of-drum-kit-on-concert-Ex8BVJwWPDw [Accessed 3/5/2024]. Thompson, J. (2024) Person on shoulders at festival. Available online: https://unsplash.com/s/photos/festival [Accessed 3/5/2024]. Wang, S. (2019) Man inside food stall. Available online: https://unsplash.com/photos/man-inside-food-stall-ye5T5R0G-GA[Accessed 6/7/2024]. Wouters, L. (2024) Rock festival. Available online: https://unsplash.com/s/photos/festival [Accessed 3/5/2024]. Inspiration Boom Town Festival (2024) Boom town information page. Available online: https://www.boomtownfair.co.uk/info [Accessed 4/5/2024]. Wide Awake Festival, courtesy of NME (2022) Wide awake line up poster. Available online: https://www.nme.com/news/music/primal-scream-and-bicep-to-headline-wide-awake-festival-2022-lineup-tickets-3112747[Accessed 3/5/2024]. Quote Leeds Festival (2024) Leeds festival information pages and ticket information. Available online: https://www.leedsfestival.com/[Accessed 3/5/2024].
Category: UI / UX
UI & UX Design – Development Research Blog
This blog post will explore the principles of User Experience (UX) and User Interface (UI) with the aim of creating a website and companion app for a chosen festival. Throughout this post the ‘Double Diamond’ method will be used to discover, define, develop, and deliver. Defining the UX for your Festival (Defining problem space, Usability Goals etc) The chosen festival is Leeds Festival established in 1999. Leeds Festival is an annual music festival that takes place in Leeds, UK, it runs from Friday to Sunday during the August bank holiday weekend. The main musical genres included in Leeds Festival are rock, alternative, indie, punk and metal, however more recently hip hop, pop and dance have been introduced. Based on information collected by Statista (2023) these genres make up 4 of the top 5 listened to digital audio genres in the UK. When organising a music festival there are numerous problem spaces, for Leeds Festival organisers these include but are not limited to the below: There is a large crossover of the organisers problem spaces with the festival attendees needs and requirements, please see below a few of these requirements: Customer reviews of Leeds Festival were utilised and highlighted pain points that are valuable for planning, these complaints included staff being unfriendly and undertrained, no lighting in the car park, people getting lost, litter not being collected, disappointing line up. These are all factors that must be taken into consideration to create a good user experience. Tickets must be purchased through the festival website. The website should incorporate the six main usability goals that designers focus on, listed below with examples relating to Leeds Festival’s website: The problem space differs for the website and companion app, as the websites main uses would be carried out prior to attending the festival to purchase the ticket and understand what to expect from the festival. Whereas the companion app would be used during the festival; to store the tickets, have a timetable of events, have a site map with information of first aid, toilets, stages, food, showers etc. Requirements Gathering and Analysis Leeds Festival’s website states they welcome all ages, however, have entry restrictions for under 16s. Based on information from Leeds City Council (2023) “approximately 55% of ticket holders [in 2022] were under 21 years.” Ticketmaster (2019) discovered that the most popular age range to attend a festival is 25-34. Ticketmaster’s research highlighted that whilst music is the top priority for attending music festivals, older fans are also interested in the social aspect, whereas younger fans are more interested in the experience and escapism of a festival. These statistics lead to the decision of the target audience for Leeds Festival being music fans from 16-34 years old with a focus on 16-21. Based on background research the identified stakeholders have been entered into an interest influence grid including details of reasons they have an interest in Leeds Festival. Please see below the interest influence grid: The primary user of the website is expected to align with the target audience of music fans aged 16-21. Through incorporating the six usability goals mentioned earlier into the website the primary user’s needs will be met. The website should be accessible for people with disabilities, conditions, or impairments, whether this be physical, cognitive or sensory. An accessibility statement, limited use of timed options, autofill fields and keyboard shortcuts will be included. Through the information architecture (IA) the website and app will be organised in a manner that will allow the ‘TAB’ order user friendly. To better understand Leeds Festival’s website and app a Hierarchal Task Analysis (HTA) was completed, shown below: By completing this HTA pain points in the process of going to Leeds Festival were highlighted, these include: Positive takeaways the HTA highlighted that will be carried forward in the design pattern when recreating the website and companion app are: To further develop the user’s journey, six personas were created based on the user research earlier mentioned plus, a map of Northern England and the 2021 Census (Office for National Statistics, 2023) to ensure that the users were within the correct demographic and area for visiting the festival. The personas were then transferred into a user journey map using assumptions on how a festival website and app would be used, which can both be seen below: Through varying personas and user journey maps additional user requirements were identified, which will help in the “prevention of self-referential design” (Miaskiewicz and Kozar, 2011). To create a successful website and companion app a user centred design (USD) approach should be applied, additionally the designer should observe the user’s experience, then analyse this data to improve the end user’s interaction. These user experiences can be trialled using low fidelity prototypes. UI principles to be applied to your design To ensure consistency throughout the festival’s website and companion app design laws will be created/followed to support the best user experience, along with a coherent user interface through incorporating usability goals. Examples of these laws include: Similarly, to the above design laws, feedback should be added in the form of prompts or reactions to further improve the user experience. Examples of this feedback include: In addition to providing feedback when decisions are made by the user, call to actions should be included in the interaction design (IxD) to guide users to making the right decisions. These call to actions should allow users to seamlessly continue their journey from one page to the next and ensure that the design/website responds in the way the user would expect. The overall interface of the festivals website and companion app will be adaptable depending on who/where/how it is being used. These different interfaces may entail the layout to change depending on screen size or making use of an accessibility button that can alter the interfaces font size, colour or audio settings as previously discussed. Rejected designs Below are a few examples of low fidelity prototypes that did not meet the user’s needs and requirements for… Continue reading UI & UX Design – Development Research Blog