---
title: "Como mostrar variações de produto: tamanho, cor e disponibilidade"
date: 2026-08-26T00:57:29Z
modified: 2026-08-26T00:57:29Z
permalink: "https://camaraux.com.br/padroes-de-ux/variacoes-de-produto-tamanho-cor-disponibilidade/"
type: padroes-de-ux
status: publish
excerpt: Veja como apresentar tamanho, cor e disponibilidade no e-commerce para facilitar a escolha, evitar combinações inválidas e reduzir fricção na compra.
wpid: 13301
area-de-ux:
  - Comércio digital
componente-de-ux:
  - Seletores
tipo-de-orientacao:
  - Decisão dependente do contexto
featured_image: /wp-content/uploads/2026/08/thumb-variacoes-produto.jpg
featured_image_alt: Wireframe de uma pagina de produto com controles separados para cor e tamanho e uma combinacao indisponivel
author: Lucas Camara
timestamp: 2026-08-26T00:57:29Z
tags:
  - Comércio digital
  - Seletores
  - Decisão dependente do contexto
---



## Topics

**Áreas de UX:** [Comércio digital](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/taxonomy/area-de-ux/comercio-digital.md)

**Componentes:** [Seletores](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/taxonomy/componente-de-ux/seletores.md)

**Tipos de orientações:** [Decisão dependente do contexto](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/taxonomy/tipo-de-orientacao/decisao-dependente-do-contexto.md)