IdeaLab · Prototipo

Doble diamante D · divergir (abrir) C · converger (cerrar)

Ritmo completo — todos los diamantes cerrados

Diamante 6 · Prototipo

← volver a Especificación

Manual de estilos · feminine political clarity

Gobierna el look & feel de los mockups hi-fi y del app generado.

Ver app en esta marca (white-label) →

primary #FF69B4

accent #9D0084

bg #FFF0F5

surface #FFFFFF

text #2D033B

Fuente: Fraunces · radio 16px · comfortable

Editar a mano

Prototipo navegable (convergencia final)

Pantallas compuestas de los flujos + entidades. Click en "→" para navegar. El JSON es el handoff al app.

Exportar spec (JSON)

Tamaño:Compacto Estándar Grande Tablet

1. Onboarding TrustUsuario Nuevo

Tutorial Glass Lens

id—

email—

preferences—

created_at—

Selector de Intereses · id, user_id

Aceptar Términos

Explicar el valor de la plataforma y configurar intereses iniciales

◳Tutorial Glass LensUser

≣Selector de InteresesAlert

▭Aceptar TérminosUser

▣Clip de BienvenidaClip

Wireframe lo-fi

Tutorial Glass Lens

· id

· email

· preferences

· created_at

Selector de Intereses

id

user_id

topic

severity

sent_at

Aceptar Términos

Clip de Bienvenida

Imágenes (FLUX) · 1

User Alert Clip

→ Feed

Editar

Nombre de la pantallaPropósitoPersona / roleComponentes (etiqueta · tipo · entidad)

Entidades que usaNavega a

2. FeedSoledad

Feed de Clips · id, title

Alerta de Crisis

id—

user_id—

topic—

severity—

Perfil de Usuario

Presentar clips curados automáticamente basados en intereses

≣Feed de ClipsClip

◳Alerta de CrisisAlert

≡Perfil de UsuarioUser

Wireframe lo-fi

Feed de Clips

id

title

video_uri

duration_sec

generated_at

Alerta de Crisis

· id

· user_id

· topic

· severity

· sent_at

Perfil de Usuario

Clip Alert User

→ Player

Editar

Nombre de la pantallaPropósitoPersona / roleComponentes (etiqueta · tipo · entidad)

Entidades que usaNavega a

3. PlayerSoledad

Widget Glass Lens

id—

clip_id—

trust_score—

status—

Línea de Tiempo Causal · id, title

Glosario Dinámico

Botón Compartir

Reproducir contenido con verificación en tiempo real y contexto

▣Reproductor de VideoClip

◳Widget Glass LensVerification

≣Línea de Tiempo CausalClip

¶Glosario DinámicoSource

▭Botón CompartirClip

Wireframe lo-fi

Reproductor de Video

Widget Glass Lens

· id

· clip_id

· trust_score

· status

· verified_at

Línea de Tiempo Causal

id

title

video_uri

duration_sec

generated_at

Glosario Dinámico

Botón Compartir

Imágenes (FLUX) · 1

Clip Verification Source

→ SourceDetail · → Feed

Editar

Nombre de la pantallaPropósitoPersona / roleComponentes (etiqueta · tipo · entidad)

Entidades que usaNavega a

4. SourceDetailSoledad

Metadatos de Fuente

id—

url—

title—

reliability_score—

Línea de Tiempo Interactiva · id, title

Botón Reportar

Indicador Consenso

Mostrar metadatos detallados y fuentes primarias

◳Metadatos de FuenteSource

≣Línea de Tiempo InteractivaClip

▭Botón ReportarReport

¶Indicador ConsensoVerification

Wireframe lo-fi

Metadatos de Fuente

· id

· url

· title

· reliability_score

· published_at

Línea de Tiempo Interactiva

id

title

video_uri

duration_sec

generated_at

Botón Reportar

Indicador Consenso

Source Clip Verification Report

→ Player

Editar

Nombre de la pantallaPropósitoPersona / roleComponentes (etiqueta · tipo · entidad)

Entidades que usaNavega a

5. SharePreviewSoledad

Etiqueta Verificado

Selector de Red Social

Confirmar Envío

Previsualizar y configurar el clip para redes sociales

▣Vista Previa ClipClip

¶Etiqueta VerificadoVerification

≡Selector de Red SocialUser

▭Confirmar EnvíoClip

Wireframe lo-fi

Vista Previa Clip

Etiqueta Verificado

Selector de Red Social

Confirmar Envío

Imágenes (FLUX) · 1

Clip Verification User

→ Player

Editar

Nombre de la pantallaPropósitoPersona / roleComponentes (etiqueta · tipo · entidad)

Entidades que usaNavega a

6. SettingsSoledad

Lista de Alertas · id, user_id

Configuración Notificaciones

Gestión de Dispositivos

Gestionar alertas y preferencias de usuario

≣Lista de AlertasAlert

▢Configuración NotificacionesUser

≡Gestión de DispositivosDeviceSession

Wireframe lo-fi

Lista de Alertas

id

user_id

topic

severity

sent_at

Configuración Notificaciones · id

Gestión de Dispositivos

Alert User DeviceSession

→ Onboarding Trust

Editar

Nombre de la pantallaPropósitoPersona / roleComponentes (etiqueta · tipo · entidad)

Entidades que usaNavega a

7. SyncStatusSoledad

Estado de Sincronización

Reanudar Reproducción

Historial Reciente · id, title

Confirmar la continuidad entre dispositivos

¶Estado de SincronizaciónDeviceSession

▭Reanudar ReproducciónClip

≣Historial RecienteClip

Wireframe lo-fi

Estado de Sincronización

Reanudar Reproducción

Historial Reciente

id

title

video_uri

duration_sec

generated_at

DeviceSession Clip

→ Player

Editar

Nombre de la pantallaPropósitoPersona / roleComponentes (etiqueta · tipo · entidad)

Entidades que usaNavega a

8. ReportFlowSoledad

Formulario de Reporte

Clip Referenciado

id—

title—

video_uri—

duration_sec—

Enviar Reporte

Capturar inexactitudes reportadas por el usuario

▢Formulario de ReporteReport

◳Clip ReferenciadoClip

▭Enviar ReporteReport

Wireframe lo-fi

Formulario de Reporte · id

Clip Referenciado

· id

· title

· video_uri

· duration_sec

· generated_at

Enviar Reporte

Report Clip

→ Player

Editar

Nombre de la pantallaPropósitoPersona / roleComponentes (etiqueta · tipo · entidad)

Entidades que usaNavega a

+ Añadir