web usability a complete list of ux ui best practices

57

Upload: olatunji-adetunji

Post on 10-Jul-2016

236 views

Category:

Documents


5 download

DESCRIPTION

if you are interested in How To Become User Experience (ux) Designer. Then you need to get this 50 something pages on UX DESIGN GUIDE. It's totally free and totally informative on the subject matter! read this post for more introduction on the topic.

TRANSCRIPT

Page 1: Web Usability a Complete List of UX UI Best Practices
Page 2: Web Usability a Complete List of UX UI Best Practices

ATTENTION This ebook is a compilation of researches done on USER EXPERIENCE and DESIGN. I have used usertesting.com tool since its introduction to execute several test on my site during its design stage, www.seowebanalyst.com . This has lead into several redesigns which has benefited me in terms of better page load time, conversion, bounce rate, average time spent…etc all we had to do were to make some improvise on does issues. Which I have shared on my findings via my post on how to design website user experience. I would also like to take this time to appreciate the wonderful post by Nick kolenda, he really wrote a lot on the topic and savage all the areas to cover for a user experience and how to deploy this in your website design and user interface design. I also want to appreciate the lovely data survey conducted by USERTESTING, which is also part of this pdf, this survey is only meant to be a guide to does interested in the career of UX DESIGNS. Our site SEO Web Analyst ®™ is an online marketing platform that is design to help digital marketers and SMEs alike to leverage the use of the internet to generate leads and more sales. We are equipped to provide an all in one web marketing platform experience, ie a reduction in marketing budget, while you operate most of your inbound marketing strategies via our platform. We provide the following services;

SEO MANAGER TOOLS

SOCIAL MEDIA MANAGER TOOLS

BLOGGING TOOLS

LEAD MANAGER TOOLS This four core areas are vastly expandable with numerous developments, which we will undertake as the years goes by in order to stay afloat with other competitors providing you the same features, but as a single product. As of this date we are still under development and do hopefully believe we will be able to Launch our awesome affordable product before the October. If you will like to have exclusive updates as to when we launch please follow us via any of our social sites

Facebook:- https://facebook.com/SEOWebAnalyst Twitter:- https://twitter.com/SEOwebanalysts Instagram:- https://instagram.com/SEOWebanalyst

Page 3: Web Usability a Complete List of UX UI Best Practices

Web Usability: A Complete List of UX/UI Best Practices www.nickkolenda.com /user-experience/

Welcome to a huge resource on user experience (UX), user interfaces (UI), and interaction design.

Whether you’re designing a website or mobile app,

you’ll learn 125+ tactics to optimize its usability.

I organized the tactics into various categories and strategies. Click a strategy to view examples and applications.

Category 1: Control the User’s Focus and Attention

Category 2: Guide Users Toward the End Goal

Category 3: Reduce Mental Effort and Maintain Flow

Category 4: Maximize Compatibility for All Users and Scenarios

Category 5: Help Users Minimize and Overcome Potential Errors

Category 1:Control the User’s Focus and Attention

Emphasize a Point of Entry in the Interface

Every interface should have a clear starting point. Where should viewers look first? Make it clear.

Add Visual Contrast to Page Headlines

1/41

Page 4: Web Usability a Complete List of UX UI Best Practices

Guide Users Through a Visual Hierarchy

Control the user’s experience by guiding them through the interface. Where should they look first, second, andthird? Establish that hierarchy.

Avoid Trapping Negative Space in the Composition

Use a One Column Layout

2/41

Page 5: Web Usability a Complete List of UX UI Best Practices

Overlap a Design Element to Emphasize Continuity

Design the Layout Using Gestalt Principles

We’re inundated with stimuli. According to gestalt psychology, we try to overcome that chaos by simplifying ourperception. We group things. We categorize elements. We look for the whole.

Some principles include: similarity, proximity, closure, connection, continuity, and figure/ground.

Group Similar Functions or Menu Items by Proximity

3/41

