MEHAK QURESHI
MEHAK QURESHI

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
Group 164788 (1)

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
Group 164788 (1)

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.
UX UI recap analysis
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
Image

Project Timeline

Group
Group

User Insight

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

Good Playing Experience

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

Opportunity to Improve

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

Discover and Connect

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

User Personas

Frame

BIO

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

MOTIVATION

Frame
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.
Group
Frame
Group

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

Group 164318 (1)
  • 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.
Group 164319 (1)
  • User finds chess game and downloads the app to his device.
Group 164320 (1)
  • Looks for lessons on the app to learn lo play chess.
  • After searching a bit finds lessons to start to begin.
Group
  • Learn to play chess.
  • Starts to play online with people.
Group
Frame

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.
Group
Group
Image
Group 164794 (1)
Group

User Flow

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

Design Process

Group 164083 (1)

User research, journey
refinement, and persona review

Group 164084 (1)

UX strategy
enhancements

Group 164085 (1)

Digital wireframe
development

Group 164086 (1)

Final design
iteration

Group 164083 (1)

User research, journey refinement, and persona review

Group 164084 (1)

UX strategy enhancements

Group 164085 (1)

Digital wireframe development

Group 164086 (1)

Final design iteration

Frame 164539 (1)
Frame 164538 (1)
Layer 1 3 (1)

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.
Group

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.
Group
Group
Group
Group

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
Group 164817 (1)
Group

Visual Identity

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

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.
Open Sans Regular Open Sans Bold
A imag (1)
Group
Frame
Image 514 removebg preview

Thank you for you time

Feel free to provide your valuable comments & suggestions.