Profile cover photo
Profile photo
Liam Spradlin

Liam's posts

Post is pinned.Post has attachment
Experiencing the next mutation: user characteristics, defining success, and a new way to research mutative patterns

Today, to coincide with my session at Android Summit, I'm excited to publish a new post to Project Phoebe and to announce Helios, a tool that will allow us to research mutative patterns, how users experience them, and how they interact with one another.

The post covers some of the biggest questions I've gotten since +Francisco Franco and I debuted Selene this Spring, including how Gaia can determine successful mutations, how two user characteristics may overlap, and how mutative design can succeed in a world where users are often averse to change.

As always, I hope to see more developers and designers get involved with mutative design, and I can't wait to show off what's next this Fall 😁

Learn more:
Source code:

#design #uiux #community #opensource #android #mutatemore #mutativedesign #ui #uxdesign #accessibility #gde


Post has shared content
Introducing ShapeShifter v0.1

For the past couple of months I've been working on a web app that simplifies the process of creating SVG-based path morphing animations.

Try it out and let me know if you have any trouble. If you don't have your own SVGs to use, click on that three-dotted icon in the top right corner and play around with one of the demos. :)

I'm especially interested in how I can make this tool more useful for UXers (who are usually the ones creating SVGs in the first place)... so please send me feedback! I'm also interested in supporting other export formats other than AnimatedVectorDrawable... send me feature requests!

Live version:

Post has shared content
This looks like it'll be an awesome series!
In this first edition of Design Snippets, we explore how an email app called Notion successfully onboards users through user education, casual and friendly language, and sensitivity to user context.

Post has shared content
We've been not-so-secretly working on a whole bunch of really nice adjustments to the UI & UX of Focus. I wanted to clean up the interface but also take some time to figure out a few of the more awkward aspects of the app to make it even more fun to use.
I can't wait to finally get everything out there and see what everyone thinks 🙂
Here's a little teaser for two re-worked layouts, both design and implementation wise for Focus version 2.0.

We've been working on this release for a while. I wish we had this out sooner (my fault) but there's still a couple things to work on. When this is out I'll write a lenghty Medium post about the whole history and the hurdles.

It's been particularly satisfying working on all the design tweaks +Liam Spradlin has designed for the app! We'll share more this following week, this is just for a small taste.

As usual don't bother asking for etas, it'll be released when ready, but it's very close to be pushed to the Beta channel.

Thanks for the patience & continued interest in our app, I'm sure you're going to love this.


Post has attachment
Visible Design: Design Notes with Dan Saffer

Dan Saffer & I dive deep into the theoretical UX questions and principles discussed in Dan's work. From what might make us uncomfortable about cooking a roast from across the planet, to the myth of invisible design, and how we might get a handle on the well of undiscovered functionality offered by voice interaction.

Follow Design Notes on Twitter!

Find Design Notes on your favorite podcast platform:


Pocket Casts:





Pushbullet channel:

Google Play Music:

Post has attachment
+Google Design sent a box of awesome design-related goodies to the +touchlab office today! Getting a box from Google at the office is already exciting, but it's even better when it's full of slide puzzles, holographic animation cards, design-related reading materials, and "A Designer's Guide to Seoul" 😛
Such a nice surprise, and full of inspiration for the whole team 🙂 

Post has attachment
Unused weather icon concepts

Here are some weather icons I drew a while ago that never quite made it into production. Was just browsing through some of my unused stuff today and thought I'd share 😛


Post has attachment

Post has attachment
A quick UX observation from the Hangouts app

The left image shows Hangouts as it is right now on phones - if you send an image and text at the same time, they will often send separately (usually for me the text sends first, then the image) and they're displayed separately even once delivered.

On the right is a modest idea - send the image and text together (don't send text until the image is uploaded) and stitch them together in the UI. This strengthens the association of the message with the image and makes the sending user feel more confident that the receiving user won't see the text, get confused, and then eventually see the image. Stitching it the way I've shown also has the benefit of showing a larger image. Hangouts inside Inbox actually does something similar to this already, just not at full-bleed with the message bubble.

I used Hangouts for this example but I don't think it's necessarily a Hangouts-specific UX issue - Allo & WeChat for example don't visually stitch temporally-related messages (but FB Messenger and Telegram do).

Messaging is a sticky area, because how you display and associate (or don't associate) messages and information can influence the tone and quality of a conversation, which could have an impact on people's relationships and communication.

I'd love to get some data to try and validate this idea, but for now it's just a concept that feels right 😛 


Post has attachment
#nowplaying because new Vitalic 😱 
Wait while more posts are being loaded