The Most Important Screen

The time delay screen is the core of Sealed. It needs to be an exciting, delightful experience to scroll into the future. How exactly should it look?

In contemplating the design for this screen, I’ve kept an eye out for apps that use a prominent circle to perform an action or to display data. Here’s a smattering of what I’ve come across:

At this point, I’m happy with the notion of dragging an item around in a circle to increase the time delay. The action itself should be just about universally understood: things rotate clockwise, whether it be an analog clock, a planetary system, or an iPod scrolling through music. I’m confident that people will see this screen and know what to do.

The decisions to be made here are basically cosmetic. How thick is the line? How much data should I show the user (hours, days, months, years?) To gradient or not to gradient? To introduce a new color or to keep with the theme? How can this experience sparkle?

I feel like I’m missing an animation, but I have a hard time thinking in motion. Maybe the button swells when you tap + drag it? Maybe it changes color with each revolution?

Sealed_5-46

I’m hesitant to gradientify the whole app, but it is a common trend and does tend to cause people to call the design “beautiful”. Is it clear? Will it feel special? Is there a happy medium?

Also, I’ve recently begun to take to Tumblr to post my screenshots, which I collect aggressively whenever I come across a piece of design that is interesting to me. Ads, apps, marketing done well and poorly, tech, future-tech (my favorite)… if the Internet has taught me anything, more social media is always better than less!!!!!

Sealed_5-46

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s