SlideShare une entreprise Scribd logo
1  sur  57
Télécharger pour lire hors ligne
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
olatunji
adetun
ji
Digitally signed by
olatunji adetunji
DN: cn=olatunji
adetunji, o=seo web
analyst, ou=10,
email=olatunjiadetu
nji@seowebanalyst.
com, c=NG
Date: 2016.05.05
09:51:16 +01'00'
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
Guide Users Through a Visual Hierarchy
Control the user’s experience by guiding them through the interface. Where should they look first, second, and
third? Establish that hierarchy.
Avoid Trapping Negative Space in the Composition
Use a One Column Layout
2/41
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 our
perception. 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
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
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 the
important 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
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 whether
content exists beyond the fold.
Extend Elements Through the Fold
6/41
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
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 page
to repeat that process with another item. That’s poor usability. Minimize pogo-sticking by placing important
information 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
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 Interactions
9/41
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 appropriate
path for their workflow.
Let Users Log In Via Username or Email
10/41
Offer Keyboard Shortcuts for Repetitive Functions
Let Users Drag and Drop Elements
Let Users Directly Edit Data
11/41
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
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 on
the Current Input
Indicate or Preview the Next Item in a Sequence
13/41
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
Start Progress Bars Above 0%
Solve the User’s Core Intent
Oftentimes, we solve surface-level needs. Go deeper. Always
brainstorm 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
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
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 and
structures. Those conventional designs are popular because they work.
Use Conventional Navigation Menus
17/41
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
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
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
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
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
Choose Colors That Are Semantically Congruent
When colors are incongruent, users have more trouble processing the information. Currently, meetup.com has great
usability. 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 more
conducive 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
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 add
text over my beautiful face…
24/41
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 a
consistent 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
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. But
that’s the wrong approach. Oftentimes, the similarity will look like a mistake.
26/41
Instead, be deliberate. Choose typefaces with noticeable contrast. If you’re a newb designer, you can choose a serif
vs 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 for
your interface.
27/41
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-determined
categories.
Maximize Compatibility With the User’s Workflow
28/41
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
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
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
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
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 when
users click them. That way, duplicate submissions are impossible.
Only Offer Inputs That Are Acceptable
33/41
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
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 you
minimize 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
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 blank
anymore.
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
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
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 to
those 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
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
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 that
page
Final Thoughts
40/41
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’t
find 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, looking
for concrete actionable tactics. Afterward, I
supplemented my list by (a) going
through online guides (e.g., GoodUI has a great
list) and (b) studying current platforms with
strong reputations for usability (e.g.,
Mailchimp).
Here are the books from the previous image
(from top to bottom):
41/41
UX INDUSTRY SURVEY
REPORT 2015
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%
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 at
an agency
Independent
consultant /
freelance
Business owner
0%
20%
40%
60%
80%
100%
OTHER INCLUDES:
• Education
• IT
• Design
56.4%
13.14%
20.27%
10.18%
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 Marketing
2. Education
3. Consumer High Tech Services
4. Business High Tech Services
5. Healthcare and Pharmaceuticals
OTHER INCLUDES:
IT and Software
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.
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.”
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%
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%
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.
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%
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%
INDUSTRY SURVEY REPORT INSIGHTS 2015 | 12
28. WHAT DOES YOUR COMPANY CURRENTLY RUN USABILITY
TESTING ON?
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
“
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 94043
www.usertesting.com | 1.800.903.9493 | sales@usertesting.com

Contenu connexe

Tendances

Mobile application usability audit
Mobile application usability auditMobile application usability audit
Mobile application usability auditDaniel Drew Turner
 
The UX Process Behind Compelling User Experiences
The UX Process Behind Compelling User ExperiencesThe UX Process Behind Compelling User Experiences
The UX Process Behind Compelling User ExperiencesBelatrix Software
 
