3 COMMENTs
Design & UX
Alex Walker, Jul 05

SitePoint/Flippa Hack Day: Hacking our First IoT Project

We'd all played with computers for years but SitePoint's Hack Day gave us a chance to make electronics with our first IoT project.
Design & UX
Charles Costa, Jul 04

The 4 Unique Design Challenges of IoT

Designing for IoT – the Internet of Things – offers great opportunities, but also a new range of challenges. Charles Costa walks you though the big 4. 
4 COMMENTs
Design & UX
Simon Codrington, Jun 30

Review: Is the New and Improved Google Fonts Better?

Google fonts revolutionized web fonts by bringing them to the world. They've just released the services' biggest overhauls since 2010. But is it better?
Design & UX
Aja Frost, Jun 28

How the Humble Speech Bubble Will Transform Our Future UIs

They are the product of comic books and newspaper 'funny pages' but Aja is here to tell why the speech bubble is set to rule our future UIs.
7 COMMENTs
Design & UX
Alex Walker, Jun 27

Are Colors Born Bad or Do We Make Them That Way?

Pantone 448C – a dark olive-brown – is used on Australian cigarette packaging because it is visually unappealing. But context changes how we see color.
3 COMMENTs
Design & UX
Chris Lienert, Jun 23

How to Speed Up Your UX with Skeleton Screens

Delivering a speedy UX isn't all about code and servers – it's about how things feel.  Chris shows you how to use 'skeleton screens' to speed up your UX. 
Design & UX
Daniel Schwarz, Jun 21

5 Bankable UX Lessons from Brick and Mortar Store Design

Store design isn't accidental. Hundred of years of experience teaches many UX lessons. Daniel explains how you can apply in the digital world.
2 COMMENTs
Design & UX
Alex Walker, Jun 16

How to Find Cool, Quirky, Copyright Free Photos on Flickr

Think you know Flickr? Did you know they store a vast reservoir of copyright free photos imagery from the world's great libraries, museums, & archives?
3 COMMENTs
Design & UX
Alan Dargan, Jun 14

5 Things Every Designer Needs to Know About Conversational UIs

Conversational UIs are becoming more and more common but designing them requires a whole new skillset – more scriptwriter than graphic designer.
Design & UX
Angela Molina, Jun 13

Let's Talk about Sketch, Baby! With Sketch Guru, Daniel Schwarz

 We think it's important to connect you with subject matter specialists and give you a chance to say hello and ask them a question. Last week, we caught up with Daniel Schwarz for a chat about Sketch 3.
Design & UX
Maria Antonietta Perna, Jun 09

20 Inspirational, Free Tools For Better Typeface Pairing

We have access to a wider set of web fonts than ever before, but choice can be a tyranny. Luckily Antonietta has 20 tools to help you better pair type.
Design & UX
Alex Walker, Jun 08

Conversational UIs, R2-D2 and Avoiding the Uncanny Valley

What was the first 'killer phone app'? I'm talking about first non-voice offering 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? Facebook?

No - as important as they were, 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 adoption of cellphones and provided an obscenely lucrative revenue stream to phone network providers.

People seemed to like SMS for three reasons.

  1. It was private
  2. It was simple
  3. 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 two 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.

Slackbot sign-up

And it made so much sense. They want you to chat - why not start chatting from the first moments you use the app? The idea 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.

Quartz in action

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 you've ever seen. Each time you read a new message and make a yes/no decision - Quartz handles the rest. Interesting.

One interesting 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 below).

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.

Quartz Conversational UI

Now let's be frank: We all implicitly understand that this is all 'UX theater' for our benefit. Even my 10-yo daughter immediately picked it. There's nobody banging away at a real keyboard.

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 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.

8 COMMENTs
Design & UX
Alex Walker, Jun 07

Why SVG Image Hosting is Hard (... and How to Do It)

SVG is powerful, but finding a place to put your image is harder than it should be. Here's a scalable, reliable, free SVG image hosting method.
Design & UX
Gabrielle Gosha, Jun 06

9 Free iPhone Apps for Productive Designers

Design isn't something you only do at your desk. Gabrielle has 9 apps to help designers get things done on their iPhone.
1 COMMENT
Design & UX
Aja Frost, May 31

Multi-Device Onboarding: What We Can Learn from Mint & Expensify?

Some users come to us via the web – others via an app. How does the onboarding UX differ? Aja looks at how Mint and Expensify answer that question.
Design & UX
Wes McDowell, May 30

4 Steps to Boosting Conversions with Prioritized Navigation

Design is a series of decisions on what is most important – and what isn't. Wes looks at how to focus your users by using with prioritized navigation. 
3 COMMENTs
Design & UX
Sarah Landrum, May 28

Quick Tip: 4 Really Useful, Re-Useable Code Snippets from Codepen

Codepen has become a vast repository of some of the best in front-end UI thinking. Sarah has put together a short list of handy snippets from Codepen.io
14 COMMENTs
JavaScript
Yaphi Berhanu, May 26

Make a Simple JavaScript Slideshow without jQuery

Yaphi walks you step-by-step through creating a slideshow with JavaScript and CSS, with practical tips on ensuring accessibility for all.
3 COMMENTs
Design & UX
Alex Walker, May 26

Make Your Own Responsive SVG Graphs & Infographics

It doesn't matter how crisp your SVG text is if it's too small to be read. Responsive SVG lets you prioritize the important parts of you graphic.
1 COMMENT
Design & UX
Theo Miller, May 23

The 5 Best Slack Apps to Accelerate Your Design Process

Designers are part of an ever-growing team in 2016 and collaboration is key. Theo looks at the best Slack apps for designers.
2 COMMENTs
Design & UX
Daniel Schwarz, May 19

Crash Course: Learn the Sketch UI in Roughly 4 Minutes 20 Seconds

Sketch has become the key tool for so many Front-end designers that it's hard to ignore. Daniel gets you up-to-speed with the UI basic in under 5 minutes.
Design & UX
Alex Walker, May 18

Uncovering the Secret Coded Language of Postage Stamps

While today we LOL, smile :) and wink ;), a hundred years ago people were encoding their thoughts and feelings into the position of their postage stamps. 
Design & UX
Gabrielle Gosha, May 17

5 Hot Logo Design Trends of 2016

You gotta know the current trends before you can swim the other way. Gabrielle has five logo trends that are making waves in 2016.
Design & UX
Daniel Schwarz, May 16

How to Create Responsive Layouts in Sketch (with a Drop of Fluid)

Sketch app is primarily an Interface Design tool so it makes sense for it to be responsive. Daniel show