danma

MENUMENU
  • Fine Art
    • Installation Art
    • Photography
    • Sculpture
    • Video
    • Wall Mounted Art
  • CV
  • Contact

Psychographics & the 5-Factor Model of Personality

September 21, 2021 by danma Leave a Comment

Demographics from Google Analytics

The demographics from GA show that females in the top 3 age ranges all share the same interest. One hypothesis is that the data is captured from work-related searches VS non-work browsing (probably done on mobile devices). What from this demographic can we answer for?

  • Personalities: can be derived from 5-Factor Model of personality traits:
    • extraversion (outgoing/energetic vs. solitary/reserved)
    • agreeableness (friendly/compassionate vs. critical/rational)
    • openness to experience (inventive/curious vs. consistent/cautious)
    • conscientiousness (efficient/organized vs. extravagant/careless)
    • neuroticism (sensitive/nervous vs. resilient/confident)
  • Lifestyles: According to the Princeton Review, travel agents are focused on how to get the best value out of their clients travel budgets.
    • They are largely a salesperson
    • There is no margin for error for their work
    • They spend most of their time at their desk in front of a computer, they work more than 40 hours a week in a variety of shifts
    • Their work is very repetitive and tedious, which is cited as the biggest downside to the profession
    • They love to travel
  • Interests (work-related):
    • Hotels & Accommodations
    • Air Travel
    • Cruises & Charters
    • Travel Agencies & Services
    • Celebrities & Entertainment News
    • Beaches & Islands
    • Residential Sales
    • News/Weather
  • Opinions, attitudes, and beliefs: Survey questions about politics & religion will help fill this knowledge gap.
  • Values: Using value-language (listed below) in the survey questions will help fill this knowledge gap:
    • vanity
    • money
    • power
    • fame
    • perfection
    • knowledge
    • experience
    • uniqueness
    • relationships
    • control

Questions for Surveys

Barrier questions:
  • Login Issues?
  • Pricing / Booking Issues?.
  • Payment Issues?
Demographic alignment questions:
  • Please select your gender:
    • Female
    • Male
    • Do not wish to answer
  • Please select which age range you fall into:
    • 18 – 24
    • 25 – 34
    • 35 – 44
    • 45 – 54
    • 55 – 64
    • 65+
  • How long have you been a Travel Agent?
    • 1 year
    • 2 – 3 years
    • 5 – 10 years
    • 20+ years
Extraversion for disagree/agree questions:
  • I make friends easily and have new experiences. (Values: Experiences)
  • I talk to a lot of different people at social events.
  • I can be hard to get to know.
Agreeableness for disagree/agree questions:
  • I believe in faith and that life provides what I need. (Opinions, attitudes, and beliefs: Religion)
  • I am easy to satisfy as long as it doesn’t hurt the bottom line. (Values: Money)
  • I accept people as they are, because I value trust and good communication. (Values: Relationships)
Openness to Experience for disagree/agree questions:
  • I get excited by new ideas and experiences. (Values: Experiences)
  • I tend to vote for conservative political candidates. (Opinions, attitudes, and beliefs: Politics)
  • I believe in a higher power in my life. (Opinions, attitudes, and beliefs: Religion)
Conscientiousness for disagree/agree questions:
  • I pay attention to details especially in my social relationships. (Values: Relationships)
  • I do a lot of research, make plans, and stick to them. (Values: Knowledge)
  • I get chores done right away.
Neuroticism for disagree/agree questions:
  • I am relaxed most of the time.
  • I am not easily frustrated.
  • I remain calm under pressure.

Notes

Gender: Female | Age: 45 – 54 | Users: 16,843

