Partilhar via


Software Branding

Observação

Este guia de design foi criado para o Windows 7 e não foi atualizado para versões mais recentes do Windows. Grande parte das orientações ainda se aplica em princípio, mas a apresentação e os exemplos não refletem as nossas orientações de conceção atuais .

Branding é o posicionamento emocional de um produto tal como percebido pelos seus clientes. Uma marca bem-sucedida requer a criação hábil da imagem de um produto, e não é alcançada apenas através de logotipos de produtos e esquemas de cores.

Branding é o posicionamento emocional de um produto tal como percebido pelos seus clientes. A marca do produto é alcançada através de uma combinação de fatores, incluindo o nome e o logotipo do produto, o uso de cor, texto, gráficos e som, o estilo de vários outros elementos de design, o marketing e, mais importante, os atributos da própria experiência do produto.

Uma marca bem-sucedida requer a elaboração hábil da imagem de um produto, e não é alcançada simplesmente colocando um logotipo de produto em todas as superfícies e usando o esquema de cores do produto em todas as oportunidades. Em vez disso, uma marca significativa e de alta qualidade que melhore a experiência dos usuários será muito mais bem-sucedida.

Nota: Diretrizes relacionadas a ícones , fontes, de cores, de animação, some molduras de janela são apresentadas em artigos separados.

Conceitos de design

Em um mercado competitivo, as empresas marcam seus produtos para ajudar a diferenciá-los da concorrência. Seria ingenuidade sugerir que a marca do produto em geral está errada ou deve ser evitada, mas é justo dizer que a marca de software é muitas vezes mal executada. O objetivo do branding de software é associar a marca ao estilo e qualidade do produto e sua experiência. Muitas vezes, os desenvolvedores tentam conseguir isso, chamando a atenção para o próprio programa. O resultado é distrair os utilizadores em vez de os encantar.

Atributos de uma boa marca de software

Quando bem feito, o branding de software tem estes atributos:

  • Estabelece um estilo e personalidade claros e distintos.
  • Cria uma conexão emocional.
  • Tem alta qualidade.
  • Está estrategicamente posicionado e é executado de forma consistente.
  • Alinha-se com a estratégia geral da marca.
  • É de longa duração... tão agradável a milésima vez como foi a primeira.

Por outro lado, tentativas fracas de branding de software têm estes atributos:

  • Não tem tema ou ponto óbvio.
  • Está na cara do usuário.
  • É chato.
  • Está em todo o lado.
  • Tem uma aparência personalizada sem qualquer benefício para o usuário.
  • Torna-se rapidamente cansativo.

Comece pelo produto em si

A marca de software de sucesso começa com o design do próprio produto. Um programa bem concebido tem funcionalidades cuidadosamente concebidas destinadas a um público-alvo adequado. A funcionalidade única e a extraordinária atenção aos detalhes criam poderosas declarações de marca. Para obter mais informações, consulte Como criar uma ótima experiência do usuário.

Escolha cuidadosamente o nome do produto

Grandes nomes de produtos impulsionam marcas fortes. Um ótimo nome de produto de software é memorável e transmite de forma concisa o benefício do produto, proporcionando distinção em um mercado lotado. Contrate um profissional de branding para ajudá-lo a escolher o nome certo do produto. A longo prazo, um nome bem escolhido é muito mais importante para o seu esforço de branding do que detalhes como logotipos, esquemas de cores e temas de controle.

O que marcar

Os elementos de marca de software podem ser categorizados da seguinte forma:

Primária

  • Nome do produto
  • Logótipo do produto
  • Esquema de cores do produto
  • Sons específicos do produto

captura de ecrã do logótipo do Windows captura de ecrã de temas do Windows

Alguns elementos de identidade visual principais do Windows Vista.

Os elementos primários da marca tendem a chamar muita atenção, por isso devem ser usados com moderação. Limite o uso dos principais elementos da marca a algumas experiências estratégicas. Sons específicos do produto não são recomendados para a maioria dos programas.

Secundária

  • Formas de elemento
  • Ícones e estilos gráficos
  • Elementos gráficos secundários
  • Cores de destaque
  • Animações
  • Transições
  • Sombras
  • Antecedentes e transparência

figuras de selos e calendários utilizados para a marca

figura de design em cores sólidas primárias figura de design em forma de fita azul e verde

Alguns elementos secundários de identidade visual do Windows Vista.

Os elementos secundários da marca tendem a ser mais sutis e, por isso, podem ser usados com mais frequência. Embora alguns desses elementos secundários da marca possam não ter muito impacto individualmente, quando tomados em conjunto, eles podem dar ao seu produto caráter e estilo. As transições podem ter mais impacto do que os gráficos fixos, que os usuários aprendem a ignorar com o tempo. Prefira o nível secundário de branding sobre o nível primário.

Terciário

Finalmente, há outra categoria de elementos de branding a ter em conta.

  • Molduras de janela personalizadas
  • Controlos personalizados

Embora seja apropriado para certos tipos de programas (como jogos) criar uma experiência imersiva completamente distinta com base em controles e janelas personalizados, a maioria dos programas deve usar as variedades padrão. Ter seus programas parecendo e agindo de forma estranha não cria uma identidade de marca forte. Em vez disso, seu objetivo deve ser criar um programa com caráter – um produto que se destaque enquanto se encaixa.

Onde marcar

Nem tudo precisa ser marcado. Alguns elementos de branding estrategicamente colocados podem causar uma impressão mais poderosa do que esbofetear elementos de branding descoordenados em todos os lugares.

