About Me

Hey! I am a creative and passionate developer who designs and builds applications, bringing imaginative concepts to life! Recognized for a results-oriented mindset, I specialize in leveraging my strong problem-solving skills, deep technical expertise, and a commitment to continuous learning to drive business growth.

Contact

Human-Computer Interaction

Project Name: The Delightful Button

Visual Summary

Project Description

A desktop game application created with a single button with the hopes of evoking wonder and delight to my client who loves cats and adding fancy RBG lights to her PC build.

My Client

The topics I focused my interview questions around were: "What brings you delight during COVID" and "Something in your house that you enjoy interacting with".

Design Rationale

Inspired from the idea of some fancy lighting and cats that my client liked. Her cat was a rescue cat leading me to create a game where you save falling cats. Also, she liked managing cables when building her PC so, I decided to use snakes as an enemy to represent tangled cables.

Interaction Design

Playing around with the different events that happen when you interact with a button led me to design it in such a way so that the user feels engaged and that they have full control over the button.

Sketches

1 / 16

Brainstorming Different Ideas

Possible ideas for what a button can do - the action, shape, etc.

2 / 16

Button Gift

The button is gift where the user clicks to unwrap and reveal a surprise.

2 / 16

Space and Stars

The screen has a moon and clicking the moon
shows a star constellatios and a little animation plays.

2 / 16

Button Interaction

An idea where the button is a cat
which can interact with objects on the screen.

3 / 16

Flashlight Button

Moving the button around the screen
lights up the area revealing hidden objects.

2 / 16

Angry Cat

After clicking the cat, there will be an animation of the cat
scratching the screen which then opens into something else.

4 / 16

One Step Back

Come back to the idea of the kind of buttons there are.
The purpose of this was to not lock myself to one idea.

2 / 16

Button Physics

The user can use the button to smash objects on the screen and destory them.
Supposed to feel a lot better afterwards!

5 / 16

Catering to Client

Incorporate what the client likes into the button
to make it appealing to them - Cats & RGB lights.

6 / 16

A Game!

A game that involves feeding a cat food with a button.

7 / 16

Iteration #1: Catching Game

Different ideas for a catching game.

8 / 16

Iteration #2: Shooter Game

Clicking the button allows you to shoot objects.

9 / 16

Iteration #3: Emitter Button

Clicking the button throws out items and then
you move around and catch the good ones.

10 / 16

Iteration #4: How The Game Starts

Ideas about how user gets to the game screen.

11 / 16

Iteration #5: Game Functionalities

What the different game objects will be
and how the button will interact with them.

12 / 16

Iteration #6: Game Instructions

An idea for how to give players
instructions on how to play the game.

13 / 16

Iteration #7: Button Design

How the button will look throughout the game.
Different interactions change the behaviour.

14 / 16

Iteration #8: More Instructions

A nicer, cleaner way of giving instructions to the player.

15 / 16

Iteration #9: Game Controls

Different ideas on how to move the button for easier maneuvering.

16 / 16

Iteration #10: Aim and Shoot

An idea where the button is an aimer and you use
that to shoot instead of moving the box.

Video Demo