UI Design — Case Study


The termination of this case study is to solve a user interface design problem. The app that will be looked at is ‘The Gym’ app. The gym is best known for being the original provider of high quality, low cost gym facilities in the UK. One of the features on the app that lacks being user inferface friendly is one of the pages on there called ‘Record a Workout’. This option Is used to record all work outs to see the users daily workout progression. Once the user accesses the app, they are introduced to options they can choose from, at the bottom there the ‘Record a workout’ option is there. It opens up as a menu. It gets the user to manually or automatically (Scan a QR code of the machines used) add their progress into a form type page. This case study consists presenting the designs problem, knowing demographically who are the users and audeinces, scope and constrained, a step by step process of how the design process works, results from peoples feedback and lastly the outcomes and conclusion. By the end of this case study, the goal is to ensure that people do not spend most of the time on the app, spend more time working out and to refresh the app with more modern layouts and components.

Present the design problem

Using this app personalilly, there are some recognisable user interface errors this feature has. This causes the user to spend a lot of time on the app and spend less time working out which is not. The whole point of the app Is to Swiftly adding your workout progress, keep it recorded for future references, then carry on with the workout. There was a test to see how long the average person would spend on this feature, And it shows that they would spend five to six minutes recording every single workout they’ve done. most users would say they would do this halfway through a workout and find it that it does take a bit of time trying to fill in every single section out manually. There are, by the looks of it, four different types of errors in this app that can be causing users to be spending a lot of time filling out out their workout results.

Users and audience

Now, that the UI guidelines secondary research has been done and have been acknowledged. There needs to be more secondary research based who demographyically uses the app, in order to make the updates suitable for the users age group. A resource called Jrank.com, claims that “With regards to general apps, 48% were female and 52% male. When it came to age groups, 34% of health and fitness app users in the 23–34-year-old-group used health and fitness apps, whereas the 35–54-year-old group were at 47%. Other age groups participated little with health and fitness apps.” This indicates that people from the early 20s to their mid 50s use fitness apps to keep on track with their progress. (Mike S and Ana L, 2016)

Scope and constraints

When it comes to scope and constraints, is time to organise what you would restrict and what you will allow. With scoope this is where rules are placed to set plans of what is going to happen and by following these things it will benefit making a successful app. When it comes to Solving the design problem, we must follow the guidelines of each component of the feature. There must be different types of components, more Styles, and it has to be very responsive. With the user and audience, when it comes to the focus groups, all questions will be answered in a professional manner and the feedback will be from people with different types of backgrounds.The design process will be structured properly where the step-by-step plan will be explained clearly and should start off in a co-ordinate manner . These rules have been placed in order to make sure that the design process. goes smoothly

A step by step walkthrough of the design process…

The walkthrough of the design process begins with first sketching out a few to wireframe ideas on a sketch pad and getting inspired by UI designers online. (Check Behance)


When it came to to having the interview for the focus group, it was quite simple. They got sent a invitation to the group call separately. once they joined I welcomed them and went through the brief with them. then I’ve sent them to a link to the original app and they had a look at how it worked. then I proceeded to ask them 5 questions about the original app. then after I shown them the updated version I’ve made , and got them to test it out to see how responsive it is . Then once they understood the whole process it was time to ask them 8 more questions.


The outcome was surprisingly good, I feel like the the whole process of this task went smoothly, there might be a bit of improvement here and there. However the time management that was spent on this was very organised and it was well Thought Out. In conclusion I feel like I’ve aimed the end goal which was creating an app that is is responsive and visually appealing. Also the aim was to make sure the person that would be using this doesn’t spend a lot of time I’m on the app I think we’ve solved it because of how easy it is to navigate on there.


Panchal, N., 2018. App Critique Framework For Product Design Interviews. [online] Medium. Available at: <https://uxdesign.cc/app-critique-framework-for-product-design-interviews-24b64cfad4ab> [Accessed 24 October 2020].



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store