Clip Content

Share this post

The playful design details of the Playdate console

clipcontent.substack.com

The playful design details of the Playdate console

Issue 16: A showcase of delightful details with questionable ROI.

Steve Dennis
Mar 13
5
Share this post

The playful design details of the Playdate console

clipcontent.substack.com

If you’re not a gamer, there’s a good chance you haven’t heard of the Playdate.

The Playdate. A little yellow console with a crank that fits in your pocket.
Image courtesy of Play.date

It’s a little yellow gaming console with a crank, that fits in your pocket.

Despite what many initially assume, the crank doesn’t charge the device, it’s used as an analog input to control aspects of the games developed for playdate. It has a 1-bit screen, that’s pixels that can just be black or white, no greys even, and there’s no back-light. It evokes the early versions of the Gameboy in that you need to be in a well lit space to play it, or have some kind of reading light. It’s an odd choice, that you’d think would limit the potential audience for it, and you’d be right. It’s one of many decisions that add up to a device that’s unlike anything else, and oozes personality.

The Playdate is a weird niche hardware oddity created by Panic, in partnership with Teenage Engineering. Panic are known primarily for making Mac software for web developers (Transmit, Coda/Nova), though they do have some overlap with gaming, having been the exclusive makers of apparel for the Namco game Katamari Damacy at one point, as well as publishing indie darling games Firewatch and Untitled Goose Game.

Panic have never made a digital hardware product before though, which is part of why the Playdate product stands out so much against the competition. It’s a device full of delightful design choices, which all add up to something that’s more than the sum of their parts.

In the rest of this article, I’m going to highlight some of these delightful details, but if you’re planning on picking up a Playdate, I consider these to be spoilers for the Playdate experience. It’s far more delightful to be surprised by these things in the moment.

SPOILER WARNING FOR THE PLAYDATE EXPERIENCE

Unboxing & Introduction

The Playdate arrives in a small box, matching the Playdate’s distinctive yellow and purple color scheme. The device is mounted at a slight angle in the box, indicating a little playfulness right from the word go. You turn the device on, and are greeted with a beautiful interactive animation that walks you through clicking the directional inputs, the A and B buttons, and the crank to familiarize yourself with the inputs.

A black and white animated Playdate intro: A little playdate with headphones looks at a screw, which is unscrewed with a crank motion, and proceeds into a complex web of cogs filling the screen before they explode, revealing the workings of a machine assembling a Playdate console.

It’s also a showcase of the screen, which without any words says “Hey, I may only be black and white, but look at how smooth I can animate, and how much variety you’ll get with these limitations”.

To unlock the playdate, you press the lock button twice. The animation here gives you feedback by showing the device ‘asleep’ with two closed cartoon eyes, and each click of the lock button opens one eye and the device wakes up.

Even the operating system has delightful touches. The system menu has a beautiful, high frame rate angled swipe in from the side after pressing the menu button, making it feel fun to press.

A modal side menu that quickly swipes in from the right of the screen. The top left corner bounces in before the bottom left corner does, giving it a feeling of speed and momentum.
A perfect example of some of Disney’s principles of animation.

The settings menu is intentionally utilitarian, but even that has a little illustration of various plugs, cables, and gadgets that act as breadcrumbs to show you how deep in each menu you are.

Animated breadcrumbs showing various cables daisy-chaining each other, one for each level deep in the menu you are.

Christmas morning

The majority of games for Playdate are made specifically for the device, and you can’t play them on anything else. When you buy the device, you get a “Season 1” of games that come as part of your purchase price, but the catch is that you only get two games unlocked each week on a Monday, up to 24 season 1 games after 12 weeks.

The design intent is to surprise the user, as well as not overwhelming them, and it works incredibly effectively. Mondays feel like Christmas morning. You wake up, and will be greeted by the lock button flashing purple, indicating new content is available.