UX Scotland - UX Patterns case study
UX Scotland - UX Patterns case studyUX Scotland - UX Patterns case study
UX Scotland - UX Patterns case studyPatty Fronc
 
Designing usable web applications (part 1) experience dynamics web seminar
Designing usable web applications (part 1)  experience dynamics web seminarDesigning usable web applications (part 1)  experience dynamics web seminar
Designing usable web applications (part 1) experience dynamics web seminarExperience Dynamics
 
User Research Delivers for the U.S. Postal Service (UXDC 2017)
User Research Delivers for the U.S. Postal Service (UXDC 2017)User Research Delivers for the U.S. Postal Service (UXDC 2017)
User Research Delivers for the U.S. Postal Service (UXDC 2017)UserWorks
 
Loft9 BusinessInsights HassleMap 10.7.16
Loft9 BusinessInsights HassleMap 10.7.16Loft9 BusinessInsights HassleMap 10.7.16
Loft9 BusinessInsights HassleMap 10.7.16Liz Carter
 
Game interface design part 1
Game interface design part 1Game interface design part 1
Game interface design part 1Durgesh Pandey
 
Upa why usability shouldn't come first
Upa why usability shouldn't come firstUpa why usability shouldn't come first
Upa why usability shouldn't come firstTraci Lepore
 
Why Usability Should Never Come First
Why Usability Should Never Come FirstWhy Usability Should Never Come First
Why Usability Should Never Come FirstDavid Rondeau
 
HoytUX Design Process 2016
HoytUX Design Process 2016HoytUX Design Process 2016
HoytUX Design Process 2016Rob Hoyt
 
Want Your Customers to Come Back? Make Sure UX is of Top Priority
Want Your Customers to Come Back? Make Sure UX is of Top PriorityWant Your Customers to Come Back? Make Sure UX is of Top Priority
Want Your Customers to Come Back? Make Sure UX is of Top PriorityRick Hevier
 
M Hawley Desirability Studies Boston Upa Presentation V4
M Hawley Desirability Studies Boston Upa Presentation V4M Hawley Desirability Studies Boston Upa Presentation V4
M Hawley Desirability Studies Boston Upa Presentation V4hawleymichael
 
Best Practices for a Great User Experience
Best Practices for a Great User ExperienceBest Practices for a Great User Experience
Best Practices for a Great User ExperienceUser Experience Labs
 
What to Fix First? Remediation Order Matters
What to Fix First? Remediation Order Matters What to Fix First? Remediation Order Matters
What to Fix First? Remediation Order Matters Sean Kelly
 
Bergen Larsen Portfolio - 2016
Bergen Larsen Portfolio - 2016Bergen Larsen Portfolio - 2016
Bergen Larsen Portfolio - 2016Bergen Larsen
 
User testing on a diet
User testing on a dietUser testing on a diet
User testing on a dietPaul Veugen
 
Measuring the User Experience in Digital Products
Measuring the User Experience in Digital ProductsMeasuring the User Experience in Digital Products
Measuring the User Experience in Digital ProductsKaterina Maniataki
 

Tendances (20)

Mobile application usability audit
Mobile application usability auditMobile application usability audit
Mobile application usability audit
 
The UX Process Behind Compelling User Experiences
The UX Process Behind Compelling User ExperiencesThe UX Process Behind Compelling User Experiences
The UX Process Behind Compelling User Experiences
 
Lean User Testing Intro
Lean User Testing IntroLean User Testing Intro
Lean User Testing Intro
 
UX Scotland - UX Patterns case study
UX Scotland - UX Patterns case studyUX Scotland - UX Patterns case study
UX Scotland - UX Patterns case study
 
Designing usable web applications (part 1) experience dynamics web seminar
Designing usable web applications (part 1)  experience dynamics web seminarDesigning usable web applications (part 1)  experience dynamics web seminar
Designing usable web applications (part 1) experience dynamics web seminar
 
