Manual de Asana

Guía de uso y base de diseño para construir un proyecto inspirado en Asana.

Elaborado a partir de la exploración de una cuenta de prueba Asana Advanced (4-nov-2026) y de las páginas públicas del producto. 22 capítulos de uso + 8 de especificación.

Cómo usar este manual

Está dividido en dos bloques. Los capítulos 1 a 22 explican qué es cada parte de Asana, dónde está y cómo se usa. Los capítulos 23 a 30 convierten ese conocimiento en una especificación para construir un producto propio. Al final de cada capítulo de uso hay un recuadro Para replicar con lo que tu proyecto necesitaría.

EtiquetaSignificado
VerificadoLo vi en la cuenta de prueba (hay captura o texto extraído).
Documentación públicaConsta en las páginas públicas de Asana (precios, producto, IA), no se abrió en la cuenta.
Por verificarInferido o conocimiento general del producto; confirmarlo antes de basar decisiones en ello.
Aviso sobre los pasosLos procedimientos ("Cómo se usa") se reconstruyen a partir de los menús y pantallas observados. No se ejecutaron acciones de escritura (crear, borrar, enviar) durante la exploración, así que algunos detalles de comportamiento deben confirmarse al probarlos.
Datos de ejemploAlgunas pantallas (Portafolios, Objetivos, Recursos) muestran datos ficticios de demostración, no datos reales de la cuenta.
Parte I · Fundamentos

1. Qué es Asana y cómo se organiza

Asana es una plataforma de gestión del trabajo en equipo. Su idea central es conectar cuatro niveles: qué se quiere lograr (objetivos), qué grupos de iniciativas existen (portafolios), cada iniciativa (proyectos) y cada acción concreta (tareas). La propia ayuda de Asana lo presenta como la "estructura de Asana" (Asana hierarchy). Verificado

Organización (dominio de email)
 └─ Equipo
     └─ Objetivo ──► Portafolio ──► Proyecto ──► Sección ──► Tarea ──► Subtarea
                                        │
                                        ├─ Vistas: Resumen · Lista · Tablero · Cronograma · Panel · Calendario · Archivos
                                        └─ Campos · Reglas · Formularios · Plantillas

Glosario mínimo

Término (ES)Término (EN)Qué es
TareaTaskUnidad de trabajo con responsable y fecha
SecciónSection / ColumnEtapa o agrupación dentro de un proyecto
ProyectoProjectConjunto de tareas con un fin
PortafolioPortfolioConjunto de proyectos con vista de salud
ObjetivoGoalMeta medible por período, enlazada al trabajo
Campo personalizadoCustom fieldDato propio (prioridad, esfuerzo, tipo)
Panel / InformeDashboard / ReportConjunto de gráficos de datos de trabajo
Compañero de IAAI TeammateAgente que recibe tareas como una persona
Para replicarLa jerarquía Objetivo → Portafolio → Proyecto → Tarea con relaciones (no con carpetas anidadas) es la decisión de diseño que más condiciona todo lo demás. Ver capítulo 23.

2. La interfaz: dónde está cada cosa

La pantalla tiene cuatro zonas fijas. Verificado

  1. Riel principal (izquierda, estrecho): Trabajo, Agentes, Estrategia, Conocimientos, Personas y "Más" (que abre StackAI by Asana y "Personalizar navegación").
  2. Barra lateral de sección: cambia según el riel. En Trabajo: Inicio, Bandeja de entrada, Mis tareas, Proyectos, Portafolios y la lista de proyectos propios. En Estrategia: Objetivos, Informes, Recursos y una lista de recientes.
  3. Barra superior: botón rojo Crear, buscador global (Ctrl K) y el botón Trabajar con Dash (asistente de IA).
  4. Área de contenido y paneles laterales que se abren a la derecha (detalle de tarea, Personalizar, Opciones de vista).
Inicio con el menú Crear desplegado: 11 tipos de objeto (Tarea, Proyecto, Página, Mensaje, Equipo, Portafolio, Objetivo, Compañero de IA, Tabla, Invitación)
Figura 1. Inicio con el menú Crear desplegado: 11 tipos de objeto (Tarea, Proyecto, Página, Mensaje, Equipo, Portafolio, Objetivo, Compañero de IA, Tabla, Invitación) (clic para ampliar)
Menú "Más" del riel: StackAI by Asana y "Personalizar navegación"
Figura 2. Menú "Más" del riel: StackAI by Asana y "Personalizar navegación" (clic para ampliar)

El menú Crear