The top lock button flashes purple, while on screen a "New games available" badge shows on the lock screen.

You unlock the Playdate, and see a game tile, wrapped in digital gift-wrapping. A quick tap of the A button causes two little robot arms to appear, and untie the bow on the gift-wrapping, exploding in confetti and revealing the tile art of the game you just unlocked. This happens each time you add a new game to the device, whether through a season, purchase, or side-loading.

An animation of a gift unwrapping with little robot arms. It explodes into confetti, revealing the title art for Eyeland.

Buying new games

In the last week, Playdate have launched their on-device store for buying one-off games alongside the seasonal games. It’s called Catalog, and is clearly the team leaning into the playfulness to an even greater extent.

Once you load Catalog, you get a beautiful looping page-turn animation that continues until the store content is loaded.

You browse the beautiful 1-bit store art, click in to a specific game to see screenshots and learn more about it, and then press A to buy. The button text changes, and now reads: “Crank to buy”. You flip the crank out, with its delightful little sound effect, and start crankin’. The button fills up, fast at first, and then slower as the perceived “tension” increases as you get closer to confirming your purchase. Finally you fill the button up, and are greeted with another explosion of confetti.

A store page showing a button saying "Crank to buy" and "Keep going" as the user cranks faster.

(note, that crank to buy is totally optional, and pressing A a second time will also confirm the purchase, just in case the crank is an accessibility issue)

Twitter avatar for @tlaynes
Tim Smith @tlaynes
@playdate Crank to buy is the standout feature. The dopamine rush is endangering my wallet.
8:10 PM ∙ Mar 10, 2023

But that’s not all. The piece of experience design I most appreciate, that no other game store I use does, whether Xbox, Steam, or Epic: The line on my bank statement includes the title of the game I purchased. Brilliant.

Bank app with rows saying "Playdate Eyeland", "Playdate Word Trip" etc, showing the console, and specific game purchased.

So, what can we learn?

The Playdate’s delightful details don’t have any measurable ROI on their own, but as a whole, they add to the overall experience a user experiences when they buy the product. Cute, playful, and delightful. As designers, most of us won’t ever work on a product where this much playfulness is expected, so don’t add random confetti explosions to your B2B accounting app just yet… In fact when you’re done here, read this great article on the dangers of delightful design for balance.

But taken in the right context, there are great design lessons to take from this that can be applied to most products:

  1. Pay attention to onboarding. Introduce people to your features in a way that isn’t just asking them to read an online manual. Make it interesting. People often learn by doing.

  2. Smooth out the edges. Little annoyances like unlocking a device or logging in to a web app can have little details added or removed, to make the experience smoother.

  3. Make things simple for your users. The playdate is an aggressively simple device, which Panic were only able to achieve through a series of incredibly complex decisions and tradeoffs (that you can hear about in their Podcast episode). Put the time and effort in to make things simpler for your users, which usually means more complex for you.

  4. Embrace your constraints. On paper, releasing a gaming console with a 1-bit screen that needs games made for it specifically, doesn’t make a whole lot of sense. Those constraints can be used to add character, and make a product that stands out from its competition.


Thanks for reading Clip Content! Please subscribe, share this post, or buy me a coffee!


Elsewhere

Links and resources from around the web.

Daley Wilhelm writes about how Sparkles aren’t good UX ✨ (despite the sparkly confetti I gush over in this issue)

David Hoang of

Proof of Concept
writes about building better products by playing videogames. Also very relevant to today's issue!

If you’ve been confused/stressed by the Silicon Valley Bank news this weekend, and not totally sure what happened or why, this TikTok is the best explainer of the situation I’ve seen.

Share this post

The playful design details of the Playdate console

clipcontent.substack.com
Previous
Comments
TopNewCommunity

No posts

Ready for more?

© 2023 Steve Dennis
Privacy ∙ Terms ∙ Collection notice
Start WritingGet the app
Substack is the home for great writing