User Research Delivers for the U.S. Postal Service (UXDC 2017)
User Research Delivers for the U.S. Postal Service (UXDC 2017)User Research Delivers for the U.S. Postal Service (UXDC 2017)
User Research Delivers for the U.S. Postal Service (UXDC 2017)
 
Loft9 BusinessInsights HassleMap 10.7.16
Loft9 BusinessInsights HassleMap 10.7.16Loft9 BusinessInsights HassleMap 10.7.16
Loft9 BusinessInsights HassleMap 10.7.16
 
Game interface design part 1
Game interface design part 1Game interface design part 1
Game interface design part 1
 
Upa why usability shouldn't come first
Upa why usability shouldn't come firstUpa why usability shouldn't come first
Upa why usability shouldn't come first
 
Why Usability Should Never Come First
Why Usability Should Never Come FirstWhy Usability Should Never Come First
Why Usability Should Never Come First
 
HoytUX Design Process 2016
HoytUX Design Process 2016HoytUX Design Process 2016
HoytUX Design Process 2016
 
Want Your Customers to Come Back? Make Sure UX is of Top Priority
Want Your Customers to Come Back? Make Sure UX is of Top PriorityWant Your Customers to Come Back? Make Sure UX is of Top Priority
Want Your Customers to Come Back? Make Sure UX is of Top Priority
 
M Hawley Desirability Studies Boston Upa Presentation V4
M Hawley Desirability Studies Boston Upa Presentation V4M Hawley Desirability Studies Boston Upa Presentation V4
M Hawley Desirability Studies Boston Upa Presentation V4
 
Balancing Revenue And Ux
Balancing Revenue And UxBalancing Revenue And Ux
Balancing Revenue And Ux
 
Best Practices for a Great User Experience
Best Practices for a Great User ExperienceBest Practices for a Great User Experience
Best Practices for a Great User Experience
 
What to Fix First? Remediation Order Matters
What to Fix First? Remediation Order Matters What to Fix First? Remediation Order Matters
What to Fix First? Remediation Order Matters
 
Bergen Larsen Portfolio - 2016
Bergen Larsen Portfolio - 2016Bergen Larsen Portfolio - 2016
Bergen Larsen Portfolio - 2016
 
User testing on a diet
User testing on a dietUser testing on a diet
User testing on a diet
 
Growth Hacking - UX
Growth Hacking - UXGrowth Hacking - UX
Growth Hacking - UX
 
Measuring the User Experience in Digital Products
Measuring the User Experience in Digital ProductsMeasuring the User Experience in Digital Products
Measuring the User Experience in Digital Products
 

En vedette

optimize website for mobile marketing
optimize website for mobile marketingoptimize website for mobile marketing
optimize website for mobile marketingOlatunji Adetunji
 
How Do I Apply SEO To Work On My Website?
How Do I Apply SEO To Work On My Website?How Do I Apply SEO To Work On My Website?
How Do I Apply SEO To Work On My Website?Boostability
 
Getting Started With Google Analytics - Jon Hibbitt
Getting Started With Google Analytics - Jon Hibbitt Getting Started With Google Analytics - Jon Hibbitt
Getting Started With Google Analytics - Jon Hibbitt SiteVisibility
 
State of SEO for Radio with Kelly Shelton
State of SEO for Radio with Kelly SheltonState of SEO for Radio with Kelly Shelton
State of SEO for Radio with Kelly SheltonBoostability
 
Workshop on Large-scale Sensing For Future Cities'13 / Vitor Martins/Fernando...
Workshop on Large-scale Sensing For Future Cities'13 / Vitor Martins/Fernando...Workshop on Large-scale Sensing For Future Cities'13 / Vitor Martins/Fernando...
Workshop on Large-scale Sensing For Future Cities'13 / Vitor Martins/Fernando...Future Cities Project
 