Page 6: Web Usability a Complete List of UX UI Best Practices

Position Headlines Closer to Respective Sections

Constrain Headlines to Respective Sections

Depict Interface Changes Without Disrupting the User

Sometimes you’ll need to adjust the interface in front of the user. Make those changes noticeable, yet nondisruptive.

Visibly Animate Changes in the Interface

4/41

Page 7: Web Usability a Complete List of UX UI Best Practices

Differentiate Elements That Triggered an Error

Remove or Deemphasize Unnecessary Information

Our mental focus is finite. Unnecessary elements will deplete those resources. So keep users focused on theimportant information and functions.

Obscure Backgrounds Behind Popup or Modal Boxes

Maximize Data-Ink Ratios in All Imagery

Remove Unnecessary Borders From Design Elements

5/41

Page 8: Web Usability a Complete List of UX UI Best Practices

Remove Redundant or Self-Explanatory Instructions

Hide Infrequent But Necessary Settings, Features, and Information

Indicate Whether Content Exists Beyond the Fold

Nowadays, most browsers hide scroll bars when they’re inactive. You need “scroll hints” to communicate whethercontent exists beyond the fold.

Extend Elements Through the Fold

6/41

Page 9: Web Usability a Complete List of UX UI Best Practices

Add a Shadow to Indicate Depth

Indicate More Content With Words or Graphics

Category 2:Guide Users Toward the End Goal

Now that you’ve captured and directed the user’s attention, help them achieve their goal.

Position Frequent Functions and Important Data Closer to Users

Predict the user’s intention. Then position that goal as close as possible.

Filter or Jump to Items That Users Are Searching

7/41

Page 10: Web Usability a Complete List of UX UI Best Practices

Create Smart Defaults Based on Frequently Chosen Input

Include Important Data on Product Listing Pages

Oftentimes, users will pogo stick. They click an item to look for information. Then they’ll return to the previous pageto repeat that process with another item. That’s poor usability. Minimize pogo-sticking by placing importantinformation on primary pages.

If you don’t like the extra clutter, you could include that information on hover (see next tactic).

Provide Useful Information on Hover

8/41

Page 11: Web Usability a Complete List of UX UI Best Practices

Expose Frequently Used Functions

Display Primary Data or Statuses in a Dashboard

Position Common Answers at the Top of Drop Down Lists

Communicate the Statuses of Interactions

Reduce uncertainty by conveying all pertinent information.

Display Current Progress and Time Remaining on Machine-Driven Tasks

Communicate the Current Phase of Complex or Lengthy Interactions9/41

Page 12: Web Usability a Complete List of UX UI Best Practices

Reveal the Number of Steps Within a Sequence

Reveal the Number of Items in a Category

Offer Multiple Ways to Accomplish the Same Task

Users prefer different workflows. Create different paths for each goal, and let users choose the most appropriatepath for their workflow.

Let Users Log In Via Username or Email

10/41

Page 13: Web Usability a Complete List of UX UI Best Practices

Offer Keyboard Shortcuts for Repetitive Functions

Let Users Drag and Drop Elements

Let Users Directly Edit Data

11/41

Page 14: Web Usability a Complete List of UX UI Best Practices

Communicate Requirements or Parameters for an Interaction

Prepare users for each interaction. What will they need? How do they proceed?

Describe the Input That You Require From Users

Give Real-Time Password Requirements and Feedback

Prepopulate Form Elements With Universal Parameters

Indicate Required and Optional Form Elements

12/41

Page 15: Web Usability a Complete List of UX UI Best Practices

Communicate the Expected Outcome of an Interaction

Before users interact with an element, they should understand the intended outcome.

Use Descriptive Button Labels

Show a Preview of the Output Based onthe Current Input

Indicate or Preview the Next Item in a Sequence

13/41

Page 16: Web Usability a Complete List of UX UI Best Practices

Use Smart Menu Items to Clarify Actions

Reward or Reassure Users When They Make Progress

