Pioneer App Design
This was the school Interface Design group project, a collaborative effort of two students. This project aims to create an application for Pioneer Recreation & Sports Centre. We aim to deliver a seamless and convenient user experience for organising scheduled and booking activities to get more people to use their recreational facilities.
My Role
UI/UX Design
UX Researcher
Tools
Date
January 2023 (5 Weeks)
Project Overview
This project aims to create an application for Pioneer Recreation & Sports Centre. We aim to deliver a seamless and convenient user experience for organising scheduled, and booking activities to get more people to use their recreational facilities.
The app will offer a range of features to help users discover the recreation centre’s activities and book efficiently.
Problems
The Pioneer Recreation & Sports Centre lacks an app for their target audiences and visitors for easy access via mobile phone. Some customers find it hard to book the activities class, which can lead to missed opportunities to participate in events they are interested in.
Solution
Develop a comprehensive recreation centre app with easy access to facility information, programs, and services, by providing a seamless user experience, the app will include the following features:
- User-friendly interface: A visually appealing and intuitive interface.
- Facility information: Detailed information about amenities, class schedules, and special events.
- Online booking: Users can conveniently book classes, and reserve facilities directly through the app.
- Feedback and rating system: A built-in feature will allow users to provide feedback, rate classes, and share their experiences, promoting community engagement.
Project Goals
Our goal is to increase the number of visitors to the Pioneer Recreation & Sports Centre while ensuring users have a seamless and easy booking experience through the App.
Design Process & Timeline
Week-1
Discover
Survey
User interviews
Competitor Analysis
Week-2
Define
Problem Statement
User Pinpoint
User Personas
Week-3
Ideate
User Flow
Generate ideas
Week-4
Test
Usability Testing
Implementing Feedback
Week-5
Design
Wireframes
Visual Design
Prototype
Competitor Analysis _ 1
Bainbridge Island Rec Centre
Strengths :
• Easy navigation
• Clear colour scheme
• Precise spacing and consistency on the homepage
• Easy to find the social media of the recreation centre
Weaknesses :
• It doesn’t include recreation facilities images
• Hard to find a place to submit feedback
• Hard to find a search bar
•Hard to go back homepage
Opportunities :
• Not many competitors
• Add vibrant and colourful images.
• Make the font size larger and bolder on the hamburger menu
Threats :
• If users want to book the activity quickly, they may struggle to reach the task because there is too much information and no clear category of activities
•Users get bored when they browse because of the lack of images
Strengths :
• Search bar is easy for users of the app to locate and use
• Effective tracer route
• Global navigation is located at the bottom of the app
• Text is clear and easy to read for users
Weaknesses :
• No clear description/blurb regarding what the app assist to achieve/do
• No current locator found
Opportunities :
• Enlarge the user profile button to make it more noticeable for users to find
• Enlarge global navigation (located at the bottom of the app) to make it easier to find
Threats :
• User confusion regarding where the profile settings are as the button is small/unnoticeable
• Lack of information about the app’s purpose may result in lack of user’s trust/authenticity of the app
Competitor Analysis _ 2
Recreation.gov
Survey
To identify potential target audiences and gain a deeper understanding of their needs and wants, we conducted an online survey using Google Forms. The survey garnered responses from 35 participants, which proved to be a valuable source of information for analysis and informed decision-making.
What’s your age range?
What activities do you enjoy?
Do you often visit a recreation centre?
If the recreation centre you visit has an app, would you like to download it?
What features in the app is important to you?
Interview
We conducted a one-to-one interview to gain insights from stakeholders regularly visiting the Pioneer Recreation and Sports Centre. This interview aimed to understand their perspective and gather feedback on our App project.
1. How often do you visit the Pioneer Recreation and Sport Centre?
2. What’s your purpose in going to Pioneer Recreation and Sport Centre?
3. What do you think about our App project? Is it essential to you that the centre has its app?
4. What’s your pain point of the centre with no app?
5. Do you think the App can help and encourage you or your friends to visit the centre more often?
6. What would you want to find in this App?
7. What’s your goal in using this App?
8. What do you expect in this app, and what are essential of the app features to you?
Personas
User Flow
Wireframes
Visual Design
User Testing _ 1
By conducting user testing with our target users, we gain valuable insights that help us understand their behaviour and expectations. Through observation of their interactions with the app, we enhance our understanding and can design experiences that genuinely meet their needs.
Positive Feedbacks
- Bright colour scheme, clean design with fun athlete characters.
- It is quick to go to the schedule page to view the current bookings.
- The navigation through the app and buttons set up each step is simple and easy to use.
Negative Feedbacks
- Some of the buttons had to be clicked on twice.
- Should add “Review Rating” scale and “Favourite “ features.
- Consider including an option where users can select how many people to join the activities.
Implementing Feedback
To enhance user convenience, we have introduced an avatar feature that lets users view their upcoming bookings easily. This feature allows users to access and manage their scheduled appointments quickly.
To enhance user convenience, we have introduced an avatar feature that lets users view their upcoming bookings easily. This feature allows users to access and manage their scheduled appointments quickly.
To optimise user experience, we have reorganised the options on the home page, placing them in a more logical order. This adjustment ensures that users can easily navigate and access the most relevant features and information without any confusion. By rearranging the options, we aim to provide a seamless and intuitive user interface that enhances usability and overall satisfaction.
User Testing _ 2
After implementing modifications to the app, we conducted a second round of user testing to gather feedback from our target audiences once again. This iterative approach guarantees that our designs not only perform as intended but also resonate with the expectations and preferences of our users. Ultimately, user testing empowers us to develop a more user-centric and impactful product.
Positive Feedbacks
- Amazing colour palette, effective design, clean and crisp.
- It was incredibly simple. It took me exactly where I wanted to go.
- I like the interaction on those activity icons. It makes this app look nice.
Negative Feedbacks
- Should change how to show the date, and add the day name.
- Will be better to show more activity information.
- Rearrange the options on the home page to the most logical order.
Implementing Feedback
We added a class description feature. This addition allows users to access detailed information about each class, giving them a comprehensive overview of what to expect. Users can make more informed decisions and select classes that align with their preferences and goals by including class descriptions.
Based on valuable feedback from user testing, we have improved by incorporating the day name, such as “Friday 18th August,” in addition to the date. This change enhances clarity and makes it easier for users to identify the day of the week for each activity quickly.
To optimise user experience, we have reorganised the options on the home page, placing them in a more logical order. This adjustment ensures that users can easily navigate and access the most relevant features and information without any confusion. By rearranging the options, we aim to provide a seamless and intuitive user interface that enhances usability and overall satisfaction.
Final Design
