1. Grupo de diagramas
1.1. blueprints
1.1.1. principales áreas de organización y rotulado
1.1.2. parten de lo general a lo particular
1.1.3. abstracto a lo concreto
1.2. wireframe
1.2.1. mostrar el contenido de las páginas
1.2.1.1. concreta elementos que se plantearon en el primero
1.2.1.2. ubica en las páginas o pantallas el producto final.
1.2.2. prototipos de baja fidelidad
1.2.2.1. blanco y negro
1.2.3. Nivel de prototipos
1.2.3.1. baja fidelidad o estáticos (wireframes, mockup)
1.2.3.2. fidelidad intermedia (diseño gráfico)
1.2.3.3. alta fidelidad o dinámicos (Web, HTML)
2. Sotware de diagramación
2.1. se clasifican en 2 grupos
2.1.1. ideados para hacer diagramas
2.1.1.1. Freemind
2.1.2. no fueron pensados para diagramación
2.1.2.1. Adobe Illustrator
3. Propuesta del autor
3.1. Diagramas de organización (planos - blueprints)
3.1.1. íconos
3.1.1.1. elementos básicos
3.2. Diagramas de funcionamiento (planos avanzados - blueprints)
3.2.1. imagen
3.2.1.1. Nuevo nodo
3.2.2. video
3.2.3. texto
3.2.4. buscador
3.2.5. gráfico
3.2.6. niveles y tipos de navegación
3.3. Diagramas de presentación (maquetas - wireframes)
3.3.1. esqueleto organizativo de la interfaz
3.3.1.1. página inicial
3.3.1.2. páginas interiores
3.3.1.3. páginas de productos
4. representación mediante diagramas
4.1. estructura
4.2. funcionamiento
4.3. comportamiento
5. Diagramas
5.1. Información recogida durante la investigación de la audiencia
5.2. representación de los contenidos que tendrá un producto digital
5.2.1. esquema
5.2.1.1. vocabulario visual
5.2.1.1.1. símbolos geométricos
5.2.1.1.2. flechas
5.2.1.1.3. líneas
6. Representación
6.1. guiones de navegación
6.1.1. funcionamiento de los productos electrónicos