Design & UX
Jessica Enders, Sep 28

Form UX: Sometimes Even Apple, Google and Amazon Make Mistakes

Jessica Enders looks at how even the giants of digital media can slip up in their web form UX.
Design & UX
Alex Walker, Sep 16

The Great Prototyping Debate: Software vs Hand-coding

Visual prototyping tools are fast but lack the flexibility of hand-coded HTML prototypes. Why not both? Pingendo is a visual tool based on Bootstrap 4. 
Design & UX
Daniel Schwarz, Sep 13

How to Stop Designing Square Layouts by Thinking Outside of the Box

Websites are so often boxes in boxes in boxes. Daniel has 5 different ways to break your habit of rectangular website designs.
Design & UX
John Stevens, Sep 09

3 MORE Clever Psychology Rules for Making Better UX Decisions

Today I have three more innovative ideas from psychology involving human reactions to color, change and attention spans that take things to another level.
Design & UX
Saad Al-Sabbagh, Sep 08

5 Most Common Wireframing Mistakes (And How to Avoid Them)

Wireframing is a key component of modern frontend design but often overlooked in design and development courses. Saad can help.
Design & UX
John Stevens, Sep 01

4 Clever Psychology Rules for Making Better UX Decisions

UXD is process of building better, more pleasurable products for users. Psychology is the key to understanding their needs and wants.
Design & UX
Daniel Schwarz, Aug 30

Is Sketch App with Atomic.io the Perfect UI Design Duo?

Sketch is great for UI design. Atomic is great for prototyping. But can they combine seamlessly as a Sketch and Atomic.io UI tag team?
Design & UX
Alex Walker, Aug 24

Botox and the Art of Designing Empathy

Research shows that looking at faces changes the way we think. Can you use this knowledge to trigger empathy in your users?
Design & UX
Konrad Caban, Aug 22

How to (Almost) Painlessly Troubleshoot Your Client Sites

FInding, tagging and removing bugs may not be glamorous but it's a product development phase. Konrad has a toolset for painless troubleshooting of bug.
Design & UX
Gabrielle Gosha, Aug 16

8 Distinctive Headline Fonts to Make Your Content Sizzle

Today we've put together a list of 8 impressive and distinctive headline fonts designed to give your layouts an extra touch of star power. Enjoy.
Design & UX
Alex Walker, Aug 11

UX Design 2016: Too Many Hunters – Not Enough Gatherers?

As 'web people', we talk a lot about 'capturing customers', but not so much about what to do with them when we succeed. We can learn a lot from airlines.
Design & UX
Richard Child, Aug 08

Does Your Landing Page Target Prospects but Forget Customers?

Often it's easy to focus on the customers we don't have – to the detriment of those we do. Richard shows us how Trello helps customers feel special.
Design & UX
Daniel Schwarz, Jul 28

Adobe XD Repeat Grids Tutorial: Importing Assets Pain-Free

Adobe has waded back into the UI design space with Adobe XD. Dan has a handy tip for importing assets pain-free using the Adobe XD's Repeat Grids feature.
Design & UX
Daniel Schwarz, Jul 19

PaintCode: How to Make iOS-Ready App Graphics with Sketch App

App development needs great design but there is a disconnect between design and code. Now Paintcode turns Sketch into an iOS app UI development tool.
Design & UX
Saad Al-Sabbagh, Jul 12

Using White Space: How Emptiness Can Give So Much to Design

Saad explains how white space, a lack of content, can make a design more effective.
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
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.
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.
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.
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.