Project Goal

To cultivate an enriching learning environment promoting holistic development while offering a top-tier user experience through innovative technology, strong partnerships, real-time analytics, and gamified interactions.
  • Innovative technology
  • Premium user experience
  • Established partner connections
  • Unparalleled partner support
  • Accurate real-time analytics
  • App user flow simple enough to interact with
  • Maintaining a gamified experience throughout the app

Project Goal

To cultivate an enriching learning environment promoting holistic development while offering a top-tier user experience through innovative technology, strong partnerships, real-time analytics, and gamified interactions.
  • Innovative technology
  • Premium user experience
  • Established partner connections
  • Unparalleled partner support
  • Accurate real-time analytics
  • App user flow simple enough to interact with
  • Maintaining a gamified experience throughout the app

Problem & Solution

User needs a clearer step-by-step path to learning to play chess in the app.

Problem is

New users struggle to navigate the app’s chess learning pathway.

Solution is

Enhance UI to simplify the discovery and access of learning resources for chess beginners.

Brainstorm and Ideation

I Like...

To learn to play chess online as a new strategy game for my phone.

I Wish...

I had learned to play chess when I was young.

I Wish...

I can find a chess app to learn to play.

UX Problem

Identify and rectify issues like complex authentication, poor navigation, slow performance, and outdated design to ensure a user-friendly interface. A successful app balances functionality with user experience, emphasizing intuitive design and robust analytics.
  • Complicated authentication procedures
  • No auto-fill for users’ data
  • Excessive categorization
  • Poor app speed
  • Poor navigation
  • Outdated design
Complexity is not what you want for your app. Users like everything simple and intuitive. So mobile app developers should do everything not to confuse their users with too many useless buttons and colors. It’s essential to make it easy for users to figure out how to perform the target action. This battle of business needs, UI/UX design, and technical implementation will never end — but you need to be open to experiments and have access to internal analytics.
Summing up, a mobile app’s success is determined by a variety of factors, but the most important of them are functionality (what the app offers to users and how it solves their problems) and user experience (its simplicity and pleasantness). It is worth mentioning though that the app design is crucial to how the users’ perception, so qualitative and thoughtful design is an inalienable part of a successful app.

Industry UI/UX trends

  • Organic shapes and animated buttons
  • Futuristic color schemes
  • Minimalistic icons and trending fonts
  • Clean design with purposeful spacing
  • Conversational and emotive interaction designs

Project Timeline

User Insight

Focus on providing seamless matchmaking, advancing chess learning capabilities, and fostering community engagement, considering users’ limited available time.

Good Playing Experience

Seamless matching experience, get into a match as quickly as possible.

Opportunity to Improve

Learn more about playing chess from a beginner standpoint to a much more advanced standpoint.

Discover and Connect

Be involved with the community and discover content and streamers from which you can learn or get entertainment from.

User Personas

BIO

Purchasers seeking budget-friendly, popular games without complicated payment methods.

MOTIVATION

Quick access to trending games with easy payment solutions.

GOAL

  • Looking for a game that's suits your budget and device specifications.
  • Love the latest and most popular games.
  • Want to immediately feel the direct gameplay experience.
  • Do not want to complicated in payment methods that are difficult for a student to do.

FRUSTRATION

  • Need for straightforward game selection and payment options.

Journey Map

UX Scenario

A bored gamer seeks a new challenge, opting to learn chess via a mobile app.

Goals

He wants to learn how to play chess to find an app so he can play online with others.

Experience

  • Bored mobile gamer is looking for a new challenge by learning to play chess with a mobile app.
  • Searches for a chess app on the apple app store.
  • User finds chess game and downloads the app to his device.
  • Looks for lessons on the app to learn lo play chess.
  • After searching a bit finds lessons to start to begin.
  • Learn to play chess.
  • Starts to play online with people.

ExperienceOpportunities

  • Make the learning chess process easier to discover
  • Step-by-step, learning levels/achievements
  • Move from subscription to pay-as-you-go

User Scenario

A bored gamer seeks a new challenge, opting to learn chess via a mobile app.

User Flow

Discover chess app, access lessons, and engage in online play.

Design Process

User research, journey
refinement, and persona review

UX strategy
enhancements

Digital wireframe
development

Final design
iteration

User research, journey refinement, and persona review

UX strategy enhancements

Digital wireframe development

Final design iteration

LOW FIDELITY WIREFRAMES

Simple prototypes crafted for early-stage feedback collection and analysis.

Colors

Focused color schemes and UI designs to enhance user accessibility and experience.

New Design

User Interface (UI) Design focuses on anticipating what users might need to do and ensuring that the interface has elements that are easy to access, understand, and use to facilitate those actions. UI brings together concepts from interaction design, visual design, and information architecture.

Level Screen

Level design is the phase of the game development process that deals with creating the stages, maps, and missions of the game. The overall purpose of level design is to create interactive situations or events within the game environment to challenge the players and keep them engaged.

Registration

Facilitates user account creation, profile setup, password configuration, and app settings.
  • Users can create an account
  • Users can enter their details to create a profile
  • Users can set a password
  • Users can configure settings that affect the app, as described in the steps below

Visual Identity

Prioritizing intuitive UI elements and leveraging the Open Sans typeface for readability and consistency.

Typography

Open Sans is an open-source humanist sans-serif typeface designed by Steve Matteson, commissioned by Google, and released in 2011. It is based on his previous Droid Sans design, designed for Android mobile devices, but slightly wider.

Thank you for you time

Feel free to provide your valuable comments & suggestions.