PROJECTS > Card Survival Game

the Card Survival game interface shown on a mac computer

Card Survival: Tropical Island game Interface Prototyping

Class project for 4th-year level design class

Teammates: Chell Li, Sean Jeong, Jessie Fan, Sopia Lee

Duration: 3 month


Overview

For this study, we partnered with the indie game developers, WinterSpring Games, to conduct a usability test on their game Card Survival: Tropical Island (CSTI). This survival game emphasizes player discovery and self-guidance, challenging players to learn how to progress and survive in the game environment with minimal instructions.

While this concept has the potential to create a unique and engaging experience, it also poses risks in terms of usability and player satisfaction.


Roles

I assumed the following roles designing this game interface:

  • User Experience Researcher
  • User Interface Designer
  • Tools

  • Figma
  • Miro
  • Photoshop
  • Illustrator
  • Deliverables

  • one-on-one interviews
  • Personas
  • User journeys
  • High-fidelity mockups
  • Research Goals

    We want to understand the needs, preferences, and pain points of first-time players in Card Survival: Tropical Island through usability research.

    As the developers seek to improve the onboarding process for new players, identify usability issues and areas for improvement within the game is important. The goal is to provide actionable recommendations based on our findings to create an immersive and enjoyable gaming experience that encourages continued engagement with Card Survival: Tropical Island.


    Methods

    Our team utilized a mixed-methods approach to gather both quantitative and qualitative data. We conducted playtesting sessions using the think-aloud protocol and task analysisto gather real-time feedback and insights from actual users. Finally, we conducted user interviewsto gather additional context and understand the rationale behind players' actions, thoughts, and preferences.


    Recuite Users

    Poster I made to recruite participates

    the recruitement poster for Card Survival game

    Screening survey

    Screening survey to find new players that have an interest in survival games.

    a screenshot of the screening survey for Card Survival game

    Playtesting

    Pre-game interview

    3-5 minutes players background

    Think-out-loud

    30-45 minutes during the playtest with prompt questions as spare

    Post-game interview

    10-15 minutes collect insights on experiences with the UI of the game

    Participates

    We recruited 6 participants from the screening survey that has:

  • No prior experience with Card Survival
  • Interest in and experience playing survival simulation games (e.g. Project Zomboid, Dwarf Fortress, Unreal World, Don’t starve).
  • Data Collection + Analysis

    I conducted two playtest sessions out of six, transcribed the comments from video/audio recording, and summarized comments from transcripts. Through these playtest, we were able to gain first-hand insights into how first time players were feeling while playing the game.

    Using figjam, I categorized the summarized comments by creating affinity diagrams to derive insights.

    affinity diagram

    Design Solution

    After having analyzed our data regarding the various issues that were prevalent for new players, we brainstormed and came up with three solutions: consistent status bars with re-organization of equipment and carrying weight placement, a reworked filter and sorting system, and an information hub.

    Sketches

    I sketched out the corresponding solutions.

    Sketching allowed me to gain a rough understanding of key screens as well as map out necessary features.

    rough interface sketches i made for card game survival game

    UI Design

    I created the new interface for menu re-sizing, re-organization of equipment & carrying weight placement, and the information hub.

    a interface design of the new menu with the old menu on the left for comparesion
    old character status game interface compared to the new character status game interface

    Info Hub

    I created an Info hub so that players are able to check theirs in-game progress. The game already has this function in place but is hidden within the status bar and character icon, which resulted in many players being unable to find and track their progress throughout the game. The hub is organized like a notification bar and the player can check what actions lead to which skill’s increase. 

    the new interface for information hub

    Reflection

    How Usability Might Be Improved:

    Issues to Address for Longer-Term Development

  • Implement interactive tutorials or guides within the game to assist new players in understanding key mechanics.

  • Consider employing the concept of progressive disclosure, where information is revealed gradually as needed. This prevents overwhelming new players with too much information at once and supports a smoother learning curve.

  • Prompts to encourage providing data that would improve functionality (e.g., “Please choose your most used feature”)
  • Lessons Learned:

  • Clarity is Key: The project highlighted the importance of clarity in user interfaces. Lack of clarity can lead to frustration and a suboptimal user experience, particularly for new players. Prioritize simplicity and transparency in design.

  • User-Centric Approach: Recognizing that the main issues were related to visibility and clarity, the focus on redesigning the user interface indicates a user-centric approach. Understanding and addressing user pain points is crucial for effective usability improvements.