The top demographic data for the Book environment since 2019 reveals a persona type for a 45 – 54 year old female living in California. How ever the interest is fairly similar as one would expect for this age/gender demographic.

  • Region:
    • California:
      • Interest:
        • Travel & Transportation/Hotels & Accommodations: 590
        • Travel & Transportation/Transportation/Air Travel: 538
        • Travel & Transportation/Transportation/Cruises & Charters: 366
        • Travel & Transportation/Travel Agencies & Services: 305
        • Arts & Entertainment/Celebrities & Entertainment News: 247
        • Travel & Transportation/Tourist Destinations/Beaches & Islands: 216
        • Real Estate/Real Estate Listings/Residential Sales: 167
    • Texas:
      • Interest:
        • Travel & Transportation/Hotels & Accommodations: 380
        • Travel & Transportation/Transportation/Air Travel: 310
        • Arts & Entertainment/Celebrities & Entertainment News: 239
        • Travel & Transportation/Transportation/Cruises & Charters: 219
        • Travel & Transportation/Travel Agencies & Services: 185
        • Travel & Transportation/Tourist Destinations/Beaches & Islands: 167
        • Food & Drink/Cooking & Recipes: 135
        • News/Weather: 133
        • Real Estate/Real Estate Listings/Residential Sales: 125
    • Florida:
      • Interest:
        • Travel & Transportation/Hotels & Accommodations: 322
        • Travel & Transportation/Transportation/Air Travel: 291
        • Travel & Transportation/Transportation/Cruises & Charters: 247
        • Travel & Transportation/Travel Agencies & Services: 186
        • Arts & Entertainment/Celebrities & Entertainment News: 175

Gender: Female | Age: 55 – 64 | Users: 16,149

The both age ranges (45 – 54 & 55 – 64) share the same type of interest.

  • Region:
    • California:
      • Interest:
        • Travel & Transportation/Transportation/Air Travel: 713
        • Travel & Transportation/Hotels & Accommodations: 706
        • Travel & Transportation/Transportation/Cruises & Charters: 516
        • Arts & Entertainment/Celebrities & Entertainment News: 354
        • Travel & Transportation/Travel Agencies & Services: 336
        • Travel & Transportation/Tourist Destinations/Beaches & Islands: 257
    • Florida:
      • Interest:
        • Travel & Transportation/Hotels & Accommodations: 338
        • Travel & Transportation/Transportation/Air Travel: 311
        • Arts & Entertainment/Celebrities & Entertainment News: 203
        • Food & Drink/Cooking & Recipes: 141
        • News/Weather: 124
    • Texas
      • Interest:
        • Travel & Transportation/Hotels & Accommodations: 329
        • Travel & Transportation/Transportation/Air Travel: 313
        • Travel & Transportation/Transportation/Cruises & Charters: 274
        • Arts & Entertainment/Celebrities & Entertainment News: 239
        • Travel & Transportation/Transportation/Cruises & Charters: 216

Gender: Female | Age: 25 – 34 | Users: 15,613

  • Region:
    • California:
      • Interest:
        • Travel & Transportation/Hotels & Accommodations: 496
        • Travel & Transportation/Transportation/Air Travel: 455
        • Travel & Transportation/Tourist Destinations/Beaches & Islands: 253
        • Travel & Transportation/Travel Agencies & Services: 241
        • Travel & Transportation/Transportation/Cruises & Charters: 216
        • Arts & Entertainment/Celebrities & Entertainment News: 175
        • News/Weather: 144
        • Real Estate/Real Estate Listings/Residential Sales: 142
    • Texas:
      • Interest:
        • Travel & Transportation/Hotels & Accommodations: 311
        • Travel & Transportation/Transportation/Air Travel: 257
        • Travel & Transportation/Tourist Destinations/Beaches & Islands: 158
        • Travel & Transportation/Travel Agencies & Services: 153
        • Arts & Entertainment/Celebrities & Entertainment News: 141
        • Travel & Transportation/Transportation/Cruises & Charters: 113
    • Florida:
      • Interest:
        • Travel & Transportation/Hotels & Accommodations: 243
        • Travel & Transportation/Transportation/Air Travel: 197
        • Travel & Transportation/Travel Agencies & Services: 128
        • Travel & Transportation/Transportation/Cruises & Charters: 111
        • Arts & Entertainment/Celebrities & Entertainment News: 103
        • Travel & Transportation/Tourist Destinations/Beaches & Islands: 94

Filed Under: Web Usability, Work Show Case

Hotjar Customer Feedback Application

September 17, 2021 by danma 1 Comment

Hotjar markets their feedback application as a tool to improve Conversion Rate Optimization (CRO). Hotjar supports CRO through what they call drivers, barriers, and hooks.

  • Drivers: What drives users to the website?
  • Barriers: What kind of barriers do users encounter that make them leave and/or not convert?
  • Hooks: What benefits and/or experiences persuade users to convert?

Hotjar has 11 examples in how their customer feedback application drives CRO. I took relevant information and highlight them below.

Understanding Drivers

Why are you looking for [name] today?

