Book Review: UX Strategy by Jaime Levy

UX Strategy by Jaime Levy

UX Strategy: What the heck is it and should you care?

These are the first things you should ask yourself before even thinking about buying this book. For many of you (particularly the old time UXers – you know who you are 😉) you have already been doing UX Strategy for most of your career and simply classing it as part of your work as a UX Professional. It’s all the stuff we do that’s more focussed on the business side. Things like discovery research to explore current user behaviour and needs, competitor analysis, user journey mapping, personas, crafting value propositions, testing them, storyboarding, creating early designs/prototypes and testing them iteratively. Jaime references Eric Reiss’ book ‘The lean startup’ several times throughout her book and the approach detailed in her book is very much in line with lean UX and building MVPs.

In fact, one could argue whether UX Strategy is just another term that’s been created for something that already exists. However, as the definition of UX changes and moves closer to a design discipline, we need a means of people recognising strategy as a key skill. Ironically, as the UX discipline has exploded, key skills like strategy which would ordinarily be part of an experience designers role, are much harder to find. So if UX Strategy needs to be split out into another pillar of UX to increase awareness and skills, then so be it.

So, how does Jaime define UX Strategy?

UX strategy is the process that should be started first, before the design or development of a digital product begins. It’s the vision of a solution that needs to be validated with real potential customers to prove that it’s desired in the marketplace. Although UX design encompasses numerous details such as visual design, content messaging, and how easy it is for a user to accomplish a task, UX strategy is the “Big Picture”. It is the high-level plan to achieve one or more business goals under conditions of uncertainty.

What is UX Strategy

In our opinion, a good UX Designer thinks about strategy as a natural part of their role – it’s what differentiates a UX Designer from a visual designer or a content designer. The UX Designer should always start with the bigger picture before any design takes place. Perhaps Jaime’s limited definition of UX Design is why she felt the need to write a book about UX Strategy – to increase awareness of these important UX skills.

Contents

  • What Is UX Strategy?
  • The Four Tenets of UX Strategy
  • Validating the Value Proposition
  • Conducting Competitive Research
  • Conducting Competitive Analysis
  • Storyboarding Value Innovation
  • Creating Prototypes for Experiments
  • Conducting Guerrilla User Research
  • Designing for Conversion
  • Strategists in the Wild
  • DĂ©nouement

UX Strategy Page Sample

Pros

This is a really interesting read and packed full of useful information and explanations. Jamie uses real examples as much as possible throughout the book and includes templates that you can download through her website too, which is really helpful for you to practise some of the tools in the book.

The book itself is really easy to read, detailed and practical – she breaks everything down into steps to follow. It also includes a lot of visual screenshots so you can really follow the key example she uses throughout the book (an Airbnb for weddings business) and practise the techniques for yourself. This is not a book full of waffle and theory!

You’ll come away with an understanding of the UX process for creating products, and will be able to use the tools to get started on the Strategy process.

Cons

We disagreed with several things within her book and at times too much was left open to interpretation. For example, with regards to user recruitment, she quickly references Nielsen’s 5 user recommendation, but most UX professionals now agree that this figure shouldn’t be used as a one and only rule. The reality is, it’s more complex and careful thought needs to be given to how many users are seen. If you are doing lots of quick iterations you could in theory go lower, or if you have lots of variables and are planning less iterative testing, you may need to go higher.

Jaime also advises guerrilla research in coffee shops, but her recruitment method takes 5-10 days to book people in which goes against many of the benefits of quick coffee shop research. This is a bit confusing – she may as well use a lab. There’s no mention of the hugely positive effects of multiple stakeholders observing the research (this can be a key part of UX Strategy). Her coffee shop approach enables just one client observer to be present, not to mention that the recordings can be incredibly poor (the audio in particular, due to all the background noise). If research is important to you, you will benefit from reading a more detailed book.

At the end of the book there are no references.

The graphics and illustrations look dated and aren’t particularly engaging.

Should you buy it?

If you’re new to UX, lack understanding of how UX fits into business or you want a high level overview of the whole process then this book will be useful for you to read. It would also be useful for anyone building digital products, such as business owners, entrepreneurs and product managers.

Note: All our reviews are independent, not sponsored and based only on our opinion

The Psychology of choice: Why less is more

We’ve all been there… sat in a meeting with stakeholders as one person after another insists that their content needs adding to the user interface (often the Home page right? people will argue for days about that one). Or perhaps they’re all fighting for their preferred feature to go into a product, and before you know it, the biggest case of feature creep you’ve ever seen is being drawn on the whiteboard. Your vision of the clean, simple design and intuitive Apple-like user experience that you came into the meeting with has disappeared before your very eyes. Goodbye dream!

But wait! Did you know there is tested science that proves you are right to keep things clean and simple? By keeping options and choice limited, you are actually making it easier and more likely that the user will take action. Here’s why…

The jam experiment

Imagine you’re walking down the street and you come across two stalls selling jam. One stall is selling 24 different types of jam and the other is selling 6 types of jam.

Which stall would you be most likely to stop at and taste the jam?

When we present this experiment in our Psychology talks, we find most people say they would stop at the stall selling 24 types of jam. Some people think this is a trick question, but it isn’t. People LOVE choices. When we ask people in our research sessions about choices, they’ll always go for the larger amount. In the consumer’s head choice = control and they think the more choice, the better.

In the consumer’s head choice = control and they think the more choice, the better

Let’s go back to the jam stalls for a moment. You’ve stopped to taste the jams at both – the stall selling 24 types and the one selling 6 types, in fact, you’re not the only one – 60% of people stop at the stall selling the most jam.

How many jams did you taste at each stall?

You likely tasted the same amount of jams at each stall, despite one having many more types of jam.

Which stall are you most likely to buy from?

Most people think they would be most likely to buy a jar of jam from the stall selling 24, however, research has proved that you are much more likely to buy from the stall selling just 6 types of jam. These findings are from a research study that was conducted by Psychologists Iyengar et al. They found that when it came to buying the jam, 30% of people bought a jar at the stall that sold 6 types, but only 3% of people bought a jar at the stall selling 24 types.

Customers given too many choices are ten times less likely to buy!

Psychology and the Paradox of choice - Jam experiment results

Paradox of choice leads to choice paralysis

Why, when we’re given more options, are we less likely to choose? It’s because we suffer from ‘choice paralysis’. There are too many options for us to satisfactorily compare them and feel that we’re able to make an adequate choice.

More choice requires more time and effort (to go through and compare everything). This can lead to anxiety, stress, unhappiness, high expectations, regret and self-blame if a poor choice is made. It’s hard and it’s difficult to make a good decision when you’re overwhelmed with information and options. You can’t process it effectively.

Instead of the risk of making a poor choice, we choose not to make a choice at all. No action is taken when the cognitive effort to compare all the options is too great.

Too much choice = no choice at all

Psychology and the Paradox of choice - choice is paralysing

 

This goes against how most people think they will behave. This is another thing you should know – people are notoriously bad at predicting their own behaviour. That’s why you shouldn’t ask questions like “How likely would you be to purchase this product?” in your user testing sessions, or if you do, you should at least take the answer with a pinch of salt. There may be some qualitative insights to be gained by asking it if you follow up with a “why?” query, but that insight shouldn’t be treated as a valid response as to whether they would actually buy it or not.

High value and emotional purchases are the hardest to choose

Why is it so much more difficult to choose which car to buy or which holiday to go on than it is to choose which cereal to buy in the supermarket?

There are two major differences in the purchases.

1 Higher emotion

2 Higher cost

Anything that involves increased emotion and cost has increased risk when making a poor decision. After all, who wants to be responsible for ruining the annual family holiday by choosing a poor hotel? For most mums this is a major cause of anxiety and they will spend a phenomenal amount of time tracking down the perfect family holiday.

Barry Schwartz, a psychologist famous for his book ‘The paradox of choice’ states “When you have all these choices, you have an enormous problem gathering all the information to decide which is the right one. You start looking over your shoulder, thinking that if you’d made a different choice, you’d have done better. So there’s regret, which makes you less satisfied with what you have chosen, whether or not there’s good reason to have regrets. It’s easy to imagine there was a better option, even if there wasn’t really, because you can’t possibly examine all of them.”

Less choice = more satisfaction

An interesting finding from the jam study, is that of the people who bought a jar of jam, those who purchased from the smaller stall were much more satisifed.

So, when we’re given too much choice, we’re also much less happy with the final choice we make. It’s because we’re still wondering if we made the right decision. With just 6 jams, it was easy to taste them all and feel confident about our purchase decision, but it’s unlikely we tasted all 24 jams so we leave with our purchase still wondering if there was a better tasting jam that we would have been more happy with. We’re more likely to suffer buyers remorse.

Apple website

Less is more on the Apple website

Image: It couldn’t be clearer what Apple want the user to do when they come to their website!

In a study published in the Journal of Consumer Psychology in 2015, researchers analysed 99 studies on choice. They found four criteria that motivate consumers to buy:

1 When people want to make a quick and easy choice

2 When the product is complex (so fewer choices help the consumer make a decision)

3 When it’s difficult to compare alternatives

4 When consumers don’t have clear preferences

Just think of Google

The Google search screen is the best example of how limiting choice results in a great user experience. There is only one thing you can do – it couldn’t be any easier! Whenever you’re struggling within your designs, think about this design, how logical it is, how streamlined the user journey begins, how purposeful the design is to make the user take action.

The simplicity of google search

The simplicity of google search

Psychology in UX: What you can do

1. Focus on the user experience and user journey as opposed to the number of clicks

The 3 click rule is ancient now. All it does it surfaces most content closer to the first step, resulting in a busy home page that is harder to choose from.

2. Declutter, declutter, declutter!

Conduct some major housekeeping and be ruthless with your content. Does it really need to sit on that page? Does it need to be so big? Can you cutdown on the text? Does your primary call-to-action stand out the most?

3. Use white space

Make sure that the content on your pages are able to breathe. Give them space and they’ll stand out more. It will be easier for the user to know to select them.

4. Reduce cognitive load by breaking larger tasks into smaller chunks

