The common thread running through these 15 notes is"helping users encounter fewer friction points and build more trust along the browse—compare—decide—checkout journey". The essence of e-commerce UX is not displaying products attractively, but reducing the cognitive load of making choices for users— helping the right products get found, understood, compared, and trusted.
Do not read these articles in isolation; they cover different stages of the same decision chain, which I have reorganized into 8 sections:
(Who is buying) Shopper typology + decision models → (How they browse) Product Listing Page (PLP) → (Where they enter) Category page → (What they look at) Product photos → (How multiple options are presented) Multi-variants → (How they compare) Comparison tables → (Whether they trust) Trust and globalization → (High-end special case) Luxury e-commerce.
A few recurring keywords worth remembering first:PLP (Product-Listing Page) / PDP (Product-Detail Page) / facets (faceted filtering, i.e., the row of checkable filter conditions on the left) / Compensatory vs Noncompensatory decision-making (eliminate first or weigh tradeoffs first).
1. Who is buying: Shopper typology + two decision strategies
There is no such thing as an "average user" in e-commerce. The same site serves both highly goal-directed people and casual browsers at the same time, and design elements can conflict with each other, so first clarify "what types of users there are and how they make decisions".
5 Types of General Ecommerce Shoppers— Core principle: Do not optimize for one type at the expense of others; instead, provide a smooth path for each.
| Type (EN / CN) | What they want | Design key points | Counterexamples / pitfalls |
|---|---|---|---|
| Product-Focused (goal-directed type) | Have already done their research / are restocking, and only want to buy as quickly as possible | Strong search, clear product names + high-resolution images, one-click reorder from past orders, streamlined checkout | Crowding the page with recommendations and long descriptions will only slow them down |
| Browsers | Browse casually for inspiration, check new arrivals, discounts and trends, and may not buy immediately | "New Arrivals / Best Sellers / Discounts" sections, related recommendations, easy sharing (for social spread) | Without browsable entry points, they will leave after a quick look |
| Researchers | Have a clear goal but are not in a rush, and want to dig deep + compare | Detailed descriptions (with jargon explained), comparison features, user reviews, cross-session cart saving to use as a favorites list | Missing material / specification information (StonewallKitchen did not list the material of its tableware → users left the site) |
| Bargain Hunters | Driven by "how much they save", and may buy extra items to qualify for a discount | Display original price + current price + percentage saved side by side (Hautelook), convenient promo code entry / auto-apply, dedicated discount sections | Hiding discounts is equivalent to turning off their purchase motivation |
| One-Time | Buying gifts / using a gift card, and are unfamiliar with the site | Intuitive navigation, detailed descriptions, trust signals (return policy / security),Guest Checkout with no registration required(1-800-Flowers as a positive example) | Forced registration = directly driving away users who do not plan to return |
Two decision strategies (Compensatory vs Noncompensatory)— This is the "decision-making core" of the entire set of notes, and determines whether you should provide filters or comparison tables:
| Strategy | Meaning (explained in-line) | When users use it | What tool to pair it with |
|---|---|---|---|
| Noncompensatory | Eliminate options directly with one hard criterion, no matter how good their other advantages are (e.g., a hard $20,000 budget cap, ignore anything more expensive) | When there are too many options to quickly narrow down the scope first | Filters / facets— Checking boxes for color, material, price range immediately cuts out a batch of options |
| Compensatory | Weigh tradeoffs comprehensively; advantages can compensate for disadvantages (e.g., accept a laptop that is powerful but a bit heavy) | When options have been reduced to about 5–7 for careful selection | Comparison tables / comparison tools— View candidate attributes side by side |
Core principle: Real-world decision-making almost always follows "noncompensatory first, then compensatory" — first use filters to cut 200 options down to 6 (elimination), then use a comparison table to pick among the 6 (tradeoff weighing).Therefore a mature PLP needs both mechanisms at the same time: "left-side facet filtering" + "check multiple items to add to comparison". Understand which step the user is at, and you will know which tool to strengthen.
2. How they browse: Pagination alternatives for the Product Listing Page (PLP)
The PLP (including search results pages) is a key stage that drives purchase decisions. The core tension is:how many products to show at once, and how users can view more further down. The three patterns each have their own applicable boundaries.
| Pattern | When to use | Advantages | Pitfalls |
|---|---|---|---|
| Traditional Pagination(Next page / page numbers) | Very large product catalogs(e.g., Amazon), where users need precise control over their position | Footer is reachable, clear sense of position, can jump to specific pages accurately | Requires an extra click; feels verbose for small catalogs |
| Infinite Loading(Auto-appends content when scrolled to the bottom) | Fewer than 40 items per page Fewer than 40 items + strong filtering + clearly stated total count | Continuous scrolling with no clicks, short perceived wait when loading is fast | Footer is unreachable(return / shipping policy keeps getting pushed away, Christian Louboutin as a counterexample),disorientation(not knowing how many have been viewed and how many remain) |
| Show More button(See more / Load more) | Small to medium catalogs, mobile (users control data usage) | User-controlled loading, footer is reachable, no passive data consumption | Without progress information it is effectively half-broken |
No matter which pattern you use, these are hard requirements:
- Display total item count + loading progress: Lululemon mobile displays "Viewing 40 of 333 items", and the button disappears when the end is reached; Ann Taylor uses a ring that darkens as you scroll as a progress indicator. Ideally three things should be communicated:total count of the set / how many have been loaded / how many remain. The old version of Lowes did not even show the total count → users did not know how many loads it would take to see everything.
- Save the Shopper's Spot: When users return to the PLP via "Back" from a PDP,they must be returned to their original scroll position(required on both desktop and mobile). This is most easily broken with infinite scroll and Show More — Christian Louboutin mobile does it correctly: even with infinite scroll, the back action preserves position (opening new tabs is much more cumbersome on mobile than on desktop, so this is even more needed there).
- Judgment criterion: Is it reasonable to be able to "view the entire category on one page"? If a category has few items (Tory Burch: 69 items), just place all of them on one page, no need for infinite scroll; if it is not reasonable (too many items), do not use infinite scroll, fall back to traditional pagination.
Core principle: Infinite scroll is not "better because it is more modern"; it trades "one less click" for "reachable footer + sense of position",and is only worth it for small sets + strong filtering; when there are many products, the "control" of traditional pagination is instead an experience advantage.
3. Where they enter: Traditional category pages vs hybrid category pages
The Category Page is the "entry hall" for a category of products, which does not list all products directly, but transitions to the PLP: it includes category descriptions, subcategory menus (with images), and promotions / recommendations for that category. The problem is that it adds an extra detour, and becomes a burden when used incorrectly.
| When to have a category page | When not to force one in |
|---|---|
| Complex products need education: Electronics, smartwatches — first explain key purchase features clearly (Fossil's smartwatch category page explains different types; Lululemon has a dedicated category page for the complex home fitness product MIRROR, but does not do this for every category) | Simple categories: when users just want to see products directly, a category page is an unnecessary step (Bonobos goes directly from "Pants & Jeans" to the PLP) |
| Large multi-level catalogs need navigation: Use images to quickly convey subcategories, which helps international users / people unfamiliar with text-based categorization (REI "Camp & Hike" provides subcategories + popular brands + buying advice) | —— |
Two rules:
- Do not force users to go through the category page: Provide a direct path to the PLP (use a Megamenu in global navigation for direct subcategory links; show products directly in search results instead of jumping to the category page). Counterexample: searching for "Sam Edelman" dumps users on the brand category page instead of the product list, which users find redundant.
- Prioritize the Hybrid category page: Place the educational / promotional content from the category page at the top of the PLP, so interested users can read it and uninterested users can scroll straight down to products — serving both purposes at once. Implementation methods: ① Add key product information / marketing content at the top of the listing page (VRAI places promotions + educational content at the top of the PLP); ② Provide subcategory links on the listing page (Ann Taylor displays pant style categories such as Skinny/Straight + explanations at the top of the "Pants" PLP); the Lululemon "Women's Leggings" page has educational content in the upper half and product listings in the lower half.
Core principle: The value of a traditional category page is "education and navigation", and the cost is "an extra hop". The hybrid page keeps the value and removes the cost —use a hybrid page instead of a traditional detour page whenever possible.
4. What they look at: 6 photo rules for product listing pages
On the PLP, users primarily rely on images for initial screening, and photo quality directly affects the efficiency of "scanning—comparing—ordering". 6 rules (can be remembered as an acronym checklist):
| # Rule (EN) | Core principle | Do | Counterexample |
|---|---|---|---|
| 1 Large | Let the product occupy the main frame, reduce background, especially on mobile | Large enough to identify specific product features (Home Depot) | Helmut Lang uses full-body models + white background; although the images are large, individual product details are hard to see (worse on mobile) |
| 2 Consistent | Consistency makes scanning and comparison easier — unify background / orientation / context / lighting (not identical for every single one) | Stuart Weitzman shoes all use white background + flash + side view, allowing heel height to be judged at a glance; Amazon enforces image standards for sellers | Styles are so inconsistent that horizontal comparison is impossible |
| 3 Relevant & Specific | Images must match the user’s search terms/filters to build trust | A search for "red sandals" returns thumbnails showing the red style (DSW) | A search for "green water bottle" does not show the green version in images (REI), so users distrust the results |
| 4 Dynamic | Swap images on hover/interaction to show more angles, but don’t cause flickering | Set a reasonable animation delay, and only swap images when the user shows clear intent; use hover to show the back/material/another model (Lulus) | Rapid switching causes flickering |
| 5 Contextual | For small to medium catalogs, prioritize diverse models to show fit/use effects,and let users switch models directly on the PLP without entering the PDP | Tiffany’s hover effect switches from a close-up of a ring to it worn on a hand | Mignon Faget jewelry only provides close-ups with no worn-on-body views, lacking intuitiveness |
| 6 Inclusive | Models of different ages/ethnicities/body types both convey brand values and help users anticipate how items will look on themselves | Good American provides models in sizes 0/8/16; Glossier cosmetics show results on different skin tones | A single model makes users doubt whether the item will suit them |
V. How to present multiple options: Products with Multiple Variants
Note: The content of the two notes in this batch ("Design Guidelines for Selling Products with Multiple Variants" and Section 2 onward of "Why So Many Luxury Brands Are Terrible at Ecommerce")is highly overlapping(using the same set of cases from Best Buy/Costco/Arhaus/Burton/Crate&Barrel/Coclico/Article/IKEA/Pottery Barn/Grandin Road), so they have been merged into this section.
First-principles question: Is this "two different products" or "two variants of one product"? Judgment criteria:
- Differing only in one attribute(color/size/material) → variants of the same product → Present on the same page using attribute selectors.
- Significantly different descriptions(different functions/specifications) → different products → Each gets its own separate page.
| Variant type | How to implement | Positive example | Negative example |
|---|---|---|---|
| Simple variants(color, size) | Single PDP + attribute selectors(color swatches/size dropdown); on the PLP, use color swatches/thumbnails to clearly indicate "multiple options available" | Burton kids’ snow apparel PLP shows color swatches, with color selection on the PDP; Article bed frame pages let users switch colors to see renderings; Crate&Barrel uses split color swatches (black frame + white seat); IKEA/Pottery Barn thumbnails include multiple combinations | Arhaus splits the same chair into multiple separate pages by "frame color × height", interleaved in the PLP, leading users to think there is only one color and one height; the "+ more" link was missed by test participants |
| Complex variants(large differences in function/specifications) | Separate independent PDPs for each, with cross-recommendation via "similar products/related items" modules | Costco has a separate page for each TV series + related series recommendations at the bottom of the page | Best Buy uses a "series selector" dropdown that mixes wildly different models such as CX/NanoCell 81, with insufficient information; the "What's the difference?" link is hidden below the dropdown and opens a modal comparison chart —test participants did not notice it at all |
| Special case for small catalogs | Even if variants are split into separate pages (small catalog, where displaying variants side by side has little impact, e.g., Coclico),the PDP should still provide variant switching, instead of relying solely on the "related products" module | —— | Coclico has a separate page for each color with no other colors shown, treating other colors only as "related products" — users expect to view and select options on the current page, and are forced to jump pages and may miss options |
Design key points (synthesized): ① List complex variants separately to facilitate research and comparison; ② Integrate simple variants onto a single page using selectors; ③ On the PLP, use high-contrast variant indicators(swatches/thumbnails) so no one misses them; ④ Centralize all variants on the PDP, don’t force users to return to the PLP to find them.
Core principle: The presentation method must match the degree of difference between variants — merge when differences are small (otherwise users miss combinations and jump back and forth repeatedly), split when differences are large (otherwise comparison becomes incomprehensible). The anchor for judgment is "will users want to compare horizontally?"
VI. How to compare: Comparison Tables
Comparison tables are the best tool for compensatory decision-making (see §I), centralizing scattered information and reducing page flipping. However,they should not be used everywhere.
When needed / When not needed:
| Should use | Should not use |
|---|---|
| Multi-factor tradeoffs: service plans (internet/insurance), membership tiers, pricing, feature comparisons, tuition, locations; can compare within the same brand or across competitors | Non-mutually exclusive: multiple items can be purchased at the same time (e.g., similar dresses), Amazon offers "quick add same style" instead of a comparison table |
| Compensatory decision scenarios (performance vs battery life vs weight) | Simple products: coffee mugs only differ in style and size;Cheap replaceable items: paper towels, plastic pens (JetPens is a counterexample);Unique and hard to compare: artwork (should provide descriptions/visuals rather than attribute tables) |
Static vs Dynamic:
| Type | When to use | Notes |
|---|---|---|
| Static (pre-built) | Few options (≤5), fixed: Apple Watch models, membership/pricing plans | Poor flexibility; new products require manual edits;Place a link next to the product menu so people can find it(Apple Watch places a comparison table link next to its secondary navigation) |
| Dynamic (users select which items to compare) | Many options (>5): Tesla model selection for comparison | On mobile, advise users to select at most 3–4 items; use checkboxes (Home Depot) or buttons (Lowes) for selection; Garmin’s gray ghost buttons are too faint to notice easily (but the approach of using a "Compare" button at the top of the PLP to add items to comparison instead of jumping to the detail page is correct) |
Best practices checklist:
- ≤5 items: maximum 5 for static tables; for dynamic tables, recommend users select at most 3–4 items (due to limited mobile screen space). Apple Mac comparison table restricts users to comparing only 2 items (even on a 3008×1692 large screen) = negative example.
- Stay Consistent: provide the same attributes for every option; missing attributes break the comparison;don’t show off personality inside cells(SmugMug writes ad attributes as four different variants: Zip/Zero/Zilch/Nada, distracting users from finding differences).
- Support Scannability: options as columns, attributes as rows, row labels on the left, column labels at the top; consistent alignment within columns; color coding is acceptable (FitBit uses different colors for checkmarks in each column), but maintain contrast and readability; Williams Sonoma’s horizontal row headers are non-standard + narrow paragraphs are hard to scan = negative example.
- Sticky Column Headers: fix column headers when scrolling through long attribute lists (short-term memory is limited, users easily forget which column corresponds to which product); Adobe’s annual plan table has no fixed column headers = negative example.
- Meaningful Attributes: only include attributes users actually care about, don’t dump all metadata in; translate technical parameters into plain language (Amazon); explain attribute meanings with hover tooltips instead of piling on text (Dropbox).
- Give Users Control: allow hiding irrelevant rows, showing only "attributes that differ" (Best Buy’s "Highlight differences" toggle marks differing points in yellow); provide a simplified version ("at a glance") + detailed version (SmugMug’s 3 plans offer a minimalist table, with the full table on another page).
- Mobile simplification: reduce the number of options displayed at a time;convert columns into Tabs for users to tap and switch (Shopify) — although true side-by-side comparison isn’t possible, it is friendlier than scrolling or switching browser tabs.
Golden rule: the sole goal of a comparison table is to reduce user burden and simplify decision-making — intuitive layout, clear content, reasonable structure, letting people compare easily and find answers quickly.
VII. Trust + globalization: trust signals, model diversity, sizing, UGC translation, social responsibility, AR
Online shopping is harder to build confidence in than offline (you can’t touch or try on), this section covers how to use various methods to restore "trust", as well as localization for global users.
7.1 Diverse Models — users recognize and appreciate racial/body/age diversity; a single model makes users doubt whether an item will suit them.
- Directly display diverse models (Good American, Savage X Fenty show different models wearing items by size; Glossier’s shade comparison tool shows effects on various skin tones).
- Let users select a model(by body type/skin tone): Good American lets users select a similar body type to boost confidence; Walmart’s "Choose my model" lets users input height and measurements. But there are many pitfalls: ① Poor compatibility (not all products support it, inconsistency within the same category confuses users); ② Distorted display (Walmart overlays clothing images onto model frames instead of using real photos → misleading, even showing small-size models wearing items not in that size); ③ PLP thumbnails do not reflect the selected model, making the feature useless during browsing.
- When to use the model selection feature: interaction cost is high, so it is only worth it when the vast majority of products support it; if few products support it, it is better to directly display multiple model photos on the page. The feature must be conspicuous(high-contrast buttons/icons) on category pages and product pages.
7.2 International Sizing and Product Measurements (Size Guides) — sizing is the biggest concern for international shoppers (returns are difficult/expensive); unclear sizing leads users to leave the site or even abandon purchases.
- Localized sites: display both local size + original size(Yoox shows "44 (EU)" corresponding to "11 (US)" after selecting US delivery). Negative example: SSENSE’s Chinese version only provides Italian/US sizes and no Chinese sizes, forcing Chinese users to look up on their own whether "IT 48–US 32" equals "170/72A".
- International sites: provide a comprehensive size chart covering multiple regions (Bloomingdale’s includes shoe sizes for 8 countries + inch/centimeter lengths), but must explain the measurement method(users ask "is this the insole length or outer shoe length?", lack of explanation reduces trust).
- When a single chart is not enough three methods: ① Brand-specific size charts(Farfetch: first column original brand size, second column destination local size, third column reference for other countries) — because different brands run large or small, a unified chart (Shopbop) will be questioned; ② Body measurements corresponding to each size(Myntra lists chest/waist/hip measurements; an improvement point is to give ranges such as 32–34 inches instead of single values); ③ Yoho provides measurement methods + product dimensions.
- Mobile: don’t make users scroll back and forth left and right (Shopbop places international sizes on the left and Chinese sizes on the right, requiring back-and-forth scrolling = negative example); place local sizes and original sizes in adjacent columns, allow hiding irrelevant columns, and automatically display the destination country’s local size (Farfetch positive example).
7.3 Translate User-Generated Content (UGC) — reviews are critical for decision-making; not translating them loses sales.
- Lack of translation = lost sales: Nike’s China site has reviews almost entirely in English; users who don’t understand English directly abandon purchases and leave the site.
- Translating one by one is inefficient: when there are many reviews, users skip non-native-language reviews; but when reviews are few or ratings are low, users want to see reviews in other languages. Etsy provides a "Translate reviews" link (translations appear below the original, marked "Translated by Microsoft"); SHEIN adds a translation button to every review (even reviews in the local language) → easy to cause confusion.
- For large volumes, provide "Translate All": Amazon allows one-click translation of all reviews into English (marked "Translated by Amazon") > Booking.com only automatically translates featured reviews, with the rest still requiring one-by-one translation.
- Language filtering: when UGC languages are evenly distributed or local content has limited appeal to other countries, provide language filtering (Booking.com can show/hide reviews in other languages); but Weverse’s filter has poor discoverability (the "All" tab is too vague).
7.4 Socially Conscious Retailers — consumers make decisions based on brand values, and can form emotional connections with users who share the same values.
- Three common and popular types of social responsibility:charity / environmental protection / advocacy(such as encouraging voting).
- Integrate across the whole site, don’t just put it on a dedicated page: Not all users will actively seek this out (Toms displays a prompt at checkout stating "Donate $1 for every $3 in profit," eliminating purchase guilt and delivering positive emotion; Levi's marks products made with sustainable materials with a blue "sustainable" icon).
- Approach polarizing topics with caution: Taking a stance may alienate some users, but maintaining neutrality + positive messaging is generally acceptable (Toms/Glossier displayed neutral voting reminders with links to voter registration; users perceived these as simple reminders to participate without political bias and found them completely acceptable).
- Clearly disclose sustainability practices: Mister Zimi labels its compostable packaging; Vrai details the environmental benefits of lab-grown diamonds,even providing statistics on pollutant savings to strengthen persuasiveness.
7.5 Augmented Reality (AR)——Its practicality increased during COVID when in-person trials were unavailable (Ulta's virtual makeup try-on eliminated contact with physical samples).
- Categories that benefit most: Home furniture (confirm fit in a space, reduce returns; Target's table lamp preview), personalized wearables (eyeglasses/cosmetics selected to match personal features, more accurate than model photos), large appliances (function-focused, but AR supplements styling information).
- Accuracy and authenticity determine usefulness:① "Cartoonish" rendering feels untrustworthy (Kendra Scott earring try-on was misaligned and overly cartoonish);② Poor scale/size calibration (Best Buy's TV preview placed incorrectly on walls; users ultimately placed it on the sofa and found it useless);③ Insufficient interactivity (Crate and Barrel's 2D view required no calibration but was flat and not to scale = useless).Past negative experiences reduce user interest in new tools("Too much hassle, the result isn't worth it").
Core principle: All methods for building trust and globalization essentially answer one unspoken user question——"Is this right for me, and is this store reliable?". Models/sizing/translation address "right for me," while social responsibility/AR/disclosure address "I'm willing to trust it." Half-implemented features (incompatible model selection, inaccurate AR calibration, one-by-one translation) often do more harm than not implementing them at all, because they create expectations that then go unmet.
VIII. Special High-End Case: Luxury Ecommerce
Note: The three luxury notes in this batch form a series ("Why So Many Luxury Brands Are Terrible," which focuses on multiple variants and has been incorporated into §V; "Luxury Shopping User Groups and Journeys," covering users and journeys; "Applying Luxury Principles to Ecommerce Design," covering implementation principles). This section combines the latter two.
4 types of luxury shoppers(Based on qualitative research with 9 participants: interviews + usability testing, tasks included purchasing Jimmy Choo high heels/Hermès scarves/Chanel handbags, etc.):
| Type | Characteristics |
|---|---|
| Professional Stylists | Purchase for clients, efficient, brand-savvy; prefer multi-brand platforms (Farfetch/Net-a-Porter) over single-brand official sites; buy multiple items at once and return some |
| Window Shoppers | Like the products but cannot afford them; mostly young people; follow brand updates for when they can afford purchases in the future |
| Occasional Splurgers | Buy classic durable goods as investments/heirlooms for special moments (weddings/promotions); make cautious decisions, prioritizing price-function match |
| Big Spenders | Purchase frequently, highly loyal to multiple brands, treat shopping as a hobby; build long-term relationships with sales representatives to access rare items |
4 stages of the shopping journey(Occasional Splurgers + Big Spenders):Discover → Consider → Purchase → Use.
- Discover: Occasional Splurgers actively search due to specific needs; Big Spenders often encounter items by chance (new arrivals in-store/on social media).
- Consider is the core stage and also luxury's weak point: Both groups spend extensive time researching whether a purchase is worthwhile, but brands often perform poorly online——incomplete information (missing specifications/materials/multi-angle photos), poor interfaces (difficult navigation, broken features), recommendations less precise than in-store sales staff.
- Purchase: The highest-satisfaction moment (attentive in-store service/unboxing experience); online shopping cannot fully replicate the luxurious atmosphere.
- Use: Luxury goods are status symbols——Occasional Splurgers prefer prominent logos (LV), while Big Spenders favor understated, controlled displays of status (Burberry reversible coats); brand care/repair services strengthen the relationship.
Implementation Principles (Applying Luxury Principles):
| Principle | How to implement | Counterexample |
|---|---|---|
| Exclusivity/Rarity | Provide complete product details (materials/sizes/photos) even if items are not sold online to spark interest; offer purchase guidance without confusing users;show at least a price range(the vast majority of customers have budget considerations) | Chanel loafers are not sold online and have too few product details, leaving nothing to attract customers; Goyard provides no prices and no online purchasing (but this is not an issue for brand-familiar Big Spenders) |
| Attention to Detail | Invest in professional editing + translation; do not interrupt users mid-experience (ill-timed survey pop-ups) | Spelling errors, non-functional store locators, pop-ups that disrupt the experience |
| Distinctive Identity | Keep functionality (navigation/filters) clear and intuitive; use decorative pages (runway recaps) to reinforce visuals without hindering core functions; integrate brand history/values across the site (Gucci Bamboo bag story) | Supreme's navigation matches its brand tone but severely harms experience; Tom Ford's all-capital text is hard to read quickly; Rolex strikes a balance between visuals and readability (positive example) |
| Deep Connections | Use digital tools to enhance rather than replace human interaction (Gucci's digital showroom one-on-one video recreates the in-store experience); offer multiple communication channels (video/instant messaging); integrate event invitations/care advice/repair tracking into accounts | Using tools to replace the human touch of sales representatives |
Core principle: The entire tension in luxury ecommerce lies in——the digital experience must be efficient and easy to use, yet it must not dilute the brand's sense of scarcity and human touch. NNGroup's judgment is clear:Do not skimp on information during the "Consider stage"(that is exactly where users need the most support); spark interest, avoid distractions, balance design and functionality, and use digital tools to deepen rather than replace human relationships.
Sourced from NNGroup Topics / Ecommerce - Ecommerce (15 articles). For general patterns of navigation/search/faceted filtering, see NNGroup Interaction Patterns · Navigation and Search (25 patterns · Global navigation/local navigation/breadcrumbs/hamburger menus/context menus/17 menu rules/tabs/accordions/footers/sticky headers/table of contents/in-page links/spatial memory/site search/SERP/filters/pagination/tree testing); for forms/checkout input, see NNGroup Interaction Patterns · Forms and Input Controls (19 patterns · Form validation/checkboxes/date pickers/steppers/parameter controls/list boxes vs. dropdowns/toggles/split buttons/cancel vs. close/link labels/passwordless login/wizards/drag and drop/accelerators/calculator quizzes); for persuasive design (social proof/scarcity/defaults), see NNGroup Persuasive Design and Behavioral Psychology (Six principles of persuasion · Cognitive biases · Attention limits · Information foraging and wayfinding · Mental models · Trust hierarchy · Self-determination theory · Privacy and ethical boundaries · 26 articles). Images/videos (Louboutin/Ann Taylor/Tesla screen recordings, etc.) and original documents are retained in sources.
Sources and related materials
- NNGroup Interaction Patterns · Navigation and Search (25 patterns · Global navigation/local navigation/breadcrumbs/hamburger menus/context menus/17 menu rules/tabs/accordions/footers/sticky headers/table of contents/in-page links/spatial memory/site search/SERP/filters/pagination/tree testing)
- NNGroup Interaction Patterns · Forms and Input Controls (19 patterns · Form validation/checkboxes/date pickers/steppers/parameter controls/list boxes vs. dropdowns/toggles/split buttons/cancel vs. close/link labels/passwordless login/wizards/drag and drop/accelerators/calculator quizzes)
- NNGroup Persuasive Design and Behavioral Psychology (Six principles of persuasion · Cognitive biases · Attention limits · Information foraging and wayfinding · Mental models · Trust hierarchy · Self-determination theory · Privacy and ethical boundaries · 26 articles)