Tarea 6 Imagen Personal
Tarea 6 Imagen PersonalTarea 6 Imagen Personal
Tarea 6 Imagen PersonalHenry Duchi
 
Interactive Exploration of Geospatial Network Visualization
Interactive Exploration of Geospatial Network Visualization Interactive Exploration of Geospatial Network Visualization
Interactive Exploration of Geospatial Network Visualization Till Nagel
 
Tips For Starting Your Holiday Marketing
Tips For Starting Your Holiday Marketing Tips For Starting Your Holiday Marketing
Tips For Starting Your Holiday Marketing Boostability
 
Ignacio garcía presentación instituto tajamar 18 feb16 generix
Ignacio garcía presentación instituto tajamar 18 feb16 generixIgnacio garcía presentación instituto tajamar 18 feb16 generix
Ignacio garcía presentación instituto tajamar 18 feb16 generixInstituto Logístico Tajamar
 
NYPA 2010 - Link Journalism
NYPA 2010 - Link JournalismNYPA 2010 - Link Journalism
NYPA 2010 - Link JournalismGreg Linch
 
Overzicht innovatiemodellen (TU-DELFT)
Overzicht innovatiemodellen (TU-DELFT)Overzicht innovatiemodellen (TU-DELFT)
Overzicht innovatiemodellen (TU-DELFT)Wouter de Heij
 
Monetising Big Data in Telecoms World Summit 2016
Monetising Big Data in Telecoms World Summit 2016Monetising Big Data in Telecoms World Summit 2016
Monetising Big Data in Telecoms World Summit 2016Richa patel
 
Paris smart and sustainable city plan - illustrated presentation
Paris smart and sustainable city plan - illustrated presentationParis smart and sustainable city plan - illustrated presentation
Paris smart and sustainable city plan - illustrated presentationMairie de Paris
 

En vedette (20)

optimize website for mobile marketing
optimize website for mobile marketingoptimize website for mobile marketing
optimize website for mobile marketing
 
How Do I Apply SEO To Work On My Website?
How Do I Apply SEO To Work On My Website?How Do I Apply SEO To Work On My Website?
How Do I Apply SEO To Work On My Website?
 
Getting Started With Google Analytics - Jon Hibbitt
Getting Started With Google Analytics - Jon Hibbitt Getting Started With Google Analytics - Jon Hibbitt
Getting Started With Google Analytics - Jon Hibbitt
 
State of SEO for Radio with Kelly Shelton
State of SEO for Radio with Kelly SheltonState of SEO for Radio with Kelly Shelton
State of SEO for Radio with Kelly Shelton
 
Workshop on Large-scale Sensing For Future Cities'13 / Vitor Martins/Fernando...
Workshop on Large-scale Sensing For Future Cities'13 / Vitor Martins/Fernando...Workshop on Large-scale Sensing For Future Cities'13 / Vitor Martins/Fernando...
Workshop on Large-scale Sensing For Future Cities'13 / Vitor Martins/Fernando...
 
Olivia Molloy - CV
Olivia Molloy - CVOlivia Molloy - CV
Olivia Molloy - CV
 
Tarea 6 Imagen Personal
Tarea 6 Imagen PersonalTarea 6 Imagen Personal
Tarea 6 Imagen Personal
 
Session 2
Session 2Session 2
Session 2
 
кипение
кипениекипение
кипение
 
recommendation DANO
recommendation DANOrecommendation DANO
recommendation DANO
 
Interactive Exploration of Geospatial Network Visualization
Interactive Exploration of Geospatial Network Visualization Interactive Exploration of Geospatial Network Visualization
Interactive Exploration of Geospatial Network Visualization
 
Tips For Starting Your Holiday Marketing
Tips For Starting Your Holiday Marketing Tips For Starting Your Holiday Marketing
Tips For Starting Your Holiday Marketing
 