OpciónPara qué
Tarea · Proyecto · Portafolio · ObjetivoLas cuatro entidades de la jerarquía
Página · Mensaje · TablaContenido: documentos, comunicación, datos estructurados
Equipo · InvitaciónPersonas y grupos
Compañero de IA PruebaAgente de IA (etiquetado como función en prueba)
Para replicarUn único punto de creación global + buscador con atajo de teclado + riel de áreas + barra de sección. Es un patrón de navegación de tres niveles que conviene copiar tal cual.
Parte II · Trabajo diario

3. Inicio

Pantalla de entrada. Muestra saludo con fecha, un selector de plazo (Mi semana) con contadores de tareas finalizadas y colaboradores, y widgets: Mis tareas (pestañas Próximas, Con retraso, Finalizadas), Proyectos (recientes + "Crear proyecto") y Aprende a usar Asana. Se pueden Agregar widgets. También muestra banners de producto (p.ej. AI Meetings). Verificado

Cómo se usa

  1. Entra por Inicio en la barra lateral.
  2. Cambia "Mi semana" para ajustar el período de los contadores.
  3. Pulsa Agregar widgets para personalizar el panel.
  4. Abre una tarea desde Mis tareas o un proyecto desde Proyectos.
Para replicarHome personalizable por widgets: tareas propias, proyectos recientes, contadores de la semana. Datos de lectura puros: se alimentan con consultas sobre tareas y proyectos del usuario.

4. Mis tareas

Lista personal de todo lo asignado al usuario, de todos los proyectos. Organizada en secciones propias: Asignadas recientemente, Para hacer hoy, Para hacer la próxima semana, Para hacer más tarde. Columnas: Nombre, Fecha de entrega, Colaboradores, Proyectos, Visibilidad de la tarea. Pestañas: Lista, Tablero, Calendario, Panel, Archivos. Verificado

Mis tareas en vista Lista, con las cuatro secciones personales y el proyecto de origen de cada tarea
Figura 3. Mis tareas en vista Lista, con las cuatro secciones personales y el proyecto de origen de cada tarea (clic para ampliar)

Cómo se usa

  1. Abre Mis tareas.
  2. Arrastra una tarea a "Para hacer hoy" para planificar tu día.
  3. Usa Filtrar / Ordenar / Agrupar / Opciones sobre la lista.
  4. Cambia de vista con las pestañas.
Para replicarUna tarea tiene posición propia por usuario (sección personal) además de su posición en cada proyecto. Requiere una tabla de "ubicación personal" (ver TaskPersonalPlacement en el capítulo 23).

5. Bandeja de entrada

Centro de notificaciones. Pestañas Actividad, Favoritos, Archivo, @Mencionado; controles Filtrar, Ordenar: Más recientes y Densidad: Detallado; botón Gestionar las notificaciones. Cuando no hay nada muestra "¡Hurra! Estás al día". Verificado

Bandeja de entrada vacía: pestañas, filtros y densidad
Figura 4. Bandeja de entrada vacía: pestañas, filtros y densidad (clic para ampliar)
Para replicarTabla de notificaciones con estados leída / archivada / destacada y tipo (asignación, mención, comentario, cambio de fecha…). Preferencias por canal (web, email) en "Gestionar las notificaciones".

6. Búsqueda

Buscador global en la barra superior (Ctrl K). Los resultados se separan en pestañas por tipo, con el número de coincidencias: Tareas, Mensajes, Proyectos, Portafolios, Objetivos, Páginas, Plantillas de estado, Expedientes, Tablas. Cada pestaña tiene filtros propios (en Proyectos: Ubicado, Encargado, Miembros, Estado, Más filtros) y orden por relevancia. Verificado

Para replicarBúsqueda federada por tipo de entidad (índice por entidad, p.ej. PostgreSQL full-text o un motor dedicado) con filtros contextuales por pestaña. "Expedientes" (records) es un tipo adicional cuyo uso concreto no se verificó.
Parte III · Proyectos

7. Crear un proyecto

Un proyecto se crea desde Crear → Proyecto, Proyectos → Nuevo proyecto o portafolio → Nuevo proyecto, o Crear proyecto en Inicio. Abre la Galería de plantillas con cuatro caminos: Proyecto en blanco, plantilla, Crear con IA e Importar. Las plantillas se clasifican en Para ti, Mi organización, Marketing, Operaciones y PMO, Productividad, Fabricación, Servicios profesionales y hay recomendaciones por rol (en la cuenta: plantillas para ingenieros de software: Sprint backlog, Bug tracker, Feature requests, Code review queue, Technical debt tracker, Deployment schedule, Architecture decisions, Onboarding resources). Verificado

Galería de plantillas con categorías, "Crear con IA" e "Importar"
Figura 6. Galería de plantillas con categorías, "Crear con IA" e "Importar" (clic para ampliar)