Concentre o seu esforço de branding nas experiências especiais do seu programa. Estes são os locais que têm mais impacto emocional, tais como:

  • O primeiras experiências, especialmente quando o programa é usado pela primeira vez.
  • A janela principal ou página inicial.
  • O início e a conclusão de tarefas importantes.
  • Transições importantes entre tarefas ou áreas do programa.
  • Tempo de espera durante tarefas de longa duração.
  • Faça login e logoff.

Onde não marcar

Embora você possa usar qualquer elemento em seu programa como uma oportunidade de identidade visual, não use a área de trabalho do Windows (incluindo a área de trabalho , barra de Início Rápidoou área de notificação) para identidade visual.

A área de trabalho é o ponto de entrada do usuário para o Windows. Deixe o usuário no controle. Use esses pontos de entrada de forma apropriada — nunca os veja como maneiras de promover o reconhecimento do seu programa ou da marca. Para obter mais informações, consulte Desktop.

Use profissionais de branding

Branding é uma habilidade especializada melhor feita por profissionais experientes. É muito melhor expor seus usuários a uma marca mínima do que usar uma marca extensa que é irritante e ineficaz. Trabalhe com sua equipe de branding e marketing para criar uma boa experiência de branding de ponta a ponta.

Se você fizer apenas cinco coisas...

  1. Comece pelo design do produto. A declaração de marca mais poderosa é satisfazer as necessidades dos seus clientes especialmente bem.
  2. Escolha um bom nome de produto que seja memorável, distinto e transmita de forma concisa o benefício do produto.
  3. Pense em branding em termos de experiências e fazer uma conexão emocional, não logotipos de produtos e esquemas de cores.
  4. Prefira elementos secundários de marca. Limite o uso dos principais elementos da marca a algumas experiências estratégicas.
  5. Obtenha ajuda de um profissional de branding.

Orientações

Geral

  • Escolha um bom nome de produto que seja memorável, distinto e transmita de forma concisa o benefício do produto. Esta será a base da sua marca.

  • Concentre o seu esforço de branding nas experiências especiais do seu programa, tais como:

    • O primeiras experiências, especialmente durante a configuração e quando o programa é usado pela primeira vez.
    • A janela principal ou página inicial.
    • O início e a conclusão de tarefas importantes.
    • Transições importantes entre tarefas ou áreas do programa.
    • Faça login e logoff.
  • Prefira elementos secundários de marca. Limite o uso dos principais elementos da marca a algumas experiências estratégicas. Por exemplo, considere usar gráficos secundários, transições e cores em vez de logotipos. Além disso, evite elementos de marca primários proeminentes em locais onde os usuários passam muito tempo, porque eles podem ser percebidos como desordem.

    Aceitável:

    captura de ecrã do Painel de Controlo com o logótipo do Windows

    Melhor:

    captura de tela do painel de controle sem logotipo

    No melhor exemplo, um elemento gráfico secundário é usado em vez do logotipo do produto para itens do painel de controle do Windows.

  • Não use marcas que distraiam ou prejudiquem a usabilidade ou o desempenho.

  • Não use a área de trabalho do Windows para identidade visual. Para obter mais informações, consulte Desktop.

Nomes e logótipos

  • Limite o uso de logotipos de produtos e empresas na interface do usuário. Não coloque logotipos de empresas ou produtos em todas as superfícies da interface do usuário.

    • Limite os logotipos de produtos e empresas a, no máximo, duas superfícies diferentes, como a janela principal ou a página inicial e a caixa Sobre.
    • Limite os logótipos de produtos e empresas a, no máximo, duas vezes numa única superfície.
    • Limite os nomes de produtos e empresas a, no máximo, três vezes em qualquer superfície.

    Incorreto:

    captura de tela do uso excessivo de gráficos do nome da empresa

    Neste exemplo, o nome da empresa é usado em excesso.

    Incorreto:

    captura de ecrã do Windows com vários logótipos

    Neste exemplo, embora individualmente o uso dos logotipos seja aceitável, o efeito geral é esmagador.

  • Utilize logótipos de pequenos produtos e empresas. Coloque o logotipo fora do fluxo de trabalho do usuário e escolha um tamanho apropriado para sua localização.

  • Utilize logótipos gráficos. Os logotipos gráficos são mais estáveis do que os logotipos de texto porque não são afetados por fontes, tamanho do texto, pacote de idiomas ou alterações de tema.

  • Não use logotipos animados.

Controlos

  • Não use controles personalizados para identidade visual. Em vez disso, use controles personalizados quando necessário para criar uma experiência imersiva especial ou quando uma funcionalidade especial for necessária.

    Incorreto:

    captura de ecrã do botão de início de sessão com de identidade visual

    Este exemplo mostra um controle personalizado usado incorretamente para identidade visual.

Ecrãs iniciais

  • Não use telas iniciais para identidade visual. Evite usar telas iniciais, pois elas podem fazer com que os usuários associem seu programa a um desempenho ruim. Use-os apenas para dar feedback e reduzir a perceção de tempo para programas que têm tempos de carregamento anormalmente longos.
  • Não use telas iniciais animadas. Os usuários geralmente assumem que a tela inicial animada é a razão para um longo tempo de carregamento. Muitas vezes, essa suposição está correta.

Som

  • Geralmente, o som não é recomendado apenas para branding. Se você usar o som para branding:
    • Reproduza um som apenas na inicialização do programa, mas somente se o programa foi iniciado pelo usuário.
    • Sincronize o som com um evento visual, como uma transição de interface do usuário, como a exibição de uma janela de programa.

Para obter mais informações, consulte Sound.