Are users making progress? Was their interaction successful? Let them know. And entice them to continue.

Maintain Congruency Between Links and Target Pages

Provide Quick Wins During Onboarding

14/41

Page 17: Web Usability a Complete List of UX UI Best Practices

Start Progress Bars Above 0%

Solve the User’s Core Intent

Oftentimes, we solve surface-level needs. Go deeper. Alwaysbrainstorm why users need certain features or information.Then solve the underlying intent.

Indicate Whether Your Office is Open or Closed

Indicate the Recency of Events

Category 3:Reduce Mental Effort and Maintain Flow

In addition to guiding users, reduce their cognitive workflow. That way, you prolong their state of “flow.”

Minimize User Calculations

Never make the user perform math. Let the computer handle it.

Indicate the Number of Items Remaining

15/41

Page 18: Web Usability a Complete List of UX UI Best Practices

Convey the User’s Current Location Within the Interface

Interfaces are like airports. Without a “you are here” marker, users can get lost. So create those markers.

Highlight the Section Within the Navigation Menu

Provide Breadcrumbs or Sequence Maps in Complex Interfaces

Put Descriptive or Useful Information at the Beginning of Page Titles

Simplify Choice Tasks

Choices require effort. Reduce that effort by simplifying those tasks.16/41

Page 19: Web Usability a Complete List of UX UI Best Practices

Indicate the Options That Most Users Choose

Provide a Curated List of Common Search Terms

Create Tight Categories Within Navigation Menus

Use Conventional Web Design Interfaces

Creativity is great. But don’t stray far from a conventional design. Users are accustomed to certain layouts andstructures. Those conventional designs are popular because they work.

Use Conventional Navigation Menus

17/41

Page 20: Web Usability a Complete List of UX UI Best Practices

Put Utilities in the Top Right Corner

Provide Feedback After Each Interaction

When users interact with your interface, they should experience real-time feedback. Was something successful?Was it unsuccessful? What changed?

Display Success Messages After Important Interactions

Indicate Which Items the Cursor is Hovering Over

18/41

Page 21: Web Usability a Complete List of UX UI Best Practices

Minimize the Negative Effects of Waiting Periods

Eliminate all unnecessary waiting periods. If users need to wait, then minimize those negative effects.

Use Cool Colors in Loading Animations to Decrease Arousal

Blue reduces arousal (and increases relaxation). With blue loading elements, users perceive quicker loading times(Gorn et al., 2004). See my article on color for more detail.

Keep Users Engaged During Lengthy Waiting Periods

Prevent Users From Uploading Files That Are Incompatible

Display a Running Tally of Tasks Occurring

19/41

Page 22: Web Usability a Complete List of UX UI Best Practices

Minimize the User’s Reliance on Memory

Don’t force the user to remember anything. Keep all pertinent information in the open.

Keep Form Labels Visible At All Times

Avoid inline labels that disappear when users click inside the element.

Position Placeholder Text Outside the Form Element

Add Copy Buttons to Movable Input

Minimize Zig Zagging Eye Patterns

Reduce the amount of back-and-forth eye motions. Keep all complementary data within close distances.

20/41

Page 23: Web Usability a Complete List of UX UI Best Practices

Merge Congruent Data to Help Users Compare Items

Align Form Labels Directly Adjacent to Elements

Communicate Which Items Are Clickable or Interactive

Users should identify which elements are interactive (and how to interact with them). If you’re familiar with UX/UI,then you probably know signifiers and affordances, popularized by Don Norman in The Design of Everyday Things.

Design Buttons Using 3D Characteristics

Add Dotted Textures to Drag and Drop Elements

21/41

Page 24: Web Usability a Complete List of UX UI Best Practices

Use Icons and Symbols to Convey the Meaning of an Interaction

You can create most of these icons using various shapes in PowerPoint or Keynote.

Communicate Using Familiar Words and Symbols

In most cases, clarity trumps creativity or jargon.

Speak the Language of the User, Not the System

