B2B Components & Machinery UX Audit

Homepage — The homepage structure, design, carousels, personalization, and promotions.

Category Taxonomy — The overall e-commerce category structure and taxonomy, includes the common issue of “over-categorization”, information architecture, catalog breadth, category redundancy, overly deep or shallow categories, industry-specific naming, etc.

Main Navigation — The main e-commerce navigation design, mega drop-down menus, product navigation and its visual hierarchy, courtesy non-product navigation, etc.

Intermediary Category Pages — How deep in the site hierarchy “Intermediary Category” pages are used (vs. using a product listing page), how the category pages are structured and what content they contain, incl. inspirational paths, featured products, and curated content, etc.

Site-Wide Layout — Site-wide layouts, footers, newsletter dialogs, ad positioning, and return policy links, etc.

Query Types — The level of compliance with 12 different overarching types of search queries that users make on e-commerce sites, all vital for your search engine to support (Exact, Product Type, Feature, Thematic, Relational, Compatibility, Symbol, Subjective, Symptom, Implicit, Non-Product, and Natural Language). How and what product data is actually searched.

Search Form & Logic — The design and behavior of the search field itself, query persistence, manual and automatic search scope selection, special characters, etc.

Autocomplete — How the autocomplete feature (“predictive search”) should be designed, the types of suggestions it should make, keyboard behavior support, suggesting scopes and products, etc.

Results Logic & Guidance — How to guide users toward better paths on the results page, including suggesting alternate queries, scopes, “No results” pages, misspellings, etc.

Results Layout — The layout and features of the search results page, such as dynamic list layouts, the search results information, search snippets, pagination, etc.

Results Filtering & Sorting — Filtering and sorting of search results, including essential filtering types, faceted search, the design and logic for long lists of filters, filter naming, dynamic sorting, etc.

“Product Table” (Product List) Layout — How to present and style the product listings to support and enhance product-finding for extremely spec-heavy items such as electronic components and machinery, how users interact with the “Product Table”, and the overall design of the “Product Table” page.

Loading Products — The loading schema for new items loaded into the “Product Table”, number of products displayed by default, etc.

List Items: What Information to Include — The type and amount of product attributes to include in each “Product Table” list item, product variations in list items, etc.

List Items: User Interface — The styling and display of the included information such a price, product specifications, variations, units, etc.

List Items: Product Thumbnails — The type of product thumbnails in each list item, what they depict, their size, hover-enabled thumbnails, showing packaging, etc.

Filtering: Available Filters — Filtering types B2B users shopping for electronic components and machinery need to narrow the “Product Table” to a manageable selection, as well as common pitfalls to avoid and optimizations to employ.

Filtering: Scope & Logic — Filtering logic, scope, and naming schemas, such as over-categorization, mutually exclusive filtering values and non-exclusive values (“AND” “OR” logics), etc.

Filtering Interface & Layout — Filtering type’s and filtering value’s styling, placement, filter value checkbox and link styling, the display sequence for filtering values, horizontal and vertical scroll bar, filter option search etc.

Filtering: Applying & Applied Filters — “Apply” buttons and live updating as filters are applied, the position and styling for applied filtering values, browser history, filter and sorting persistence, etc.

Sorting — The default sort type, diversity in sorting logic, the sorting interface and scope, sorting directions, sorting naming, the scope of the sorting tool, labeling of the sorting interface, etc.

Comparison Tool — When to have a comparison feature, the design and placement of the “compare” link, the view and features of the comparison page, product data consistency, inline help options, etc.

Product Page Layouts — “Horizontal Tabs”, “Sticky TOCs”, “Collapsed Sections”, “One Long Page”, etc.

Product Images & Gallery UI — The quantity and types of images users generally need to evaluate electronic components and machinery and how to display them, the image gallery design, image navigation, methods of zoom, default image and size, etc.

The “Buy” Section — Design and position of elements such as “Add to Cart” button, prices and discounts, quantity field, etc.

Shipping — Shipping information on the product page, “Free Shipping” tiers, etc.

Product Description — Product information and descriptions, the type of content needed, text styling, sub-titles, product headlines, etc.

Product Specifications Sheet — Spec sheet layout, specs in tables vs. product descriptions, help features, post-processing of vendor data, manufacturer’s datasheet, etc.

Cross-Sells & Cross-Navigation — Cross-sells design, placement, and logic, cross-navigation elements, substitutes for out of stock parts, spec-driven “Search for Similar Parts” feature, etc.

Shopping Cart & “Added to Cart” Behavior — Implementation of the “Added to Cart” confirmation (drop-down cart, overlay, etc.), the shopping cart page, including item info, availability, and shipping details, “Share”, “Download”, and “Save” features, bulk and quick-ordering features, and order summary information.

Account Selection & Creation — Account selection designs and communication, continue as guest, “Delayed Account Creation”, password rules, etc.

