Arcadia hub

Redefining the gaming experience

Client

Personal Project

Role

Product Designer

Timeline

15/10/2023 - 15/1/2024

Team

Myself

The Problem

The field of crypto and web3 is very new and people had little to no idea on what it is. Since the technology behind it is growing rapidly, we decided to create an education app that focuses on the education of web3. This problem was part of a Hackathon.

Process

Being a one week project was definitely going to be challenging. We had to rely on our design intuition which we did in taking certain decisions which we believed would work for the final solution. In our research we wanted to understand how many people knew the term web3 and what they know about it. This would give us an idea of the existing knowledge among people. We also wanted to identify the ways they acquire new knowledge.

We sent out a survey and these were our key findings:-
-Just over 50% of our users have heard of the term Web3, from which only 11% consciously use it, and 22% do it sometimes.
-55% of users created and shared educational content.60% of the users cannot  wrap their head around the idea of web3.
-80% of users regularly use educational apps with the example of Duolingo or Udemy.
-Users like to get knowledge from different resources such as books, websites and videos.
-What stops users from continuing learning is mostly: a lack of time, money, and boring materials.
-Users would like to get their knowledge from videos, pictographs, real-life examples and games. Broken down into smaller, digestible content.

The Problem

In the dynamic landscape of gaming, there is an imperative need to create a gaming platform that redefines the way players discover, access, and personalize their gaming experiences. Existing platforms often fall short in effectively connecting players with games that resonate with their preferences, resulting in a disconnection between players and the vast array of available titles. This inadequacy hampers both the players' engagement and the gaming industry's growth potential.


To address this challenge, I aim to develop a gaming platform that goes beyond convention. By enhancing the discoverability, accessibility, and personalization of games based on players right off the start, I focus on creating a seamless and immersive experience. The focus is to break down barriers, intelligently curate game recommendations, and create an ecosystem where players feel valued and understood. Ultimately, our goal is to bridge the gap between players and games right in the start, elevating the gaming journey into one that is deeply enriching and individually meaningful.


Process

As I delved into the research phase, my primary objective was to unravel the intricacies of the dynamic gaming market. This exploration involved deciphering user behaviours and preferences across gaming platforms. I aimed to harness this knowledge to elevate their overall experience in ingenious ways.

Research

Starting with secondary research, I tapped into a wealth of readily available information. This allowed me to pinpoint essential insights regarding gaming platform users. Here Starting with secondary research, I tapped into a wealth of readily available information.


This allowed me to pinpoint essential insights regarding gaming platform users. Here are the insights I gathered:-

  • Users are predominantly gamers looking to play games
  • They access these platforms to download games and even pre order based on needs
  • There are several gaming platforms such as Steam, Epic launcher, Blizzard etc. These are digital platforms
  • Physical platforms include consoles, handheld devices and Desktops
  • Among all the platforms, steam is the biggest platform with over 125 millions registered users
  • There are thousands of games on the platforms developed by big companies to indie developers
  • People find it difficult to find people to play with on such platforms
  • People play games due to these reasons: Joy (93%), Mental simulation (91%), Stress relief (89%)
  • In 2020, 65% of people said they played together, which jumped to 77% in 2021 and now it’s at an incredible 83% who play together
  • The smartphone seems to be the most used device for gaming according to 70% of respondents in this study as the “preferred” device for play, followed by a video game console (52%), personal computer (43%), tablet/iPad (26%) and virtual reality headset (7%). About 60% of respondents say they enjoy playing on multiple devices

This preliminary data propelled me into a comprehensive competitive analysis. Scrutinizing existing products, I methodically dissected their attributes. The analysis spanned aspects such as game library, user interface, pricing, community features, performance, and security. The highlights encompassed:


  • Steam: With an extensive library of 30,000+ games, Steam's innovation shines through cloud saves and customizable UI. Competitive pricing, robust community integration, and impeccable customer support bolster its popularity.
  • Epic Games: While smaller, Epic Games Launcher hosts renowned titles like Fortnite. Its UI may be simpler, but strides in performance and security are evident.
  • Battle.net: Centered around Blizzard's titles, Battle.net marries cloud saves and clean interface with stability and strong security.
  • Ubisoft Connect: Boasting cross-platform play and in-game rewards, Ubisoft Connect excels in navigability and security.
  • GOG Galaxy: Focusing on DRM-free games, GOG Galaxy thrives on user-centric features, performance, and data protection.

With these analyses laid out, I transitioned to structuring a research plan, leading to insightful user interviews. A screener survey was dispatched to recruit participants, yielding a diverse pool of respondents. The survey were designed to unlock the mystery surrounding various gaming aspects. From the allure of different game types among diverse demographics to the impact of social interactions, these interviews ventured into the very heart of gaming experiences.