Ignacio garcía presentación instituto tajamar 18 feb16 generix
Ignacio garcía presentación instituto tajamar 18 feb16 generixIgnacio garcía presentación instituto tajamar 18 feb16 generix
Ignacio garcía presentación instituto tajamar 18 feb16 generix
 
NYPA 2010 - Link Journalism
NYPA 2010 - Link JournalismNYPA 2010 - Link Journalism
NYPA 2010 - Link Journalism
 
Fertilizer Product Quality GVB
Fertilizer Product Quality GVBFertilizer Product Quality GVB
Fertilizer Product Quality GVB
 
Overzicht innovatiemodellen (TU-DELFT)
Overzicht innovatiemodellen (TU-DELFT)Overzicht innovatiemodellen (TU-DELFT)
Overzicht innovatiemodellen (TU-DELFT)
 
Conferencia tajamar global lean 080217 vf
Conferencia tajamar global lean 080217 vfConferencia tajamar global lean 080217 vf
Conferencia tajamar global lean 080217 vf
 
Monetising Big Data in Telecoms World Summit 2016
Monetising Big Data in Telecoms World Summit 2016Monetising Big Data in Telecoms World Summit 2016
Monetising Big Data in Telecoms World Summit 2016
 
Cesar briones 022017 tajamar_fem
Cesar briones 022017  tajamar_femCesar briones 022017  tajamar_fem
Cesar briones 022017 tajamar_fem
 
Paris smart and sustainable city plan - illustrated presentation
Paris smart and sustainable city plan - illustrated presentationParis smart and sustainable city plan - illustrated presentation
Paris smart and sustainable city plan - illustrated presentation
 

Similaire à Web usability a complete list of ux ui best practices

Heuristic evaluation
Heuristic evaluationHeuristic evaluation
Heuristic evaluationjanine Risk
 
Application Design - Part 3
Application Design - Part 3Application Design - Part 3
Application Design - Part 3Kelley Howell
 
Discussion postArchitectural Styles Please respond to the fo.docx
Discussion postArchitectural Styles Please respond to the fo.docxDiscussion postArchitectural Styles Please respond to the fo.docx
Discussion postArchitectural Styles Please respond to the fo.docxmadlynplamondon
 
User Experience Distilled
User Experience DistilledUser Experience Distilled
User Experience DistilledHindu Dharma
 
Megan McKeever - design
Megan McKeever - designMegan McKeever - design
Megan McKeever - designmmm5014
 
Bringing User-Centered Design Practices into Agile Development Projects
Bringing User-CenteredDesign Practices intoAgile Development ProjectsBringing User-CenteredDesign Practices intoAgile Development Projects
Bringing User-Centered Design Practices into Agile Development Projectsabcd82
 
Majestic MRSS Usability Engineering
Majestic MRSS Usability EngineeringMajestic MRSS Usability Engineering
Majestic MRSS Usability EngineeringMajestic MRSS
 
Design process design rules
Design process  design rulesDesign process  design rules
Design process design rulesPreeti Mishra
 
Usability methods to improve EMRs
Usability methods to improve EMRsUsability methods to improve EMRs
Usability methods to improve EMRsJeffery Belden
 
Writing Studio
Writing StudioWriting Studio
Writing Studioalbeaudin
 
From Use to User Interface
From Use     to User InterfaceFrom Use     to User Interface
From Use to User Interfaceabcd82
 
POLITEKNIK MALAYSIA
POLITEKNIK MALAYSIAPOLITEKNIK MALAYSIA
POLITEKNIK MALAYSIAAiman Hud
 
5 steps to a visually persuasive dashboard
5 steps to a visually persuasive dashboard5 steps to a visually persuasive dashboard
5 steps to a visually persuasive dashboardData IQ Argentina
 
How to do usability testing and eye tracking
How to do usability testing and eye trackingHow to do usability testing and eye tracking
How to do usability testing and eye trackingObjective Experience
 