Hotjar suggests using psychographic data in order to learn “what drives customers to your website”. Psychographics & Personas are marketing concepts that I learned last year when I had Kroger pay for my Marketing Certifications. Psychographics is a method used to describe human traits and has been around since WW1. As a method, psychographics is applied to a lot of studies (personality, values, opinions, attitudes, interests, and lifestyles). Psychographic profiles or “Personas” are created to conceptualize fictional characters, who is based off data and research to represent user types. By using Hotjar’s Customer Feedback, we can construct feedback questions to better understand our customers and their “customer journey” as an entry point. This data will support the marketing team.

Understanding Barriers

What, if anything, is stopping you from [action] today?

Hotjar recognizes that understanding what stops your customers from converting is highly important. By constructing open-ended questions we can determine how much effort a customer has to exert along their “customer journey”. Removing barriers will improve the user experience and Customer Effort Score (CES).

Customer Effort Score

Understanding Hooks

What persuaded you to signup today?

This area is in contrast to barriers. Understanding why customers take action is an important aspect of the “customer journey”. Effective hooks will help increase conversion rates. This kind of data will support the business end.

Filed Under: Web Usability, Work Show Case

UX UI Testing Methods

July 20, 2021 by danma Leave a Comment

Why?

We want to support decisions with data and insights to continually improve user experience, which will increase revenue and save money by preventing costly development errors. Here is a list of other benefits a data-driven culture supports:

  • Organized collaboration & coordination
  • Consistency through data democratization
  • Progress tracking and transparency
  • Identify potential opportunities 
  • Identify issues & solutions
  • Solving for both the unknown & “known unknown”
  • Heatmaps & Recordings
  • Annotations

How?

  1. Data Analytics & Heat Mapping
  2. User Survey
  3. User Testing
  4. A/B Testing

What?

Data Analytics & Heat Mapping

Analytics is good at collecting large samples of data to help identify issues and help form hypotheses to test and solve. Heat maps further improve data analytics with a visual representation of how they are interacting with web pages. Analytics helps with quantitative data.

User Survey

Data analytics & heat mapping are extremely powerful tools, but they do not fill in all the knowledge gaps. Since users are still human and not yet androids, we use User Testing to solve for a more complete understanding of the user experience through live testing and psychological approaches. User Testing helps with qualitative insights, something that analytics does not provide. Analytics can provide “how” & “what” users are doing. User Testing can provide the “why” from the “how” & “what”. Experiencing the user-experience also helps with the following:

Advantages:

  • Easy to implement
  • Cost-effective
  • A variety of ways to administer (online, email, etc.)
  • Can cover a large sample
  • Can be standardized

Disadvantages:

  • This type of data can run the risk of containing certain types of errors
  • Surveyors may not feel empowered to provide answers with the best insight.
  • Surveyors may not fully understand the question, or the question is unclear.
  • Questions on the survey may give non-responses. The number of those who do choose to respond may be different than those who don’t, which can create a bias.

User Testing

Data analytics & heat mapping are extremely powerful tools, but they do not fill in all the knowledge gaps. Since users are still human and not yet androids, we use User Testing to solve for a more complete understanding of the user experience through live testing and psychological approaches. User Testing helps with qualitative insights, where analytics and A/B Testing does not provide. Analytics can provide “how” & “what” users are doing. User Testing can provide the “why” from the “how” & “what”. Experiencing the user-experience also helps with the following:

  • Identify issues with complex flows that analytic analysis fails at
  • Find out the “why” from quantitative data.
  • Complement and illuminate other data points
  • Ensure that the product meets expectations
  • Validate the prototype
  • Develop empathy and break down the “tunnel vision” effect

A/B Testing

A/B Testing is a powerful tool to optimize the user-experience. Using a hypothesis we use a controlled test (test A) and an altered test (test B). Test B is the implementation of a hypothesis that will test the impact of that change to Test A. A/B Testing on its own is quantitative in nature, but when paired with User Testing you also get qualitative insights that help give the “why” to the results shown through A/B Testing.

Filed Under: Web Usability, Work Show Case

Vitacost: Web Usability Analysis

August 13, 2014 by danma Leave a Comment

I think the biggest improvement that Vitacost can do to improve on customer experience is invest more into A/B testing and usability tests; as I am one person and not everybody. Having data to back up experiences is also essential.

 