The focus of user interviews is to gain insights into several key aspects related to gaming platforms. These aspects include understanding the popularity of game types among users based on demographic factors like age, gender, and location. Additionally, the interviews aim to uncover users' perceptions of the current discoverability and accessibility of games, their motivations for engaging with games, frustrations they encounter, and the impact of social interactions on their overall experience. The interviews also seek to delve into users' decision-making processes when selecting and interacting with games, and finally, to explore ways in which user feedback an engagement metrics can be harnessed to inform design decisions and enhance the overall user experience on gaming platforms.


Four diverse participants from different countries provided their perspectives, facilitated by the intuitive Lookback software. Their insights resonated, highlighting the significance of communication tools, recommendations, accessibility, and performance. The influence of social interactions, friends' choices, and multi-device play became apparent.

LookBack Research

Here are the detailed insights:-

  • Communication and social features are crucial:
    • Interaction via voice or text chat with friends.
    • Monitoring friends' activities and sending invitations.
    • Communication through platform messaging.
  • Recommendation system significance:
    • Reviews and recommendations from friends.
    • Similar game suggestions and gauging friends' reactions.
  • Ease of use central:
    • Quick game launches, convenient updates.
    • Flexible download options and intuitive game selection.
    • Accessible game information and store navigation.
  • Performance factors:
    • Lag-free browsing, fast game launches.
  • Game engagement influenced by:
    • Social interactions, combating boredom through gaming.
    • Reliance on reviews, assessing UI, and fun factor.
    • Pricing relative to playtime, console generation availability.
    • Impact of friends' gameplay choices.
  • Game platform features importance:
    • Easy friend invitations, quality UI/UX.
    • Compatibility with voice chat, simplified game discovery.
    • Friend request management, attractive features like recording tools.
    • Staying updated with news articles.
  • Game preferences linked to:
    • Personal interest, playing with friends.
    • Selecting games based on preferred genres.
  • Multi-device play influenced by:
    • Desire to engage socially, especially on mobile phones.

These findings provided the fuel for crafting user personas and defining a problem statement. With personas personifying the essence of gamers and the problem statement succinctly encapsulating their needs, my journey seamlessly segued into the phase which is ideation and design.

Ideation and Design

We began brainstorming how to create a special gaming place that's just for you. A place where you can learn and also connect with others.

Some of the many idea that came into the picture were:-

  • Develop a personalized game recommendation engine based on users' demographics, preferences, and social interactions.
  • Improve game discoverability by implementing a robust search and filtering system that includes game descriptions, ratings, and reviews.
  • Gamify the game discovery process by introducing a quiz or questionnaire that helps users find games that match their interests.
  • Create a dedicated section for new releases, upcoming games, and trending games to help users stay up to date with the latest games.
  • Introduce a social feed that showcases what games users' friends are playing, along with their progress and achievements.
  • Provide a "recommended for you" section that showcases games based on users' previous gaming history.
  • Introduce a feature that allows users to browse and purchase games directly from the gaming platform's mobile app.

As the brainstorming settled, a handful of these ideas earned their place in the product's MVP, while others were reserved for future strides. The chosen MVP components comprised:

  • Develop a personalized game recommendation engine based on users' demographics, preferences, and social interactions.
  • Provide a "recommended for you" section that showcases games based on users' previous gaming history.
  • Gamify the game discovery process by introducing a quiz or questionnaire that helps users find games that match their interests.
  • Improve game discoverability by implementing a robust search and filtering system that includes game descriptions, ratings, and reviews.

The subsequent phase led me to meticulously outline user flows and craft an intuitive information architecture. This journey witnessed multiple iterations of IA designs and user flows, all seeking to condense the interactions needed to achieve users' desired objectives. My focus remained on constructing user flows that efficiently guided users through pivotal pathways towards their goals.

Information Architechture

Userflows

Once that was done I started to work on creating preliminary wireframes sketches and low fidelity wireframes. I wanted to make sure I was able to have all the information present so I can do a user testing before moving on to high fidelity design.

Wireframes

Preliminary user testing

For this phase I focussed on two types of testing which is the tree testing and the concept testing.

Running a tree user testing was my first time. It really was interesting and gave quite a lot of useful insights. Based on the results here are the analysis below broken into the individual tasks:

Task 1: Where would you find the recommendations?

  • The majority of participants (60%) visited the "Featured Games" section first when
    looking for recommendations.
  • The "Store" and "Social" sections were also visited by participants, with 20% and 20%
    respectively.
  • Other sections like "News and Updates," "Quick Launch," and "Library" had minimal or
    no visits.

Based on the results, it appears that participants expect to find recommendations primarily in the "Featured Games" section. So I can make the featured game section to show personalized recommendations and the current location of personalized recommendations to show featured games. I think that change would make it easier for users to understand.

Task 2: Where would you find 'Friend A' game preferences?

  • The majority of participants (60%) went directly to the "Social" section, followed by accessing the "Friends list," "Friend A," and then the "Profile and Game Preferences."
  • Other participants visited the "Store" and "Library" sections first, but these percentages were lower (30% and 10% respectively).

