Disenyo de interfaces

[pic]

Guía de Diseño de Interfaz de Usuario

PCD Constructora
Versión





Revisión Histórica
|Fecha |Versión |Descripción |Autor |
| | | | |
| || | |
| | | | |
| | | | |
| | || |

Tabla de Contenido

1. Introducción 1

2. Definición de Nombres de Elementos 1
2.1 Swing Components 2
2.2 Swing Containers 3
2.3 Swing Menus 4

3. Dimensiones y Colocación de Elementos 4
3.1 Swing Components 4
3.2 Swing Containers 5
3.3 Swing Menus 5

4. Ubicación de Elementos 6
4.1 Tabla deelementos específicos 7
4.2 Calendarios 7
4.3 Frame 7
4.3.1 Barra de Título 7
4.3.2 Ruta de acceso 7
4.3.3 Botones de Sección de registro 7
4.3.4 Deshabilitación del cierre de ventana 7
4.4 JPanel 7
4.5 Botones 7
4.5.1 Botón cancelar 8
4.5.2 Botón agregar 8
4.6 Validaciones 8
4.6.1 Validar campos requeridos 8
4.7 Ubicación gráfica 8
4.7.1 PantallaPrincipal 10
4.7.2 Captura de Caso de Enfermedad Específica 10
4.7.3 Catálogos 11

5. Reglas de Oro en el Diseño de Interfaces de Usuario 11
5.1 Darle al Usuario el Control 11
5.2 Reducir la carga de memoria al usuario 12
5.3 Hacer Consistente la Interface 13



PCD Constructora

Introducción

El propósito de este documento es de definir los lineamientos que sedeben seguir para la realización de las interfaces de usuario para el sistema PCD Constructora. Esto con el fin de estandarizar la elaboración de éstas en cuanto al nombramiento y localización de los elementos que serán utilizados en las interfaces. La elaboración de estas interfaces también busca responder a las recomendaciones de las Reglas de Oro que permiten dar control al usuario sobre lasmismas, reducir su carga de memoria y hacer consistente la presentación de las interfaces.


Definición de Nombres de Elementos


1 Swing Components

|Swing Components |
|Elemento |Definición de nombre|
|JButton |Su nombre iniciará con bt y le seguirá el nombre o abreviatura de la acción que realiza. |
|[pic] |Ej. btAceptar |
|JCheckBox |Su nombre iniciará con chb y le seguirá el nombre o abreviatura dela opción a la que hace referencia, si son|
|[pic] |varios para una sola opción el nombre puede terminar con un número sucesivo. |
| |Ej. chOpcion, chOpcion1, chOpcion2, … , chOpcion(n) |
|JRadioButton |Su nombre iniciará con rb y le seguirá el nombre oabreviatura de la opción a la que hace referencia, si son |
|[pic] |varios para una sola opción el nombre puede terminar con un número sucesivo. |
| |Ej. rbSi, rbSi1, rbSi2, … , rbSi(n) |
|JToggleButton |Su nombre iniciará con tg y le...