My experience and analysis on Vitacost.com points to improve on enabling shopping through better visibility of products. I would advise greater emphasis on empowering the user to be able to find what they are looking for with as few clicks as possible and solve for scan reading. One of the biggest components that is hindering shopping is the visibility of the top-level navigation (and the search bar to varying degrees). Secondly my experience points to more uniform and consistent naming conventions for categories—visibility of categories is also impacted by the poor visibility of the top-level navigation. I feel the promotional ads needs to be re-examined as they are adding to visibility issues:

  1. Placement
  2. Above the fold VS. below the fold
  3. Conversion focus: Conversion is done by the product pages not the home page & the category pages.
  4. Actionable: some promotional ads don’t do anything such as take you to a product—they just take up valuable space and impede visibility to navigate the site.
  5. Usability: some promotional ads are actionable, but it is hard to know that they are actionable.

Vitacost has some good winnowing and comparison tools; it would be good to invest in reducing the learning curve in how to use them.

Enable shopping through better visibility of products:

  • Focus on empowering the user to be able to find what they are looking for with as few clicks as possible.
  • Top-level navigation: Minimize visibility issues and maximize usability
  • Uniform and consistent naming conventions for categories
  • Promotional Ads that are actionable and clear in its usability
  • Make better decisions on what goes above the fold and below the fold.
  • Make links apparent that they are links
  • Reduce the learning curve in how to use its search tools.
  • Improve the site’s internal linking to the following pages:
    • Sell & Deliver Pages: return policy
    • Trust Building Pages: privacy policy and company background
  • Improve the product information quality
  • Improve the checkout process by reducing the number of steps from 4 to 3 and be clear on how many steps there are from the very start of checkout.
  • More A/B Testing and Usability tests
    • Click Density Analysis
    • Segmentation
    • Key Metrics
    • Search

Top Level Navigation

Figure 1

This is a lot of information to digest and my eyes don’t like looking at it. If you squint your eyes and look at the head section, the gray promotional bar should jump out at you, so much so that it dwarfs the visibility of all the other elements—such as the top-level navigation system.

Figure 2

Figure 2 illustrates a simple method of increasing visual communication by adding more negative space to competing elements.

Figure 3

Removing the promotional bar further increases the top-level navigation visibility; we can even see the search bar better (fig 3). If you look at figure 3 again, you will notice that the font color choice is nearly the same as the color of the promotional bar.

Figure 4

 

Looking at the top-level navigation by itself (fig 4), we still have a lot of information to weed through with 15 menu objects. One of the most highly cited papers in psychology was published in 1956: “The Magical Number Seven, Plus or Minus Two: Some Limits on Our Capacity for Processing Information“. Short-term memory can only hold about seven items, which fade from your brain in about 20 seconds. It is fine to have a longer menu as memorization is not the goal, though shorter menus are faster to scan. Recognition is the goal rather than recall. The response time of recognition must be fast. Fast recognition opens menu-objects to becoming actionable and visible. Each menu object has a long name, which is stacked on top of each other making it harder to read. Our eyes are not able to easily scan from left to right, because it has to stop and go from each menu object (word stacking). See figure 5, Walmart’s navigation system lets the eye flow easily from top to bottom and back again.

There are six categories for the site, but it doesn’t become clear to what they are until you go to the Vitacost Brands page where they list the categories, but the naming convention isn’t the same as in the top-level navigation; better recognition and consistency will help user experience. When a customer shops for categories it becomes unclear what the shopping categories are when looking at the top-level navigation.

The search bar size isn’t too bad, but the high amount of density of elements within the head space makes it a little hard to see. If users can’t see it, then it doesn’t exist and thus become useless. We want to minimize visibility issues and maximize usability. Usability empowers shoppers to browse and purchase.

 

Home page

A home page is a special type of category page—a high-level category page. A successful home page must make it clear to users what products they can buy from the site and what their purpose is. Successful home pages enable shopping from the home page and not hide it.Vitacost-Web-Usability-5

The home page’s above the fold does not do a good job in the following:

  • Show merchandise
  • Enable shopping: the navigation system is dwarfed by the promotional images.

 

Figure 5

The home page (especially above the fold) is similar to the first paragraph of a news story. The five journalistic “W”s (who, what, when, where, and why) provided in the first paragraph, gives the reader enough information to decide if reading the rest is of interest. This holds the same online, because online shoppers want to know the following before shopping on any site:

  1. What does this site have?
  2. Who is this site for?
  3. At first glance, might this site have what I need?

E-Commerce sites that are successful in usability focus on:

  1. Empowering the user to be able to find what they are looking for with as few clicks as possible.
  2. Focus on conversions when users find what they want.

