Your Fan Zone
End-to-end Design
UX Designer
● UX Research ●
UI Designer
Project
Overview
Problem
Your Fan Zone needs a better sports advising platform. Current services lack a seamless user experience and understanding of user preferences. Your Fan Zone aims to address these issues and enhance the sports advising experience.
Outcome
Our research aims to understand users' needs and preferences for sports advising. We'll use this information to make Your Fan Zone the leading app for both new and experienced users.
My Role
UX Research, UX/UI Designer, Product Designer
Work Overview
App design and branding
Time
One Month
HANDICAPPER
Advisor page and detail of expertise.
PROFILE
Users can quickly see their feed.
PLAYS
Feature that show the user plays, favorite teams and more.
NEWS
A great feature to follow up on players injuries, team performance.
Design Feature & Goals
User Preferences
Identify what users value the most in sports advisory services.
User Preferences
Identify what users value the most in sports advisory services.
Innovative Feature
Add innovative features that would significantly enhance the
overall appeal of the app.
Understanding the Problem
Your Fan zone need for a more refined and user-centric sports advising platform. Current sports advisory services lack a comprehensive and seamless user experience, particularly in terms of accessing advisor recommendations and tracking predictions.
There is a gap in understanding user preferences, expectations, and concerns, both for individuals experienced in sports advisory and those who are new to the concept. The objective is to address these issues and enhance the overall appeal of the sports advising experience through the development of Your Fan Zone.
BACKGROUND
Sports advising platforms are digital services that provide guidance on sports betting, fantasy sports, and general sports analysis. They use data, statistics, and expert opinions to help users make informed decisions.
Sport advisors are known for their expertise and heavy reliance on analytics that provide customers with insights into team performance and player statistics. Successful platforms prioritize user engagement by offering interactive features and real-time updates, which fosters a sense of community. Adapting to varying regional laws and compliance requirements is crucial for navigating the legal and regulatory landscape.
Risk management guidance, a strong social media presence, and transparency are essential elements for building credibility in the financial nature of sports betting.
Exploring the Sport’s Advising Companies
Target Marketing
To achieve our research goals, we will engage with participants from two primary behavioral categories:
Experienced Users:
Individuals who have actively used sports advisory services.
Those familiar with the concept of sports picks and have purchased them online.
Novice Users:
Individuals who are new to or have not yet explored sports advisory services.
Those who may not be familiar with the concept of sports picks and online sports advising
Market Size
Demographics
SUMMARY OF FINDING
The Sports Advisor Platform boasts several strengths, including its expertise in data analytics, proven track record, and diverse sports coverage. It offers personalized features and transparent track records. However, there are also potential weaknesses such as limited sports coverage, the accuracy of provided data, and the effectiveness of its monetization model. Additionally, high subscription costs and platform complexity may present challenges. Inadequate customersupport and limited sports coverage are also potential drawbacks.
Users Personas
Research Findings
Participants
To achieve our research goals, we will engage with participants from
two primary behavioral categories:
Experienced Users:
Individuals who have actively used sports advisory services.
Those familiar with the concept of sports picks and have purchased them online.
Novice Users:
Individuals who are new to or have not yet explored sports advisory services.
Those who may not be familiar with the concept of sports picks and online sports advising.
Objectives
For users familiar with sports advisory, we aim to improve their experience by providing a seamless platform for accessing advisor recommendations and tracking their predictions. For those less acquainted with sports advisory, your insights will guide us in understanding what features would make you more inclined to explore and use such a platform.
Interview and Survey Focus
Preferences: Understand what users value in sports advisory services.
Expectations: Identify user expectations from a sports advising app.
Concerns: Address any apprehensions or reservations users might have.
Innovative Features: Explore ideas for features that would enhance the app's appeal.
Research Findings
Survey Findings
In our recent series of interviews with five participants, we delved into the intricacies of sports advisory platforms to gain valuable insights into user goals and pain points.
Interview Findings
The findings underscored several key themes that can significantly impact the platform's success.
Advisor Effectiveness Across the Board:
Users want effective advisors on the platform to help with decision-making processes like player selection and overall purchasing power in sports.
Privacy and Fraud Prevention:
Users want privacy protection and strong fraud prevention measures for a secure and confident environment.
Influence on Decision-Making Process:
Participants emphasized the importance of advisory services provided by the platform in impacting their decision-making and purchase outcomes.
Base on our research, we have learned the following:
Privacy (data) and fraud detection are crucial for the user.
Participants prioritize advisor effectiveness that experience.
Notification is a feature to look forward to, but It has to have a filter option.
Finding usability similarities - Feature usage
In conclusion, these interview findings shed light on the critical areas that demand attention for Your Fan Zone sport advising platform. By prioritizing advisor effectiveness, decision-making influence, privacy, fraud prevention, and catering to the diverse expertise levels of users, the platform can position itself as a comprehensive and indispensable resource for sports enthusiasts at every level of engagement.
Architecture Design
The results of the research allow me to establish a task flow of the path a user might take register, filtering notification, adding a services. This task flow, followed by a more robust user flow allowed me to build an overview of the pages with a general sitemap. This sitemap was key to keeping the focus of the design organized and optimizing the insurance purchase flow.
User flow
New user registration + adding a service.
In designing the user flow for the new user registration process, my focus was on creating an intuitive and seamless experience that allows users to easily navigate the app and understand customer behavior. The flow begins with a straightforward registration form, minimizing entry barriers for new users.
To enhance user engagement, I strategically introduced services like printing and purchasing album books as part of the registration process. By incorporating these features early on, users can explore and understand the app's capabilities right from the start, providing a clear value proposition.
The user flow is designed to guide users seamlessly through the registration steps, introducing the printing and album book services at appropriate stages. This strategic placement ensures that users are aware of these offerings without overwhelming them during the initial sign-up process.
By incorporating these services within the user flow, I aim to not only showcase the app's functionalities but also to encourage users to explore and utilize additional features. This approach helps in understanding customer behavior by observing how users interact with and respond to the introduced services, providing valuable insights for further app refinement.
SiteMap
Subscriber + filtering notification, score, plays and handicapper.
In crafting the user flow design, my primary focus was on optimizing the subscriber experience by incorporating efficient filtering options for notifications, scores, plays, and handicapper information. The user flow is strategically designed to showcase these features, emphasizing easy access and user-friendly navigation.
The flow begins with a subscriber accessing their profile, where they are immediately presented with clear options for filtering notifications, scores, plays, and handicapper details. By prominently featuring these choices, users can easily customize their viewing preferences, tailoring the content to their specific interests.
I chose to highlight this user flow to streamline the process of accessing personalized information. The filtering options empower subscribers to efficiently manage and view content that matters most to them, enhancing their overall experience on the platform.
The design prioritizes simplicity and clarity, ensuring that users can seamlessly navigate through the filtering options without any confusion. By showcasing this user flow, I aim to provide subscribers with a straightforward and intuitive way to personalize their interaction with the app, ultimately improving user satisfaction and engagement.
Key Findings
Initial Responsive Wireframes:
Crafting of initial responsive wireframes marked a crucial step in my UX design case study. These wireframes served as a tangible foundation, enabling me to pinpoint and highlight key site elements that would later undergo refinement in the high-fidelity design phase.
Shift to Mobile Site Focus:
A significant turning point occurred during the wireframing stage as I redirected my focus toward prioritizing the mobile site experience for Your Fan Zone. This strategic shift was driven by compelling insights derived from user research, emphasizing the need for a robust mobile interface.
Recognition of Business Imperative:
Recognizing the business imperative to engage a younger target audience, I strategically chose to center the Minimum Viable Product (MVP) on delivering an exceptional mobile site interface. This decision aimed to align the design with the identified needs and preferences of the target demographic.
Initial Designs
Low- Wireframes
As I delved into crafting the initial responsive wireframes, it became a
crucial step in my UX design case study.
Tile Style
High Fidelity Wireframes
Reasons Behind Design
Login and Authentication
In UX and UI design, ensuring easy access is crucial for a seamless user experience. When designing high-fidelity wireframes for login pages, the focus should be on providing users with a straightforward and user-friendly interface. Consider incorporating options for users to log in using their email, allowing them the flexibility to choose the method that suits them best.
To achieve this, strategically place clear and prominent login buttons for both email and other authentication methods on the login pages. Maintain consistency in design elements, such as color schemes and button styles, to create a cohesive look across the four pages. Additionally, prioritize intuitive navigation, guiding users effortlessly through the login process.
By prioritizing user choice and simplicity in the design, you enhance accessibility and contribute to a positive user experience during the login journey.
Closer look to Profile & Handicapper.
In crafting the high-fidelity wireframes for the profile page, my primary objective was to optimize user experience through easy access and meaningful features. I strategically introduced a subscription upgrade option, aiming to provide users with enhanced benefits and a personalized journey. This not only supports the platform's sustainability but also offers users a choice for a more enriched experience.
The inclusion of a section for favorite teams was deliberate, recognizing the importance of personalization in sports-related platforms. This feature allows users to effortlessly follow and engage with their preferred teams, fostering a sense of connection and relevance to their interests.
Additionally, I designed a feature enabling users to view their game picks and the ratio of winnings, promoting transparency and empowering users with valuable insights into their performance. This accessibility contributes to a seamless user experience, encouraging active participation.
I expanded the profile to include a dedicated handicapper page, showcasing essential information about their performance history, bio, and abilities. This addition serves to build trust and credibility, offering users valuable context about the handicapper's expertise.
In summary, these design choices aim to prioritize user preferences, deliver valuable insights, and create a user-friendly interface that encourages active participation and fosters a sense of connection within the platform.
Designing Personalization. Plays-News.
I made a deliberate choice to create "Your Plays" with a detailed and intuitive layout encompassing teams, games, and news. This layout not only provides users with a quick overview of their plays but also ensures a seamless and informative interface.
The inclusion of team details, game information, and relevant news contributes to a comprehensive user experience. Users can easily navigate through their favorite games, gaining insights into team dynamics and staying informed about the latest developments in the sports world.
Furthermore, I incorporated a search functionality within "Your Plays," enabling users to quickly find their favorite games. This feature enhances accessibility and allows users to efficiently manage and track their preferred sports events.
On the third page, I introduced a dedicated news section that has been filtered based on user preferences and notifications. Users can customize their news feed by selecting their favorite teams, news topics, players, and other relevant criteria. This personalized approach ensures that users receive updates tailored to their specific interests, creating a more engaging and relevant news browsing experience.
In summary, the design choices for "Your Plays" and the filtered news page prioritize easy access, user engagement, and personalization. The detailed layout and customization options aim to create a user-friendly interface that seamlessly integrates relevant information and enhances the overall user experience.
Findings
These wireframes served as a tangible foundation, allowing me to identify and emphasize key site elements that would later be refined in the high-fidelity design phase. It was during this wireframing stage that a significant shift occurred, steering my focus towards prioritizing the mobile site experience for Your Fan Zone.
This decision was heavily influenced by the compelling insights gathered from user research. Recognizing the imperative to engage a younger target audience for the business, I made a strategic choice to center the Minimum Viable Product (MVP) on delivering an exceptional mobile site interface, ensuring alignment with the identified user needs and preferences.
Overview of Usability Testing Process
Usability testing is a crucial step in creating a user-friendly sports app. In this presentation, we will explore the results of the testing process, incorporating modern graphics and user feedback to create an engaging and informative presentation.
Qualitative Data
USER FEEDBACK
Testers provided valuable feedback on
the app's interface and navigation.
PERCENTAGE INSIGHTS
The testing revealed that 75% of users
found the app easy to use.
OUALITATIVE FINDINGS
Testers praised the app's sleek design
and intuitive features.
Recognizing the business imperative to align the design with the needs and preferences of this demographic, I strategically centered the Minimum Viable Product (MVP) on delivering an exceptional mobile site interface. This decision aimed to capture the attention and loyalty of the younger audience segment, positioning Your Fan Zone as a go-to destination for sports enthusiasts on mobile devices. However, navigating through this strategic shift required careful consideration and iterative refinement to ensure that the mobile experience met user expectations while maintaining brand consistency.
Key Findings
01
The black, blue, and red color scheme of the sports app creates a modern and stylish visual experience.
02
The usability testing results highlight the need for further improvements footer icon and UI improvements to enhance the user experience.
Key Findings
01
ENHANCE USER INTERFACE
Replace black with a more vibrant
color palette to create a visually engaging experience.
02
ENHANCE UI
Adjusted the UI design and spacing.
03
ENHANCE UI
Adjusted the UI design and spacing.
Sports App Features
Design Iterations
Balancing design aesthetics with functionality posed complexities and moments of frustration during wireframing.
Shifting focus to prioritize the mobile site experience was a significant turning point, but it introduced new challenges in reimagining the user journey.
Navigating through the strategic shift required careful consideration and iterative refinement, leading to moments of trial and error.
Integrating features seamlessly into the user interface, such as login options and subscription upgrades, presented challenges in maintaining simplicity while ensuring functionality.
Crafting the initial design for Your Fan Zone was both exciting and challenging. It marked a crucial step in my UX design case study, as these wireframes served as the tangible foundation upon which the entire project would be built. I meticulously outlined key site elements, envisioning how they would adapt across various screen sizes and devices in the high-fidelity design phase. However, amidst the excitement, there were moments of frustration as I encountered complexities in balancing design aesthetics with functionality.
Ensuring easy access and a seamless user experience for login and authentication pages required striking the right balance between simplicity and security, leading to moments of frustration.
Designing the profile and handicapper pages aimed to optimize user experience but involved thoughtful consideration of layout and functionality, leading to moments of trial and error.
Each design choice and strategic decision throughout the wireframing process was driven by a deep understanding of user needs and preferences, ultimately fueling growth as a UX designer
Reflextion & Conclusion
During the wireframing stage, a significant turning point occurred when I made the strategic decision to shift my focus toward prioritizing the mobile site experience for Your Fan Zone. This shift was driven by compelling insights derived from user research, which emphasized the need for a robust mobile interface to effectively engage a younger target audience. While this strategic pivot was necessary, it also posed new challenges in reimagining the user journey and ensuring seamless navigation across smaller screens. Recognizing the business imperative to align the design with the needs and preferences of this demographic.
I strategically centered the Minimum Viable Product (MVP) on delivering an exceptional mobile site interface. This decision aimed to capture the attention and loyalty of the younger audience segment, positioning Your Fan Zone as a go-to destination for sports enthusiasts on mobile devices. Navigating through this strategic shift required careful consideration and iterative refinement to ensure that the mobile experience met user expectations while maintaining brand consistency. In designing the login and authentication pages, my goal was to ensure easy access and a seamless user experience. Incorporating options for users to log in using their email provided flexibility and convenience. However, striking the right balance between simplicity and security posed its own set of challenges.
It was crucial to strategically place clear and prominent login buttons while maintaining consistency in design elements to create a cohesive look across the pages. Moving on to the profile and handicapper pages, my primary objective was to optimize user experience through easy access and meaningful features. I introduced a subscription upgrade option to provide users with enhanced benefits and a personalized journey, aiming to foster a deeper connection with the platform. Integrating these features seamlessly into the user interface required thoughtful consideration of layout and functionality, leading to moments of trial and error. In summary, each design choice and strategic decision throughout the wireframing process was driven by a deep understanding of user needs and preferences.
By prioritizing mobile responsiveness, easy access, and personalization, I aimed to create a platform that not only meets but exceeds user expectations. While the journey presented its challenges and frustrations, it ultimately fueled my growth as a UX designer and reinforced the importance of user-centric design principles in creating impactful digital experiences.
Future Roadmap
Recommendations
01
Redesign user interface
for enhanced navigation
02
Integrate real-time scoring
feature for live sports events.
03
Launch personalized workout
plans based on user preferences.
04
Expand language support to
reach a global audience.
05
Implement user feedback
system for continuous
improvement.
