Compartilhar no Stories
Com o Compartilhar no Stories, você pode permitir que os usuários do seu app compartilhem conteúdo como um story do Facebook. |
Visão geral
Ao usar os intents implícitos do Android e os esquemas de URL personalizados do iOS, seu app pode passar fotos, vídeos e figurinhas para o app do Facebook. O app do Facebook receberá o conteúdo e fará o carregamento no Compositor de Stories para que o usuário possa publicá-lo no Facebook Stories.
 | O Compositor de Stories do app do Facebook é formado por uma camada de fundo e uma camada de figurinha. Camada de fundoA camada de fundo preenche a tela, e você pode personalizá-la com uma foto, um vídeo, uma cor sólida ou gradiente. Camada de figurinhaA camada de figurinha opcional pode incluir uma imagem, um texto ou ambos. Além disso, ela pode ser personalizada pelo usuário dentro do Compositor de Stories. |
Primeiros passos
Antes de implementar esse recurso, leia os Termos da Plataforma do Facebook e as Políticas do Desenvolvedor.
Princípios de design
Focar o que as pessoas querem compartilhar
Seu design deve ser direto e atender às expectativas do usuário. Não inclua elementos visuais concorrentes que pareçam ser tocáveis ou interativos. O conteúdo deve ser transparente e preciso para a experiência de visualização.
Valorizar a experiência com stories
Ao criar seu estilo visual, considere a experiência geral dos stories. Lembre-se de que as pessoas têm aproximadamente 5 segundos para visualizar um story. Coloque as informações mais importantes em destaque e reduza distrações.
Buscar clareza
Crie um design tendo a simplicidade em mente. O foco central do seu story deve ser a mídia que o usuário quer compartilhar. O conteúdo deve ser mínimo e complementar os elementos visuais de maneira relevante.
Diretrizes de design
Canvas
Comece seu projeto com o canvas de story padrão, que pode ser encontrado aqui. |  |
Área segura
Leve em conta os usuários que usam dispositivos menores (aparelhos Android ou iPhone 8 e modelos mais antigos). Reserve a parte superior e inferior para a interface do usuário do Facebook Stories. |  |
Camadas de elementos
Seu design deve ser informativo, e não interativo. Uma experiência visual simples garante que os usuários focarão a mídia compartilhada em si. Evite o uso de elementos que pareçam ser botões de chamada para ação (CTAs) ou outros recursos de interface do usuário com os quais os usuários não podem interagir. |  |
Contexto
É importante considerar onde o usuário está enquanto visualiza o story. Busque minimizar a quantidade de conteúdo adicional. O conteúdo deve ser relevante no contexto e complementar a mídia compartilhada. Evite acrescentar contextos desnecessários ou imprecisos. Isso pode incluir a indicação de que um vídeo está sendo reproduzido quando a imagem é estática. |  |
Acessibilidade: cor e contraste
Use um plano de fundo claro e minimalista para garantir que a mídia compartilhada seja o centro da atenção. As Diretrizes de Acessibilidade para Conteúdo Web recomendam um contraste de cor de 4,5:1 para texto e 3:1 para títulos ou imagens. Todos os designs devem seguir as Diretrizes de Acessibilidade para Conteúdo Web. |  |
Acessibilidade: texto
Diferencie o texto do plano de fundo usando os princípios apropriados de contraste de cor. As Diretrizes de Acessibilidade para Conteúdo Web recomendam um contraste de cor de 4,5:1 para texto e 3:1 para títulos ou imagens. Todos os designs devem seguir as Diretrizes de Acessibilidade para Conteúdo Web. |  |
Sistema de design
Integre seu design com a marca da empresa. Crie diferenciações claras para o seu design, evitando o uso de elementos ou cores que se assemelhem à marca do Facebook. |  |
Outras recomendações
ContêinerQuando possível, use cantos arredondados no contêiner. Isso unificará o design e o deixará mais atraente. |  |
Compartilhamento no Instagram Stories
Você também pode permitir que os usuários do app compartilhem seu conteúdo como um story do Instagram. Para saber como fazer isso, consulte nossa documentação Compartilhar no Stories do Instagram.