Vitacost does the exact opposite from the home page. In the body of the home page (above the fold), it is dominated by promotional ads. “Now & Later”, “Get $5 off”, and “Save 12%” take up valuable information space—space that is not actionable. In this case, an image slider with actionable links would be better. You have to scroll below the fold to get an idea of what this site is about and find the Call-To-Actions (CTAs). Below the fold of the home page, it is still missing a clear and concise organization of merchandise. It would be better to design the home page as the front page of the catalog, because it enables and empowers the user to start shopping right away. Walmart does a good job in the following with its top-level navigation system (fig 5). Walmart is using a mega-menu drop down system. The menu is visible and placed in an area where menu systems such as this are commonly placed. The font size and color pop off the screen. The labels are familiar and recognizable. From this system we already understand:

  1. What does this site have?
  2. Who is this site for?
  3. At first glance, might this site have what I need?

The home page needs to do a better job by providing information and/or links to information on purchasing options, return policy, shipping and delivery information. For instance, trying to find the return policy page I first went to the Company Information header in the footer menu to Terms and Conditions of Sale wasn’t straight forward and doesn’t go into details of what is a “5 STAR GUARANTEE” or link to it. Better information can be found in the Customer Service heading in the footer menu as Help, but there is no cross-linking between either—better internal linking, classification, and more familiar labels can resolve this. Building trust through links to customer service (Live Chat), privacy policy, and company background information was provided. The content information for the privacy policy page could be improved; it should solve for both scan and detailed reading. It should solve for scan-reading by using bullets and front-load the scan-reading on the page. It should also include:

  • Who is collecting the information (possible 3rd party)
  • How is the collected information going to be used

The company background can gain better trust by linking to its purchasing options, return policy, shipping and delivery information, customer service (Live Chat), and privacy policy.

 

Category Landing Pages

The same issue of search that was addressed in the Header section also applies.

The big promotional ad that takes up a lot of valuable space does:

  • Show products
  • Something actionable like link out

Unfortunately the promotional ads isn’t intuitive in providing links as the “Save 20%” is hard to discern if it is indeed a link and the three categories (such as Shop all Argan) have small CTA buttons.

Figure 6

Skincare, Bath & Body, and Hair (fig 5) are helpful in helping the user in find what they are looking for, but the CTAs could be more intuitive as the links do not pop out as much as they should—at the very least a rollover should prompt a more noticeable color change and an underline to help clue in the user that this is indeed a link.

Figure 7

The Add to Cart elements (fig 6) are not as useful as they should be. It would be more helpful if each sub-category was listed in a form of a carousel and front-loaded the best sellers & products on sale. A Best seller carousel would better than this non-labeled element in terms of narrowing down the vast ambiguous selection.

Search Pages

Winnowing is separating the useful from the non-useful, but it should also let users expand the set again. The “Your Refinements” & “Refine your results by” is a good filtering system. Although the association of use between the two is not exactly clear. It is hard to add/reset the “Your Refinements” as the “X” buttons are hard to see, so it is not as clear that you can expand the filter. Better naming conventions could be improved on. An added tool tip function would help reduce the learning curve on the filtering tool. The tool tip on the compare function is necessary, but noticing the compare function took a while to notice. Understanding how to get the tool tip wasn’t straight forward; a hover effect may be a better experience. A “?” button might also help encourage the use of this helpful tool. The bread crumb would be more useful if it was consistently displayed as it jumps around from location on category pages, to search pages, and to product pages. Little inconsistencies take away trust. It would also be more useful if it was more visible as the font size is 12px and has to compete with the promotional ads that surround it.

Product Pages

The overall text information does not promote scan reading or detailed reading and could do more to focus on the features and the benefits of the features. The pricing does not include a total cost including the shipping fee. It does not include a shipping time. The product pages do not have an easy means of extracting manufacturer’s warranty or return policy. It does offer:

  • A highly visible shopping cart
  • Customer generated ratings and reviews
  • Three recommendation tools

 

Checkout

A 3 step process would be better and improved if the number of steps was underlined and laid out from the start. It is good that account creation is asked for at the confirmation page.

The process as current:

  1. Shipping information
  2. Shipping speed
  3. Payment information (option to create an account)
  4. Order Receipt

Changed to:

  1. Shipping information (and Shipping speed)
  2. Payment information (option to create an account)
  3. Order Receipt (Confirmation)

 

 

Filed Under: Web Usability, Work Show Case

Copyright © 2023 danma ::

 

Loading Comments...