Remind users of key information and make it really easy to find, as opposed to making them rely on their memory to remember key information on previous pages.

5. Improve the ability to make good decisions

If your website sells lots of products, like Asos, where you have a lot of choice, you may be thinking how on earth can I deal with the issue of choice paralysis. You won’t be able to fully. But you can make it easier for the user by fully understanding the user journey from their perspective – conduct research and user testing to understand what information they’re looking for and at which moments. What do they need to help them to find the right product for their needs? How can you translate these requirements into an intuitive and logical design?

Conduct research and user testing to understand what information your customers are looking for and at which moments

UX professionals need to remind stakeholders that adding too much into the user interface, requiring too many steps in the user journey, giving the user too many options to choose from only serves to make the user experience more difficult, not easier for the end user.

So, the next time you’re in a meeting and people are trying to feature creep, tell them about the paradox of choice and that there’s proven, scientific logic to keep choice limited.

Learn more psychology

Come along and see us present about UX Psychology in design at UX Crunch Manchester

Get free access to more UX Psychology articles, worksheets, courses, events, talks and more!

Simply enter your email address below.


You might also like:

Using Pareto Principle psychology to improve your user experience
10 psychology techniques to drive behaviour

New tool in beta: Overflow user flow diagramming

Roll up rollup! There’s a new tool in town for user flow diagramming and very basic prototyping. It’s called Overflow

Here’s how it works:
  • Import your designs from Sketch
  • Add connection lines between onscreen UI elements and screens e.g. from a button to another screen
  • Double-click to add text to each line to describe the action e.g. Login to profile
  • Press the ‘Present’ icon in the bottom right to navigate the UI

There are two ways that Overflow navigates the UI to make it feel like a prototype, however, it’s worth noting that this is very basic and nothing like the nice transitions you get with prototyping tools such as Framer.

In Overflow, the screens can be navigated within the overview of all the screens. As you press each screen, it zooms out then back in to the next screen. It’s a nice way of communicating how screens connect to each other and the transition is pretty similar to the way you navigate between elements in Prezi. It may start to make you feel a little sea sick navigating like this after several minutes, but it’s pretty cool 🙂

There’s a more conventional way of navigating between screens, which is screen by screen as shown in the video below. You press the button and it shows the next screen immediately.

Here’s a video from the makers of Overflow. There’s not a lot out there about it yet, and we’re yet to get access ourselves, but as soon as we do we’ll let you know if it’s a worthwhile tool to invest in. It certainly looks promising!

Beta is open now, so if you want to try Overflow out, get on the waiting list now.

You might also like:

24 Top UX Prototyping Tools with Downloadable Comparison Table
Get your FREE Mobile UX Checklist

7 Tips to Craft Compelling Call-to-action Copy

Call to action (CTA) UX Design and Conversion

There’s no doubt about it, we all know that well-designed call-to-action (CTA) buttons increase conversion. But it’s not just about the visual design of the button. What you say on your CTA (the text) is just as important.

Psychology and persuasion

CTAs guide and prompt users to do something on your website, like searching, signing up or buying a product. It needs to be a clear instruction to your users; it’s there to prompt them to take action.
That’s why your CTA needs to be clear to your users. It has to tell them what they need to do next. However, it also needs to be compelling and persuasive to motivate them to take action. This is where psychology comes into the creation of your CTA. You can’t simply state what will happen when they click the button, it needs to be written for persuasion. Your users need to know why they should click the button.

1 Use a verb

CTA UX Design Using Verbs

To get people doing what you want them to do on your website, you need to use actionable language. This means verbs! Using a verb helps you tell users how to get from point A to point B, providing directions and guidance. For example, in telling your user “Click here to get started”, you are suggesting what to do and where they are going next. By not including a verb in the CTA copy, you aren’t prompting readers to act, which can negatively impact your click-through rate and conversion.

Barry Feldman of Unbounce recommends starting with an actionable word such as “get”, “learn”, “discover” or “enjoy.” And once you’ve set yourself up to speak to the value of the offer, he recommends following up your action-packed verbs with “the value the clicker shall receive.”

Button copy like “click here” or “download now” doesn’t communicate what you stand to gain by clicking. “Enjoy a free week—on us!” on the other hand, does.

2 Use you or yours

Using you or yours makes users feel like you care about them, and not just about your own business. You want to help them, and make their life easier. It personalises your CTA, and gets your users feeling like you are doing something for them. They feel like you are talking to them.

3 Use me or my

Similar to the previous point, using possessive pronouns makes your users feel as though your product or your service already belongs to them.

4 Show value

Using a short sentence rather than just a word can help users to understand the real value of their action. You can have an entire page explaining the value of your product, but who reads a page in its entirety? No one. Make your call to action as explanatory as possible.

If your call-to-action button doesn’t tell users of the value they will gain by clicking it, they won’t click.
UX Design to Increase CTA Conversion

5 Use a negative call to action

Is the aim of your service/product solving someone’s problem? Make it obvious in your CTA. A negative call to action plays on your users’ frustrations with their current situation and makes it clear how you can solve their problem. “

“Worried about your credit rating?” appeals directly to the person’s concerns.

6 Add Free and consider surrounding text

Are you offering a free trial period? Make it obvious that there is no commitment for your users. Netflix example is a good one: their call to action for new users is “Join free for a month” but they clearly specify with a sentence above the button that you can “Watch anywhere, cancel anytime”. Consider the surrounding text.


Example: Adding “it’s free” next to the CTA increased conversion by 18%.
CTA UX Design - Power of FREE

7 Incentivise

Using words that provide incentives is a great motivator to click on your CTA. Answer the question “What are your users getting out of this?” and put it on your call to action. They might get a bonus if they purchase immediately or if they invite someone to join the service.

A change in one word can significantly make the difference because words have power, so choose them wisely. Remember to test, test, test your call-to-actions.

Your next read:

How just one word can change your conversion

CTA UX Design - Black and Decker Button Conversion Test

Call to Action Buttons: 5 Psychology tips to increase conversion

 

24 Top UX Prototyping Tools with Downloadable Comparison Table

UX Prototyping Tools

The sheer amount of choice of UX prototyping tools can be pretty overwhelming, so here’s an overview of the top 24 tools, together with a FREE downloadable pdf table so that you can easily compare them.

Download my FREE 24 UX Tools Comparison Table >

Atomic

Atomic

Atomic
Description Powerful and scalable prototyping that lets you tackle complexity with confidence. Use simple interactions or advanced animation to bring your Sketch designs to life.
Verdict Create prototypes for web and mobile. The structure is similar to Sketch in that you create Pages and Artboards, which adds a level of familiarity to Sketch users.
App type Web app
Fidelity Lo to hi
Collaboration Feedback tool available
Link atomic.io

Axure RP

Axure

Axure
Description Create simple click-through diagrams or highly functional, rich prototypes with conditional logic, dynamic content, animations, math functions, and data-driven interactions without writing a single line of code.
Verdict Powerful tool that allowing detailed interaction to be prototyped for websites and apps. A fairly steep learning curve.
App type Installable app for Mac and Win
Fidelity Lo to hi
Collaboration Feedback tool available on live prototypes via the web
Link axure.com

Balsamiq

Balsamiq
Balsamic
Description Balsamiq Mockups is a rapid wireframing tool that helps you Work Faster & Smarter. It reproduces the experience of sketching on a whiteboard, but using a computer.
Verdict Quick to learn and put together wireframe designs with ease.
App type Installable app for Mac and Win and web app
Fidelity Lo to hi
Collaboration Feedback tool available on live prototypes via the web app only
Link balsamiq.com

Easee

Easee

Description Easee is a web animation tool for designers. Create smooth animations that can be exported as CSS so that you can import them into your own web project.
Verdict Short learning curve to bring your designs to life.
App type Wab app
Fidelity Hi
Collaboration Unknown ATM
Link easee.design

Flinto

Flinto
Flinto

Description Flinto lets designers quickly make interactive prototypes of their mobile, desktop, or web apps.
Verdict Comprehensive app, allowing you to create anything from simple tap-through prototypes to comprehensive prototypes with impress interactions. Sketch images can be imported and transitions and user behaviours can be easily added.
App type Mac app and web app (Flinto Lite)
Fidelity Lo to hi
Collaboration Feedback available in the tool and shared projects
Link flinto.com

Fluid

Fluid
Fluid

Description Easier web and mobile app prototyping for people who care about products
Verdict Powerful and easy to learn. Design or upload screens and add animated interactions
App type Web app
Fidelity Hi
Collaboration Invite collaborators and stakeholders to review and comment on your prototypes
Link fluidui.com

Form

Form
Form

Description Build and customize native prototypes directly on device. Prototype with the latest material design components, touch ripples, and more.
Verdict Prototype mobile apps. Fair decent learning curve
App type Mac app
Fidelity Hi
Collaboration No feedback tool
Link relativewave.com/form/

Framer

Framer
Framer

Description Design the impossible with Framer. Start with simple code to bring your design to life. Test it on any device, iterate as you go and share easily for feedback. Pioneer new interaction patterns or create groundbreaking animation. No limits, no constraints.
Verdict A great tool for prototyping complex interaction designs and animations for mobile
App type Mac app
Fidelity Hi
Collaboration No feedback tool
Link framer.com/

Hype

Hype
Hype

Description Create beautiful HTML5 web content. Interactive web content and animations made with Tumult Hype work on desktops, smartphones and iPads. No coding required.
Verdict Uses a keyframe-based animation system, however this comes with a high learning curve. It’s a good tool for websites prototyping.
App type Mac app
Fidelity Hi
Collaboration No feedback tool
Link tumult.com/hype

Invision

Invision
Invision

Description The world’s leading prototyping, collaboration & workflow platform. Upload your design files and add animations, gestures, and transitions to transform your static screens into clickable, interactive prototypes.
Verdict Low learning curve and it is well supported int he community
App type Web app
Fidelity Hi
Collaboration Feedback tool available with user testing
Link invisionapp.com

Justinmind

Justinmind
JustinMind