Offer a Translate Button When Foreign Languages Appear

22/41

Page 25: Web Usability a Complete List of UX UI Best Practices

Choose Colors That Are Semantically Congruent

When colors are incongruent, users have more trouble processing the information. Currently, meetup.com has greatusability. However, they’re using red to confirm attendance (when they should be using green):

Maximize the Scannability of Your Interface

Most users will process your content by scanning it. And you shouldn’t fight it. Embrace it. Make your interface moreconducive to scanning.

Keep Paragraphs Short and Highlight Key Terms

Position Important Information at Beginning of List Items

Add Row Stripes to Your Tables

23/41

Page 26: Web Usability a Complete List of UX UI Best Practices

Write Standalone Subheadlines

Break Up Text With Visual Variety

Maximize the Readability of Text

Obviously, text should be readable. But here are some tips to make it more readable.

Create Strong Contrast Between the Text and Background

Be careful displaying text over backgrounds. You might need to add contrast through an overlay or blur. Let’s addtext over my beautiful face…

24/41

Page 27: Web Usability a Complete List of UX UI Best Practices

Left Align the Majority of Body Text

Use Consistent Patterns Throughout the Interface

With inconsistent patterns, users will need more time to learn your interface. Simplify it by maintaining aconsistent layout and appearance.

Create a Front-End Style Guide

Create a document summarizing the design specifications for each element in your interface.

Other elements include:25/41

Page 28: Web Usability a Complete List of UX UI Best Practices

Colors

Grids and Layouts

Placement and Positioning

Size and Shape

Labels and Language

Navigation

Tables

Lists

Links

Voice and Tone

Need inspiration? Look through Mailchimp’s style guide.

Keep Navigation Menus in the Same Position

Create Beautiful Designs With Visual Balance

Designs are more usable when they’re aesthetically pleasing — a principle called the aesthetic-usability effect(Kurosu & Kashimura, 1995).

Construct Designs Using Mathematical Principles

Choose Contrasting Fonts

When some people choose a matching typeface, they search for a font that looks similar to the existing one. Butthat’s the wrong approach. Oftentimes, the similarity will look like a mistake.

26/41

Page 29: Web Usability a Complete List of UX UI Best Practices

Instead, be deliberate. Choose typefaces with noticeable contrast. If you’re a newb designer, you can choose a serifvs sans-serif combination (serifs are the “twigs” on the ends of letters).

Category 4:Maximize the Compatibility for All Users and Scenarios

Your users are different people with different goals. Design your interface so that it’s compatible for everyone.

Maximize Compatibility With the User’s Knowledge and Skill Level

Your users will be novices, experts, or a mixture. Design your interface accordingly.

Use the Proper Amount of Onboarding

There are four main onboarding strategies:

Those four approaches align nicely in a 2 x 2 matrix. Use the following diagram to choose the best approach foryour interface.

27/41

Page 30: Web Usability a Complete List of UX UI Best Practices

Add Tooltips to Coach Novice Users Without Disrupting Expert Users

Use Card Sorting to Construct the Information Architecture

Use open card sorting if you want to see how users determine or conceptualize the menu categories.

Use closed card sorting if you want to see how users organize existing elements into pre-determinedcategories.

Maximize Compatibility With the User’s Workflow

28/41

Page 31: Web Usability a Complete List of UX UI Best Practices

Users will have different needs. Customize your interface toward those different workflows.

Let Users Control the Appearance of Data

Let Users Control the Order of Data

Other sorting criteria include:

Alphabetically

Availability

Categorically

Date

Distance

Popularity

Price

Relevance

Size

29/41

Page 32: Web Usability a Complete List of UX UI Best Practices

Let Users Control the Quantity of Data

Construct Personas to Identify Specific Workflows

Let Users Open Pages in New Tabs

Many users will page park. They’ll open tabs to read later.

Maximize the Accessibility of Your Interface

Make your interface accessible to people with disabilities. Not only is it a best practice, but you could also face legal

30/41

