Compartir en historias
Con Compartir en historias, puedes permitir que los usuarios de tu aplicación compartan tu contenido como una historia de Facebook. |
Información general
Si usas los intentos implícitos de Android y los esquemas de URL personalizados de iOS, tu aplicación puede pasar fotos, vídeos y stickers a la aplicación 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 Facebook Stories.
 | El editor de historias de la aplicación de Facebook está formado por una capa de fondo y una capa de sticker. Capa de fondoLa capa de fondo rellena la pantalla y se puede personalizar con una foto, un vídeo, un color sólido o un gradiente de color. Capa de stickerLa capa opcional de sticker puede contener una imagen, texto o ambos, y el usuario puede personalizarla más en el editor de historias. |
Introducción
Antes de implementar la función Compartir en historias, consulta las Condiciones de la plataforma de Facebook y las Políticas para desarrolladores.
Principios de diseño
Centrarse en lo que quieren compartir los usuarios
El diseño debe ser sencillo y cumplir con las expectativas de los usuarios. No debe incluir elementos visuales que se enfrenten entre ellos y que puedan dar la impresión de que son interactivos o de que se pueden tocar. El contenido debe ser transparente y preciso para la experiencia de visualización.
Valorar la experiencia de las historias
Ten en cuenta la experiencia global de las historias al crear tu estilo visual. Recuerda que los usuarios solo disponen de unos 5 segundos para ver una historia. Coloca la información más esencial en primer plano y reduce las distracciones.
Esmerarse en ofrecer claridad
Diseña teniendo en cuenta la simplicidad. El foco de atención de la historia debe ser el contenido multimedia que el usuario quiere compartir. El contenido debe ser mínimo y complementar el elemento visual de forma pertinente.
Normas de diseño
Lienzo
Inicia el proyecto con nuestro lienzo de historias estándar, que puedes encontrar aquí. |  |
Área segura
No te olvides de los usuarios con dispositivos más pequeños (Android o iPhone 8 y anteriores). Reserva las partes superior e inferior de la historia para la interfaz de usuario de Facebook Stories. |  |
Superposición de elementos
El diseño debe ser informativo en lugar de interactivo. Si diseñas una experiencia visual sencilla, te aseguras de que los usuarios puedan centrarse en el propio contenido multimedia compartido. Evita usar elementos que parezcan botones de llamada a la acción u otros componentes de interfaz de usuario con los que no puedan interactuar los usuarios. |  |
Contexto
Es importante tener en cuenta dónde va a ver la historia el usuario. Procura que el contenido adicional sea mínimo. El contenido debe ser pertinente desde el punto de vista del contexto y complementar el contenido multimedia compartido. Evita añadir contexto innecesario o impreciso. Esto puede incluir el hecho de indicar que un vídeo se está reproduciendo cuando la imagen es estática. |  |
Accesibilidad: color y contraste
Utiliza un fondo despejado y minimalista para garantizar que el usuario se centre en el contenido multimedia que se comparte. En las normas de accesibilidad del contenido web se recomienda un contraste de 4,5:1 para el texto y de 3:1 para los encabezados o los gráficos. Todos los diseños deben seguir las normas de accesibilidad del contenido web. |  |
Accesibilidad: texto
Diferencia el texto del fondo mediante los principios de contraste de colores adecuados. En las normas de accesibilidad del contenido web se recomienda un contraste de 4,5:1 para el texto y de 3:1 para los encabezados o los gráficos. Todos los diseños deben seguir las normas de accesibilidad del contenido web. |  |
Sistema de diseño
Inspira el diseño en la marca de tu empresa. Para diferenciar con claridad el diseño, evita elementos o colores que se parezcan a la marca de Facebook. |  |
Otras recomendaciones
ContenedorCuando sea posible, asegúrate de usar esquinas redondeadas en el contenedor. De esta forma, unificarás el diseño y harás que sea más atractivo. |  |
Compartir en Instagram Stories
También puedes permitir que los usuarios de tu aplicación compartan tu contenido como una historia de Instagram. Para obtener información sobre cómo hacerlo, consulta nuestra documentación sobre la función Compartir en historias de Instagram.