Este documento presenta una biblioteca de componentes visuales para aplicaciones corporativas. Describe objetivos como unificar la presentación de ideas a nivel corporativo y permitir la ilustración rápida de pantallas usando herramientas como PowerPoint. Luego detalla varios componentes básicos como retículas, ventanas, elementos de navegación, texto, campos de formulario, tablas, controles y más. El propósito es estandarizar el diseño de aplicaciones basadas en estos componentes comunes.
El documento describe los componentes y plantillas utilizados para definir la interfaz de usuario de una aplicación. Explica cómo se definen los tipos de procesos, pasos y elementos visuales necesarios como formularios, tablas y mensajes. También incluye ejemplos de cómo aplicar estos componentes para definir el flujo de pantallas de una búsqueda avanzada.
Este documento proporciona información sobre las funciones estadísticas en Excel como MAX, MIN, PROMEDIO, MEDIANA, MODA y CONTAR.SI. Explica cómo acceder a estas funciones y los pasos para insertarlas. También cubre temas como validación de datos, formato condicionado, filtros y tipos de gráficos en Excel.
Una hoja de cálculo contiene celdas, filas y columnas. Una celda es la intersección de una fila y una columna y puede contener texto, números u otras referencias. La celda activa es aquella seleccionada actualmente. Las fichas de Excel incluyen Insertar, Página Inicio, Datos y Formato. Las barras de herramientas contienen comandos y las celdas muestran información como nombre y fórmulas. Los botones divididos permiten acceder a más opciones y los grupos de la ficha Insertar incl
Este documento describe los tipos de contenido y el módulo CCK en Drupal. Explica que los nodos son la unidad mínima de contenido y que existen diferentes tipos de contenido por defecto o añadidos por módulos. También describe cómo crear nuevos tipos de contenido ya sea con el núcleo de Drupal o con el módulo CCK, el cual permite añadir múltiples campos de diferentes tipos. Finalmente, detalla cómo configurar y personalizar los campos de un tipo de contenido.
Este documento presenta un resumen de las opciones de menú principales en Microsoft Word. Incluye submenús como Inicio, Insertar, Diseño de página, Referencias, Revisar y Vista, los cuales contienen opciones para formato de texto, inserción de tablas, ilustraciones, vínculos, encabezados, pies de página y más. El documento proporciona una descripción detallada pero concisa de cada elemento del menú principal y submenús de Word.
Este documento presenta una introducción a Microsoft Word, definiendo el programa y explicando cómo iniciarlo, conocer su entorno de trabajo y las barras de herramientas. También resume los pasos para crear, guardar, abrir y formatear documentos, así como mover, copiar y borrar texto. Finalmente, cubre temas como tablas, revisión ortográfica e impresión.
Este documento contiene preguntas sobre conceptos básicos de informática con opciones de respuesta múltiple. Aborda temas como hardware, software, sistemas operativos, componentes de una computadora, aplicaciones de Office como Word y Excel, y herramientas de Windows.
Este documento presenta un cuestionario sobre hojas de cálculo. Explica que una hoja de cálculo permite usar datos numéricos y realizar cálculos automáticos. Detalla que una hoja de cálculo típica contiene 256 columnas y 65,536 filas, y define un rango como un grupo de celdas contiguas. Distingue entre fórmulas, que son expresiones matemáticas, y funciones, que son aplicaciones de fórmulas. Finalmente, menciona algunos programas de hoja de cálculo populares como Microsoft Excel,
El documento describe los componentes y plantillas utilizados para definir la interfaz de usuario de una aplicación. Explica cómo se definen los tipos de procesos, pasos y elementos visuales necesarios como formularios, tablas y mensajes. También incluye ejemplos de cómo aplicar estos componentes para definir el flujo de pantallas de una búsqueda avanzada.
Este documento proporciona información sobre las funciones estadísticas en Excel como MAX, MIN, PROMEDIO, MEDIANA, MODA y CONTAR.SI. Explica cómo acceder a estas funciones y los pasos para insertarlas. También cubre temas como validación de datos, formato condicionado, filtros y tipos de gráficos en Excel.
Una hoja de cálculo contiene celdas, filas y columnas. Una celda es la intersección de una fila y una columna y puede contener texto, números u otras referencias. La celda activa es aquella seleccionada actualmente. Las fichas de Excel incluyen Insertar, Página Inicio, Datos y Formato. Las barras de herramientas contienen comandos y las celdas muestran información como nombre y fórmulas. Los botones divididos permiten acceder a más opciones y los grupos de la ficha Insertar incl
Este documento describe los tipos de contenido y el módulo CCK en Drupal. Explica que los nodos son la unidad mínima de contenido y que existen diferentes tipos de contenido por defecto o añadidos por módulos. También describe cómo crear nuevos tipos de contenido ya sea con el núcleo de Drupal o con el módulo CCK, el cual permite añadir múltiples campos de diferentes tipos. Finalmente, detalla cómo configurar y personalizar los campos de un tipo de contenido.
Este documento presenta un resumen de las opciones de menú principales en Microsoft Word. Incluye submenús como Inicio, Insertar, Diseño de página, Referencias, Revisar y Vista, los cuales contienen opciones para formato de texto, inserción de tablas, ilustraciones, vínculos, encabezados, pies de página y más. El documento proporciona una descripción detallada pero concisa de cada elemento del menú principal y submenús de Word.
Este documento presenta una introducción a Microsoft Word, definiendo el programa y explicando cómo iniciarlo, conocer su entorno de trabajo y las barras de herramientas. También resume los pasos para crear, guardar, abrir y formatear documentos, así como mover, copiar y borrar texto. Finalmente, cubre temas como tablas, revisión ortográfica e impresión.
Este documento contiene preguntas sobre conceptos básicos de informática con opciones de respuesta múltiple. Aborda temas como hardware, software, sistemas operativos, componentes de una computadora, aplicaciones de Office como Word y Excel, y herramientas de Windows.
Este documento presenta un cuestionario sobre hojas de cálculo. Explica que una hoja de cálculo permite usar datos numéricos y realizar cálculos automáticos. Detalla que una hoja de cálculo típica contiene 256 columnas y 65,536 filas, y define un rango como un grupo de celdas contiguas. Distingue entre fórmulas, que son expresiones matemáticas, y funciones, que son aplicaciones de fórmulas. Finalmente, menciona algunos programas de hoja de cálculo populares como Microsoft Excel,
Este documento proporciona instrucciones sobre cómo usar las funciones de tablas, viñetas, numeración, corrección ortográfica y otras herramientas de formato en Microsoft Word 2007. Explica los comandos de atajos de teclado y cómo acceder a las diferentes opciones de formato a través de los menús. También incluye ejemplos detallados de cómo crear y personalizar listas, tablas e insertar letras mayúsculas iniciales.
Este documento presenta una introducción a Microsoft Word. Explica cómo iniciar y cerrar Word, así como los diferentes elementos del entorno de trabajo como las barras de herramientas y el panel de tareas. También cubre cómo crear, guardar, abrir y editar documentos, incluyendo la selección, copia y movimiento de texto, y el uso de formatos, tablas e impresión.
Este documento explica cómo crear diferentes tipos de listas en Microsoft Word 2010, incluyendo listas numeradas, listas con viñetas y listas multinivel. Describe los pasos para crear cada tipo de lista utilizando las opciones de formato de lista y viñetas. También incluye capturas de pantalla para ilustrar los diferentes tipos de listas.
El documento lista las diferentes opciones disponibles en la interfaz de Microsoft Word 2007, incluyendo opciones de menú como Archivo, Insertar y Ver, herramientas como Cortar y Pegar, y elementos comunes como documentos, imágenes y sitios de red. También incluye instrucciones paso a paso para formato de texto, inserción de encabezados, imágenes y pies de página.
El documento lista las diferentes opciones disponibles en la barra de menú y barra de herramientas de Microsoft Word, incluyendo opciones para crear y editar documentos, insertar elementos como imágenes e hipervínculos, y aplicar formatos de texto como estilos y numeración. También incluye instrucciones paso a paso para realizar diferentes tareas como crear encabezados, pie de página, tablas y diagramas.
Este documento presenta información sobre las herramientas básicas de una hoja de cálculo de Excel, incluyendo celdas, filas, columnas, fórmulas y gráficos. También explica cómo crear y compartir presentaciones en Google Drive y cómo convertir presentaciones de PowerPoint e Impress a formato de Google Drive.
El documento proporciona instrucciones sobre las funciones básicas de Microsoft Word. Explica cómo alternar ventanas, usar la barra de herramientas de acceso rápido, guardar documentos, buscar y reemplazar texto, aplicar temas y formatos de párrafo como sangría e interlineado. También cubre opciones como tabulaciones, estilos, márgenes y orientación/tamaño de página para organizar el diseño y la apariencia del documento.
Viñetas numeracion y esquema de numeracionpaukeane
Este documento explica cómo usar viñetas, numeración y esquemas numerados en Microsoft Word. Detalla los pasos para aplicar cada una de estas funciones a un texto, incluyendo cómo cambiar los estilos de viñetas y numeración. También describe cómo crear listas anidadas usando la herramienta de esquema numerado.
Este documento proporciona una introducción a Microsoft Excel, incluyendo definiciones de términos comunes como hoja de cálculo, libro, fila, columna y celda. Explica cómo crear y configurar hojas de cálculo, insertar y formatear datos, usar fórmulas y funciones, e insertar gráficos e imágenes. El documento ofrece instrucciones paso a paso para realizar varias tareas comunes en Excel.
Este documento explica cuatro métodos para organizar párrafos mediante numeración, viñetas y esquemas numerados en Microsoft Word. Incluye instrucciones detalladas sobre cómo agregar viñetas o numeración a texto existente, crear listas automáticamente mientras se escribe, y establecer esquemas numerados multinivel. También proporciona un ejemplo de esquema numerado.
Microsoft Excel se usa para realizar cálculos, insertar y analizar datos, generar gráficos y automatizar procesos. Se abre a través del menú Inicio y contiene barras y herramientas para navegar entre hojas, editar fórmulas y celdas, y cambiar la visualización. Su interfaz incluye opciones para realizar tareas comunes y personalizar la experiencia del usuario.
Este documento describe cómo usar las herramientas de numeración, viñetas y esquemas numerados en Microsoft Word. Explica cómo insertar viñetas y numeración para crear listas, y cómo crear listas de esquemas numerados con varios niveles. El objetivo es aprender a utilizar estas herramientas para mejorar la organización y presentación de documentos.
Este documento proporciona una guía de comandos de teclado para QuarkCopyDesk 8.1 en Windows. Incluye comandos para menús, cuadros de diálogo, paletas, la ventana del documento, imágenes y ortografía. Explica cómo realizar tareas como abrir documentos, modificar formatos de texto, buscar y reemplazar texto, y navegar y seleccionar elementos en la interfaz de usuario.
El documento proporciona instrucciones sobre cómo usar la herramienta Table Editor en el sistema Horizon para obtener información estadística de la base de datos y generar informes. Explica cómo acceder a Horizon, abrir Table Editor, realizar búsquedas simples y compuestas, seleccionar campos para visualizar, ordenar resultados, y exportar informes a Excel para su análisis. Recomienda comenzar con informes sencillos y consistentes para practicar el uso de las funciones de Table Editor.
El documento describe las diferentes partes de una ventana de Microsoft Word, incluyendo la barra de títulos, botones de maximizar y cerrar, barra de herramientas, reglas horizontal y vertical, barra de desplazamiento, área de trabajo e inicio. También describe las diferentes pestañas de Word para archivo, inicio, inserción, diseño de página, referencias, correspondencia, revisión, vista y programador.
El documento presenta información sobre diferentes temas y operaciones relacionadas con planillas de cálculo en Excel, incluyendo ordenar datos, filtrar datos, usar formularios, agregar subtotales, validar datos ingresados y crear gráficos. Explica los pasos para realizar cada operación de manera concisa a través de ejemplos.
Este documento presenta los pasos para transferir una presentación de SlideShare a un blog. Estos incluyen seleccionar la presentación en SlideShare, copiar el código embed, pegar el código en una nueva entrada de blog en HTML, y publicar la entrada para ver la presentación en el blog. También presenta brevemente cómo crear una cuenta en Scribd.
Este documento presenta una introducción a Excel 2013. Define una hoja de cálculo como una aplicación para manipular datos y números mediante una tabla dinámica. Detalla las funciones principales de Excel 2013 como tablas dinámicas, gráficos recomendados, análisis rápido y control de formato. Explica cómo ingresar al programa, conocer la interfaz y las pestañas o fichas, y manejar hojas, celdas, selecciones y referencias. Finalmente, introduce conceptos básicos sobre formato, edición, funciones como contar,
asistente que guía al usuario en la creación de objetos como tablas, consultas,
formularios e informes mediante una serie de preguntas. El asistente genera el objeto
automáticamente en función de las respuestas dadas por el usuario).
Los formularios permiten:
- Ver, agregar, modificar y eliminar registros de una o más tablas.
- Añadir controles como botones, cuadros de lista y cuadros de combinación para
seleccionar registros.
- Personalizar la apariencia y el diseño de la interfaz de usuario.
Este documento proporciona una guía sobre cómo ensamblar e interactuar entre formularios en Visual Basic 2010. Explica cómo iniciar un nuevo proyecto en Visual Basic, las partes principales de la ventana como la barra de herramientas, el cuadro de herramientas y las propiedades. También describe los controles comunes como botones, casillas de verificación y cuadros de texto, así como objetos como grupos y paneles de diseño de tabla.
Más contenido relacionado
Similar a 2140_Biblioteca_Componentes_Visuales_Diseño_Rápido_Pantallas.ppt
Este documento proporciona instrucciones sobre cómo usar las funciones de tablas, viñetas, numeración, corrección ortográfica y otras herramientas de formato en Microsoft Word 2007. Explica los comandos de atajos de teclado y cómo acceder a las diferentes opciones de formato a través de los menús. También incluye ejemplos detallados de cómo crear y personalizar listas, tablas e insertar letras mayúsculas iniciales.
Este documento presenta una introducción a Microsoft Word. Explica cómo iniciar y cerrar Word, así como los diferentes elementos del entorno de trabajo como las barras de herramientas y el panel de tareas. También cubre cómo crear, guardar, abrir y editar documentos, incluyendo la selección, copia y movimiento de texto, y el uso de formatos, tablas e impresión.
Este documento explica cómo crear diferentes tipos de listas en Microsoft Word 2010, incluyendo listas numeradas, listas con viñetas y listas multinivel. Describe los pasos para crear cada tipo de lista utilizando las opciones de formato de lista y viñetas. También incluye capturas de pantalla para ilustrar los diferentes tipos de listas.
El documento lista las diferentes opciones disponibles en la interfaz de Microsoft Word 2007, incluyendo opciones de menú como Archivo, Insertar y Ver, herramientas como Cortar y Pegar, y elementos comunes como documentos, imágenes y sitios de red. También incluye instrucciones paso a paso para formato de texto, inserción de encabezados, imágenes y pies de página.
El documento lista las diferentes opciones disponibles en la barra de menú y barra de herramientas de Microsoft Word, incluyendo opciones para crear y editar documentos, insertar elementos como imágenes e hipervínculos, y aplicar formatos de texto como estilos y numeración. También incluye instrucciones paso a paso para realizar diferentes tareas como crear encabezados, pie de página, tablas y diagramas.
Este documento presenta información sobre las herramientas básicas de una hoja de cálculo de Excel, incluyendo celdas, filas, columnas, fórmulas y gráficos. También explica cómo crear y compartir presentaciones en Google Drive y cómo convertir presentaciones de PowerPoint e Impress a formato de Google Drive.
El documento proporciona instrucciones sobre las funciones básicas de Microsoft Word. Explica cómo alternar ventanas, usar la barra de herramientas de acceso rápido, guardar documentos, buscar y reemplazar texto, aplicar temas y formatos de párrafo como sangría e interlineado. También cubre opciones como tabulaciones, estilos, márgenes y orientación/tamaño de página para organizar el diseño y la apariencia del documento.
Viñetas numeracion y esquema de numeracionpaukeane
Este documento explica cómo usar viñetas, numeración y esquemas numerados en Microsoft Word. Detalla los pasos para aplicar cada una de estas funciones a un texto, incluyendo cómo cambiar los estilos de viñetas y numeración. También describe cómo crear listas anidadas usando la herramienta de esquema numerado.
Este documento proporciona una introducción a Microsoft Excel, incluyendo definiciones de términos comunes como hoja de cálculo, libro, fila, columna y celda. Explica cómo crear y configurar hojas de cálculo, insertar y formatear datos, usar fórmulas y funciones, e insertar gráficos e imágenes. El documento ofrece instrucciones paso a paso para realizar varias tareas comunes en Excel.
Este documento explica cuatro métodos para organizar párrafos mediante numeración, viñetas y esquemas numerados en Microsoft Word. Incluye instrucciones detalladas sobre cómo agregar viñetas o numeración a texto existente, crear listas automáticamente mientras se escribe, y establecer esquemas numerados multinivel. También proporciona un ejemplo de esquema numerado.
Microsoft Excel se usa para realizar cálculos, insertar y analizar datos, generar gráficos y automatizar procesos. Se abre a través del menú Inicio y contiene barras y herramientas para navegar entre hojas, editar fórmulas y celdas, y cambiar la visualización. Su interfaz incluye opciones para realizar tareas comunes y personalizar la experiencia del usuario.
Este documento describe cómo usar las herramientas de numeración, viñetas y esquemas numerados en Microsoft Word. Explica cómo insertar viñetas y numeración para crear listas, y cómo crear listas de esquemas numerados con varios niveles. El objetivo es aprender a utilizar estas herramientas para mejorar la organización y presentación de documentos.
Este documento proporciona una guía de comandos de teclado para QuarkCopyDesk 8.1 en Windows. Incluye comandos para menús, cuadros de diálogo, paletas, la ventana del documento, imágenes y ortografía. Explica cómo realizar tareas como abrir documentos, modificar formatos de texto, buscar y reemplazar texto, y navegar y seleccionar elementos en la interfaz de usuario.
El documento proporciona instrucciones sobre cómo usar la herramienta Table Editor en el sistema Horizon para obtener información estadística de la base de datos y generar informes. Explica cómo acceder a Horizon, abrir Table Editor, realizar búsquedas simples y compuestas, seleccionar campos para visualizar, ordenar resultados, y exportar informes a Excel para su análisis. Recomienda comenzar con informes sencillos y consistentes para practicar el uso de las funciones de Table Editor.
El documento describe las diferentes partes de una ventana de Microsoft Word, incluyendo la barra de títulos, botones de maximizar y cerrar, barra de herramientas, reglas horizontal y vertical, barra de desplazamiento, área de trabajo e inicio. También describe las diferentes pestañas de Word para archivo, inicio, inserción, diseño de página, referencias, correspondencia, revisión, vista y programador.
El documento presenta información sobre diferentes temas y operaciones relacionadas con planillas de cálculo en Excel, incluyendo ordenar datos, filtrar datos, usar formularios, agregar subtotales, validar datos ingresados y crear gráficos. Explica los pasos para realizar cada operación de manera concisa a través de ejemplos.
Este documento presenta los pasos para transferir una presentación de SlideShare a un blog. Estos incluyen seleccionar la presentación en SlideShare, copiar el código embed, pegar el código en una nueva entrada de blog en HTML, y publicar la entrada para ver la presentación en el blog. También presenta brevemente cómo crear una cuenta en Scribd.
Este documento presenta una introducción a Excel 2013. Define una hoja de cálculo como una aplicación para manipular datos y números mediante una tabla dinámica. Detalla las funciones principales de Excel 2013 como tablas dinámicas, gráficos recomendados, análisis rápido y control de formato. Explica cómo ingresar al programa, conocer la interfaz y las pestañas o fichas, y manejar hojas, celdas, selecciones y referencias. Finalmente, introduce conceptos básicos sobre formato, edición, funciones como contar,
asistente que guía al usuario en la creación de objetos como tablas, consultas,
formularios e informes mediante una serie de preguntas. El asistente genera el objeto
automáticamente en función de las respuestas dadas por el usuario).
Los formularios permiten:
- Ver, agregar, modificar y eliminar registros de una o más tablas.
- Añadir controles como botones, cuadros de lista y cuadros de combinación para
seleccionar registros.
- Personalizar la apariencia y el diseño de la interfaz de usuario.
Este documento proporciona una guía sobre cómo ensamblar e interactuar entre formularios en Visual Basic 2010. Explica cómo iniciar un nuevo proyecto en Visual Basic, las partes principales de la ventana como la barra de herramientas, el cuadro de herramientas y las propiedades. También describe los controles comunes como botones, casillas de verificación y cuadros de texto, así como objetos como grupos y paneles de diseño de tabla.
Similar a 2140_Biblioteca_Componentes_Visuales_Diseño_Rápido_Pantallas.ppt (20)
4. Objetivos de la biblioteca de componentes visuales
El objetivo principal, es que el planteamiento de diseño y
construcción de las aplicaciones, sea en base a
componentes comunes para toda la organización.
De esta forma se alcanzan otros objetivos más específicos como son:
• Unificar la visualización de ideas a nivel corporativo.
• Permitir la ilustración rápida de pantallas para representar ideas con una
herramienta que se utiliza a nivel corporativo (MS Power Point).
• Que las pantallas ilustradas se puedan editar siempre que se quiera y de forma
rápida.
• Que las pantallas ilustradas se integren con una presentación de forma nativa.
5. Retícula y Ventanas
Retícula 1024 x 768
Ventana de 1024 x 768px
Ventana de 800x600px
Ventana Pop-Up
Mensajes de sistema en ventana modal
Ventana login
2
10. Mensajes de sistema en ventana modal
Título del mensaje de aviso
El sistema requiere una selección
Cancelar Eliminar
Título del mensaje de aviso
El contenido de esta ventana es pertinente a su
tamaño aunque su altura es variable.
Se ubica centrado dentro de los límites de la zona
marcada, respetando las cotas mínimas del
componente.
Cancelar Aceptar
« Volver Aceptar
Alta de registro
* Tipo de registro
DNI
* Número de documento
59330497B
* Código de registro
1234567890000
13 caracteres máx.
8 dígitos y una letra, sin espacio
Los datos del registro se han modificado
Cerrar ventana
11. Ventana de login
Acceso a [nombre aplicación]
Usuario
Contraseña
Elección adicional
Entrar
Entrar
Enlace alternativo
***
E00
****
E002692
Ejemplo de dos líneas de texto con un
mensaje de error
13. Cabecera
OCA3
Día, dd/mm/aaaa - HH:MM:SS – Centro Directivo 0000000
Nombre Apellido Apellido – E001111 usuario
Barra de herramientas Menú auxiliar
Cambio de clave
Cambio de usuario
Buzón de peticiones
Gestión de sesión
Cambio de clave
Cambio de usuario
Buzón de peticiones
Tooltip opción CAU
A-Z
APPS
ALERTAS
TAREAS
EJEMPLO
EJEMPLO CAU
A-Z APPS ALERTAS TAREAS
« Lista Acciones 6
Formulario Alta TLF: 91 999 999
Fecha alta
dd/mm/aaaa
Tipo
Uso de la aplicación
Descripción
I
250 caracteres máx.
Mover a la lista
- -
Guardar
Enviar
Nombre extenso de la aplicación
14. Navegación de la aplicación
Quinto nivel seleccionado
Opción en reposo Mouse over
Opción seleccionada
Opción en reposo Mouse over
Opción seleccionada 4
3
Segundo nivel plegado con
etiqueta de dos filas e hijos
4
Segundo nivel expandido 6
Segundo nivel
Tercer nivel
Cuarto nivel
5
Quinto nivel mouse over
Segundo nivel mouse over
Tercer nivel mouse over
Cuarto nivel mouse over
Si la etiqueta de una opción
de menú es extensa y do…
4
6
Si la etiqueta de una opción de
menú es extensa y dos filas no
son suficiente, se utiliza punto
suspensivo y un tooltip.
Opción en reposo
Opción en reposo
5
6
6
6
Opción en reposo
Mouse over Opción seleccionada
Opción 3
Opción cuatro
Segundo nivel
Segundo nivel con una etiqueta
de dos filas
Mouse over y clic
Menú de navegación / flotante
Menú de navegación / vertical
Menú de navegación / pestañas
Opción seleccionada Mouse over
Opción en reposo Opción 3
Opción cuatro
Segundo nivel
Segundo nivel con una etiqueta
de dos filas
Mouse over y clic
15. Navegación del contenido (1 de 2)
Breadcrumb (Miga de pan)
Inicio > Primer nivel de navegación > Segundo nivel > Tercer nivel > Cuarto nivel de navegación > Opción seleccionada
Inicio > Primer nivel de navegación con un literal extenso > … > Cuarto nivel de navegación > Opción seleccionada
Segundo nivel > Tercer nivel
Pasos de navegación de un proceso
1Primer paso de
un proceso 2Pasos intermedios
del proceso 3 Fin de la tarea
1Primer paso de
un proceso 2Pasos intermedios
del proceso 3 Fin de la tarea
1Primer paso de
un proceso 2Pasos intermedios
del proceso 3 Fin de la tarea
16. Navegación del contenido (2 de 2)
Paginación de resultados
250 Registros encontrados Página 1 de 13 « Anterior 1 2 3 4 5 Siguiente »
Categorización alfabética (propuesta)
Etiqueta opcional: 0-9 ABC DEF GHI JKL MNO PQRS TUV WXYZ
17. Textos
Pestaña activa Pestaña en reposo Mouse Over + Clic
Título de módulo
Texto normal – etiqueta de campo
Título de página
Identificador de sesión
Segundo nivel de menú
Tercer nivel de menú
Cuarto nivel de menú
Breadcrumb > Enlace > Contenido actual
Nombre aplicación
Quinto nivel de menú
seleccionado *Campo obligatorio Formato del campo Enlace
« Volver Continuar »
Título de un grupo de enlaces
Viñeta de primer nivel
– Enlace número uno
– Segundo enlace del segundo nivel
– Enlace número tres
– Cuarto enlace
Pié de imagen
“Cuando un texto es la transcripción literal de otro, debe representarse como una cita, tabulado 15px” en el margen
izquierdo y entre comillas. “ La referencia de la cita se propone en cursiva.
Un enlace puede ir dentro de un párrafo , aunque si va a abrir una ventana nueva, debe indicarlo 2
Un párrafo o texto más largo en páginas como las de ayuda, puede listar una serie de ítems que no son enlaces
sino texto estático. El formato de este texto es:
• Indentado el margen izquierdo..
• Es un texto gris #333333 de 12px de tamaño.
18. Campos de formulario (1 de 3)
Texto introductorio si se quiere incluir al inicio del módulo
Título del grupo
Entrada de texto
I
* Campo obligatorio
I
Fecha Inicio
I
13 caracteres máx.
dd/mm/aaaa
Código
I
* Campo erróneo
I
Hora Fin
I
hh:mm:ss
Grupo de checkboxes
Etiqueta de checkbox
x Checkbox seleccionado (formato
alternativo)
Checkbox inactivo
Etiqueta de radio button
a Checkbox seleccionado
Buscador de campo
I …
Grupo de radio buttons
Segundo radio button
Tercera opción con mouse over
y clic
Título del grupo de datos
Combo box Campo inactivo Drop down menú
Seleccionar una o varias opcio…
Alternativa primera de la lista
Segunda opción mouse over
Tercer ítem para seleccionar
Cuarta opción con el texto ext…
Alternativa primera de la lista
Segunda opción mouse over
Tercer ítem para seleccionar
Cuarta opción con el texto extenso
Seleccione el tipo de búsqueda
Opción número 1 Opción número 2
19. Campos de formulario (2 de 3)
Texto introductorio si se quiere incluir al inicio del módulo
Título del módulo
Activo Inactivo Mouse over y click
Ejemplo de dos filas
en reposo
On mouse over y clic Pestaña activa Literal de una fila
Búsqueda avanzada
»
Búsqueda ampliada
con datos
Búsqueda avanzada
»
Ampliar búsqueda
Búsqueda avanzada
»
Plegar
»
Pestañas
Entrada de texto
Criterio
13 caracteres máx.
Módulo de bandejas para selección de varios ítems de una lista larga
Listado inicial
Alternativa primera de la lista
Segunda opción mouse over
Tercer ítem para seleccionar
Cuarta opción con el texto ext…
Listado final
>>
>
<
<<
Alternativa primera de la lista
Módulo con contenido plegable
Pié de módulo
20. Campos de formulario (3 de 3)
Título del módulo colapsado
Ejemplo de módulo con bandejas
Activo Inactivo Mouse over y click
Entrada de texto
I
* Campo obligatorio
I
Fecha Inicio
I
13 caracteres máx.
dd/mm/aaaa
Código
I
* Campo erróneo
I
Hora Fin
I
hh:mm:ss
Buscador de campo
I …
Título del módulo desplegado
Listado inicial
Alternativa primera de la lista
Segunda opción mouse over
Tercer ítem para seleccionar
Cuarta opción con el texto ext…
Listado final
Añadir todos >>
Añadir >
< Quitar
<< Quitar todos
Alternativa primera de la lista
Activo Inactivo Mouse over y click
« Volver Continuar »
Plegar todos
»
>>
>
<
<<
Ampliar todos
»
Módulos colapsables
21. Tablas (1 de 2)
Tabla simple
Título de la tabla simple
Activo Inactivo Mouse over y click
Código envío Situación del
envío
Reembolso Referencia del envío Ab
6 5 5 5
PE900549917658797543 Entregado Sí Alfanumérico cincuenta carac… Sí
PE900549917658797543 Entregado Sí Alfanumérico cincuenta carac… Sí
PE900549917658797543 Entregado Sí Alfanumérico cincuenta carac… Sí
PE900549917658797543 Entregado Sí Alfanumérico cincuenta carac… Sí
PE900549917658797543 Entregado Sí Alfanumérico cincuenta carac… Sí
PE900549917658797543 Entregado Sí Alfanumérico cincuenta carac… Sí
a
22. Tablas (2 de 2)
Tabla compleja
Código envío Situación del
envío
Leyenda Referencia del envío Importe
pagado
Tramo del envío Ab
6 5 5 5 5 5
PE900549917658797543 Entregado g Alfanumérico cincuenta carac… 987542,00 KPG453698 Sí
PE900549917658797543 Entregado g Alfanumérico cincuenta carac… 987542,00 KPG453698 Sí
PE900549917658797543 Entregado g Alfanumérico cincuenta carac… 987542,00 KPG453698 Sí
PE900549917658797543 Entregado g Alfanumérico cincuenta carac… 987542,00 KPG453698 Sí
PE900549917658797543 Entregado g Alfanumérico cincuenta carac… 987542,00 KPG453698 Sí
PE900549917658797543 Entregado g Alfanumérico cincuenta carac… 987542,00 KPG453698 Sí
a
250 Registros encontrados Página 1 de 13 « Anterior 1 2 3 4 5 6 Siguiente» Limpiar Modificar
Título de la tabla de resultados Exportar a PDF XSL
Mostrar
10/pág
PE900549917658797543 Entregado g Alfanumérico cincuenta carac… 987542,00 KPG453698 Sí
Título del detalle de la fila expandida
Otro dato de salida
Campo de salida de dos textos
Primer dato de detalle
Dato 1 Segundo dato
■ Opción de leyenda 2
■ Opción de leyenda 1
Fecha inicio
I
Tooltip opción
Tooltip opción
23. Datos de contexto (1 de 2)
Primer campo de salida
Primer campo de salida
Combo box
Combo
Checkboxes como dato de salida
r Checkbox seleccionado (formato alternativo)
Label de checkbox
a Checkbox seleccionado
…
›
Su código de reclamación es el 66778890
Operación realizada correctamente
Por favor, complete los datos obligatorios
Operación realizada correctamente
Mensajes en la misma ventana
?
Error de datos completados en la
pantalla de login.
50%
Carga de un documento
Documento en proceso.txt Cancelar
Datos de salida de formulario
24. Mensaje de espera (pop Up)
Datos de contexto (2 de 2)
Cancelar
Un momento, por favor…
25. Controles (1 de 2)
Botón buscar Ventana Login
Buscar Buscar
Buscar Entrar Entrar
Mouse over
Mouse over
Borrar Editar
Botones de módulo
Botón múltiple
Primer ítem de opciones
Segunda alternativa
Acción tres mouse over
Cuarta operativa
Mouse over
Botón múltiple Botón múltiple
Editar
Botones de página
Continuar >>
<< Volver Continuar >>
<< Volver Continuar >>
<< Volver
Botones de bandejas
>>
>
<
<<
Añadir todos >>
Añadir >
< Quitar
<< Quitar todos
>>
>
<
Añadir todos >>
Añadir >
< Quitar
<< Quitar todos
>>
>
<
<<
Añadir todos >>
Añadir >
< Quitar
<< Quitar todos
<<
26. Controles (2 de 2)
Plegar y desplegar
5
6
5
6
5
6
5
6
› › ›
Cambio de clave
Cambio de usuario
Buzón de peticiones
Gestión de sesión
Cambio de clave
Cambio de usuario
Buzón de peticiones
Gestión de sesión
4
3
»
«
4
Navegación
Iconos
r r … ?
… ? 07
06
05
04
03
02
01
14
13
12
11
10
09
08
21
20
19
18
17
16
15
28
27
26
25
24
23
22
31
30
29
L M X J V S D
« Noviembre » 2010 r
28. Muchas gracias
DIRECCIÓN DE TECNOLOGÍA, SISTEMAS E INNOVACIÓN
Subdirección de Innovación y e-Business
Área de Arquitectura Empresarial y Negocio Electrónico