Criar imagens de repositório eficazes no Microsoft AppSource

Cada listagem do Microsoft AppSource contém imagens que informam o usuário e promovem o aplicativo. As imagens fornecem aos usuários uma visão geral rápida dos recursos e aumentam a compreensão dos usuários a respeito do valor do aplicativo. Para criar as melhores imagens para a listagem, recomendamos que você aplique as diretrizes a seguir.

Tornar as imagens legíveis

O conteúdo de cada imagem deve ser fácil de ler e deve refletir a qualidade da solução. Os usuários devem conseguir exibir claramente o conteúdo da imagem e ler as legendas rapidamente.

Deve ser feito O que não fazer
Use texto e elementos gráficos claros com as taxas de contraste apropriadas. Não mostre textos ou elementos gráficos desfocados, pixelizados ou renderizados de maneira insatisfatória.
Forneça pelo menos uma imagem de 1366w x 768h pixels e, no máximo, 1024 KB. Não alongue nem pince as imagens (proporção de aspecto de má qualidade).
Use close-ups ou cortes ampliados, quando necessário, para tornar o conteúdo legível. Não deixe o conteúdo demais pequeno a ponto de ficar ilegível.

Imagem com conteúdo claro ao lado de uma imagem com conteúdo desfocado.Imagem com conteúdo dimensionado corretamente ao lado de uma imagem com conteúdo pinçado.Imagem com um close-up para mostrar conteúdo pequeno ao lado de uma imagem com conteúdo ilegível.

Evitar conteúdo excessivo

Use imagens para concentrar a atenção do usuário na solução. As imagens que contêm conteúdo não relacionado causam distrações e são confusas para o usuário.

Deve ser feito O que não fazer
Use personas de exemplo, quando necessário. Não mostre informações particulares ou pessoais.
Mostrar apenas os elementos de interface relevantes para o aplicativo. Use a interface do usuário do Office com moderação. Não mostre os elementos de interface não relacionados ao usuário, como barras de tarefas, faixas de opções, espaço vazio excessivo ou outros aplicativos.
Reforce a marca incorporando elementos de marca reconhecíveis, como o logotipo ou as cores da marca. Não adicione elementos gráficos desnecessários que obstruam o conteúdo.

Imagem com uma persona de exemplo ao lado de uma imagem com informações pessoais.Imagem com a interface do usuário relevante ao lado de uma imagem com uma interface do usuário não relacionada.Imagem com um elemento de marca simples ao lado de uma imagem com vários elementos de marca que bloqueiam o conteúdo.

Mostrar o valor do aplicativo

As imagens devem comunicar claramente o valor da solução e os principais recursos. Concentre cada imagem na comunicação de uma informação. Os usuários olharão apenas brevemente para cada imagem. Mostre como a solução será usada. Mostre o valor principal com ilustrações claras.

Deve ser feito O que não fazer
Use legendas ou textos explicativos simples para concentrar a atenção do usuário em um recurso-chave. Não comunique mais de um ponto por imagem.
Mostre apenas o conteúdo que ajuda a ilustrar como o aplicativo cria valor para o usuário. Não mostre conteúdo não relacionado.
Posicione os textos explicativos, as ampliações ou os cortes de modo a fazer com que os clientes se concentrem na solução. Não use legendas ou textos explicativos que obstruam o conteúdo importante.

Imagem com legenda e close-up ao lado de uma imagem com legenda, texto explicativo e close-up.Imagem com legenda e editor de conteúdo ao lado de uma imagem com legenda e informações não relacionadas.Imagem com legenda, close-up para se concentrar em um resultado da ação do usuário ao lado de uma imagem com legenda e texto explicativo que ocultam o resultado da ação.

Confira também