Homepage & Category Flashcards

1
Q

What is a homepage?

A

It is the “front door” to the many users who still begin their browsing experience. It also acts as an anchor and a place to refer back to throughout the shopping session.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

What are the three primary product-finding paths on a homepage?

A
  1. Category Navigation
  2. Search
  3. Curated paths (wizards, inspiration, new arrivals, etc.)
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

What does the homepage offer to newcomers who have little knowledge about your website or brand?

A

It’s an opportunity to shape the user’s perception and answer vital questions such as: what type of site did I land on, what can I do here, and what should I expect to find?

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Visually feature at least ___% of the main product catalog.

A

40%.

The homepage should indicate the site’s full product diversity.
- More important categories can claim more significant portions of the home page screen real estate.
- Give them quick access to different categories of interest without having to rely on the main navigation or search. - Give them a convenient shortcut to important product categories.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

Mobile users are much more reliant on the homepage content compared to desktop with upwards of 70% of users scrolling up and down the entire home page to establish that initial overview.

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

Many first-time users rely on the homepage content to interpret the type of site they’ve landed on and the diversity of products available. Misinterpretations during this first assessment can lead to abandonment.

What should you do to solve this?

A

Feature a sufficiently broad range of product types on your homepage - aim for at least 40% of product types. On mobile homepages, text links can be used in place or in addition to images and thumbnails.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

What do first-time users determine when they land on a homepage?

A

They determine which type of site they’ve landed on and how broad or narrow a product range it offers.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

To help first-time users interpret the type of site they’ve landed on, it is important to:

A

Showcase at least 40% of product types

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

When displaying product types on a homepage, it is important to:

A
  1. Aim to convey product diversity with a glance over the homepage
  2. Ensure product categories are shown on the desktop with images or thumbnails
  3. Use text links in place of or in addition to images on mobile sites/apps
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

Ads on the homepage are generally perceived negatively, often set a poor first impression, and on mobile sites, in particular, can cause overview, distraction, and interaction issues.

How can you solve this?

A

Avoid placing ads and any ad-looking content in prime content locations on the homepage and avoid pop-up banners or dialog overlays. On mobile homepages, ads shouldn’t be overly prominent or visually distracting.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

When arriving on a homepage, users must take in an abundance of information — the main navigation, homepage information, branding and imagery, and more — in order to determine if the site will have anything of interest to them. While promotions and discounts can be valuable information that users will want to know about, ads that dominate the homepage or distract from this vital information-gathering can often do more harm than good, derailing users’ ability to learn about the site and how to navigate it.

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

mobile users are constantly physically interacting with the interface through scrolling with their fingers there’s an increased risk of tapping something inadvertently if hit areas for visual elements aren’t clear.

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

On mobile, in the absence of hover effects, the solution is simply to avoid any ambiguity regarding hit areas. Thus it’s typically best to avoid complicated visual elements that contain multiple hit areas. Instead, a better-performing design is to encapsulate each item separately and make it a single hit area. In addition, whenever hit areas could be misinterpreted, help users by making it clear what elements are links; for example, by using background shading or another form of encapsulation, and ensuring the size of the hit area matches the size of the visual element.

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

What are some visual design elements that help users understand what is clickable/tappable?

A
  1. Using synchronized hover effects on desktop
  2. Using link styling (i.e., buttons and underlined text)
  3. Having only a single, simple hit area for mobile links
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

Consider using IP geotargeting to automatically set country and language

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

On desktop, provide a method to change country and language settings at the top of the page, while on mobile place the method at the top of the page, in the main navigation menu, or in the footer (or in multiple locations).

A
17
Q

During testing, 2 ways to implement country and language choices were observed:

Autodetecting country and language using geotargeting
Showing a dedicated splash page or overlay dialog before the homepage loads

A
18
Q

For sites with multiple countries and languages, what is the best way to communicate these options to the user?

A

Sites should use either IP geotargeting or show a splash page when users first enter the site

19
Q
A
20
Q
A