República Bolivariana de VenezuelaMinisterio del Poder Popular para la Defensa

Universidad Nacional Experimental de La Fuerza ArmadaNúcleo - Lara

ENTRADAS Y SALIDAS

Barquisimeto, Mayo de 2010

República Bolivariana de VenezuelaMinisterio del Poder Popular para la Defensa

Universidad Nacional Experimental de La Fuerza ArmadaNúcleo - Lara

Barquisimeto, Mayo de 2010

Materia: Diseño de SistemasProfesor: Msc. Manuel MujicaSección: 7N1IS

Elaborado Por:Bastidas HeyvarDe Abreu AlfredoGarcía ZoilaPerdomo JoselinTorres MaryZambrano Humberto

Diseño de Prototipos: Entradas

EL DISEÑO DE ENTRADA DEBE

SATISFACER

Objetivos de Efectividad

Consistencia y Atractivo

Facilidad de Uso

Precisión

Diseño de Prototipos: Salidas

Elaboración de FormatosDe Salida

Creación y Diseño de Salida de Pantallas

¿Qué quieren ver los usuarios?• Apariencia clara y ordenada• Indicación obvia de lo que se muestra y lo que se debería hacer

con él• Información esperada situada donde debería estar• Clara indicación de qué se relaciona con qué, incluyendo opciones,

encabezados, leyendas, datos, entre otros.• Idioma conocido• Forma sencilla de descubrir qué hay en el sistema• Clara indicación de cuándo una acción puede realizar un cambio

permanente en los datos o sistema

Lineamientos para el Diseño de Pantallas

1. Mantener el informe en pantalla simple.2. Ser consistente en la presentación.3. Facilitar el movimiento del usuario entre la salida desplegada.4. Crear un informe en pantalla atractivo.

Significado y propósito de la pantalla

Todos los elementos de la pantalla ……..– Controles– Texto– Organización de pantalla– Énfasis– Colores– Gráficos– Animaciones– Mensajes– Cualquier forma de retroalimentación…deben:– Tener significado para los usuarios– Servir para realizar tareas

Ordenación de Datos y Contenidos

• Dividir información en unidades que sean lógicas, significativas y Sensatas

• Organizar en función del grado de interrelación entre datos e Información

• Proporcionar ordenación de unidades de pantalla de información y elementos priorizados

según las expectativas de usuario y sus necesidades

• Posibles esquemas de ordenación: secuencia de uso, frecuencia de uso, función, importancia,

de lo general a lo específico

• Formar grupos que cubren todas las posibilidades

• Asegurar que toda la información a comparar es visible al mismo Tiempo

• Asegurar que sólo se muestra información relativa a las tareas o necesidades de los usuarios

Secciones de una Pantalla

Encabezado

Cuerpo

Comentario e Instrucciones

Creación y Diseño de Salida Impresa

Fuente Información

Requerimientos

Diccionario de Datos

Informe Impreso

Lineamientos para Diseñar un Informe Impreso

• Convenciones para el diseño de un informe. o Información constante.

Información que permanece igual cada vez que se imprime el reporte.

Ejemplo: Títulos del reporte y los encabezados de columna. o Información

variable. Varía cada vez que el reporte es impreso. Ejemplo: Cifras de

ventas en bolívares fuertes.

• Calidad tipo y tamaño del papel.

• Consideraciones de diseño.

• Atributos funcionales. Incluyen: El encabezado o titulo del informe, el numero de

pagina, la fecha de elaboración, los títulos de columna, la agrupación de

elementos de datos relacionados entre si y el uso de subtotales.

• Atributos estilístico/estéticos

Creación de Formularios

• Útiles• Completos• Fácil de Contestar• Propósito Definido• Precisos• Atractivos

UN FORMULARIO ES EL AGOLPAMIENTO LÓGICO DE LA INFORMACIÓN

Flujo de Formularios

1. Encabezado.

2. Identificación y acceso.

3. Instrucciones.

4. Cuerpo.

5. Firma y verificación.

6. Totales.

7. Comentarios

Diseño de Páginas de Internet e Intranet

Lineamientos a Considerar

• Proporcione Instrucciones Claras

• Demuestre secuencia de entrada lógica

• Use Variedad de Cuadros de Textos,

botones de comando, menús, casillas

de Verificación.

• Proporcione Cuadro de Texto

Desplazables,

• Prepare 2 Botones Básicos.

• Dividir formularios de ser necesario.

• Crear Pantallas de Retroalimentación.

Diseño de Un Sitio Web

LINEAMIENTOS GENERALES PARA DISEÑAR SITIOS WEB

• Use las herramientas profesionales.• Estudie otros sitios web. • Use los recursos que la Web ofrece.• Examine los sitios Web de diseñadores Profesionales • Use las Herramientas que ha aprendido.• Consulte libros. • Revise algunos ejemplos pobres de las páginas Web• Elabore sus propias plantillas.• Use plug-ins, audio y video con moderación. • Diseñe con anticipación.

Etapas para diseñar un Sitio Web

• Delimitación del tema.• Recolección de la información.• Agregación y descripción.• Estructuración.• Metáfora (Referencia)• Diseño y Estilo Grafico.• Ensamble final.• Testeo.

Muchas Gracias!!