Product Overview

The Product Overview component offers a more in-depth description of a product series, allowing users to look at the products in a series broken out individually. This allows them to see the differences and similarities between products and identify key features of each.

Example

Alt Text
Description Text Lorem Ipsum

Title Text

Subtitle Text Lorem Ipsum

Text field. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. 

  • Specification Title 1

    Specification Text field. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. 

    Specification Text field. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. 

  • Specification Title 2

    Specification Text field. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. 

  • Specification Title 3

    Specification Text field. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. 

  • Specification Title 4

    Specification Text field. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. 

  • Specification Title 5

    Specification Text field. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. 

  • Specification Title 6

    Specification Text field. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. 

  • Connectivity Title

    Connectivity Text field. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. 


Use Cases

Product Detail Pages

mc40

MC40 Mobile Computers

Cool Consumer-Styling On The Outside, Pure Industrial Design On The Inside

Empower your associates to deliver service that will impress today’s demanding and technology savvy customers with the MC40.

Zebra offers a cool, sleek design that rivals the most popular consumer-style products on the outside and is pure business on the inside — a choice of Android operating systems with Zebra's Mobility Extensions (Mx), enterprise-class durability, security and features that include advanced barcode scanning, push-to-talk and an integrated magnetic stripe reader.

  • dimensions

    With Magnetic Stripe Reader (MSR):
    5.66 in. H x 2.87 in. W x 1.25 in. D
    143.9 mm H x 72.8 mm W x 31.8 mm D
    Without Magnetic Stripe Reader:
    5.66 in. H x 2.87 in. W x 0.79 in. D
    143.91 mm H x 72.8 mm W x 20.1 mm D

  • weight

    With MSR: 9.38 oz./266.1 g
    Without MSR: 9.09 oz./257.7 g

  • Operating System

    Android 5.1 (Lollipop); Android 4.4.2 (KitKat); Android 4.1.1 (Jelly Bean). Mobility Extensions (Mx) adds a layer of features that turns Android into a true enterprise-class OS.

    Android 4.1.1
    Android 4.1.1
  • CPU

    1GHz OMAP 4 dual-core processor

  • Tumble Spec

    500 1.6 ft/0.5 m tumbles; meets and exceeds IEC tumble specifications

  • Drop Spec

    Multiple 4 ft./1.2 m drops per MIL-STD 810G; multiple 3 ft./0.9 m drops to tile

Authoring, Requirements and Specifications

Image
  • Usage: Image of the product being overviewed, should only feature one product (as opposed to a series of products) with a white background
  • Size: 1:1 aspect ratio, jpg image
  • Mobile: Use the same image; 1:1 aspect ratio
  • Alt text: Describes image for SEO optimization and screen readers
Title
  • Usage: Name of the product
  • Character count (recommended max.): 20-50 max.
  • Translatable Field: Yes
  • Case: Title
Subtitle
  • Usage: Details key features of the product and quick tagline to help distinguish one product from another on the same page
  • Character count (recommended max.): 80 max.
  • Translatable Field: Yes
  • Case: Title
Text
  • Required Field
  • Usage: In-depth description of the product
  • Character count (recommended max.): 250-500 max.
  • Translatable Field: Yes
  • Case: Sentence
Product Specifications
  • Usage: Highlight detailed specs of a product to help user differentiate key features and similarities between products
  • Up to 6 tabs available for specs
  • A separate tab exists for connectivity
  • Title Character count (recommended max.): 25-30 characters max.
  • Title Case: Title
  • Text Character count (recommended max.): 250 characters max.
  • Text Case: Sentence
Product Summary
  • Usage: Offers support, industry information and spec sheets for product