Cómo se usa

  1. Pulsa Crear → Proyecto.
  2. Elige una plantilla, "Crear con IA" o "Proyecto en blanco".
  3. Ponle nombre y decide privacidad y vista predeterminada (Tablero, Lista, Calendario o Cronograma).
  4. Agrega secciones y tareas.
Para replicarUna plantilla es un snapshot serializado de un proyecto (secciones, tareas, campos, reglas). "Importar" (CSV/Excel) y "Crear con IA" pueden quedar para fases posteriores; las plantillas semilla por rol dan valor inmediato.

8. Resumen del proyecto

Primera pestaña de cada proyecto. Contiene: Resumen creado con IA (privado para ti; incluye Actividad reciente e Informe de riesgos, con opción de recibir actualizaciones periódicas), Descripción del proyecto, Roles en el proyecto (miembros y encargado) y, a la derecha, la pregunta "¿Cuál es el estado?" con tres valores: ● En curso, ● En riesgo, ● Con retraso, además de la fecha de entrega del proyecto. Verificado

Pestaña Resumen: resumen con IA, descripción, roles y selector de estado
Figura 7. Pestaña Resumen: resumen con IA, descripción, roles y selector de estado (clic para ampliar)
Para replicarEntidad StatusUpdate (estado + texto + autor + fecha) y campo Project.status. El resumen con IA es opcional; la descripción rica y la lista de roles son MVP.

9. Las vistas del proyecto

Los datos de un proyecto se ven por pestañas: Resumen, Lista, Tablero, Cronograma, Panel, Calendario y Archivos. El botón + permite agregar más vistas. Todas muestran las mismas tareas con distinta forma. Comunes a casi todas: Agregar tarea, Filtrar, Ordenar, Agrupar, Opciones. Verificado

9.1 Lista

Tabla con secciones desplegables. Columnas: Nombre, Responsable, Fecha de entrega y los campos del proyecto (aquí: Tipo de tarea, Esfuerzo estimado). El + al final de la cabecera agrega columnas.

Vista Lista: tres secciones, responsable, fecha y dos campos personalizados con etiquetas de color
Figura 8. Vista Lista: tres secciones, responsable, fecha y dos campos personalizados con etiquetas de color (clic para ampliar)

9.2 Tablero (Kanban)

Una columna por sección (Por hacer, En desarrollo, En revisión) con tarjetas que muestran título, etiquetas de campos, responsable y fecha. "Agregar sección" crea una columna nueva. Se arrastran tarjetas entre columnas.

Vista Tablero con tarjetas por columna
Figura 9. Vista Tablero con tarjetas por columna (clic para ampliar)

9.3 Cronograma (Gantt)

Barras sobre una escala de días, agrupadas por sección, con controles de zoom (Días, −, +) y botones Hoy y navegación. Cada barra abarca desde la fecha de inicio hasta la de entrega. Es el soporte visual de las dependencias.

Vista Cronograma con barras por tarea y línea del día actual
Figura 10. Vista Cronograma con barras por tarea y línea del día actual (clic para ampliar)

9.4 Calendario

Calendario mensual con las tareas como barras entre su fecha de inicio y de entrega; Hoy, navegación por mes y zoom Meses.

Vista Calendario con el panel "Opciones": ícono, nombre de la vista, opciones de diseño, zoom y filtros
Figura 11. Vista Calendario con el panel "Opciones": ícono, nombre de la vista, opciones de diseño, zoom y filtros (clic para ampliar)

9.5 Archivos

Galería de todos los adjuntos de tareas y mensajes del proyecto, con Agregar archivo.

Para replicarModelar la vista como entidad (View: tipo, filtros, orden, agrupación, columnas visibles) guardada por proyecto. La Lista y el Tablero cubren el 80 % del uso: empezar por ellas; Cronograma y Calendario necesitan fechas de inicio y fin.

10. La tarea en detalle

Al hacer clic en una tarea se abre un panel lateral sin salir de la vista. Campos observados: Responsable (con "Asignadas recientemente"), Fecha de entrega (admite rango), Dependencias (Agregar dependencias), Proyectos (la tarea puede pertenecer a varios), campos personalizados, Descripción, Subtareas (Agregar subtarea), y una caja de comentarios con @menciones, emoji y adjuntos. Arriba: Marcar como finalizada, colaboradores, Compartir, "me gusta", copiar enlace, ampliar y menú …. Un aviso indica la privacidad: "Esta tarea es privada para los miembros de este proyecto" con botón Hacer público. Verificado

Panel de detalle de una tarea sobre la vista Calendario
Figura 12. Panel de detalle de una tarea sobre la vista Calendario (clic para ampliar)