Page 33: Web Usability a Complete List of UX UI Best Practices

consequences (depending on your product).

Use Semantic Labels in HTML5

Use Multiple Cues to Communicate Information

Around 8 percent of males are colorblind (Chan, Goh, & Tan, 2014). Never convey meaning through color alone.Always offer additional cues.

Maximize Compatibility for All Inputs and Extreme Cases

Users should be able to enter a wide range of input without consequences.

Resolve Unfavorable Outcomes in Automatically Generated Messages

Use Form Elements That Accept Various Formats of Input

31/41

Page 34: Web Usability a Complete List of UX UI Best Practices

Display Results That Solve the Searcher’s Need

Use Search Fields That Handle Typos, Synonyms, and Variants

Maximize Compatibility for All Mediums

Your interface should work in all environments (e.g., devices, browsers, etc.).

Customize Instructions for the User’s Browser

32/41

Page 35: Web Usability a Complete List of UX UI Best Practices

Use One-Window Drilldowns on Small Devices

Category 5:Help Users Minimize and Overcome Potential Errors

In most interfaces, errors are unavoidable. If they do happen, help users overcome them quickly and easily.

Prevent the Possibility of Errors

When designing your interface, don’t immediately focus on solutions. Rather, try to make errors impossible to occur(referred to as poka-yoke).

Remove, Disable, or Replace Buttons When Users Click Them

Don’t tell users to click “Submit” once. If they can click more than once, they will. Instead, disable buttons whenusers click them. That way, duplicate submissions are impossible.

Only Offer Inputs That Are Acceptable

33/41

Page 36: Web Usability a Complete List of UX UI Best Practices

Use Responsive Enabling or Disclosure in Form Elements

Structure Text Fields to Match the Required Input

Monitor Signals That Are Typical in Errors

What are common errors in your interface? Identify signals that are inherent in those errors. Then monitor when

34/41

Page 37: Web Usability a Complete List of UX UI Best Practices

those signals occur.

Search for Wording That Contradicts User Intent

Remind Users if They’ve Already Purchased an Item

Differentiate Powerful Functions to Minimize Slips

Users will lose focus. You can’t prevent it. However, you should visually distinguish powerful functions so that youminimize the possibility of damaging errors.

Separate Powerful Functions by Space or Color

Add Constraints to Significant Irreversible Changes

Provide Easy Ways to Revert or Escape

Always give users the option to return to a previous page or safe/recognizable area.

35/41

Page 38: Web Usability a Complete List of UX UI Best Practices

Use Undos Rather Than Confirmations

Offer an Escape Hatch on All Pages and Functions

For example, some drop down menus offer no escape hatch. When users click an option, they can’t leave it blankanymore.

Provide a Visible Close on Popups and Modal Boxes

Minimize the Negative Effects of Leaving Sequences

Users should be able to return to a sequence in the same position with the same data.

Save Data That Users Enter

36/41

Page 39: Web Usability a Complete List of UX UI Best Practices

Let Users Return to the Same Position in a Sequence

Extend Movable Paths and Clickable Areas

Users aren’t perfect. They make mistakes with the cursor. Create interfaces that are flexible and forgiving.

Add a Transparent Border to Small Buttons

Add a Slight Delay to Hover Pop Ups and Drop Down Menus

Hyperlink the Entire Menu Option Container

37/41

Page 40: Web Usability a Complete List of UX UI Best Practices

Hyperlink Primary Menus, List Items, and Complementary Icons

Oftentimes, users click items that aren’t clickable. Don’t fight those mistakes. Instead, add clickable functionality tothose common areas.

Provide Useful and Supportive Error Messages

Never give a standard “there was an error” message. Explain the reason — and ideally the solution — to the error.

Explain the Reason for Validation Errors

Point Users Toward Documentation or Support for Complex Errors

38/41

Page 41: Web Usability a Complete List of UX UI Best Practices

Avoid Saying “You” in Error Messages

Keep a Record of the User’s Previous Actions

