Designing journeys from the hamster’s point of view

Want to be “customer-centred?” Instead of designing from a birds-eye view, the simplest change to make is to use journey maps and design each step as the customer would experience it.

On Saturday mornings, we occasionally build mazes for the kids pet hamsters out of Duplo. This is fun for everyone, including the hamsters who get a chance to come out of their cages and stretch their little legs.

As the architects of the mazes, we come up with various features that make the mazes more interesting to us. Rooms full of tasty treats at the end of long and complicated tunnels. We even did an elevator once. Here’s a typical maze…

A maze for the hamsters, made of Duplo bricks and viewed from the top

The hamsters have different ideas. They rarely go for the tasty treats because they are rarely aware they exist. From the their perspective the maze looks like this…

The hamster's view of the maze. Just a few walls and a left or right turn.

As you can see, it’s pretty hard to tell where the rewards will lie. To the left? Or the right? That’s all the hamster can see. Very often, the hamsters choose to escape from the experience altogether. (It’s amazing how tall you need to build the walls to stop this. That’s a lesson in itself.)

The hamster pops out the top of the maze and stops playing.

To make a successful maze that the hamster will run around it, we have to appreciate that the hamster can’t see the whole maze at once. They can only live through the experience of it step by step. And if a given step isn’t easy and clearly rewarding, then they won’t take it – even if there’s a mountain of popcorn waiting for them just a little further on.

As Flow has worked with various corporations in South Africa, it always seems to come down to the same key activity: Helping teams think through “what would our customer want to do next”. The simple act of viewing an experience step by step, as a customer would, solves squabbles, uncovers points of pain, and drives out simple new ideas that make things work better for everyone. Without doing this, business units and dev teams tend just to think about the component parts and how to click them together. And customers are faced with fragmented experiences that range from irrelevant to downright bizarre.

A sample scenario/simple journey map

The tools I’m talking about are just personas, scenarios, and journey maps here – techniques that are as old as the hills. But they’re still fundamental, and if you do them earnestly and intelligently they make all the difference.

Flow project: 25% increase in registrations for MXit

Flow helped MXit create MXit 6: a stylish and easy-to-use new version of their mobile phone software across three types of handset. The project delivered a 25% increase in daily registrations in the first month, to over 60 000 registrations per day.

Delivering a great user experience across the widest range of handsets is key to our strategy. Flow has been an essential part of the process for us. – Juan Du Toit, Head of International Business Development and Marketing.

MXit_handsets

MXit_Usability1

The Brief: Design a new user experience for MXit on Java, Blackberry and Android devices.

MXit is Africa’s largest mobile social network. It earned this position by offering cost-effective access to messaging, gaming and information services on more than 3000 models of handsets, which include low-end feature handsets.

But the minimalist approach that gave the platform such broad reach tended to make MXit hard to understand for first-time users, and less appealing on smartphones.

So Flow was asked to help create a new vision for MXit, called MXit 6, The aim being to improve the user experience and make it more appealing to more users on more devices.

What we did: Research, concept design and detailed interaction design in an agile software development process.

Usability testing on the existing product showed that Read more

Flow project: MWEB’s uncapped broadband site

MWEB’s uncapped broadband will revolutionise the web in South Africa. But there’s another revolution here – they designed for their customers and took the complexity out of buying broadband.

MWEB has launched affordable uncapped broadband in South Africa. Flow Interactive has been working with them on the interaction design for the launch website and the sign-up process. It’s been a complex but exciting project.

Working with Flow, MWEB took a user-centred design approach to this project. We started by doing a round of usability testing on their existing website earlier this year. This gave us many insights into how people buy ADSL. The most notable of these was that  people were almost utterly clueless about the terms that ISPs use on their sites. ADSL? HSDPA? Unshaped? Even the IT consultants we interviewed weren’t completely sure what it all meant.

MWEB's new ADSL pages

MWEB's new ADSL pages

There was a second layer of complexity: there were so many variables to the choice. ADSL vs 3G. Three different line speeds. Multiple data caps that depended on the line speed you chose. Pricing that was affected by the choice of router.

Read more

Vodacom service: Experience the dancing bear

Signing up with Vodacom for an iPhone: it worked, but only just. Next to Apple’s amazing user experience design, Vodacom’s service design looks distinctly shabby. Sorting it out would benefit customers and shareholders.

A “dancing bear” is Alan Cooper’s term for a piece of technology that gets accepted because it does something valuable – not because it does something well. The miracle is that the bear dances. But if you needed a dancer, you wouldn’t hire a bear.

The Diamond RIO. It played music!  Amazing. But it was a pain.

The Diamond RIO. It played music: Amazing! But it was a pain.

A classic example. The Diamond Rio: dancing bear. iPod: Prima ballerina.

Service design is another form of experience design. And it can have dancing bears too.

See the bear dance

So low are our expectations of South African mobile service providers, that we applaud when they manage the absolute basics of their business: connecting new customers to their service so they can make money out of them. A service provider that actually tried to provide a real customer experience? We can bearly imagine it.

The actual Vodacom experience (as braved by my wife, Debre):
Read more

Completed UX project: Desktop design tool for antenna engineers

“Awesomeness” was one of the project goals. User-centred design helped to deliver it.