Description Justinmind provides the best solution to prototype web and mobile apps. You can define apps for Web, iOS, and Android in a few clicks, without writing a single line of code.
Verdict Can create sophisticated prototypes with great tools, however there is fairly decent learning curve. The Free version is very limiting.
App type Installable app for Mac and Win
Fidelity Lo to hi
Collaboration Present your prototype and invite stakeholders to give feedback
Link justinmind.com

Keynotopia

Keynotopia
Keynotopia

Description Keynotopia transforms Keynote and PowerPoint into the best rapid prototyping tools for creating mobile, web and desktop app mockups
Verdict Low learning curve
App type Requires Keynote, Powerpoint or OpenOffice
Fidelity Lo to hi
Collaboration No feedback tool provided
Link keynotopia.com

Marvel

Marvelapp
Marvel

Description Simple design, prototyping and collaboration. Create screens directly in Marvel or add your images from Sketch or Photoshop, then add gestures and transitions.
Verdict Create prototypes for the iPhone, iPad, Desktop, Apple TV, Apple Watch and Andrpoid
App type Web app
Fidelity Hi
Collaboration Clients and colleagues can comment directly on each screen or drop annotations
Link marvelapp.com

MockFlow

Mockflow
Mockflow

Description MockFlow is an online design suite providing collaborative web services for creative designers and usability engineers
Verdict A good tool for wireframing websites. A fair learning curve.
App type Web app
Fidelity Lo
Collaboration Feedback tool available
Link mockflow.com

Mockingbird

Mockingbird
Mockingbird

Description Mock up an application and show what’s important: the idea, the information, the interaction
Verdict A good tool for wireframing websites
App type Web app
Fidelity Lo
Collaboration Clients and teammates can edit wireframes with you in real time
Link gomockingbird.com

Mockplus

Mockplus
Mockplus

Description Fast interaction, fast design, fast previewing and fast learn. No code or technical expertise required. Prototype design is easier than ever.
Verdict Great for websites and mobile apps. Fair learning curve
App type Installable app for Mac and Win
Fidelity Lo to hi
Collaboration No feedback tool
Link mockplus.com

Origami

Origami
Origami

Description Explore, iterate, and test your ideas. A new tool for designing modern interfaces. Copy anything from Sketch and paste native layers into Origami Studio. Then quickly adjust, add behavior and animate any layer property without going back.
Verdict Perfect for creating sophisticated mobile prototypes with realistic animations and interactions
App type Mac app
Fidelity Hi
Collaboration No feedback tool
Link origami.design

Principle

Principle
Principle

Description Principle makes it easy to design animated and interactive user interfaces. Whether you’re designing the flow of a multi-screen app, or new interactions and animations, Principle lets you create designs that look and feel amazing.
Verdict Quick to learn
App type Mac app
Fidelity Hi
Collaboration No feedback tool
Link principleformac.com

Proto.io

Proto.io
Proto.io

Description Create fully-interactive high-fidelity prototypes that look and work exactly like your app should. No coding required.
Verdict Easy to make a quick mock-up using the extensive library of ui elements and nice transitions are available. Quite a high learning curve.
App type Web app with players for iOS and Android
Fidelity Lo to hi
Collaboration Reviewer accounts are available for clients to give feedback
Link proto.io

UXpin

UXpin
Unpin

Description Speedy wireframing. Seamless transition from wireframes to mockups & prototypes. Fully collaborative across the entire UX design process.
Verdict Great for websites and mobile apps. Supported by a large community and extensive libraries.
App type Web app
Fidelity Lo to hi
Collaboration Easily to share prototypes with stakeholders and gather feedback
Link uxpin.com

Vectr

Vectr
Vectr

Description Vectr is a free graphics software used to create vector graphics easily and intuitively. It’s a simple yet powerful web and desktop cross-platform tool to bring your designs into reality.
Verdict Prototypes can be designed on the web or desktop app for Win and Mac and are kept in sync. Not as feature rich as other apps atm, however this will change.
App type Installable app for Mac and Win
Fidelity Lo to hi
Collaboration Collaboration is on the roadmap
Link vectr.com

Webflow

Webflow
Webflow

Description Build dynamic, responsive websites without writing code. Launch with a click, and enjoy the fastest, most reliable hosting on the web. Or export clean, semantic code to hand off to your devs.
Verdict Webflow gives you the power to build websites your way — visually — while producing clean, standards-compliant HTML, CSS, and JavaScript that developers will love. The down side being a high learning curve.
App type Web app
Fidelity Hi
Collaboration Shared projects (Team version only), no feedback through tool
Link webflow.com

Xcode

Xcode
Xcode

Description Xcode 8 includes everything you need to create amazing apps for iPhone, iPad, Mac, Apple Watch, and Apple TV.
Verdict Perfect for cutting down on redundant work and misunderstandings when designing and developing mobile apps. Software engineers can immediately iterate the work of a designer. A pretty steep learning curve.
App type Mac app
Fidelity Hi
Collaboration No feedback tool
Link developer.apple.com/xcode/

XD

XD
XD

Description Go from idea to prototype faster with Experience Design CC, the first all-in-one cross-platform tool for designing and prototyping websites and mobile apps.
Verdict Easy to use and powerful
App type Installable app for Mac and Win
Fidelity Hi
Collaboration Feedback tool available
Link adobe.com/uk/products/experience-design.html

Get your FREE UX Prototyping Tools Comparison Table

A handy comparison table of the top 24 UX Prototyping tools to help you make a choice.

Download my FREE 24 UX Tools Comparison Table >

UX Prototyping Tools Comparison Table

Need help prototyping?

Our in house team of UX Design and Research Experts have unrivalled experienced with mobile prototyping design and research – our experience goes right back to the first ever smartphone don’t you know 😉

Email us now for your complimentary initial consultation.

Inspiration: Mockplus

Increase your checkout conversion: 6 tips from real world user tests

Mobile eCommerce UX Conversion

Are you losing too many potential customers at the checkout stage? You’re not alone. According to recent research (Baymard 2016), more than 68% of users abandon an online purchase.

Why is that? Account creation, long and complicated checkout, hidden fees and security issues are popular reasons for abandonment.

Here at Keep It Usable, we’ve been conducting research with users for a long time and we regularly see the same issues, frustrations and concerns when purchasing online.

Below we’re sharing with you the top 6 things you can do that are fundamental for improving your checkout UX and conversion.

Tip 1: Ensure delivery info and costs are visible throughout

UX Checkout Abandonment Conversion

When customers have decided to buy something from your website, the next thing they want to know about is delivery. This can be split into two parts:

Delivery information: How long will it take to arrive? Can I get it by this date? Do they deliver to me?

Delivery cost: How much is it going to cost to deliver?

Customers assess the above information alongside the cost of buying the item to determine if it’s worth going ahead with the purchase from your site or if they need to compare the price on other sites. On many websites, delivery information is not easy to find! When it’s not on the product page, often people assume it will be on the basket page. If it’s not there, some continue to checkout to check for the info, others start to look for a delivery information page (often on the footer). It’s then when things start to get messy! They struggle to find the info, they struggle to get back to the item they were looking at and it disrupts the experience resulting in them being more likely to leave.

And some of you are really doing yourselves a disservice as you’re offering free delivery or free next day delivery if you spend a certain amount (which we know converts), but you’re not making this clear enough to users where it matters most – in the basket. Don’t assume that just because you have messaging elsewhere that you don’t need to keep confirming that message along the whole user journey.

Example: Harvey Nichols

Harvey Nichols clearly display delivery information in the basket, where users expect to see it. All the available options are clearly listed, and as opposed to needing to navigate to another page to see more detailed info (such as on asos.com), each option can be easily clicked to expand more delivery details.

Harvey Nichols eCommerce Checkout

Tip 2: Checkout as a guest is a must-have

(but persuade people to sign up at the end!)

One thing that we constantly observe is that people do not want to be forced to create an account in order to buy from you. Users expect to be able to checkout as a guest, especially for single item purchases.

Users become frustrated and annoyed when they are forced to create an account because

  • If this is their first purchase from your site, they don’t know if they’ll buy from you again so for them, it’s not worth the perceived effort of signing up.
  • They assume they will be sent marketing emails (in their words ‘spam’) and they don’t want them.
  • They believe it is time-consuming. Although often the time that it actually takes to checkout as a guest is pretty much the same as needed for signing up (mostly, the only additional information required to create an account is a password).

So, what can you do? The easiest solution is to persuade them to sign up after they’ve checked out as a guest. Simply present them with a password box to create an account.

You should also remember to tell them why they should sign up. What’s going to motivate them the most? The fact that they can track their order? Get a special discount off their next purchase? Buy future purchases more quickly and easily? If you conduct regular research with your customers you should know what will appeal to them the most, if not, ask them 🙂

Asos offer the option to ‘Continue to checkout’ or sing up using a social account. This is a clever idea – they know their target audience are active social networkers!

ASOS Checkout Conversion UX

 

Tip 3: Short and easy checkout process

During user testing we consistently observe that users feel overwhelmed when they get to a page with a lot of fields to fill out.

It boils down to two main issues:

  • The number of fields they’re required to complete.
  • They feel uncomfortable with the information they’re being asked to give.

We know that you want to know as much about your customers as possible, but this comes at a price – your conversion. The majority of the time, they don’t understand why they have to provide so many details, such as phone number, gender or other personal information just to buy a new pair of shoes or handbag.

Only present required fields and relevant information, in order to avoid giving the impression that the form is longer than it really is.

Your customer doesn’t want to fill out lots of information and they don’t understand why you want to know personal information. When asking for additional information, provide some help text to explain why this is required: for example, we know that people don’t like to leave their phone number, so at the side of the phone number field explain that they will receive text alerts when the order is dispatched. This will reassure people and motivate them to progress through the checkout.

Example from ASOS:

ASOS know their users dislike giving away their mobile number, so they give a clear reason that is focussed on the user benefit ‘delivery updates’.

Mobile UX

Tip 4: Provide information in the shopping basket

Giving customers the right information at the right time can minimise confusion, eliminate surprise, increase confidence and motivate them to complete the purchase.