Remind users of their past actions in your interface.

Display the User’s Recent Searches

Use Different Colors for Visited Links

Indicate Which Items Users Have Already Viewed

39/41

Page 42: Web Usability a Complete List of UX UI Best Practices

Analyze User Behavior to Find Interface Issues

Always iterate and improve your interface. Use these tactics to get started.

Gather User Feedback in Appropriate Places

Create Alerts for Increases in 404 Errors

Identify Pages Where Users Are Pogo-Sticking

If a page is receiving many views (yet few unique views), then double check whether users are pogo sticking on thatpage

Final Thoughts40/41

Page 43: Web Usability a Complete List of UX UI Best Practices

How I Compiled These Tactics

I usually focus heavily on academic research. However, the field of web usability is evolving so quickly. So I couldn’tfind many useful and timely studies. Instead, I compiled the tactics by reading a bunch of UX/UI books.

Maybe I went a little overboard…

I read those books from cover to cover, lookingfor concrete actionable tactics. Afterward, Isupplemented my list by (a) goingthrough online guides (e.g., GoodUI has a greatlist) and (b) studying current platforms withstrong reputations for usability (e.g.,Mailchimp).

Here are the books from the previous image(from top to bottom):

41/41

Page 44: Web Usability a Complete List of UX UI Best Practices

UX INDUSTRY SURVEY REPORT 2015

Page 45: Web Usability a Complete List of UX UI Best Practices

Could there possibly be a better time to be involved in UX? Brilliant experiences have crept from the fringes of business best practices to front-and-center for many companies throughout the world.

Customer experience has become a growing focus for companies of all sizes, including all of the interactions the customer has with the brand—not just the digital ones.

Along with this, organizations are taking a more mature approach to collecting and utilizing customer feedback. Many companies are realizing it’s no longer enough to run surveys or user tests a couple of times a year. Instead, they’re working constantly to build a consistent experience across channels and on all devices, and customer feedback is the driving force behind that work.

In our third annual UX Industry Survey, we sought to dig deeper into some of these trends and uncover more insights on how companies approach user experience (and customer experience). Here are the responses, along with some insights on the important changes we’ve noticed from previous years.

1. WHAT IS YOUR GENDER?

2. WHAT IS YOUR COUNTRY OF RESIDENCE?

We’re in the midst of an emerging movement around building products, campaigns, and experiences based on continuous feedback from customers.

INDUSTRY SURVEY REPORT INSIGHTS 2015 | 02

7,725survey participants

44% 55% 1%

Australia 2.29%

South Africa 0.71%Canada 5.33%

United Kingdom 7.7%

Ireland 0.61%

United States 64.83% New Zealand 0.62%

Other 17.9%

Page 46: Web Usability a Complete List of UX UI Best Practices

3. WHAT IS YOUR AGE?

4. WHAT’S THE HIGHEST LEVEL OF EDUCATION YOU’VE ACHIEVED?

5. WHAT IS YOUR JOB FUNCTION? (What department or team are you a part of?)

6. WHICH OF THESE CHOICES BEST DESCRIBES YOUR ROLE?

INDUSTRY SURVEY REPORT INSIGHTS 2015 | 03

In-house Consultant atan agency

Independentconsultant /freelance

Business owner0%

20%

40%

60%

80%

100%

OTHER INCLUDES:• Education• IT• Design

56.4%

13.14%20.27%

10.18%

Page 47: Web Usability a Complete List of UX UI Best Practices

INDUSTRY SURVEY REPORT INSIGHTS 2015 | 04

7. WHICH OF THE FOLLOWING BEST DESCRIBES THE PRINCIPAL INDUSTRY OF YOUR ORGANIZATION?

TOP 5 PRINCIPAL INDUSTRIES:1. Advertising and Marketing2. Education3. Consumer High Tech Services4. Business High Tech Services5. Healthcare and Pharmaceuticals

OTHER INCLUDES:

IT and Software