As we use wi-fi networks, satellite TV, mobile phones, we don’t give a thought to the antennas that makes them work. But designing antennas is hard. It’s almost as much an art as a science, takes lots of knowledge, dedication and experience… and months.

Antenna Magus is a new piece of software which cuts weeks off the antenna design process. It represents a revolution in antenna design. (If you want to know what it actually does, your best bet is to watch their chuckle-provoking video).

Antenna Magus screenshots

The Magus team wanted the software to be useful and quick to use. They wanted it to be “awesome” (with tongues slightly in cheeks). Most of all, they wanted it to be exportable globally and generate significant revenue, in a shortish time frame. So they asked me to help get them there.

Read more

Destructive excuses

Here are four excuses I’ve heard recently. Not delivered in these exact words or course. I’ve summarised them to save us all time.

I’m too busy coding to work out whether people will want the product I am trying to deliver.

I’m too busy fighting fires to make sure we have a reliable process and happy staff.

I’m too busy thinking up new features to focus on what people really need.

I’m too busy trying to push the product to think about how to make people choose to buy it.

These are the underlying thought and behavior patterns behind some very expensive mistakes.

Extreme e-commerce

“South Africans would always rather jump in the car to go an buy something than buy it over the internet,” says Andrew Smith, director of YuppieChef. He’s right. And it means that if you can design an e-commerce site that sells in South Africa, you can do it anywhere.

At the end of May, there was a free one day conference about South African, digital entrepreneurship: Net Prophet. Andrew Smith, a director of South Africa’s most delightful e-commerce site, YuppieChef, gave a great talk about e-commerce in South Africa. It was called E-commerce is not a technology problem.

Andrew Smith's recipe for a successful e-commerce site

Andrew covered user experience and customer experience in a completely jargon-free way. And he offered a great summary of the themes that an e-commerce operations needs to consider.

Of course e-commerce is not primarily a technology problem. But when you meet organisations starting e-commerce operations, you still need to spell it out every time. A great example from Andrew:  Pick and Pay’s website is high on technology and short on selling. The search engine returns results, sure, but if you search for milk, you get milk stout and milky bar buttons coming up first. Surely cartons of milk would make better sense.

(My limited experience of talking to the Sainsbury’s and Occado teams in the UK tells me that getting supermarket IA right takes about 2 years, or four iterations. So don’t give up, Pick and Pay).

Andrew also offers some great checklists for what it takes to run a successful e-commerce operation.

  • Product: Hard to find, trusted brands, easy to deliver
  • Marketing: Offline credibility, word of mouth, community
  • Customer service: Real people, in touch, full time

It’s a great introduction.  But what’s really intriguing is that online trust-building and persuasion tactics don’t seem to be enough. Andrew is convinced that in South Africa, you have to establish trust via telephone calls and offline marketing. Like I said: if you can build a successful e-commerce business in South Africa, you can do it anywhere.

Balsamiq starts to show promise

Rapid interface sketching tool Balsamiq allows anyone to throw simple clickable interfaces together quickly. But if decides to become a professional tool for interaction designers, it still has a way to go.

I made this mockup in seconds

Balsamiq is a tool for creating rapid interface sketches. Due to skilful social marketing, its reputation is spreading fast.  And at $79.99 it’s a fairly cost effective bit of software.

Balsamiq has found a great niche. A growing group of folk in the web and software business understand that they should be sketching interfaces before implementation, but feel they “can’t draw”. So making a dedicated piece of software for them is a good idea. Integration with various enterprise collaboration tools makes another nice USP.

Sketch really fast

Balsamiq genuinely allows you to produce sketch interfaces faster then any other tool I’ve seen.  You can add a window, say, then instantly customize the thickness of the status bar, and title bar, and add or remove the maximize, minimize and close buttons. You can chuck in a tree control and quickly customize exactly how many folders it is showing and what each one is called.  Everything lines up automatically so it looks fairly neat.

You can also make scrolling pages and string them together into clickable demos. That means you can mock up a simple website clickthough in a few minutes. Balsamiq also captures some of the fun and creativity that makes sketching such a joy.  Clever!

A few widgets from Balsamiq's colelction

But then what?

There are at least three good reasons to create interface sketches and prototypes:

  1. To get new ideas and quickly explore and enhance them in design sessions with colleagues. Balsamiq is right at home here.
  2. To usability test ideas with target users. Balsamiq is close to being very useful here.
  3. To explain, persuade and demonstrate to other project stakeholders. Balsamiq needs quite a lot of work here.

As an interaction designer, I also need a tool to help me when interaction design projects get big and complex. Balsamiq isn’t yet great at handling large, complex mockups and helping you to keep all the pages consistent and up to date.

Read more

Ten things user experience design is NOT

Whitney Hess has written a really good post on Mashable which summarises ten major misconceptions that organisations often have about user experience.

I don’t usually post straight pointers to other people’s work, but this one is a beauty.

The 10 things user experience design is NOT…

1. …user interface design
2. …a step in the process
3. …about technology
4. …just about usability
5. …just about the user
6. …expensive
7. …easy
8. …the role of one person or department
9. …a single discipline
10. …a choice

Organisations and teams that understand this will stand a much better chance of generating a good user experience, happy customers, and a profit. Here’s the full post…