Mom Prework Rev07 022010 Ab
Mom Prework Rev07 022010 AbMom Prework Rev07 022010 Ab
Mom Prework Rev07 022010 Abrselin
 
Cnn newspulse review
Cnn newspulse reviewCnn newspulse review
Cnn newspulse reviewChris Cenkner
 

Similaire à Web usability a complete list of ux ui best practices (20)

Heuristic evaluation
Heuristic evaluationHeuristic evaluation
Heuristic evaluation
 
Application Design - Part 3
Application Design - Part 3Application Design - Part 3
Application Design - Part 3
 
WebBestPractices3
WebBestPractices3WebBestPractices3
WebBestPractices3
 
Discussion postArchitectural Styles Please respond to the fo.docx
Discussion postArchitectural Styles Please respond to the fo.docxDiscussion postArchitectural Styles Please respond to the fo.docx
Discussion postArchitectural Styles Please respond to the fo.docx
 
User Experience Distilled
User Experience DistilledUser Experience Distilled
User Experience Distilled
 
Megan McKeever - design
Megan McKeever - designMegan McKeever - design
Megan McKeever - design
 
Bringing User-Centered Design Practices into Agile Development Projects
Bringing User-CenteredDesign Practices intoAgile Development ProjectsBringing User-CenteredDesign Practices intoAgile Development Projects
Bringing User-Centered Design Practices into Agile Development Projects
 
Majestic MRSS Usability Engineering
Majestic MRSS Usability EngineeringMajestic MRSS Usability Engineering
Majestic MRSS Usability Engineering
 
Design process design rules
Design process  design rulesDesign process  design rules
Design process design rules
 
Usability methods to improve EMRs
Usability methods to improve EMRsUsability methods to improve EMRs
Usability methods to improve EMRs
 
Writing Studio
Writing StudioWriting Studio
Writing Studio
 
Usability
UsabilityUsability
Usability
 
From Use to User Interface
From Use     to User InterfaceFrom Use     to User Interface
From Use to User Interface
 
POLITEKNIK MALAYSIA
POLITEKNIK MALAYSIAPOLITEKNIK MALAYSIA
POLITEKNIK MALAYSIA
 
5 steps to a visually persuasive dashboard
5 steps to a visually persuasive dashboard5 steps to a visually persuasive dashboard
5 steps to a visually persuasive dashboard
 
How to do usability testing and eye tracking
How to do usability testing and eye trackingHow to do usability testing and eye tracking
How to do usability testing and eye tracking
 
Ux design-fundamentals
Ux design-fundamentalsUx design-fundamentals
Ux design-fundamentals
 
Mom Prework Rev07 022010 Ab
Mom Prework Rev07 022010 AbMom Prework Rev07 022010 Ab
Mom Prework Rev07 022010 Ab
 
Cnn newspulse review
Cnn newspulse reviewCnn newspulse review
Cnn newspulse review
 
Mobile app ux_principles
Mobile app ux_principlesMobile app ux_principles
Mobile app ux_principles
 

Dernier

Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation decktbatkhuu1
 
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...sonalitrivedi431
 
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...Delhi Call girls
 
Case Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, PuneCase Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, PuneLukeKholes
 
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)amitlee9823
 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxjanettecruzeiro1
 
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)amitlee9823
 
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...amitlee9823
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...amitlee9823
 
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdftbatkhuu1
 
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfamanda2495
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...kumaririma588
 
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.Nitya salvi
 
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfParomita Roy
 
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...nirzagarg
 
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...Call Girls in Nagpur High Profile
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja Nehwal
 
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...poojakaurpk09
 
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...nirzagarg
 

Dernier (20)

Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation deck
 
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
 
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
 
Case Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, PuneCase Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, Pune
 
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptx
 
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
 
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
 
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
 
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
 
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
 
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
 
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
 
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
 
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
 