When your users add a product to the basket, show them details about what they are buying, stock availability, delivery options, return policies, security indicators or payment options. Users should have immediate access to all of this key information directly from their shopping basket in order to reduce their anxiety and the frustration of not exactly knowing what to expect.

Example: Marks and Spencer

Marks & Spencer Basket Conversion

Tip 5: Make navigating your checkout easy and simple

It’s important not to assume that people go through your checkout in a linear manner. In reality, users navigate back and forth to previous steps to double check and edit information.

So, you need to make sure that during your usability testing you do a full test of your checkout navigation – how easy is it to go back to previous steps and edit information? Is it easy to do on mobile or do people skip back too far and lose the information they’ve already entered?

Accordion checkouts and the problem with mobile interaction

32% of checkouts are in the accordion style (Baymard, 2016). This approach is liked because it provides all the checkout steps in individual expanding and collapsing sections, presented on a single page. Having all the checkout steps in one page encourages users to review their information and lessens navigation.

It has also a positive impact on users’ perceived length of the whole checkout process: providing all the steps on one page, makes them feel that the checkout is shorter.

Although this approach is popular, accordion checkouts can cause major problems with mobile users. On desktop, users can simply click into each section of the accordion, however, on mobile users are most likely to use their back button to navigate back to previous sections but this causes them to go back a screen, resulting in them losing all of the information they have just entered and becoming very frustrated! At this point you’re likely to lose them to a competitor who provides a better checkout experience.

Example: Walmart

Walmart’s accordion provides a summary of each collapsed section with a simple ‘Edit’ button. The summary means users can easily see and double check their information without navigating back into the section.

Walmart checkout

 

Tip 6: Use trusted logos and symbols to convert

The average user’s perception of a website’s security is largely determined by their gut feeling, which is to a large extent the consequence of how visually secure the page looks. Basically, it’s all about looks! Authentication/security logos, such as ABTA and ATOL for travel websites or the VISA authentication logo for general e-commerce websites, provide users with the peace of mind that they will be protected. We also observed that users tend to feel safer when they can pay through Paypal because they know that they will be refunded if anything goes wrong.

People will also look out for a lock symbol either on the page or in the address bar – to them that means the page is secure.

ASOS is a well-known brand but nevertheless, they are very careful to reassure users throughout the whole checkout process. They provide a security logo even before users have started to enter their information. The logo is further reinforced by a note which reassures users that their personal data will never be used or posted on their behalf.

Example: Harvey Nichols

Harvey Nichols use the Norton logo and the accepted card logos to increase trust.

eCommerce Payment Card Types for Conversion UX

Example: Marks and Spencer

 Secure Checkout UX

Marks and Spencer go a step further by adding the lock symbol to their call-to-action button, and they’ve clearly thought about the persuasiveness of the copy too ‘Checkout securely’.

 

Need more help?

Need some expert help to increase your conversion? Want to understand your customers better and how they use your website across platforms so you can align your strategy with their needs, increase the effectiveness of your marketing and convert traffic better?

We’ve done so much user testing of websites and checkouts over the years for many brands, we know what works and what doesn’t work to convert traffic into loyal customers. We can also optimise your checkout across platforms – is your mobile experience not converting as well as it should?

Get in touch with us for a chat about your challenges and goals to reveal how we can help you to achieve them.

 

Get your FREE Mobile UX Checklist for World Usability Day

Happy World Usability Day!

We’re very excited today because it’s World Usability Day (and we are Keep It Usable after all). It’s a special day that aims to raise awareness of the importance of usability and educate people about what usability is. It brings together professionals and non-professionals throughout the world with one aim:

To ensure that technology helps people live to their full potential, and that the services and products important to life are easier to access and simpler to use in order to create a better world for all citizens everywhere

Usability unfortunately now gets overshadowed by it’s sexier cousin ‘UX’, however, we mustn’t forget that once upon a time (and not so long ago) the term UX didn’t exist at all, and in it’s place was good old ‘Usability’. Usability is still vitally critical to any design, so before we get on to your free mobile usability checklist, let’s have a quick look at usability…

What is usability and how’s it different from UX?

Usability is the ease of use and learnability of a human-made object such as a tool or device. In the digital context, usability is the degree to which a digital interface can be used by specified consumers to achieve objectives with effectiveness, efficiency, and satisfaction in a specific context of use.

Put simply, usability is how easy or difficult something is to use. Usability and UX are often used synonymously, but they are in fact different, so let’s have a quick look at how we can distinguish between the two… A simple way to think about it is to remember that user experience encompasses the whole experience a person (in this case referred to as a user) has with a brand’s digital components (it’s worth noting that the term Customer Experience is used to define offline touchpoints too). Usability is just one part that makes up this experience. Other aspects of UX could include things like the brand, marketing, customer service, live chat, content, pricing, visual design, etc. The User Experience honeycomb (Peter Morville) shown in the image below, illustrates usability as just one of seven parts of UX (read this post about what UX  is and the benefits).

So, nowadays, UX is used to describe the overarching process and interaction with the product, whilst usability is more about whether a task can be achieved in a satisfactory and timely manner. In fact, if we look at the international usability standard ISO 9241, it defines usability solely as efficiency, effectiveness and satisfaction. Norman and Nielsen take the definition a little further, saying that “usability is a quality attribute that assesses how easy user interfaces are to use”, and that it is defined by 5 components:

  • Learnability: How easy is it for users to accomplish basic tasks the first time they encounter the design?
  • Efficiency: Once users have learned the design, how quickly can they perform tasks?
  • Memorability: When users return to the design after a period of not using it, how easily can they reestablish proficiency?
  • Errors: How many errors do users make, how severe are these errors, and how easily can people recover from the errors?
  • Satisfaction: How pleasant is it to use?

Usability is crucial to your success

For most companies, checking their usability is a basic hygiene factor for survival. Users have no patience to put up with bad user interfaces or hard to use products, they no longer try to work it out themselves, they head off to your competitor who does what you do but they do it simpler, easier and quicker. If you don’t provide good usability you’re effectively sending your customers to your competitors. If those customers came to you through PPC, congratulations, you’ve also paid money to send those lost customers to your competition! A small investment in usability testing pays off massively in both the short and long term.

What are the benefits of usability testing?

Conducting usability testing will:

  • Increase sales and conversion: your user interfaces will be more effective at selling your products/service and therefore will increase your sales.
  • Improve credibility and trust in the brand: good UX is associated with increased brand appeal and positive brand associations.
  • Decrease bounce rates: people bounce for many reasons. During the UX design process, as many of those reasons as possible will be identified and designed out, keeping people on the site, taking them further down the funnel.
  • Avoid costly redesign: testing the product in the early stages of the design process and identifying usability issues at the earliest stage will avoid redesign costs later on and lost revenue.
  • Improve user satisfaction: a satisfying user experience is related to positive emotions due to the fulfilment of fundamental psychological human needs: self-esteem, autonomy, competence and relatedness (Self-determination Theory, Deci & Ryan). Moreover, the feeling of satisfaction gathered during a positive user experience, will create an emotional and affective bond between users and your brand, as well as a sense of engagement and motivation to use your brand in the future (for more about how to engage with your customers emotions, take a look at ‘How do you feel? Understanding emotions to craft satisfying experiences’).

So, how do you test usability?

Usability testing
Typically, usability is measured relative to users’ performance on a given set of test tasks. The most basic measures of usability are based on the following metrics:

  • Success rate (whether users can perform the task at all)
  • Task completion time
  • Error rate
  • Users’ subjective satisfaction

So, you’re basically measuring whether people can complete a task, how long it takes them, how many errors they make (and their classification), and how satisfied people feel after completing (or failing to complete) the task. It is crucial to recruit a representative sample of your target users in your usability test. The recruitment process should screen and select the people that could be your users/customers. There is no point testing the usability of, for instance, your ecommerce website with people that would never buy the products you sell. For this reason, it’s crucial to define personas that will lead the screening process to recruit the sample of users that fit your demographics (to read more about personas and how to create them, check out this post).

When to usability test…

Usability plays a role in each stage of the design process. Testing the usability of your interface or your industrial design with your users should be an ongoing process, that starts from the early phases of concept ideation, through to final launch. It’s worth considering that people’s behaviour, attitudes, needs and expectations change over time and so should your product / service so it’s good practise to run regular usability tests to continuously implement and improve your designs.

  • Test your current design. If you have a design in place currently, test it first to identify what you should keep or emphasise, and the barriers and obstacles that give users problems.
  • Test your competitors to gather insights about their strengths, weaknesses and opportunities for you.
  • Conduct user testing on prototypes. You don’t need to spend too much time designing prototypes, they can be lo-fidelity because you will need to change them based on your usability test results.
  • Develop the most successful prototype idea, informing the design of the interface with the findings gathered from continuous testing throughout the design process to refine the design.
  • Test your final design before launch to capture any new issues that may have entered through the visual design process.
  • Keep testing. Keeping your interfaces updated requires design changes – these should be tested to ensure you’re not creating new problems.

Mobile usability: Your biggest opportunity awaits!

Smartphones are now the core of our daily lives and are in the pockets of 66% of UK adults. 90% of 16-24 year olds own one, but don’t discount the older generation! 55-64 year olds are also joining the smartphone revolution, with ownership in this age group more than doubling since 2012, from 19% to 50% (keep an eye out in the new year for our latest Baby Boomers mobile shopping experience research or email us to request a free copy when it launches). Ofcom’s 2015 Communications Market Report indicates that a third (33%) of internet users see their smartphone as the most important device for going online.

Mobile is where consumer growth is

The rise of mobile is a predicted and inevitable trend so it is crucial for your website or app to be easy to use from the smaller screen of a smartphone. Not only will mobile growth continue, but we’ll also see mobile usage increase too. It’s something we’re noticing in our own consumer research: Users feel more comfortable browsing and purchasing on mobile devices as time progresses and they become more and more used to smartphones. We’re seeing this in the older generation too – do not discount them!

Get your FREE 50 point Mobile UX Checklist!

