Author Archives: grayson

The Pinball Arcade – Interface Redesign (GUI, UI, UX Design)

The Pinball Arcade is the most realistic pinball simulator available. It features faithful recreations of classic pinball machines and has millions of users across PC, Mac, Playstation, Xbox and various other platforms. A lot of time and money is spent getting each pinball table as accurate and realistic as possible. However, the user experience and menu design has not received the same attention. The game’s users have been complaining about the interface for years; the topic comes up in countless forum threads and someone even made a 20 minute video explaining all the ways the interface is poorly designed. As a fan of The Pinball Arcade, I created a design mockup of how I would like the interface (aka GUI, UI, UX)  to function. The video above demonstrates my design concept for the PC version (full screen at 1080p). 

Goals

Instead of simply focusing on their top score, The Pinball Arcade platform sets certain goals for players to achieve for each table. In the current interface, the progress of these goals is hidden until you go to each table’s detail page. I thought it would be better to not only prominently display these achievements in the detail section for each individual table, but also on each table icon itself. 

Table icons reflect goal progress without cluttering the visual space

A small bar at the bottom of each table icon displays the player’s progression through these goals. A white line represents the standard goals and a red line represents the wizard goals (which are only unlockable once the standard goals are met). Now, the tables menu serves as a showcase for the user’s acheivements, as well as a reminder for which goals remain incomplete. The line displays this information without distracting or cluttering the menu. However these progress line/bars can be disabled in the preferences if the user chooses. 

Friends

Currently in The Pinball Arcade, there doesn’t seem to be an easy way to compare scores with friends. This is surprising for an arcade platform centered around high scores and competition.  My friend an I actually have a shared dropbox folder where we screenshot our scores for the different tables and compare scores by comparing images; it’s a workaround for something that should be a focal point of the platform. 

It’s easy to compare scores with friends

In my design, each table has an easily accessible friend ranking as well as online and you can access it without having to leave the table menu to a separate screen. I imagine a more in depth page could be made that specifically highlights different stats between you and your friends, but I did not design that page. 

See what friends are online

In the bottom left of the screen, your currently online friends (and recently active friends) are displayed, along with what game they are currently playing. I would like to be able to click on an online friend and challenge them to their current table or one of my choosing. They could accept this challenge and we would take turns and see each other play, just like 2-player mode on a real pinball machine. 

Music

I also created custom music for the interface, to be used as the default Pinball Arcade music before the user has chosen a table. The music in the current Pinball Arcade software is the song “Pinball Wizard” by The Who. While the song lyrics are clearly relevant, the bright strumming of an acoustic guitar always felt out of place with the 80s/90s arcade games seen on screen. I met them halfway by creating an 80s retro synthesizer version of the song which I feel makes a better fit in the arcade atmosphere. You can hear my music as the default theme at the start of the video. 

Updating the Design

The current interface is clunky, hard to read and doesn’t present much information

My main goal with this project was to create a more engaging and intuitive interface. I wanted everything important laid out and easy to see, without the need to click onto different pages. I wanted to provide the user with a lot of information, but still keep the layout simple. I made some simple changes such as using an “unlocked” icon, on the free-to-play table of the month, instead of the actual words “table of the month” as they currently use. The table icons are now legible, but still convey the theme of the table by using an image from the backglass. There are still things I would change and add to, but overall I think this would be a big improvement for the software.

Disclaimer: I am not affiliated with Farsight or The Pinball Arcade software. This is a fan-made design project.
Posted in DESIGN | Leave a comment

Summer Fun

Posted in ILLUSTRATION | Leave a comment

Clown Illustration

Posted in ILLUSTRATION | Leave a comment

Watch Vector and Editorial Layout

Several years ago I painstakingly recreated a wrist watch in vector using Adobe Illustrator and created these editorial fake magazine layouts.

Posted in DESIGN | 1 Comment

Pixies Havalina and Velvet Underground I’m Set Free

I’ve always thought the bridge section of the Pixie’s “Havalina” sounded exactly like the bridge of Velvet Underground’s “I’m Set Free”, except instead of a slide guitar it is Frank Black’s voice.

Does anyone else think it sounds similar?

Velvet Underground – I’m set Free (at 2:09)

 

Pixies – Havalina (at 1:16)

Posted in OLD MUSIC | Leave a comment

Killer Snowman

Posted in ILLUSTRATION | Leave a comment

Modern Geometric Christmas Designs

These are some modern graphic designs with a Christmas theme. I made them in 2013, but never got around to posting them.

Posted in DESIGN | Tagged , , , , | Leave a comment

Arab Beats Vol 1 – Middle Eastern Beats and Arab Hip-Hop Instrumentals

A collection of Middle Eastern beats and arab hip-hop instrumentals I released under my artist name Grayso. These beats were made by sampling vintage Middle Eastern music from various countries such as Iran, Iraq, Turkey and Pakistan. I created these tracks between 2013-2015 where they lived on my Soundcloud and the collection was officially released on Bandcamp in 2016. The album is pay-what-you-want so download it for free if you like, or pay what you think it is worth! I plan on making more Middle Eastern beats in a follow-up Volume 2 in the future.

Download here for free (or pay what you want)!

 

Posted in MUSIC | Tagged , , , , , | Leave a comment

Snake Eyes

snake_eyes

First drawing with the Apple Pencil on iPad/Procreate

Posted in ILLUSTRATION | Tagged , , , , , , | Leave a comment

Vector Ray Gun

yellow-raygun_web800

A ray-gun I created in Adobe Illustrator using vector shapes and gradients. It is based on a photo of a toy from the 1950s/60s. I made this in 2012.

 

Posted in ART, DESIGN | Leave a comment