The results suggest that participants primarily associate finding a friend's game preferences with the "Social" section. So maybe to improve the information architecture, Ican ensure that the "Social" section prominently features options for accessing friends and their related preferences. We can consider optimizing the navigation flow within the "Social" section to make it easier for users to find and access their friends' game preferences.

Task 3: Where would you find the game wish list?

  • The majority of participants (60%) directly accessed the "Library" section to find the game wish list.
  • The "Store" section was also visited by 20% of participants, followed by the "News and Updates" section (10%).

Based on the results, it seems that participants associate the game wish list with the "Library" section which works well since it is there.

As the tree testing concluded, I moved onto moderated concept testing where I tested the wireframes and the user flow of the design. Here are the insights I gathered:-

  • Personalized Recommendations:
    • Move recommendations to the home screen for better visibility and easier game discovery based on user interests.
  • Featured Game Section:
    • Relocate the featured game section to the store screen to streamline browsing and improve user experience.
  • Usability Enhancements:
    • Add cart and wishlist icons at the top of the interface for convenient access and management of selected games.
    • Introduce a "Recently Played" section for quick access to previously enjoyed games, enhancing the gaming experience.
  • User Onboarding:
    • Include a tutorial or guide to familiarize new users with platform features, ensuring an intuitive introduction to gaming environment.
    • Consider implementing a review system or user ratings for games to aid decision-making and improve game selection.
  • Interface Optimization:
    • Increase size and prominence of menu buttons to improve navigation and usability.
    • Enlarge profile picture for a visually impactful interface, enhancing personalization and engagement.
  • Menu Organization:
    • One participant suggests rearranging menu buttons, potentially placing the store button before the library button to align with user preferences.
  • Promotions and Offers:
    • Incorporate a "Deals of the Week" section to highlight discounted games and encourage exploration.
  • Notification System:
    • Implement a notification system for game updates or events to keep users informed and engaged with platform developments, enhancing overall gaming experience.

I then iterated on the product and adjusted the features based on the user feedback provided.

Before and After

UI Design

Transitioning into the next phase of development for the gaming platform, I delved into the creation of high-fidelity mockups. This stage entailed a meticulous exploration of colors, drawing insights from market products, while remaining true to the platform's unique identity.


Channeling the essence of the dark lightning purple, our primary color, and incorporating shades of black and grey, the design sought to embody a sense of sophistication and modernity. This visual palette aimed to resonate with users familiar
with the gaming landscape, while offering a distinct and captivating experience.


With the font choice of Roboto, clarity and sleekness were at the forefront, enhancing the platform's readability and user interface. The utilization of this font seamlessly aligned with the platform's spirit, promoting a sense of familiarity within a refined digital environment.

Style Guide

Final Design

Outcome

I moved onto the final phase which is the user testing. I created multiple versions of the design, especially the filter system, so I decided to perform A/B testing for it. Here is the plan for the testing:


Scenario 1: Game Discovery
Task 1: Can you please sign up for the platform?


Scenario 2: Purchasing a Game
Task 2: You've decided to purchase the game you selected earlier. Add it to your cart, proceed to checkout, and complete the purchase.


Scenario 3: Interacting with the Community
Task 3: Explore the platform's social features. Join your friends in their gaming session?


Scenario 4: A/B Testing the filter
Task 4: Looking at the filters, what filter system do you prefer? Which looks more appealing and easy to use?

The above scenario covers all the key aspects of the product and will give us an idea of how it functions with users. Here are the user testing insights:

  • The overall feel of the product is really nice and intuitive.
  • User was able to perform all the tasks successfully
  • Design A came out more successful in the A/B testing

Outcome

This research validated our problem statement and led us to focus on how we can educate the people in a way they can do it easily without being bored and while remaining engaged.

We quickly moved onto brainstorming ideas for designs and started to create wireframes. We prioritised making the main screens and eliminated the optional standard screens such as settings and account page to keep the focus on the design, how it will achieve the goal and also save time.

Learnings and Challenges

Overall this project was very intuitive and challenging. Despite the gaming community being very large, it was quite difficult to find people who were willing to share their opinions of game platforms. Nevertheless there was ample amount of research data online which helped me significantly in my journey.

I learned a great deal especially using new tools such as lookback for research. I believe this project has cemented my knowledge in the basics of handling a full scale project from start to finish. I am hoping to put these skills to good use in real world projects in the future.

Other projects

2022 May 👉 2022 May

SenPai

~ A mobile app that was designed as part of a designathon which focuses on introducing people to the world of web3.

Dandy Diary mobile design
2010 👉 2016

Dandy Diary

~ Designer at the leading men's fashion blog in Germany, moving millions of people while challenging big brands.

Precious Plastic website UI
2015 👉 to date

Precious Plastic

~ Design Director for the go-to place on the web for creative plastic recycling used by tens of thousands around the world.

Preview of the project
2022 Oct 👉 2023 May

CareerFit

~ A website that helps people transition to new careers and strengthen their existing skills to stay on top of the industry.

Welcome