FREE Mobile UX checklist
To celebrate World Usability Day and to encourage you to take advantage of the continued growth in mobile, we’re giving away copies of a 50 point mobile ux checklist! Download it and you will find a set of useful guidelines to check your mobile user experience.

Get my FREE Mobile UX Checklist >

Need help?

Our Usability Experts and UX researchers have unrivalled experienced with mobile usability testing – our experience goes right back to the first ever smartphone don’t you know 😉

Email us now for your complimentary initial consultation.

Creating meaningful experiences: an Introduction to User Experience design

“Good design is actually a lot harder to notice than poor design, in part because good design fits our needs so well that the design is invisible.” Don Norman 

What is UX?

‘An experience is a story, emerging from the dialogue of a person with her or his world through action.’ (Hassenzahl 2010, pp. 8)

Each person has their own definition of User Experience (UX) so it can be difficult for newcomers to understand what is meant by the term UX. UX refers to the experience a person has and who they feel when interfacing with a system.

Technologies have become progressively more complex as the industry advances and they are embedded into people’s everyday life to such an extent that our experiences are mostly created and shaped through digital devices. What used to be a one-way medium has evolved into a very rich and interactive experience and from this arises the importance to not just test the product but to test the interaction between users and the product. Users’ needs are always changing as they continually evolve their expectation, so continuously testing the user experience of your product is vital to stay relevant and ahead of the competition.

Working in UX requires many skills, below is just a small subset.

UX design disciplines

What is UX design?

UX design is the process of enhancing the end user satisfaction with a product or service as well as increasing business KPIs (if you have a great UX designer they’ll deliver both). In simple words, UX design is about how to create technology that can fit human needs, solve problems and make life simpler.

The more you understand your users the better you can design a product that is attractive and meaningful. User-centred design (that aligns your design to your users needs) will ensure the design of a successful product and an enjoyable user experience.

A UX designer will ensure a product logically flows from one step to the next. UX design experts study and evaluate the ease of use of the product, the perception of the value of the interface, the efficiency in performing tasks coupled with business needs.

The checkout process of an e-commerce website is frequently evaluated in terms of the user experience because it’s often a major jumping off point when customers are transacting. Testing how easy and pleasant users purchasing something on the website can be utilised to identify the challenges and obstacles that users face.

As human beings, we are all different. What works for one person might have the opposite effect on another. For this reason the aim of UX is to design for specific user groups (personas) experiences, promote certain behaviours and habits; user experiences will be different and unique for every product. The design process must be tailored to goals, values, needs and expectations related to a specific product.

What’s the difference between UX and usability?

There is some confusion around UX and usability; they are often used synonymously, however in reality, usability is a part of UX.

UX addresses to how the user feels when using an interface; it is more related to the overarching process and interaction with the product, whilst usability is about whether a task can be achieved in a satisfactory time and manner. In fact, according to ISO 9241, usability is purely regarded as efficiency, effectiveness and satisfaction.

Whereas UX entails everything that effects how a person interacts with something and can include a whole variety of psychological and social factors; social proof, trust, emotions, frustrations and satisfaction. Usability is just one part of UX.

Which research methods are involved in UX?

The methods for researching UX are numerous and they are strictly related to the nature of the research and the final aims of the testing. Each research is tailored to which aspects of the interface is to be evaluated.

Some of the research methods in UX are:

  • One-to-one interviews: gather deep insights from real time behaviour, interaction, personal experiences, opinions and perceptions.
  • Focus Group: this group research method allows the researcher to investigate behavioural patterns and the influence of group interaction.
  • Concept Testing: testing a concept directly with users allows designers to understand expectations about the product and to transform early ideas into more solid concepts that have been adapted for user needs.
  • Card Sorting: used to inform structure and categorisations based on how users perceive them to be. Utilises understanding of the users mental model.
  • Usability testing: is a research method to evaluate the efficiency, effectiveness and satisfaction of a product based on empirical evidence.
  • Diary study: this technique gathers deep information about feelings, habits and behaviours across a period of time.

Is the setting of the research important?

The setting of the research is very important – a poor environment can undermine the validity of the test. As in psychology, the success of research is also based on the environment in which it has been run. A comfortable, cosy and natural environment will help users feel relaxed and behave naturally, as if they were in their natural setting: their own home. Keep It Usable pioneered the home style UX lab – our Home UX Lab has a living room design and cosy, relaxed feel to put people at ease and gather deeper insights so you get more value from your UX research / Usability testing.

Keep It Usable Home UX Lab

What are the benefits for your brand?

Knowing your users and designing for them has a lot of benefits for your brand image, the engagement of your users and on your revenue.

UX design deals with users emotions and feelings and it has long term effects as well as immediate ones. For example, a simple improvement in the checkout process of a website can massively increase the revenue and, at the same time, it will grow loyalty resulting in repeat customers and referrals. If users find the product useful, pleasant and easy to use they will return and use it not just once but whenever they need it.

A positive user experience will make users wonder how they could live without your product!

  • Increase sales and conversion: your user interfaces will be more effective at selling your products and therefore will increase your sales.
  • Improve credibility and trust in the brand: good UX is associated with increased brand appeal and positive brand associations.
  • Decrease bounce rates: people bounce for many reasons. During the UX design process, as many of those reasons as possible will be identified and designed out, keeping people on the site, taking them further down the funnel.
  • Increase visibility (no. of new and return visitors): UX experts are not only looking to increase new customer conversion, but they’re also focussed on improving retention and longer term conversion.
  • Avoid costly redesign: testing the product in the early stages of the design process will avoid redesign costs later and lost revenue.
  • Increase business intelligence and ease decision making: If you understand your customers opinions and needs, everyone in the business will be able to make better business decisions that are more in line with your customers needs. The more user research you do, the more aligned you’ll be with your customers thinking.
  • Better reviews: Online reviews are read by everyone, they’re the word of mouth of the internet and they are trusted because they come from ‘people like me’. Through an increased understanding of customer needs and improving accordingly, you will create a better experience that leads to better reviews.
  • Improve user satisfaction: a satisfying customer experience is related to positive emotions due to the fulfilment of fundamental psychological human needs: self-esteem, autonomy, competence and relatedness (Self-determination Theory, Deci & Ryan). Moreover, the feeling of satisfaction gathered during a positive user experience, will create an emotional and affective bond between users and your brand, as well as a sense of engagement and motivation to use your brand in the future (for more about how to engage with your customers emotions, take a look at ‘How do you feel? Understanding emotions to craft satisfying experiences’).

In the digital era, a website is often the first point of contact that costumers have with your brand. We have evidenced in our research, that first impressions have a big impact on user behaviour and their decision making process. It takes just a few seconds for users to judge if your brand is worth their time; remember that a bad user experience will put them off, undermining their trust in your company and compromising future use of your brand.

Help!

Would you like to evaluate and measure the UX of your website or product?

Do you need help improving your online sales and conversion?

Would you like to understand your customer behaviour and opinions, discovering the whys behind your data?

Do you need to get your business thinking from the customers perspective so you can make informed, strategic decisions to increase sales?

Do you want to improve the quality of your customer research so you get deeper insights and more true-to-life behaviour?

Contact our UX and Conversion experts >

 

Using Pareto Principle psychology to improve your user experience

Have you ever noticed how you use the same small number of features in your favourite software? It’s capable of hundreds of functions, but have you ever actually used them all? How about your favourite website… do you look at every single page or do you generally just look at a small number of pages that most interest you? Do you use all the functionality on that page or do you just press the occasional ‘Like’ button?

80/20 rule

This is the norm. You’ve probably heard of the 80/20 rule; we tend to use 20% of things 80% of the time. The principle is also used to mean that 20% of the effort will generate 80% of the results. It’s often the case that 20% of customers generate 80% or more of revenue for a company. It’s known as the Pareto Principle and it can be found in all aspects of our lives.

Let’s learn a bit more about it and how you can apply it to your UX and Conversion.

What is the Pareto Principle?

In 1906 an Italian economist named Vilfredo Pareto noticed that every year, 20% of the pea pods in his garden produced approximately 80% of the peas. He found it very interesting and he observed that this proportion could be applied, in a larger scale, to economic society: 80% of land is owned by 20% of people.

Pareto Principle 80-20 Rule
If you think about it, this principle can be applied to most of your everyday life. We bet you tend to wear just 20% of your clothes 80% of the time and out of everything you own, you probably use just 20% of things regularly.

When you’re creating that company presentation in Powerpoint do you ever use all of the features or would you say it’s about 20%? Does 20% of your website generate the 80% of your income online?

What are the benefits of using the Pareto Principle psychology in UX?

  • Identify the top 20% of your current usability issues and feature gaps so you can fix them.
  • Keeping focus on the most essential aspects of your website ensures that most of your visitors can find what they need very quickly.
  • This in turn leads to higher conversion rates and more return customers for your brand.
  • A simpler, clean and straightforward user experience, free of distractions, barriers and frustrations.
  • We know that too much information can cause the inattentional blindness effect, leading users away from what they are really looking for on your website. If you want to avoid this and ensure a positive user experience, keep it simple and focus on those 20% of things that really matter for them.
  • The 20% of what you have left will be better quality and much more effective.

Applying Pareto to UX

In our experience in conducting research with users, we have evidenced that features that generate the majority of conversions are a minority of the functionality provided on a website or an app.

The 80/20 rule has a crucial effect on the user experience and ultimately on the effectiveness of the content or functionality of your website.

Knowing that, how can the 80/20 rule be applied to improve your UX and Conversion?

  • What are the 20% that users want the most? At the start of a project, consult users on the features you have in mind and get them to rank them and discuss their thoughts. You’ll soon discover the 20% of features that will appeal to 80% of your target users. Make these your MVP then develop from there in future iterations. Beware of feature creep.
  • Use analytics to determine the top 20% of things your users use the most.
  • Conduct user research on your top user journeys. What are the top 20% of things that 80% of people use your website, software or app for? Focus on these in user testing to get the most value and impact from your consumer research.
  • Prioritise the research results and focus your design and development resources on the 20% of issues that are causing 80% of users problems. The aim is to tackle the biggest barriers first.
  • De-clutter features or content that is not needed by your users. It’s just detracting from other things that are more effective.
  • Help 80% of users. Do 80% of people all choose the same option? If so, consider defaulting to that option.
  • Keep converting don’t stop. Keep focussing on the 20% of things that could make the biggest difference to your ongoing conversion.
  • Don’t invest too much time and money optimizing lesser-used functionality. Your investment is best spent in your top 20% instead.

