What was the first ‘killer phone app‘? I’m talking about the first non-voice product that had droves of people buying mobile phones for the first time just to use it?
Was it Google Maps? Maybe the YouTube app? Bejewelled? Farmville? Facebook?
No – as important as they may have been, I think the original killer app has to be SMS (or texting). Sending little notes to each other doesn’t sound very innovative or exciting, but from the early 90’s onwards, SMS drove the cellphone market while providing an obscenely lucrative revenue stream to phone network providers.
People seemed to like SMS for three reasons.
- It was private.
- It was simple.
- It felt familiar.
We all probably passed notes in class and stuck them on the refrigerator door. SMS just let us pass them across the world.
Many of the first big online services for desktop computers used the same chatty approach – ICQ, Yahoo IM, AIM, and MSN Messenger. Even today Facebook Messenger, Whatsapp Twitter, and Slack have billions of users every day tapping out short text messages to each other.
What can we say? Humans really like this format.
Birth of the Conversational User Interface
The last three years have seen the rise of a new kind of user interface. Slack were one of the first companies to realize that this ‘human-to-human‘ chat format might work just as well for human-to-app interactions.
Instead of using a standard account creation sign-up form, Slack used their ‘Slackbot’ like a welcoming hotel concierge.
And it made total sense. They want you to chat – why not start chatting from the first moments you use the app? The idea caught on and has been reproduced many times since.
Quartz: Chatty News App
Quartz is a new news app (currently iOS only) that takes the idea of conversational UIs to a new level.
While Slack was a chat client just expanding where it chatted, Quartz jams news events into an SMS-like format. It’s a bit like having a friend SMSing you newspaper snippets to read on the train. You can ask your friend for more detail on the story or tell them to move on.
While I’m not totally convinced yet that Quartz is a winner, it is a brilliantly original way to think about presenting news. It’s loose and informal and easily the most clutter-free news UI I’ve ever seen. Each time you read a new message and make a yes/no decision – Quartz handles the rest.
One eye-catching little UI touch is the ‘typing’ indicator that appears just before Quartz posts a new message to screen – three drumming dots inside a speech bubble (see the animation above).
Learn PHP for free!
Make the leap into server-side programming with a comprehensive cover of PHP & MySQL.
RRP $11.95 Yours absolutely free
We’re all familiar with this idea. In real world conversations, we can signal with body language that we’re about to speak. In chat apps from ICQ in 1996 to Slack today, we get a visual indicator that the other person is in the act of replying. It’s a useful protocol.
But this is an app speaking to us – not a friend or colleague.
Now let’s be frank: We all implicitly understand that this is all ‘UX theater’ put on for our benefit. Even my 10-yo daughter immediately picked it. There’s nobody banging away at a real keyboard. It’s pretend.
So, how do we feel about that?
I’m not sure about you, but I’ve been surprised by my own gut reaction.
My designer brain tells me I should be dismissive and snarky. “Bah! How DARE you slow down my experience with such feeble UI parlor tricks!” (yes, my ‘designer brain’ sounds like Professor Moriarty).
But my UX-self started grudgingly liking it – and I couldn’t understand why at first.
So, why don’t I hate this?
I now think there are two reasons why it works.
1). Part of it is anticipation. Like the arrival chime on an elevator, it’s slightly less jarring when we can prepare for the new content just before it arrives. The ‘reply drum’ (I’m coining that phrase) is onscreen for a second or less, so there’s very little time to get genuinely impatient. But we watch that spot.
2). As much as I know it’s a trick, I can’t help treating ‘Quartzbot’ more like a person than the glorified tweet-stream it is. That tiny detail at least partially overrides my rational understanding that this is just fancy code.
And that, in turn, changes the way I read each message. We’re all well-trained at reading our text messages carefully. An SMS is usually short, but often packed with subtext, undertones and hidden meaning. For instance, your partner replies to your text with ‘
Fine.‘ or ‘
ok..‘ you know things are very likely NOT either fine or OK. But ‘
CU l8r ;)‘ is another matter.
Quartz manages to trick that part of our brain into reading the news. Will the magic last? I’ll be interested to see over the coming weeks.
30 Rock & The Uncanny Valley
In a memorable episode of 30 Rock, Frank delivers a brilliant explanation of the robotics theory of the ‘Uncanny Valley’.
Frank: As artificial representations of humans become more and more realistic, they reach a point where they stop being endearing and become creepy.
Tracy: Tell it to me in Star Wars
Frank: A’right. We like R2-D2… And C3PO. (pointing low on chart)
Tracy: They’re nice.
Frank: And here we have a real person like Han Solo (pointing at top of chart)
Tracy: He acts like he doesn’t care… but he DOES!
Frank: But down here we have a CGI Stormtrooper… (pointing at bottom of valley) … or Tom Hanks in the Polar Express”
Tracy: I’m scared! Get me outta there!
Frank: That’s the problem. You’re in the valley now. It’s impossible to get out.
It makes sense that the concept of the uncanny valley applies to these conversational UIs too. Perhaps ‘Quartzbot’ (or whatever it’s called) is vaguely likable because it manages to land in that relatively simple, ‘un-creepy’ R2-D2 part of the graph.
But it will be interesting to see what happens when conversational UIs start getting more complex and edging into ‘the valley’.
Originally published in the SitePoint Design Newsletter.
Alex has been doing cruel and unusual things to CSS since 2001. He is the lead front-end design and dev for SitePoint and one-time SitePoint's Design and UX editor with over 150+ newsletter written. Now Alex is involved in the planning, development, production, and marketing of a huge range of printed and online products and references. He has designed over 40+ of SitePoint's book covers.
Jump Start Git, 2nd Edition
Visual Studio Code: End-to-End Editing and Debugging Tools for Web Developers