Cómo se usa

  1. Haz clic en el título de una tarea.
  2. Asigna responsable y fecha.
  3. Completa los campos (Tipo, Esfuerzo…).
  4. Agrega subtareas, dependencias y comentarios.
  5. Pulsa Marcar como finalizada.
Para replicarEs la pantalla más importante del producto. Requiere: Task, TaskProject (multi-pertenencia), TaskDependency, Comment con menciones, Attachment y valores de campos tipados. Interfaz como drawer lateral que conserva el contexto.

11. Personalizar un proyecto: campos, reglas, formularios

El botón Personalizar (arriba a la derecha) abre un panel con las funciones del flujo de trabajo del proyecto. Verificado

Entrada del panelQué hace
Sugerir compañero de IAPropone un agente para el proyecto
Automatizaciones (AI Studio)Reglas y flujos sin código
Campos 2Campos personalizados activos en el proyecto (aquí 2: Tipo, Esfuerzo)
FormulariosEntradas de solicitudes que crean tareas
EmailsCrear tareas por correo (reenvío al proyecto)
AplicacionesIntegraciones con otras herramientas
Tipos de tareas y plantillasTareas con estructura predefinida
PaquetesAgrupaciones de funciones del proyecto
Plantillas de estadoFormato de las actualizaciones de estado
Panel Personalizar del proyecto
Figura 13. Panel Personalizar del proyecto (clic para ampliar)

Por verificarEl comportamiento interno de Emails, Paquetes y Tipos de tarea no se abrió; la descripción se infiere del nombre.

Para replicarUn proyecto necesita configuración de funciones propia: qué campos usa, qué reglas tiene, qué formulario recibe. Modelar Rule (disparador → condiciones → acciones) y Form (campos + destino) como tablas separadas ligadas al proyecto.

12. Filtrar, ordenar, agrupar y opciones de vista

Cada vista tiene una barra con Filtrar (con contador, p.ej. "Filtros: 1"), Ordenar, Agrupar y Opciones. Esta última abre el panel de la vista: ícono, nombre, Opciones de diseño, Zoom (en Calendario: Meses) y Filtros. La Bandeja añade Densidad. Verificado

Los filtros se reflejan en la URL (p.ej. parámetros filter_…, sort, type), lo que permite compartir una vista filtrada con un enlace.

Para replicarGuardar filtros y orden en View.config (JSON) y reflejarlos en la query string. Un motor genérico de filtros (campo, operador, valor) sirve para listas, tableros y paneles.

13. Compartir y permisos

El botón Compartir abre un diálogo con: Invitación por email (personas, correos o equipos con rol, p.ej. Editor), casilla "Enviar notificaciones cuando se agreguen tareas al proyecto", Acceder a los ajustes (privacidad, aquí Privado), la lista Quién tiene acceso (Colaboradores de la tarea: Editor; usuario: Administrador del proyecto) y Copiar el enlace del proyecto. Verificado

Diálogo Compartir del proyecto (correo ocultado)
Figura 14. Diálogo Compartir del proyecto (correo ocultado) (clic para ampliar)
Para replicarRoles por proyecto: Administrador, Editor (observados) y, por convención, Comentarista y Lector Por verificar. Privacidad por proyecto: privado / público para el dominio. Ver capítulo 25.

14. Panel del proyecto

Pestaña Panel: widgets configurables con Agregar widget. Los observados: cuatro contadores (finalizadas, sin finalizar, con retraso, total; cada uno indica cuántos filtros usa), un gráfico de barras (sin finalizar por sección), una dona (por estado de finalización), un gráfico por responsable y una serie temporal (finalización a lo largo del tiempo). Verificado

Panel del proyecto con contadores y gráficos
Figura 15. Panel del proyecto con contadores y gráficos (clic para ampliar)
Para replicarDashboard + Widget (tipo, fuente, filtros, agrupación, métrica). Los widgets son consultas agregadas sobre tareas; empezar con 5 tipos: contador, barras, dona, línea y tabla.
Parte IV · Gestión y estrategia

15. Portafolios

Agrupan proyectos para ver su salud en una tabla (nombre, Estado, Encargado y un campo propio como Área técnica). Al crear uno se elige nombre, privacidad (p.ej. "Público para el dominio"), modo de acceso a los proyectos (compartir manualmente o con los miembros del portafolio) y vista predeterminada: Lista, Cronograma o Gestión de recursos. Pestañas del portafolio: Lista, Cronograma, Progreso, Gestión de recursos, Capacidad productiva, Mensajes. Verificado (La tabla de ejemplo de la pantalla es una demostración.)