Example: Amazon

Here is an example of the 80/20 rule on Amazon’s checkout process. As shown in the picture, the country in the form is pre-populated with United Kingdom. Since the United Kingdom is the most selected country while browsing from amazon.co.uk, they’ve made it the default selection, therefore saving time during checkout. One less thing to think about and choose has no doubt had a positive effect on their conversion of this page. People do not like completing forms so the less effort required from them, the more likely they are to complete the form and convert.

Example: Laterooms

Below is Laterooms old Home page. Through analysing their data analytics and conducting multiple rounds of user testing, they discovered that most people don’t use or even look at most of the content on the page. 98.6% of users didn’t use the menu and 98.9% ignored their prominent popular destinations content.

The vast majority only used Search.

So, Laterooms decided to redesign their home page to focus on the main thing users do when they come to the website: Search. They aimed to remove distraction and clutter, emphasise the search feature, hide ancillary elements and boost credibility. This is a great example of how removing distraction from the page creates a highly focussed user journey and a lovely, clean UI. No colourful banner ads and no gimmicks. Of course they tested the new design with users and following great feedback, split tested the new design against the current version.

The new, simplified design (shown below) was the clear winner

Mobile first demonstrates Pareto

Luke Wroblewski has made a name for himself advocating a mobile first approach to design and build and it is certainly in line with the 80/20 rule. Luke observed how, most of the time in the design process, the desktop version of a website is the first to be developed and the mobile is often an afterthought. As such, the mobile experience suffers. The mobile first principle states that the design process should be the other way round: mobile should come first. Why?

In designing the mobile version of a website the focus has to be on the 20% of features and functionality that is most crucial for users, simply because there is limited space on small mobile screens. This makes it the most challenging user interface to design for and many companies are still struggling to find talented people and agencies like Keep It Usable that can create outstanding mobile user experiences.

Need help simplifying your user journeys or creating amazing mobile experiences? Arrange a call with one of our super friendly UX experts for complimentary, no-ties advice.

Other posts you may find interesting:

12 reasons to invest in UX
Personas: Why is it important to understand your users?

Understanding the user-centred approach to accessibility

Accessibility is defined as the matching of delivery of information and services with users’ individual needs and preferences in terms of intellectual and sensory engagement with resources containing that information or service, and their control of it. Accessibility is satisfied when there is a match regardless of culture, language or disabilities.

Why should you care about accessibility?

Since the online environment is an extension of the physical one, there is nothing more effective than a metaphor with the offline world to understand how crucial accessibility online can be for your business.
Imagine you are running a flower shop; the business is going pretty well, the shop is in a very good and central location, easily accessible from the main street. A lot of people visit it every day, attracted by the colourful window display with fresh flowers, the enticing aroma and your brilliant customer service. Inside the shop, flowers are tidily organised and labels with names and a clear description are provided. You tend to stay in the shop, ready to help your customers.

Now, think about the same flower shop, but imagine that in front of the main door there is a big step that prevents access for some of your customers. There’s no window to showcase your flowers and you turn off the light to save money. In the shop, no labels or descriptions are provided and flowers are randomly arranged. Moreover, you tend to stay in the back of the shop so your customers struggle to find you if they need help with something.

Poor Accessibility UX Design

That’s exactly what happens when your website is not accessible.

The context in the UK

48% of the UK population could potentially have problems accessing your website:
  • Disability affects 19% of working age people in the UK
  • 9% of the UK population have some form of colour blindness (1 in 12 men and 1 in 200 women)
  • 4% are visual impaired
  • 12 million are over 60 years old; that is the 21% of the entire population
Accessibility context in the UK
Disability on the internet includes things like:
  • Problems with sight
  • Problems using a mouse or keyboard
  • Problems with hearing
  • Problems with reading and understanding
But web accessibility also helps people who:
  • Have a slow internet connection
  • Have a small screen or unusual device
  • Can’t listen to sound at work
  • Use an old web browser or operating system

What are the benefits of having an accessible website?

Web accessibility protects your website against demographic changes and opens your business to everyone with an internet connection.

People with disabilities and special needs have spending power (disposable income of ÂŁ50 billion per year) and the benefits of a website accessible to everybody are:
  • The website will be higher in the search engine: SEO and accessibility go hand-in-hand because websites that are inaccessible to users with disabilities are also inaccessible to search engines. One of the most powerful elements of SEO is creating machine-readable content. This is content that can be read by humans as well as assistive technologies, like screen readers.
  • You won’t incur legal fees: according to the DDA (Disability Discrimination Act) and Equality Act 2010 service providers must not discriminate against disabled people and an equal access to public or private services should be guaranteed
  • Increasing conversion: an accessible website will be more usable for all users not just for people with disabilities. Good usability and a positive user experience on your website will increase conversion.
  • Your brand will gain a positive image.

Which guidelines do you need to follow for developing an accessible website?

WCAG 2.0 (Web Content Accessibility Guidelines) defined in 2008 is an internationally adopted technical standard; the guidelines explain how to solve many of the problems that your users with disabilities face on the web. Although, WCAG 2.0 is not an all-inclusive list of issues that users with disabilities might face, they are internationally recognised standards.

WCAG 2.0 has 12 guidelines that are organised under 4 principles:

WCAG-2 Guidelines for Web Accessibility
Perceivable Perceivable
The principle of a website being perceivable is about the senses people use when browsing the web:
  • Provide text alternatives for non-text content
  • Provide captions and other alternatives for multimedia
  • Create content that can be presented in different ways, including by assistive technologies, without losing meaning
  • Make it easier for users to see and hear content
Operable
The actions people take when browsing:
  • Make all functionality available from a keyboard
  • Give users enough time to read and use content
  • Do not use content that causes seizures
  • Help users navigate and find content
Understandable
Your website must use clear terms, have simple instructions and explain complex issues:
  • Make text readable and understandable
  • Make content appear and operate in predictable ways
  • Help users avoid and correct mistakes
Robust
A robust website is one that third-party technology (like web browsers and screen readers) can rely on. This minimises the risk of your users relying on technology that cannot correctly process your website:
  • Maximise compatibility with current and future user tools

WCAG 2.0 are organised into three levels of conformance:

  • Level A – the most basic web accessibility features
  • Level AA – deals with the biggest and most common barriers for disabled users
  • Level AAA – the highest (and most complex) level of web accessibility

Starting with Level A is a great way to make progress and begin helping out your users. Level AA is the standard many governments are using as this level targets the most common and most problematic issues for web users.

How can you test if your website is accessible?

In the WCAG 2.0 a list of universal guidelines are presented, but what we clearly know is that it can be difficult to universally define the usability of a website. A website or an interface that is usable for one person, might not be for someone else.

Some websites were found to perform extremely well in usability evaluations with disabled people, yet did not meet certain WCAG lines.

A holistic approach to accessibility is necessary to develop an accessible website. Experts claim that ‘the key measure of a digital system is whether it fits it’s context of use: whether the people for whom it is designed can use it with acceptable levels of usability, for the tasks that they need to do, in the social setting in which these tasks take place, using the technologies they have available.’

User requirements can be grouped into several categories, including:

User characteristics User characteristics
The abilities (and disabilities) of the target users including perceptual, cognitive, motor, and linguistic abilities.

Domain requirements Domain requirements
The tasks that need to be supported, group, social and cultural dynamics, communication patterns, environmental factors, and so on.

Tech requirements Technological requirements
Such as availability of hardware and software and the availability of plug-ins.

Performance requirements Performance requirements
For example, task success rates, task-completion times, satisfaction ratings, and quality of task output (e.g. comprehension outcomes in an e-learning environment).

These requirements have a cultural context in which they have to be considered in order to be meaningful. The holistic approach to accessibility is based on social inclusion rather than on the principle of universal accessibility.

A user-centred accessibility approach will entail both evaluating your website with the WCAG 2.0 guidelines and testing the usability directly with disabled users. This approach emphasises the importance of the user and on satisfying his/her requirements.

In times of increasing complexity and reliance on technology, it is important to ensure that what is being gained is increased quality of life and that “by designing with the disabled in mind, we can create products that are better for everyone.” Inclusive Design

Need help or advice?

If you’re curious about any of the above and how ux can help you to create a more successful product, contact our experts for free, friendly, no-ties advice.

Other posts you may find interesting:

What is User Testing?
5 user tests every Product Manager should commission

References
Sloan, D., Heath, A., Hamilton, F., Kelly, B., Petrie, H., & Phipps, L. (2006, May). Contextual web accessibility-maximizing the benefit of accessibility guidelines. In Proceedings of the 2006 international cross-disciplinary workshop on Web accessibility (W4A): Building the mobile web: rediscovering accessibility? (pp. 121-131)
Ford M. & Nevile L, 2004, “Issues enabling support for Multi-locational Accessibility“, IDABC: Cross-border E-Government Services for Administrations, Businesses and Citizens Conference’, Brussels, February 2005.

How just one word can change your conversion

Conversion Copy UX DesignLayout, images, colours, fonts are equally important in order to provide users with a pleasant online experience and increase the conversion rate of a website. The design of a website is crucial, but it’s not the only factor that we should take into consideration.

Users should be guided and helped in making a purchase decision on a website; they need to have enough information in order to make an informed decision and the navigation has to flow smoothly. But, is that enough?

Changing just one word can have a huge impact on your conversion rate.

Choosing the right way to say something is fundamental, particularly if the aim is to prompt users to take an action, like buying your products or creating an account.

Choosing the right word(s)

Unfortunately there is no universal answer or solutions.

