DISEO DE FORMULARIOS POR

COMPUTADORA

Qu son los formularios?

Los formularios son instrumentos

importantes para dirigir el curso del
trabajo.

Lineamientos para el
Diseo de Pantallas

Mantener la sencillez de la pantalla.

Mantener consistente la presentacin
de la pantalla.
Facilitar el movimiento del usuario
entre las pantallas y pginas
desplegadas.
Crear pantallas atractivas.

CMO MANTENER LA
SENCILLEZ DE LA
PANTALLA?

La pantalla slo debe mostrar lo que sea

necesario para emprender una accin
particular. (50% de la info debe ser til)
Tres secciones de pantalla:
Superior: presenta el encabezado que contiene los

ttulos del software y de los archivos abiertos, de

mens desplegables e iconos que realizan tareas
especficas.
Media: El cuerpo de la pantalla se puede usar para la entrada

de datos y se organiza de izquierda a derecha y de arriba

abajo. Se deben proporcionar ttulos e instrucciones que
ayuden al usuario a teclear los datos correctos en el lugar

correspondiente.

 La tercera seccin de la pantalla corresponde a

"los comentarios y las instrucciones". Esta seccin

podra desplegar un men corto de comandos que
le recuerdan al usuario elementos bsicos.

Otra forma de mantener la sencillez

de la pantalla es usar la ayuda
sensible al contexto y otras
ventanas desplegables.

CMO MANTENER CONSISTENCIA

EN LA PANTALLA?

Si los usuarios estn trabajando desde

los formularios impresos, las pantallas
deben seguir lo que se muestra en el
papel. Las pantallas se pueden
mantener consistentes al colocar
informacin en la misma rea cada vez
que se accede una nueva pantalla.
Tambin, la informacin relacionada
lgicamente se debe agrupar de forma
consistente.

CMO FACILITAR EL
MOVIMIENTO?

El tercer lineamiento para el diseo

adecuado de pantallas es hacerlo fcil
de mover de una pgina a otra. La
regla de los tres clics dice que los
usuarios deben poder obtener las
pginas que necesitan con slo tres
clics del ratn o del teclado.

Otro mtodo comn para el

movimiento es que los usuarios tengan
la sensacin de que se estn moviendo
fsicamente a una pgina nueva.
Desplazamiento usando las flechas de

las teclas de PgDn (Av Pg).

Ventanas emergentes sensibles al
contexto.
Dilogo en pantalla.

CMO DISEAR UNA

PANTALLA ATRACTIVA?

Las pantallas deben atraer a los

usuarios hacia ellos y deben atrapar su
atencin.
(video, imagen, diferentes tipos de fuentes)

Use flujos lgicos en el diseo de sus

pginas desplegadas.

USO DE COLOR EN EL
DISEO DE PANTALLAS

Las cinco combinaciones ms legibles de un

texto en primer plano sobre un fondo son
(empezando con la combinacin ms legible):
1. Negro sobre amarillo.
2. Verde sobre blanco.
3. Azul sobre blanco.
4. Blanco sobre azul.
5. Amarillo sobre negro.

Los menos legibles son rojo sobre verde y azul

sobre rojo.

USO DE ICONOS EN EL
DISEO DE PANTALLAS

Los iconos son representaciones

grficas en pantalla que simbolizan las
acciones de la computadora y que los
usuarios podran seleccionar usando
cualquier dispositivos.

Lineamientos para el diseo

de iconos eficaces

Las formas se deben reconocer con

facilidad.
Los iconos para una aplicacin
particular se deben limitar
aproximadamente a 20 figuras
reconocibles.
Use los iconos de forma consistente.
Los iconos son tiles si son
significativos.

DISEO DE UN SITIO WEB

Use herramientas profesionales

Estudie otros sitios Web
Use los recursos que Web ofrece
Examine los sitios Web de diseadores
profesionales
Use las herramientas que ha aprendido
Consulte libros
Revise algunos ejemplos pobres de pginas Web
Elabore sus propias plantillas

Use plug-ins, audio y vdeo con moderacin

Disee con anticipacin
1. Estructura.
2. Contenido.
3. Texto.
4. Grficos.
5. Estilo de presentacin.
6. Navegacin.
7. Promocin.

ESTILO DE PRESENTACIN

Proporcione una pantalla de entrada

(tambin llamada pgina de inicio) que
introduce al visitante al sitio Web.

La pgina se
debe disear
para cargar
rpidamente.
Una regla
general til es
disear una
pgina que
cargar en 14
segundos.
La pgina de
inicio debe
contener varias
opciones,
parecido a un
men.

Mantenga el nmero de grficos a un mnimo

razonable.
Para los ttulos use fuentes grandes y con color.
Use imgenes y botones interesantes para los
vnculos.
Use tablas para mejorar un diseo.
Use la misma imagen grfica en varias pginas
Web.
Evite el uso excesivo de animacin, sonido y
otros elementos.

TRABAJO INDIVIDUAL
Resolucin de las Preguntas de Repaso
Pag. 428 PDF