Compartir en historias

Comparte tu contenido en las historias de Facebook.

Con Compartir en historias, puedes permitirles a los usuarios de tu app que compartan tu contenido en una historia de Facebook.

Información general

Gracias a los intents implícitos de Android y los esquemas de URL personalizados, tu app puede pasar fotos, videos y stickers a la app de Facebook. La aplicación de Facebook recibirá este contenido y lo cargará en el editor de historias para que el usuario pueda publicarlo en su Facebook Stories.

El editor de historias de la app de Facebook está compuesto por una capa de fondo y una capa de sticker.

Capa de fondo

La capa de fondo cubre la pantalla y puedes personalizarla con una foto, un video, un color sólido o un degradado de color.

Capa de sticker

La capa opcional de sticker puede contener una imagen, texto o ambos, y el usuario puede personalizarla aún más mediante el editor de historias.


Primeros pasos

Antes de implementar Compartir en historias, revisa nuestras Condiciones de la plataforma de Facebook y las Políticas para desarrolladores.

Principios de diseño

Concéntrate en el contenido que las personas quieren compartir

Tu diseño debe ser simple y acorde a las expectativas del usuario. No debe contener elementos visuales que compitan entre sí, como elementos interactivos o para pulsar. El contenido debe ser transparente y preciso para la experiencia de visualización.

Valora la experiencia de las historias

Considera la experiencia de la historia general al crear tu estilo visual. Recuerda que las personas solo tienen aproximadamente cinco segundos para ver una historia. Coloca la información más esencial en primer plano y reduce las distracciones.

Busca la claridad

Diseña pensando en la simplicidad. El punto central de tu historia debe ser el contenido multimedia que el usuario quiere compartir. El contenido debe ser mínimo y complementar el elemento visual de una manera relevante.

Normas de diseño

Lienzo

Inicia tu proyecto con nuestro lienzo para historias estándar, que encontrarás aquí.



Área segura

Ten en cuenta a los usuarios con dispositivos más pequeños (Android o iPhone 8 y versiones anteriores). Reserva la parte superior e inferior de tu historia para la interfaz de usuario de Facebook Stories.



Elementos en capas

Tu diseño debe ser informativo en lugar de interactivo. El diseño de una experiencia visual sencilla garantiza que los usuarios puedan concentrarse en el contenido multimedia compartido.

Evita el uso de elementos similares a los botones de llamada a la acción u otros componentes de la interfaz de usuario con los que los usuarios no puedan interactuar.



Contexto

Es importante considerar dónde se encuentra el usuario mientras ve la historia. Trata de mantener el contenido adicional al mínimo. El contenido debe ser contextualmente relevante y complementar el contenido multimedia compartido.

Evita agregar contexto innecesario o inexacto. Incluye afirmar que se reproduce un video cuando la imagen es estática.



Accesibilidad: color y contraste

Usa un fondo limpio y minimalista para asegurarte de que el enfoque esté en el contenido multimedia que se comparte.

En las normas de accesibilidad del contenido web, se recomienda un contraste de color de 4.5:1 para texto y 3:1 para encabezados o gráficos.

Todos los diseños deben cumplir con las normas de accesibilidad del contenido web.



Accesibilidad: texto

Diferencia el texto del fondo con los principios de contraste de color adecuados.

En las normas de accesibilidad del contenido web, se recomienda un contraste de color de 4.5:1 para texto y 3:1 para encabezados o gráficos.

Todos los diseños deben cumplir con las normas de accesibilidad del contenido web.



Sistema de diseño

¡Impregna el diseño con la marca de tu empresa! Diferencia claramente tu diseño evitando elementos o colores que se parezcan a la marca de Facebook.



Otras recomendaciones

Contenedor

Siempre que sea posible, asegúrate de usar esquinas redondeadas en el contenedor. De esta manera, el diseño quedará unificado y será más atractivo.




Compartir en Instagram Stories

También es posible permitir que los usuarios de la app compartan tu contenido como una historia de Instagram. Para obtener más información, consulta la documentación sobre Compartir historias en Instagram.