Page 48: Web Usability a Complete List of UX UI Best Practices

INDUSTRY SURVEY REPORT INSIGHTS 2015 | 05

8. WHICH TEAM IN YOUR COMPANY FINDS THE MOST VALUE IN UX RESEARCH?

This indicates that while UX research has traditionally been constrained to certain individuals or teams within a single department in any given company, teams of all kinds are starting to discover the value of evaluating and measuring the user experience they provide. It also suggests that marketers and product teams may be weaving customer feedback into their processes more extensively than in the past.

9. WHAT DO YOU THINK WILL BE THE MOST IMPORTANT ONLINE TRENDS AFFECTING UX RESEARCH IN THE NEXT 5 YEARS?

Multi-device interaction has held the lead in this question for the past three years. It supports the idea that the line between digital and physical experiences is blurring*, with more and more brand interactions spanning multiple devices and extending into the real world. Consumer journeys frequently span devices and channels, yet consumers don’t view these as separate experiences. What does this tell us? Companies can’t treat digital and physical channels as separate entities anymore—and it underlines the importance of providing a consistently excellent experience across all channels.

*Source: Navigating the New Digital Divide: Capitalizing on Digital Influence in Retail, Deloitte Digital, 2015.

Compared with previous years, there was a much more even distribution between Marketing, Product, and UX teams in 2015.

Page 49: Web Usability a Complete List of UX UI Best Practices

10. ON AVERAGE, WHAT IS YOUR COMPANY’S MONTHLY BUDGET FOR UX RESEARCH? (Converted to USD)

Year over year, we’ve watched the majority of responses shift away from small to mid-sized monthly budgets. This suggests companies are allocating more resources to UX research on a monthly basis, allowing for more ongoing user feedback, testing of more initiatives, and even benchmarking their UX over time.

11. OUT OF THE BUDGET YOU JUST INDICATED, WHICH OF THE FOLLOWING METHODOLOGIES DO YOU INVEST IN?

INDUSTRY SURVEY REPORT INSIGHTS 2015 | 06

In 2014, the largest segment was the $1 to $500 budget range. This year, the largest was $1,001 to $5,500.

There were increases in all ranges above $500, and decreases in all ranges below $500. *Excluding participants who selected “We don’t have a fixed budget” and “I’m not sure.”

Page 50: Web Usability a Complete List of UX UI Best Practices

INDUSTRY SURVEY REPORT INSIGHTS 2015 | 07

12. HOW WOULD YOU COMPARE YOUR COMPANY’S UX RESEARCH BUDGET IN 2015 TO 2014?

13. WHAT WAS THE REASON FOR THE CHANGE IN YOUR COMPANY’S UX RESEARCH BUDGET?

14. WHAT PERCENT OF YOUR TIME IS SPENT CONDUCTING USABILITY TESTS?

15. WHAT PERCENTAGE OF YOUR COMPANY’S USABILITY TESTING IS DONE IN-PERSON?

Increase or decrease in projects

13.17%

Increase or decrease

in personnel

8.43%

Other

6.03%N/A

(no change)

51.66%

Change in attitude towards usability testing

20.72%

0% 1-25% 26-50% 51-75% 76-100%0%

20%

40%

60%

80%

100%

15.48%

62.70%

14.85%5.03% 1.94%

0% 1-25% 26-50% 51-75% 76-100%0%

20%

40%

60%

80%

100%

23.26%

36.84%

15.30% 10.94% 13.66%

Page 51: Web Usability a Complete List of UX UI Best Practices

INDUSTRY SURVEY REPORT INSIGHTS 2015 | 08

16. WHAT PERCENTAGE OF YOUR COMPANY’S USABILITY TESTING IS DONE REMOTELY?

17. WHAT PERCENTAGE OF YOUR COMPANY’S REMOTE USABILITY TESTING IS MODERATED?

18. HOW DOES YOUR COMPANY RECRUIT PARTICIPANTS FOR YOUR USABILITY TESTING?