Pantalla Portafolios con tabla de ejemplo de proyectos activos
Figura 16. Pantalla Portafolios con tabla de ejemplo de proyectos activos (clic para ampliar)
Asistente "Nuevo portafolio" con vista previa de las pestañas
Figura 17. Asistente "Nuevo portafolio" con vista previa de las pestañas (clic para ampliar)
Para replicarPortfolio + PortfolioItem. La vista Lista es una tabla de proyectos con columnas de campos propios del portafolio. Progreso = agregado del avance de tareas de cada proyecto.

16. Objetivos

Sección Estrategia → Objetivos. Pestañas: Mapa de estrategia, Objetivos de la empresa, Mis objetivos. Barra: Crear objetivo, organización/equipo (p.ej. javafs.com), Períodos: Todos. El mapa es un lienzo con zoom, captura y pantalla completa. Al crear un objetivo: Nombre (obligatorio), Encargado, Empresa o equipo responsable, Miembros (con notificación opcional), Período (p.ej. 4.° trim. AF26: 1 oct – 31 dic) y Privacidad (Público). Los ajustes de progreso se editan después. Verificado

Mapa de estrategia vacío: invita a crear el primer objetivo
Figura 18. Mapa de estrategia vacío: invita a crear el primer objetivo (clic para ampliar)
Formulario "Crear objetivo nuevo"
Figura 19. Formulario "Crear objetivo nuevo" (clic para ampliar)
Para replicarGoal (jerárquico: un objetivo puede tener sub-objetivos) + GoalPeriod + GoalLink (vínculo a proyectos/portafolios/tareas con el que se calcula el progreso). El mapa es un grafo; para el MVP basta una vista de árbol.

17. Informes

Sección Estrategia → Informes: paneles que cruzan varios proyectos. Vienen prediseñados Mi impacto y Mi organización (más ejemplos como "Panel de ingeniería"). Usa los mismos widgets del panel del proyecto, pero con alcance de usuario u organización: "Mis tareas finalizadas / sin finalizar / con retraso / total", "Mis tareas sin finalizar por proyecto", "por estado de finalización de este mes", "Mis próximas tareas por creador esta semana", "Mis proyectos por estado". Admite Crear panel, Compartir y Ver como lista. Verificado

Informe "Mi impacto" con contadores y gráficos
Figura 20. Informe "Mi impacto" con contadores y gráficos (clic para ampliar)
Para replicarMismo motor de widgets que el panel del proyecto, con un alcance distinto (scope: proyecto | usuario | organización).

18. Recursos y capacidad

Sección Estrategia → Recursos: planificación de capacidad por persona, proyecto y mes (horas), para detectar sobrecargas. En la cuenta de prueba aparece como presentación con datos de ejemplo y botón "Contactar a Ventas": no se pudo operar. Verificado (la pantalla) · Documentación pública (el alcance: "gestión de recursos" dentro de un portafolio en Advanced y "capacidad en toda la organización" en Enterprise).

Recursos: planificación de capacidad (demostración)
Figura 21. Recursos: planificación de capacidad (demostración) (clic para ampliar)
Para replicarAllocation (usuario, proyecto, horas por semana, período) y una vista de calendario por persona. Es una fase tardía: requiere antes tener estimaciones y asignaciones fiables.
Parte V · IA y automatización

19. Capa de IA

ComponenteQué haceEstado
Dash ("Trabajar con Dash")Asistente que sugiere la siguiente acción y reparte trabajo entre personas y agentesBotón verificadoDescripción pública
Compañeros de IA / AI TeammatesAgentes que reciben tareas como personas; más de 30 prediseñadosMenú verificadoDetalle público
AI Studio (Automatizaciones)Reglas y flujos sin código: recibir solicitudes, clasificar, enrutar, alertar; con créditos mensuales por planEntrada verificadaDetalle público
AI MeetingsResume reuniones y propone tareas con responsable (banner en Inicio)Banner verificadoDetalle público
Resumen con IA del proyectoActividad reciente e informe de riesgosVerificado
Crear proyecto con IAGenera estructura a partir de una descripciónVerificado
Conectores y MCPOperar Asana desde ChatGPT, Claude o GeminiDocumentación pública
StackAIFlujos de agentes entre sistemasEntrada verificada

Privacidad declarada por Asana: los socios de IA no usan datos de clientes para entrenar y los eliminan tras cada consulta. Documentación pública

Para replicarTratar a un agente como un tipo de usuario (User.kind = agent) al que se asignan tareas. Exponer el producto por API + servidor MCP desde el inicio facilita integrar cualquier IA sin construirla dentro.
Parte VI · Administración, planes y ayuda

20. Administración

Consola separada (ruta /admin/{org}) con tres secciones. Verificado