Since words acquire meanings only when considered in context, knowing which words are better then others, means knowing the context, observing users moving and behaving in that context and constantly putting yourself in their shoes.

It is very important to keep testing, particularly in relation to CTA buttons, as shown in the following case studies.

Understanding your customer’s psychology, behaviour and intention is the secret to effective CTA copy.

Example: ‘Buy now’ vs ‘Shop now’

Dewalt.com have a ‘Buy Now’ CTA button on their product pages. Some of the team thought that changing the wording to something less committal like ‘Shop Now’ might encourage greater click throughs. Others on the team thought the wording change could imply a longer purchase process. So they decided to test both variations to see which resulted in greater conversion.

CTA UX Design - Black and Decker Button Conversion Test

Hypothesis

Current CTA: ‘Buy now’. May imply a faster and shorter process to purchase.

Variation: ‘Shop now’.  May imply less commitment and therefore encourage more clicks.

Results

17% more users clicked on ‘Buy Now’ rather than ‘Shop Now’.

The small variation in text had a huge impact on the final result. This represented a six-figure difference in the online sales of the product.

Why?

The next action is clearer with ‘Buy now’, it is very obvious that the user’s intention is to purchase. ‘Shop now’ could be mistaken for continuing to look at more shops, it is less specific regarding the action and more ambiguous.

 

Example: ‘Find a retailer’ vs ‘Where to Buy’ vs ‘Nearby Retailers’

Hypothesis

Current CTA: ‘Find a retailer’. Concern that this may be mistaken for online retailers only.

Variation 1: ‘Where to buy’. The team felt this version was more direct and may imply less work for the visitor.

Variation 2: ‘Nearby retailer’. Related to a physical and geographical location and therefore may make it clearer that this indicates physical retail stores

Dewalt.com Copy Conversion

Results

4.1% more users clicked on ‘Nearby retailer’ compared to the two alternatives.

Why?

The button more clearly indicates physical shops where the user can buy the product as it relates to a geographical location, while the others two options could be mistaken as solely relating to online stores.

 

How 2 Words Lifted Insound’s Checkout Funnel Conversion to 54%

Following the launch of a redesign, Insound found that conversion was underperforming. It was believed that this was due to the length of the checkout process and the vague wording throughout.

Hypothesis

Current CTA: ‘Continue’. Logical description of the button, continues to the next step.

Variation 1: ‘Review order’. Describes what’s going on and reassures that the process is not completed yet, i.e. there’s still time to change your mind.

Variation 2: ‘Submit’. Based on the one-step check out process.

Variation 3: ‘Almost done’. Informs that the process is almost complete.

 

Insound.com Copy Conversion

Results

‘Review order’ was the winner with a 39.4% click rate.

Why?

It is explanatory and reassuring at the same time, clearly indicating to the user that they still have time to back out should they need to but also allows them to see an overview of their order and associated information to double check everything before proceeding.

As can be seen, small adjustments to your CTA copy can make a big difference conversion. It’s always worth testing alternatives to see which performs better.

Source of examples: Optimizely

Keep It Usable app featured in the papers

If you were sitting down with your coffee on Saturday morning, reading the papers, you may have spotted Keep It Usable. We were featured in an article about a fantastic health app called Clintouch, which has been developed by Manchester University. We are proud to have worked on the design of the user interfaces for this now award-winning app that has subsequently made an appearance at 10 Downing Street to inform the future of how digital technology can improve the nations health.

Clintouch is one of the first apps being prescribed by doctors to patients to aid early intervention. Currently prescribed to patients with psychosis, the app could ultimately save the NHS millions by enabling earlier treatment before a patient becomes seriously ill.

This groundbreaking app has subsequently gone on to win an innovation award and is currently being trialled in NHS trusts in the UK.

Independent research that we conducted with users of health and wellbeing apps showed that there is a great deal of distrust and disengagement with health apps (caused by the quality of apps in the marketplace at the moment). Users want trustworthy apps that are easy to use and will do what they claim to do. Clintouch is hopefully the first of many apps that bridge the gap between patient and doctor and make a real difference to both the NHS an people’s lives.

There is a great deal of scope for health and wellbeing apps to improve our lives, cut NHS costs and improve the relationships we have with our doctors. However, it is crucial that these apps are designed by professionals in collaboration with health experts so they actually work and have a high level of efficacy, otherwise they just join the thousands of health apps already in the app store that are downloaded and never used.

Call to Action Buttons: 5 Psychology tips to increase conversion 

call-to-actions

What are call to action buttons?

When designing an interface, one of the main goals of the designer, is to ensure that the end user is able to clearly understand what they should do next and where each click will lead them. Call to action buttons are essential to this dynamic, as these buttons are what guide the user through the interface.

The very name of the button, call to action, states there is a necessity for the person engaging with the interface to be stimulated to perform a task. In this case, the designer wants the user to press a button: to make it more enticing so that more visitors will convert. Therefore, your call-to-action buttons should be usable, but they also need to be actively persuasive to encourage more clicks and higher conversion.

Do they really make a difference?

Call to action buttons are the biggest A/B tests run by businesses (they make up around 30% of all tests). The difference between a poor and a great CTA can be anything from a few percent to a few hundred percent and more!

The internet is full of examples of how successful a good CTA can be. Take a look at Which Test Won for some great examples that you can interact with and test your own predictions of which CTA converted better.

So, let’s take a quick look at how we can make these buttons more enticing.

Psychology tips to increase conversion

1 Colour psychology

Colour plays a very important role in determining the pull of your button. The colour you choose can determine who clicks, how many times they click, and how quickly they click.

colour_psychology

For example:

– Females tend to prefer the colours purple, green and blue, while men tend to prefer blue green and black

– Blue is a colour considered to build trust while yellow tends to signify a warning.

These signifiers and others should be taken into account when designing CTA buttons to ensure the right audience is drawn to ‘click’. Not only is it important to choose the right colour, but to ensure that the entire page or interface is aesthetically pleasing. Consider the background colour of your template to ensure colours don’t clash and your button isn’t lost in the background.

2 Placement psychology 

You want your call to action button to stand out on the page, otherwise it will get lost amongst other elements and suffer from less clicks. If your button has an important message, ensure that it is positioned where it will stand out.

You also want your users to understand what happens when they click on your button. It can be a good idea to introduce your button with accompanying short text to support why the user should click it, what are the benefits for them?

Spotify

 

3 Visual psychology

The shape and overall design of the button is where one can get creative, but it is good to keep in mind particular ideas that could add to the ‘clickability’ of the button.

Take into consideration the following:

People like curves. It has been found that rounded corners draw attention to the inside of the button, whereas square edges draw attention away from the centre. Neuro-aesthetics researchers have found that people prefer rounded shapes and these shapes actually cause more activity in the visual cortex (Bar, M., & Neta, M. (2006). Humans prefer curved visual objects. Psychological Science, 17(8), 645-648).

Size = Importance. The size of the button should be determined by how important that particular action is to be carried out.

 

4 Wording psychology

The importance of the message plays a huge part in determining the design of the button. In an increasingly fast paced society, the concept of reading long text becomes less and less appealing. As a result, one wants to ensure that the call to action button is as specific as possible, and gets the message across in the shortest amount of time.

How do we do that?

Be specific. Consider what you want the user to do and use a command to describe the button. For example, buy, watch, download etc. However, take note that some of the bigger conversions come from using less generic and more specific phrases, such as the one below.

CTA-button-test-1

image source

Keep it simple. Professionalism doesn’t necessarily mean big words and difficult commands. Simple commands make it easy for the user to know what to do and what comes next and allows for a smooth transition through the interface.

Clarity. If necessary, include a simple message on the button to clarify any ambiguity that may be there from the command. Through simplicity is important, clarity is essential.

Speak the users language. The larger increases in conversion come from analyzing what your customers really need. In user research we recommend listening to the language they themselves use to explore their mental model and what resonates with them.

Free is one of the biggest persuaders to motivate action so if your service is free or has a free trial, make it obvious for the user to see.

 

5 Emotional psychology

It is important to keep in mind the emotions you want your end user to feel while scrolling through your interface. Whether it be a sense of urgency, pity or excitement, you want to give them a reason to click on your button. Think about what calls you to action and why. Why did you buy those shoes on the internet? Was it because they were on a one day sale, or because they were only available online? Our minds are triggered into action by emotions as well as a perceived sense of need to perform an action. With your button, you have the opportunity to develop a sense of need or create a sense of urgency or desire to take your users to the next step.

Twitter

As humans, we’re pre-programmed to respond to images. They draw us in emotionally. The images you use alongside your CTA can play a huge role in creating the right emotion to engage users and increase uplifts.

 

Example: Basecamp

Basecamp use several techniques to increase the psychological pull of their CTA.

basecamp

Concise explanation with benefits, written in the user’s language (note the informality which makes for a friendly tone of voice), ‘Basecamp helps you wrangle people with different roles, responsibilities and objectives toward a common goal: Finishing a project together’.

– Social Proof to further persuade visitors to sign up. Social proof is evidence of other people using the service, in this case, the ‘4,869 companies signed up to use Basecamp just last week’.

Free. Yes they utilise the power of the word ‘free’ within their CTA.

Specific wording. Note how they could have just used generic ‘Sign up’ wording but they chose to go with a much more personal feel ‘Use Basecamp free for 2 months – it’s on us’. Did you spot the reciprocity there too? The way they bring out the ‘it’s on us’ makes it feel like they’re doing you a favour, psychologically when someone does something for you, you’re much more likely to reciprocate.

 

The exciting part!

Now that we’ve taken you through a number of techniques and examples to show how you can increase your conversion using effective CTAs, there’s just one thing left for you to do, and that’s to try a few of these on your own designs.

We’d love to hear how you get on and if you need any advice or have any questions, we’re always happy to help.

Need help or advice?

If you’re curious about any of the above and how ux can help you to create a more successful product, contact our experts for free, friendly, no-ties advice.

Other posts you may find interesting:

A psychological explanation of why consumers love colour choice
Using the Pareto Principle to improve your user experience

Hat-trick of client awards for Keep It Usable

