When people talk about the "unique needs of B2B buyers," when it comes to UI, they tend to talk about a distinct motivation that B2B buyers tend to have vs. B2C customers: B2B buyers care about efficiency. Many times, what B2B buyers are purchasing online is replacement parts or replenishment orders. In these cases, they know exactly what they're looking for and the role of a good customer portal is to help them get in and out of the site as quickly as possible.
This means that, in order for a manufacturer or a distributor to provide a really good customer experience for their buyers, they need to provide a UI that makes it easy to find specific products in what might be a catalog of hundreds of thousands of products.
A list view can aid in this.
Most of the time, users prefer list view when they are searching with specific requirements while they love grid view for exploring.
- Design the product list view for the Classic Theme
- Follow the general format of a list view as laid out by Lexicon: https://liferay.design/lexicon/core-components/List/
- Show the following data in each row:
- Product Name
- Short Description
With the typical variants
- Catalog Price
- Promo Price
- Bundle product
- Quantity Selector
- Add to Cart Button
- Add to List
- Manufacturer's Part Number
- A product with multiple options that are SKU contributors (i.e. with variants)
- A product without GTIN/Manuf. Part Number
- A product with no short description
- Design the UI for changing between the list view and other view types, e.g. grid view
- Once we stabilize list view on the classic theme, we can move to Speedwell and Minium