Consola de administración: Organización
Figura 22. Consola de administración: Organización (clic para ampliar)
Consola de administración: Facturación (datos personales ocultados)
Figura 23. Consola de administración: Facturación (datos personales ocultados) (clic para ampliar)
Para replicarAlta de organización por dominio de email (cualquiera con ese dominio puede unirse si está habilitado), rol de administrador y rol de facturación separados, y un panel de plan/consumo.

21. Planes

FunciónPersonalStarterAdvancedEnterprise
Precio (usuario/mes, pago anual)US$0US$10,99US$24,99A consultar
Usuarios2Sin límite
Tareas y proyectos ilimitados; Lista, Tablero, Calendario; 100+ integraciones; actualizaciones de estado✔✔✔✔
Cronograma/Gantt, paneles, automatizaciones ilimitadas, formularios, campos personalizados, plantillas—✔✔✔
Portafolios ilimitados, Objetivos, Gestión de recursos, Aprobaciones y proofing, Tablas, AI Meetings——✔✔
Créditos AI Studio por mes (cuenta)—50K75K200K
SAML, SCIM, capacidad en toda la organización———✔

Fuente: página pública de precios. Documentación pública Tu cuenta: "Agentic Work Management – Prueba de Asana Advanced", 13 días restantes.

HallazgoAunque Advanced incluye "Gestión de recursos" según la página de precios, en esta prueba la sección Recursos aparece como oferta comercial ("Contactar a Ventas"). Conviene confirmarlo con Ventas.
Para replicarEl modelo de negocio sugiere una línea de funciones: núcleo gratuito (tareas, 3 vistas) → planificación (Gantt, paneles, reglas) → estrategia (portafolios, objetivos, recursos) → seguridad empresarial. Útil como guía de fases.

22. Ayuda y aprendizaje

El botón ? abre "Ayuda y puesta en marcha": buscador de artículos, tutoriales en video (Primeros pasos, La estructura de Asana), Ayuda con las funciones, Contactar a Asistencia, Declaración de privacidad, Aplicaciones e integraciones, Atajos del teclado, Descargar la aplicación de escritorio, y temas populares (Integraciones, Casos de uso recomendados, Capacitación en vivo, Academia Asana). Verificado

Centro de ayuda integrado
Figura 24. Centro de ayuda integrado (clic para ampliar)
Para replicarAyuda contextual dentro de la aplicación (modal con buscador y tutoriales), banners de primeros pasos y una primera experiencia guiada ("Selecciona una vista predeterminada").
Parte VII · Especificación para construir tu proyecto
Cómo leer esta parteEs una propuesta de diseño derivada de lo observado, no una descripción de la implementación interna de Asana. Donde se propone algo no observado se indica "(propuesta)".

23. Modelo de datos