Web usability a complete list of ux ui best practices

  • 1.
  • 2. 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 olatunji adetun ji Digitally signed by olatunji adetunji DN: cn=olatunji adetunji, o=seo web analyst, ou=10, email=olatunjiadetu nji@seowebanalyst. com, c=NG Date: 2016.05.05 09:51:16 +01'00'
  • 3. 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
  • 4. Guide Users Through a Visual Hierarchy Control the user’s experience by guiding them through the interface. Where should they look first, second, and third? Establish that hierarchy. Avoid Trapping Negative Space in the Composition Use a One Column Layout 2/41
  • 5. 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 our perception. 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
  • 6. 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
  • 7. 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 the important 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
  • 8. 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 whether content exists beyond the fold. Extend Elements Through the Fold 6/41
  • 9. 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
  • 10. 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 page to repeat that process with another item. That’s poor usability. Minimize pogo-sticking by placing important information 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
  • 11. 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 Interactions 9/41
  • 12. 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 appropriate path for their workflow. Let Users Log In Via Username or Email 10/41
  • 13. Offer Keyboard Shortcuts for Repetitive Functions Let Users Drag and Drop Elements Let Users Directly Edit Data 11/41
  • 14. 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
  • 15. 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 on the Current Input Indicate or Preview the Next Item in a Sequence 13/41
  • 16. 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
  • 17. Start Progress Bars Above 0% Solve the User’s Core Intent Oftentimes, we solve surface-level needs. Go deeper. Always brainstorm 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
  • 18. 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
  • 19. 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 and structures. Those conventional designs are popular because they work. Use Conventional Navigation Menus 17/41
  • 20. 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
  • 21. 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
  • 22. 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
  • 23. 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
  • 24. 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
  • 25. Choose Colors That Are Semantically Congruent When colors are incongruent, users have more trouble processing the information. Currently, meetup.com has great usability. 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 more conducive 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
  • 26. 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 add text over my beautiful face… 24/41
  • 27. 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 a consistent 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
  • 28. 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. But that’s the wrong approach. Oftentimes, the similarity will look like a mistake. 26/41
  • 29. Instead, be deliberate. Choose typefaces with noticeable contrast. If you’re a newb designer, you can choose a serif vs 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 for your interface. 27/41
  • 30. 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-determined categories. Maximize Compatibility With the User’s Workflow 28/41
  • 31. 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
  • 32. 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
  • 33. 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
  • 34. 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
  • 35. 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 when users click them. That way, duplicate submissions are impossible. Only Offer Inputs That Are Acceptable 33/41
  • 36. 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
  • 37. 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 you minimize 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
  • 38. 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 blank anymore. 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
  • 39. 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
  • 40. 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 to those 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
  • 41. 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
  • 42. 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 that page Final Thoughts 40/41
  • 43. 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’t find 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, looking for concrete actionable tactics. Afterward, I supplemented my list by (a) going through online guides (e.g., GoodUI has a great list) and (b) studying current platforms with strong reputations for usability (e.g., Mailchimp). Here are the books from the previous image (from top to bottom): 41/41
  • 45. 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%
  • 46. 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 at an agency Independent consultant / freelance Business owner 0% 20% 40% 60% 80% 100% OTHER INCLUDES: • Education • IT • Design 56.4% 13.14% 20.27% 10.18%
  • 47. 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 Marketing 2. Education 3. Consumer High Tech Services 4. Business High Tech Services 5. Healthcare and Pharmaceuticals OTHER INCLUDES: IT and Software
  • 48. 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.
  • 49. 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.”
  • 50. 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%
  • 51. 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%
  • 52. 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.
  • 53. 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%
  • 54. 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%
  • 55. INDUSTRY SURVEY REPORT INSIGHTS 2015 | 12 28. WHAT DOES YOUR COMPANY CURRENTLY RUN USABILITY TESTING ON?
  • 56. 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 “
  • 57. 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 94043 www.usertesting.com | 1.800.903.9493 | sales@usertesting.com