This blog post will move on from ‘Post 4’ to develop responsive User Interfaces (UI) that meet the user’s needs and leads to a valuable User Experience (UX). The responsive layouts will be created by using mid-fidelity prototypes, the mid-fidelity prototypes will include call to action designs and onboarding on the companion app.
Mid-Fidelity Layouts (including call to actions)
The mid-fidelity prototypes from posts 1 and 2 have now been slightly adapted and call to action buttons are now interactive using Figma. Please see below a recording of the website and companion app in action:
The layouts still require further improvements, Rekhi (2017) made the point that “Visibility is the basic principle that the more visible an element is, the more likely users will know about them and how to use them.” Rekhi (2017) later went on to discuss the disadvantage of the hamburger menu on apps, as this menu choice has an absence of visibility of the available options.
Responsive Layouts
To ensure a seamless UX the layout for websites must be responsive, this is due to there being a large amount of available screen sizes for the consumer. A responsive design will allow for the Leeds Festival website to be compatible for use on a large computer screen, a tablet, or a smartphone; it will also mean that the companion app can be downloaded and easily usable on a smartphone, tablet, or laptop.
As part of the iterative double diamond design process the next step will be to receive user feedback on the mid fidelity prototype and adjust based on the feedback, incorporate the style guidelines, and create a high-fidelity prototype.
References
Rekhi, S. (2017) Don Norman’s principles of interaction design. Available online: https://medium.com/@sachinrekhi/don-normans-principles-of-interaction-design-51025a2c0f33 [Accessed 5/4/2024].