Organization 1─* User
Organization 1─* Team *─* User (TeamMember)
Organization 1─* Goal ─ GoalPeriod ;  Goal *─* (Project|Portfolio|Task|Goal)  (GoalLink)
Organization 1─* Portfolio *─* Project (PortfolioItem)
Team 1─* Project 1─* Section
Project *─* Task (TaskProject: section_id, position)   ◄── multi-pertenencia
Task 1─* Task (subtareas)        Task *─* Task (TaskDependency)
Task 1─* Comment · Attachment · TaskFieldValue ─ CustomField ─ CustomFieldSetting ─ Project
Project 1─* View · Rule · Form · StatusUpdate · ProjectMember
Dashboard 1─* Widget            User 1─* Notification
User 1─* Allocation ─ Project   Template (snapshot de proyecto)
EntidadCampos claveOrigen
Organizationid, nombre, dominios[], plan, creada_enVerificado
Userid, org_id, nombre, email, rol(miembro|admin|facturación), kind(person|agent), ausente_hastaVerificado (aviso de ausencia, agentes)
Teamid, org_id, nombre, privacidadVerificado
Goalid, org_id, nombre, owner_id, team_id, period_id, privacidad, parent_id, modo_progreso, progreso, estadoVerificado (formulario)
Portfolioid, nombre, owner_id, privacidad, vista_default, modo_acceso_proyectosVerificado
Projectid, team_id, nombre, owner_id, privacidad, descripción, estado(en_curso|en_riesgo|con_retraso), fecha_entrega, vista_defaultVerificado
ProjectMemberproject_id, user_id, rol(admin|editor|comentarista|lector)admin/editor verificado; resto (propuesta)
Sectionid, project_id, nombre, posiciónVerificado
Taskid, org_id, título, descripción, assignee_id, fecha_inicio, fecha_entrega, completada_en, parent_id, privacidad, creada_porVerificado
TaskProjecttask_id, project_id, section_id, posiciónVerificado (campo "Proyectos")
TaskPersonalPlacementtask_id, user_id, sección_personal(hoy|próxima_semana|más_tarde|recientes), posiciónVerificado (Mis tareas)
TaskDependencytask_id, bloqueada_por_idVerificado
CustomFieldid, org_id, nombre, tipo(enum|texto|número|fecha|personas), opciones[{nombre,color}], visibilidadVerificado (enum con colores)
CustomFieldSetting / TaskFieldValueproject_id+field_id / task_id+field_id+valor(propuesta)
Comment, Attachmenttask_id, autor, cuerpo, menciones[] / url, nombre, tamañoVerificado
StatusUpdateparent(project|portfolio|goal), estado, texto, autor, fechaVerificado
Viewproject_id, tipo, nombre, ícono, config JSON (filtros, orden, agrupación, columnas, zoom)Verificado (panel Opciones)
Dashboard / Widgetscope(project|user|org), nombre / tipo, fuente, filtros, métrica, agrupaciónVerificado
Ruleproject_id, disparador JSON, condiciones JSON, acciones JSON, activaDocumentación pública
Formproject_id, campos JSON, sección_destinoDocumentación pública
Templatekind(project|task), categoría, snapshot JSONVerificado
Notificationuser_id, tipo, ref, leída, archivada, destacada, creada_enVerificado (pestañas)
Allocationuser_id, project_id, horas_semana, desde, hastaVerificado (pantalla demo)
TimeEntry, Approvaltask_id, user_id, minutos / task_id, estado(pendiente|aprobada|cambios)Documentación pública
AuditLogorg_id, actor, acción, entidad, antes/después(propuesta)
Decisiones de diseño clave
  1. Identificadores numéricos opacos compartidos por todas las entidades (en Asana son de 16 dígitos); facilita enlaces, búsqueda y permisos uniformes.
  2. Multi-pertenencia de tareas (tarea en varios proyectos) mediante tabla de enlace.
  3. Vistas como configuración, no como datos duplicados.
  4. Campos personalizados definidos a nivel de organización y activados por proyecto.

24. Módulos y alcance por fases

MóduloMVPV2V3
Cuentas y organización (dominio, usuarios, equipos)✔SSO/SCIM
Proyectos, secciones, tareas, subtareas✔
Vistas: Lista y Tablero✔Calendario, Cronograma, PanelVistas personalizadas
Detalle de tarea (responsable, fecha, descripción, comentarios, adjuntos)✔Dependencias, multi-proyectoAprobaciones, tiempo
Mis tareas, Inicio, Bandeja✔Widgets configurables
Búsqueda globalTareas y proyectosTodos los tipos
Campos personalizadosEnum y textoTodos los tipos
Compartir y rolesAdmin / Editor / LectorEquipos, enlaces
Reglas y formularios✔Flujos con IA
PlantillasSemilla fijaGuardar propiasCrear con IA, importar
Paneles e informesPanel por proyectoInformes entre proyectos
Portafolios, ObjetivosPortafoliosObjetivos y mapa
Recursos y capacidad✔
IA y agentes, API pública, MCPAPI RESTAgentes, MCP

25. Roles y permisos

NivelRolPuede
OrganizaciónAdministradorDominios, usuarios, plan, ver todo lo público del dominio
OrganizaciónEncargado de facturaciónPlan y pagos
ProyectoAdministrador del proyecto VerificadoAjustes, compartir, eliminar, gestionar miembros
ProyectoEditor VerificadoCrear y editar tareas
ProyectoComentarista / Lector PropuestaComentar / solo ver
Privacidad de proyectoPrivado · Público para el dominioQuién puede encontrarlo
Privacidad de tareaPrivada para los miembros del proyecto · Pública VerificadoVisible fuera del proyecto

26. Estados y reglas de negocio

27. Eventos y notificaciones

EventoDestinatariosCanal
Tarea asignadaResponsableBandeja + email
@mención en comentarioMencionadoPestaña @Mencionado
Comentario en tarea seguidaColaboradoresBandeja
Cambio de fecha / estadoResponsable y seguidoresBandeja
Tarea agregada al proyecto (opcional)Miembros que lo activaronBandeja / email
Actualización de estadoMiembros del proyectoBandeja

Implementación sugerida: cola de eventos (Redis) → generador de notificaciones → entrega en tiempo real (WebSocket) y por correo, con preferencias por usuario.

28. API sugerida