We produce user experiences that make people sit up and take notice, that ruffle the feathers of your competitors and attract more customers to your brand. We don’t talk the talk, we walk the walk. Have a look for yourself:

Kooth

Shortlisted: Best User Experience Big Chip 2014 (winner announced in July)

– Estimated 5 fold return on investment in just 1 year.
Increased sales and dramatic increase in enquiries.
– Added value to service users of ÂŁ300,000 per year.
– Increased staff satisfaction and decreased training costs.

“We’re delighted with our work and our partnership with Keep It Usable”

Used by young people throughout the UK, Kooth was already a hugely successful online counselling platform however it was in desperate need of an overhaul. We conducted focus groups and workshops in schools to uncover insights that enabled us to complete a successful redesign of the frontend UI that young people now love!

We also overhauled the backend system UX for counsellors as they struggled to use the existing complex interface and it was costing the company in re-training and lost productivity. We increased efficiency and user satisfaction – combining multiple views into one to decrease navigation whilst in a counselling session. It meant their clients also received more value for money due to the extra time counsellors were able to spend counselling.

Netflights

Shortlisted: Best Digital Experience – Leisure, Events and Travel. UK Digital Experience Awards 2014 (winner announced in July)

Netflight’s focus on their mobile, tablet and desktop user experience is key to their commercial success. Taking an iterative research and design approach enables us to create ideas and assess our designs with their target audience in the most effective and efficient process. We also go above the standard usability benchmark by applying PET (persuasion, emotion, trust) principles to increase positive user engagement and satisfaction.

Manchester Council

Shortlisted: Best public sector website Big Chip 2014 (winner announced in July)
Winner: Best public sector website UX UK Awards
Winner: Best government website People’s Lovie Awards
Winner: Best home page People’s Lovie Awards

How our research with residents and design recommendations led to an award-winning website

Contact Keep It Usable

New UX Book featuring Keep It Usable

There’s a new UX book on the scene and guess what, it features us!

We’ve been getting a bit of a name for ourselves within the UX scene based on the quality of our work and our passion for all things UX. So when Peter Beare and Gavin Allanwood gained approval to create a new UX book they invited us to take part. The book covers an overview of the whole User Experience process, from research with users (our section – chapter 2) through to design and build.

It’s a book that you can easily dip in and out of and is particularly beneficial to those new to UX who need a higher level understanding of the process, tools and techniques that are used to create a good user experience.

User Experience Design: Creating designs that users really love is now available on Amazon for just under ÂŁ20 – well worth it.

User experience design book - Creating designs users really love By Gavin Allanwood and Peter Beare

“By putting people at the centre of interactive design, user experience (UX) techniques are now right at the heart of digital media design and development. As a designer, you need to create work that will impact positively on everyone who is exposed to it. Whether it s passive and immutable or interactive and dynamic, the success of your design will depend largely on how well the user experience is constructed.

User Experience Design shows how researching and understanding users expectations and motivations can help you develop effective, targeted designs. The authors explore the use of scenarios, personas and prototyping in idea development, and will help you get the most out of the latest tools and techniques to produce interactive designs that users will love.

With practical projects to get you started, and stunning examples from some of today s most innovative studios, this is an essential introduction to modern UXD.”
UX-User-Profiling-Chapter

We particularly like the layout and style of the book as there is an emphasis on imagery and real world case studies that makes the content really easy to consume and particularly engaging.

Below, you’ll see our user experience machine poster. If you’d like an electronic copy of this, you’re more than welcome to download a copy. We also have a few printed copies – if you’d like one just get in touch.

User Experience Machine

Look out for our next book!

We’ve also been invited to appear in another ux book out later this year, so keep your eyes peeled for that one, which will have a more academic slant.

A psychological explanation of why consumers love colour choice

iphone5c colours

Whenever colour choice is discussed with consumers, we have always seen a positive reaction

Apple have finally done it with the iPhone 5C! They’ve launched coloured handsets in keeping with their other famously colourful products. Will consumers like coloured phones? Will they appeal to the mainstream user?

For those of you who follow @usabilitygal on Twitter or have spoken to Lisa in the past, you’ll know that for years she’s been championing colour choice in mobile handsets and it’s been a bug bear that there is so little choice for consumers other than boring, dull colours such as black, dark grey, navy and white. Most people disagreed, their explanation being that a wide variety of colourful cases was all that consumers needed. Sell mobiles in monochrome colours and let people pimp them up if they so desired.

Unfortunately, this limited viewpoint relies on the consumer at the point of purchase having the imagination to envisage each mobile in a colourful case that they haven’t yet even begun to think about. Therefore, one of the major purchase factors is in fact colour.

We’ve conducted hundreds of research interviews and usability tests with mobile users which is why we’ve always been champions of colour choice and personalisation. That’s not to say that you should let people have free reign, people need boundaries and limits otherwise we’ll just see a repeat of MySpace in the 90s all over again!

Whenever colour choice is discussed with consumers, we have always seen a positive reaction, particularly with the female market. We feel that the female consumer has been hugely overlooked in the tech world and unless more women take board positions within tech companies, the only way companies will be able to adapt to the female consumers needs is to listen to them. Simply, conduct research.

So, why is having the choice to personalise a design through the use of colour so appealing to people?

Extension of the self

When people buy products that will be shown and used in public, there is an added social acceptance dimension in the purchase decision – what will other people think? This is where it becomes more difficult to predict human behaviour. People have a multitude of reasons for why they buy something, and if that product is both a high purchase price and something that a wide variety of people in both their current and future social circles will see, the decision becomes more complex, weighty and important.

The mobile becomes a reflection of you, your status in life, your personality, your desires… Knowing this, people will often choose a product that is not a reflection of who they are currently, but who they want to be in the future. It becomes a status symbol of their future self.

Colour helps this expression of themselves as we know through the many articles that have been written on colour psychology – is your personality a bold, confident red or a friendly, reserved blue? Are you a blue but want others to see you as a red so you purchase a red product? Whatever the reasons, people like a choice of colour and are often conscious of what that choice indicates to others about them.

Increased emotional attachment

Admit it, you have an emotional attachment to your mobile don’t you? Most people admit to feeling like a piece of them is missing when they are without their mobile. Increased personalisation increases the amount of human-device attachment that a person experiences. It becomes an expression and extension of themselves which brings with it an increased emotional bond.

Fun

Quite simply, having a colourful phone is more fun! Who wants to look at boring black all day long? Bring on bold, bright colours that make you feel alive, energetic, playful and happy 🙂

Choice and increased control

iyengar jam

Who doesn’t love choice! In studies it’s been shown that people love choice, well, they say they love choice ‘the more options the better!’ however in practise this isn’t the case at all. Famous studies that demonstrate the paradox of choice, such as, the jam experiment by Iyengar, prove that when given too much choice people actually don’t make a choice at all. Why? The crux of the issue is that people fear making the wrong choice. Lots of choices puts a lot of demand on the person to weigh up each choice, it’s pros, it’s cons, the implications of making the wrong choice, how they’ll feel if their choice is the wrong one, etc. Given a few choices, people are more likely to make a purchase, will feel more confident about their decision and happier afterwards.

Choice equals more control and a greater feeling of power. Providing more colours for the iPhone 5C is giving more control back to the consumer.

Need help or advice?

If you’d like to know more about UX and how it can help you to create a more successful product, contact our UX experts for free, friendly, no-ties advice.

Other posts you may find interesting:

Understanding the user-centred approach to accessibility
Call to Action Buttons: 5 Psychology tips to increase conversion

Manchester Council launches award-winning site following research by Keep It Usable

Manchester-City-Council-Responsive-Website-Keepitusable

AWARD WINNER! Named the best government site at the prestigious People’s Lovie Awards!

The site came top of a public vote as the best website in the government category, and judges also bestowed the website a silver award and shortlisted it in the ‘best home page’ category from a list of more than 1,500 entries from 20 European countries.

 

Manchester Council recently launched a radically different, user-centred website following research with local residents by Manchester UX agency Keep It Usable. The result? An overwhelming success.

Releasing a new council website can be tricky – it’s hard to please everyone and people don’t always have a good opinion of their local council. Get it wrong and you can be facing a backlash from residents and councillors.

Council sites need to be user-focussed. Mobile use is growing phenomenally and it’s a trend we see with users during the research we do. The mobile phone is now the new PC. Some people tell us they don’t even turn their computer on, they do everything on their phone because it’s always with them. Knowing that mobile and tablet traffic will double in the next couple of years, the site has been designed responsively to support all devices.

Importantly, the site is designed around the top things that people want to do “Research showed us that 80 per cent of people visit the site to carry out specific tasks and the new site has been designed with this in mind…There is a financial aspect to this too. The more people access services online, the more it helps us to deliver those services more cost effectively.”

Manchester-City-Council-New-Website

“We’ve looked carefully at what residents actually use our website for and redesigned it with their needs in mind. It’s also been tested by real people who tell us that they find it refreshingly easy to use. The way people use the internet has changed dramatically, and as half of all visits to our website will be made using tablets and smart phones within a couple of years, we’ve made sure it can be used easily on these devices as well as more traditional computers. Having a well-designed website is therefore hugely beneficial,” commented Councillor Nigel Murphy, executive member for environment for Manchester City Council”.

The new website was tested by groups of real people from a wide range of ages and backgrounds. Lisa Duddington, head of research for Keep It Usable, said: “Everyone was very positive about the new direction and it was evident that a well-designed council site improves people’s perception of the council and changes their behaviour. The site was so easy and quick to use that people who traditionally always called the council said they would now use the website.”

When the site went live we monitored responses on social networks and the result was overwhelmingly positive. Have a look at the comments below and be convinced that making your website user-centred is not an option, it’s a necessity.

Need help with usability testing?

Keep It Usable feature in The Guardian: How councils can keep up with changing online trends

Manchester Council: New look website puts residents first

The Drum: Manchester City Council launches new website following consumer research

Manchester-City-Council-Tweets-1

Manchester-City-Council-Tweets-2

Manchester-City-Council-Tweets-3