0% 1-25% 26-50% 51-75% 76-100%0%

20%

40%

60%

80%

100%

23.18%29.53%

17.13% 13.22% 16.95%

0% 1-25% 26-50% 51-75% 76-100%0%

20%

40%

60%

80%

100%

34.11%28.38%

13.65%8.69%

15.16%

Page 52: Web Usability a Complete List of UX UI Best Practices

19. ON AVERAGE, HOW MANY USERS DOES YOUR COMPANY RECRUIT PER USABILITY STUDY?

20. HOW OFTEN DOES YOUR COMPANY RUN USABILITY TESTS?

This year, we saw a rise in more frequent testing. The percentage of respondents who ran tests daily doubled from 2014 to 2015. The number of professionals who ran tests weekly increased moderately, while those who ran tests monthly or less frequently decreased.

21. HOW DOES THE FREQUENCY OF YOUR COMPANY’S TESTING IN 2015 COMPARE TO 2014?

22. WHAT WAS THE REASON FOR THE CHANGE IN YOUR COMPANY’S TESTING FREQUENCY?

INDUSTRY SURVEY REPORT INSIGHTS 2015 | 09

The percentage of respondents who ran tests daily doubled from 2014 to 2015.

Page 53: Web Usability a Complete List of UX UI Best Practices

INDUSTRY SURVEY REPORT INSIGHTS 2015 | 10

23. LOOKING AHEAD INTO 2016, HOW DO YOU THINK THE FREQUENCY OF YOUR COMPANY’S TESTING WILL CHANGE?

24. WHAT SOURCES DO YOU USE TO IMPROVE YOUR USABILITY KNOWLEDGE?

In 2016, more than half (59.94%) of respondents say their company will test more frequently.

Increase significantly

18.77%

Increase moderately

40.77%

About the same

36.84%

Decrease moderately

2.54%

Decrease significantly

1.08%

Page 54: Web Usability a Complete List of UX UI Best Practices

INDUSTRY SURVEY REPORT INSIGHTS 2015 | 11

25. HOW MANY PEOPLE ARE EMPLOYED AT YOUR COMPANY?

26. DOES YOUR COMPANY HAVE A DEDICATED TEAM FOR UX RESEARCH?

27. HOW MANY PEOPLE IN YOUR COMPANY, PART-TIME AND FULL-TIME, WORK ON USER EXPERIENCE?

24.24%

8.27%

17.72%

21.60%

10.74%

17.44%

35.47%

51.36%

13.17%

Page 55: Web Usability a Complete List of UX UI Best Practices

INDUSTRY SURVEY REPORT INSIGHTS 2015 | 12

28. WHAT DOES YOUR COMPANY CURRENTLY RUN USABILITY TESTING ON?

Page 56: Web Usability a Complete List of UX UI Best Practices

CLOSING THOUGHTS Given the rise in budgets, the expansion in types of teams doing UX research, and an even greater focus on improving omni-channel experiences, it’s evident to us that providing an outstanding experience to customers is at the forefront for many organizations.

We predict that in the coming years, companies will invest more heavily in creating products and experiences based on continuous feedback from their customers, and customer experience will become a shared responsibility among all teams in an organization.

For years we’ve been hearing that customer experience is a priority for executives, but for the first time this survey reveals that companies of all sizes are finally making significant investments in CX.” Chris Hicken, UserTesting President

INDUSTRY SURVEY REPORT INSIGHTS 2015 | 13

Page 57: Web Usability a Complete List of UX UI Best Practices

A GUIDE TO BUYING THE RIGHT USER RESEARCH PLATFORM | 10

Create great experiences

UserTesting is the fastest and most advanced user experience research platform on the market. We give marketers, product managers, and UX teams on-demand access to people in their target audience who deliver audio, video,

and written feedback on websites, mobile apps, prototypes, and even physical products and locations.

2672 Bayshore Parkway, Mountain View, CA 94043www.usertesting.com | 1.800.903.9493 | [email protected]