GET    /api/me                              GET/POST /api/projects
GET    /api/projects/:id                    PATCH/DELETE /api/projects/:id
GET/POST /api/projects/:id/sections         GET/POST /api/projects/:id/tasks
GET    /api/tasks/:id                       PATCH /api/tasks/:id      (campos, mover de sección)
POST   /api/tasks/:id/subtasks              POST /api/tasks/:id/dependencies
POST   /api/tasks/:id/comments              POST /api/tasks/:id/attachments
GET    /api/my-tasks                        GET /api/inbox?tab=activity|favorites|archive|mentions
GET    /api/search?q=&type=tasks|projects|…
GET/POST /api/portfolios (+ /:id/projects)  GET/POST /api/goals (+ /:id/links)
GET/POST /api/dashboards (+ /:id/widgets)   GET/POST /api/projects/:id/rules|forms|views
POST   /api/projects/:id/share              GET /api/templates   POST /api/projects/from-template
WS     /ws   (tareas, comentarios, notificaciones en tiempo real)
MCP    servidor MCP con las mismas operaciones (agentes e IAs externas)

29. Arquitectura recomendada

CapaPropuestaMotivo
FrontendVue 3 + Vite, panel lateral para tarea, lucide-vue-next para íconos, drag & dropCoincide con tus otros proyectos
BackendAPI REST + WebSocket (NestJS + Prisma)Tipado, ORM con relaciones muchos-a-muchos
Base de datosPostgreSQL (JSONB para View.config, reglas y snapshots)Relacional + flexibilidad
Tiempo real y colasRedis (pub/sub, BullMQ)Notificaciones, reglas
ArchivosMinIO / S3Adjuntos
BúsquedaPostgreSQL full-text (luego Meilisearch)Simplicidad inicial
DespliegueDocker detrás del proxy actual, subdominio propioMismo flujo que tus proyectos
Oportunidad de reutilizaciónTu proyecto Nexo (SaaS de tickets y proyectos con NestJS, Prisma, Redis y MinIO) ya cubre parte de este stack. Antes de empezar de cero, conviene evaluar si el modelo de Nexo puede extenderse con secciones, vistas y objetivos. Por verificar contra el código de Nexo

30. Hoja de ruta y criterios de aceptación

EtapaEntregaCriterio de aceptación
0 · CimientosOrganización por dominio, usuarios, equipos, autenticación, rolesUn usuario con el dominio puede unirse; un admin gestiona miembros
1 · Núcleo de trabajoProyectos, secciones, tareas, subtareas, Lista y Tablero, Mis tareas, comentariosCrear proyecto, mover tarjeta entre columnas, ver la tarea en "Mis tareas"
2 · ColaboraciónDetalle de tarea completo, adjuntos, @menciones, Bandeja, compartir, búsquedaUna mención genera notificación; una tarea privada no la ve otro proyecto
3 · PlanificaciónCalendario, Cronograma, dependencias, campos personalizados, Panel del proyectoUna dependencia se refleja en el Gantt; un campo filtra y agrupa
4 · AutomatizaciónReglas, formularios, plantillas propias, estados de proyectoUn formulario crea una tarea en la sección elegida; una regla mueve tareas
5 · EstrategiaPortafolios, Objetivos, Informes entre proyectosEl progreso de un objetivo se calcula desde sus tareas enlazadas
6 · Escala e IARecursos, aprobaciones, API pública, MCP, agentes, SSOUn agente externo crea y asigna una tarea por MCP
Siguiente paso sugeridoElegir el alcance de la etapa 1 y convertir los capítulos 23 y 28 en un esquema Prisma y una especificación OpenAPI. Ese material ya está listo para pasarse a un proyecto nuevo (projects/…).
Anexos

A. Mapa de rutas observadas

RutaPantalla
/1/{org}/homeInicio
/1/{org}/inbox/{id}Bandeja de entrada
/1/{org}/project/{gid}/{vista}/{gidVista}Proyecto; vistas overview, list, board, timeline, calendar, dashboard, files; tarea en /task/{gid}
/0/projects/browse · /1/{org}/create-projectExplorar / crear proyectos
/0/portfolios/{id}Portafolios
/1/{org}/goals · /goals/tree/{id} · /goals/list/{id}Objetivos
/0/reporting/{id} · /0/dashboard/{id}Informes y panel
/0/resourcing/{id}Recursos
/0/search?type=…&sort=…Búsqueda (tasks, messages, projects, portfolios, goals, notes, status_update_templates, records, tables)
/admin/{org}/overview | billing | resourcesAdministración

B. Lo que no se verificó

C. Método de elaboración

Script de Playwright con sesión iniciada manualmente, recorrido en solo lectura de 17 pantallas, apertura de menús y paneles sin confirmar acciones, y lectura de 7 páginas públicas de asana.com. Código y capturas originales en projects/analizador. Las capturas de este manual tienen datos personales ocultados.