Customer & Address Information — Privacy concerns, shipping addresses, billing addresses, international addresses, phone fields, address auto-detection techniques, etc.

Shipping — Shipping interface design and information hierarchy, shipping descriptions and costs, order cut-off times, and ‘Free Shipping’ tiers.

Payment Flow & Methods (includes Third-Party) — The payment methods interface, how to integrate and display third-party payment options, PO orders, international currencies, etc.

Credit Card Form — The credit card field design and its validation logic and formatting, along with the expiration date, security code, and cardholder name inputs, field sequence, card icons, and card type selection.

Order Review — Review step design, “Place Order” button placement, and necessary review data, along with its editing flow.

Order Confirmation & E-Mail (to the extent it’s possible to access this) — The information and actions needed on the order confirmation page, along with the order confirmation e-mail.

Checkout Page Design — Checkout process steps, “Enclosed Checkout” designs, and how to design and position the cart link in the site-wide header, etc.

User Attention & Interactions — Load indicators, feedback on user actions, the use of overlays, feedback requests, introduction of site-specific features, and embedded content from third-parties.

Form Design & Features — How to design and position the primary button, “Apply” buttons, minimizing form intimidation, multi-column layouts, tabbing flows, CAPTCHAs, back-button and enter-keystroke behavior.

Validation Errors & Data Persistence — How to design and position error messages, how to word them, and persisting data in non-secure and secure form fields, along with inline validation.

Address Validators — When address validations are necessary, “Force-Proceeding” through address validators, along with address validator design and logic.

Field Labels & Microcopy — Marking optional and required fields, field label position, tooltips, and optimizing microcopy and descriptions.

Field Design & Features — How to match the type of interface with the input type, drop-downs and radio button implementations, input masks and character restrictions, custom designed input fields, etc.

Default Values & Autocompletion — Intelligent form features, including inferred selections, pre-fills, auto-fills, and personalization of the checkout flow.

‘My Account’ Sign-In — Account sign in, including password reset and account lockouts, “Soft” sign in, automatic sign out, and where users should be sent after signing in.

‘My Account’ Drop-Down — Placement of the “My Account” drop-down menu, account features to include, how the “My Account” drop-down should be structured and styled, personalization, and what “My Account” drop-down implementations should be avoided.

‘My Account’ Dashboard — Providing paths to all ‘My Account’ features, highlighting recent orders, limiting ads, and using icons; dashboard designs that use a sidebar or “Cards “for navigation.

‘My Account’ Stored Addresses, Cards, and Newsletters — Credit card updating flow, default addresses, editing vs. adding a new address, newsletter frequency and “unsubscribe “, confirmations, and ‘Apply’ buttons.

Mobile Basics — Content and structure of mobile site vs. desktop site, size and spacing of hit areas, multiple hit-areas within the same visual element, font-sizes, landscape mode, bugs and quirks vulnerable to the mobile platform, auto-zoom, etc.

Mobile Site Homepage & Main Navigation — Main navigation design and logic, double-hit area issues, homepage structure and design, auto-rotating carousels, etc.

Mobile Search — User’s crossover from category navigation to search, search scopes, misspellings and synonyms, search query support, “No results” pages, Faceted Search filters, etc.

Mobile Product Lists — List item size, product thumbnail size relative to product type, amount of product attributes in list items, hit areas within the product list, separation of list items, pagination vs. load more vs. endless scrolling, visual indicators, product variations, list item interactions on a touch screen, etc.

Mobile Filtering & Sorting — Styling and position of both “filter” and “Sort” options, sort types, “apply” buttons vs. auto-applying filtering values, the display of applied filters, information scent, product status, filtering interface, etc.

Mobile Cross-Navigation & Compatibility — Interlinking of compatibility-dependent products, cross-sells, list item consistency, etc.

Mobile Product Page Layouts — Product page structure, sub–product pages, collapsed product page sections, user reviews, “add to cart” button placement, “Store Pickup”, etc.

Mobile Product Images — Product image size, product image zoom levels, image ambiguity, touch gestures in the image gallery, etc.

Mobile Product Descriptions, Specs, & Compatibility — Division of product info between description and spec list, styling of product description, amount and level of specs included, product compatibility information and relationships, etc.

Mobile Shopping Cart — Cost estimates, number and placement of “checkout” buttons, saving mobile carts, picking up mobile carts on desktop devices, etc.

Mobile Checkout Steps — Account creation, shipping and billing addresses, shipping methods, “Store Pickup”, payment, order review, linear checkout flows, mobile process steps, etc.

Mobile Checkout UX — Optional vs. required fields, minimizing number of fields, form field label placement in smartphone portrait and landscape modes, inline labels, floating labels, grouping checkout info for mobile overview, field context, location detection, touch keyboard auto-correct, optimized keyboards, auto-capitalization, etc.