IdeaLab · Prototipo

Diamante 6 · Prototipo

← volver a Especificación

Manual de estilos · edita en vivo

Ver el app con este estilo →

Como mejorar engagement en youtube de un canal nuevo de noticias de politica internacional

Tarjeta de ejemplo · texto tenue

Botón

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 Trust

Tutorial Glass Lens

id—

email—

preferences—

created_at—

Selector de Intereses · id, email

Aceptar Términos

Clip de Bienvenida

id—

title—

video_uri—

duration_sec—

Wireframe lo-fi

Tutorial Glass Lens

· id

· email

· preferences

· created_at

Selector de Intereses

id

email

preferences

created_at

Aceptar Términos

Clip de Bienvenida

· id

· title

· video_uri

· duration_sec

· generated_at

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

Entidades que usaNavega a edita en vivo · se guarda solo

2. FeedSoledad

Feed de Clips · id, title

Alerta de Crisis

id—

user_id—

topic—

severity—

Perfil de Usuario

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

→ Player

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

Entidades que usaNavega a edita en vivo · se guarda solo

3. PlayerSoledad

Widget Glass Lens

id—

clip_id—

trust_score—

status—

Línea de Tiempo Causal · id, title

Glosario Dinámico

Botón Compartir

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

→ SourceDetail · → Feed

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

Entidades que usaNavega a edita en vivo · se guarda solo

4. SourceDetailSoledad

Metadatos de Fuente

id—

url—

title—

reliability_score—

Línea de Tiempo Interactiva · id, title

Botón Reportar

Indicador Consenso

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

→ Player

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

Entidades que usaNavega a edita en vivo · se guarda solo

5. SharePreviewSoledad

Etiqueta Verificado

Selector de Red Social

Confirmar Envío

Wireframe lo-fi

Vista Previa Clip

Etiqueta Verificado

Selector de Red Social

Confirmar Envío

Imágenes (FLUX) · 1

→ Player

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

Entidades que usaNavega a edita en vivo · se guarda solo

6. SettingsSoledad

Lista de Alertas · id, user_id

Configuración Notificaciones

Gestión de Dispositivos

Wireframe lo-fi

Lista de Alertas

id

user_id

topic

severity

sent_at

Configuración Notificaciones · id

Gestión de Dispositivos

→ Onboarding Trust

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

Entidades que usaNavega a edita en vivo · se guarda solo

7. SyncStatusSoledad

Estado de Sincronización

Reanudar Reproducción

Historial Reciente · id, title

Wireframe lo-fi

Estado de Sincronización

Reanudar Reproducción

Historial Reciente

id

title

video_uri

duration_sec

generated_at

→ Player

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

Entidades que usaNavega a edita en vivo · se guarda solo

8. ReportFlowSoledad

Formulario de Reporte

Clip Referenciado

id—

title—

video_uri—

duration_sec—

Enviar Reporte

Wireframe lo-fi

Formulario de Reporte · id

Clip Referenciado

· id

· title

· video_uri

· duration_sec

· generated_at

Enviar Reporte

→ Player

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

Entidades que usaNavega a edita en vivo · se guarda solo

9. PerfilUsuario

Perfil

Foto

Nombre

Escribe…

Bio

Escribe…

Guardar

Wireframe lo-fi

Perfil

Foto

Nombre

Bio

Guardar

Imágenes (FLUX) · 1

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

Entidades que usaNavega a edita en vivo · se guarda solo

+ Añadir

Pantallas estándar · 14 incluidas — todo app las trae (shell-kit)

Home, login, perfil, ajustes, legal, splash, 404, chat. Inclúyelas u ocúltalas; las incluidas se generan automáticamente en el app.

SplashInicio

Bienvenido

Entrar

incluida

HomeTodos

Inicio

Destacados

Explorar

incluida

Login (SSO)Visitante

Entrar

Continuar con Google

Correo

Escribe…

Contraseña

Escribe…

Entrar

incluida

PerfilUsuario

Perfil

Foto

Nombre

Escribe…

Bio

Escribe…

Guardar

↑ personalizada — ahora es una pantalla propia (editable arriba)

AjustesUsuario

Ajustes

Preferencias

Notificaciones

Cerrar sesión

incluida

AsistenteUsuario

Asistente

Conversación

Escribe…

Enviar

incluida

BlogTodos

Blog

Artículos

Leer

incluida

Blog · AdminAdmin

Blog · Admin

Borradores

Publicados

Nuevo post

incluida

Usuarios · AdminAdmin

Usuarios

Miembros

Roles

Invitar

incluida

Planes y pagosUsuario

Planes

Free

Pro

incluida

FacturaciónUsuario

Facturación

Método de pago

Historial

oculta

AnalíticaAdmin

Analítica

Visitas

Orígenes

Tendencias

incluida

PQRTodos

PQR

Asunto

Escribe…

Mensaje

Escribe…

Enviar

incluida

LegalTodos

Legal

Términos

Privacidad

Contacto

incluida

404Todos

404

Página no encontrada

Volver al inicio

incluida