• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Diseño de interfases
 

Diseño de interfases

on

  • 1,714 views

 

Statistics

Views

Total Views
1,714
Views on SlideShare
1,699
Embed Views
15

Actions

Likes
3
Downloads
0
Comments
0

1 Embed 15

http://saiaead.uft.edu.ve 15

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Diseño de interfases Diseño de interfases Presentation Transcript

    • Teoría de Sistemas I
    • DISEÑO DE SISTEMAS
      Diseñode Datos
      Diseño
      de
      Procesos
      Diseño
      de Interfaz
    • DISEÑO DE SISTEMAS
      Describe lo que un sistema debería hacer para satisfacer las necesidades de información de los usuarios.
      Objetivo :
      Lograr satisfacer las necesidades
      de información de los usuario
    • DISEÑO DE SISTEMAS
      Diseño de la estructura de base de datos y archivos utilizados por el sistema de información propuesto.
      DISEÑO
      DE Datos
      Se centra en :
      El producto de diseño de datos consiste en descripciones detalladas de:
      • Entidades
      • Atributos
      • Relaciones
      • Regla de integridad
    • Diseño de Interfaz de Entrada y Salida
      La organización de la información afecta a la impresión general del interfaz.
      Debe incluir los siguientes elementos:
      • Diseño (formato de pantalla, organización general)
      • Representación de la información (métodos de codificación)
      • Realimentación (seguimiento)
      • Comunicación con el usuario (errores, mensajes de estado, etc.)
    • Diseño de Interfazde Entrada y Salida
      Diseño de la presentaciónEl significado de una imagen puede ser más fácilmente percibido por el observador
      si posee claridad visual.
      Reglas de Gestalt
      Se basan en cómo organiza el observador los estímulos visuales (de forma global) y que se pueden resumir en los siguientes principios:
      • Similitud.Objetos similares próximos se interpretan como una representación conjunta/agrupada
      • Proximidad. Elementos visuales con propiedad común se interpretan como agrupados
      • Cierre (clausura). Elementos visuales que tienden a cerrar un área se interpreta como cerrada
      • Continuidad (determinación de formas). Discriminación de elementos diferentes según la continuidad natural
    • Se aplican al diseño visual de los sistemas gráficos, por ejemplo :
      Elementos
      de menú
      Colocación
      de los botones
      Organización
      general del interfaz
    • Organizar la Pantalla de la Interfaz
      Reglas efectivas de diseño
      • Balanceado equilibrio entre los ejes horizontal y vertical en el diseño
      • Simetría consiste en duplicar la imagen visual a lo largo de un eje de simetría
    • Organizar la Pantalla de la Interfaz
      • Regularidad establecer uniformidad ubicando los elementos de acuerdo con una distribución regular en
      filas–columnas.
      • Enrejillado Separación y acentuación la organización entre áreas
    • Organizar la Pantalla de la Interfaz
      Para obtener estas distribuciones de contenedores y componentes dentro de la pantalla, deberemos utilizar los controladores geométricos (layout manager)que nos facilitan las librerías de diseño de interfaces.
      Podemos utilizar desde los más simples (posiciones absolutas, ordenación de izda. a dcha.) a los más complejos,
      que asignas proporciones relativas para cada elemento, tamaño de expansión, offset, etc.
    • Organizar la Pantalla de la Interfaz
      El usuario debe estar informado en cada momento de las acciones que realiza.
      Realimentación
      Ejemplos de realimentación :
      • Sobre las órdenes. Mostrar efectos, errores, confirmación, indicadores
      • Sobre la selección. Resaltar de forma no ambigua la orden activa
      Debe ser fácil de leer y entender
      Para el diseño, se debe estudiar las acciones de cada tarea y ver como es la interacción (realimentación del propio gesto), confirmación (selección, mensajes, iluminación) y posibles errores (pantalla de aviso).
      La realimentación informa al usuario acerca de su interacción con el sistema. Indica qué está haciendo y le ayuda a realizarlo correctamente.
      Se puede utilizar cualquier combinación de canales sensoriales (sonoro, visual, táctil, etc. ).
    • Organizar la Pantalla de la Interfaz
      La realimentación por su dimensión temporal se clasifica :
      • Futura
      Realimentación de una acción antes de llevarla a cabo. Indica qué sucederá si se realiza una acción (por ejemplo, etiqueta informativa de los botones).
      • Presente
      Realimentación durante la interacción. Indica qué está sucediendo actualmente (p. e. borrado de ficheros, formateando, mover cursor..).
      • Pasada
      Información de lo que ha sucedido, y cómo ha cambiado el sistema (p. e. información de finalización de tareas).
    • Organizar la Pantalla de la Interfaz
      Gestión de Errores un factor crítico desde el punto de vista del usuario, es cómo se organizan los mensajes de error y su explicación.
      El desconocimiento por parte del usuario que puede ser motivado por diferentes causas como :
      • Errores por acciones del usuario
      Error en la traslación entre la intención del usuario y su acción (intención correcta, pero realización incorrecta). La solución es mejorar el diseño ergonómico, mejorar los aspectos físicos del diseño (ubicación de menús, tamaño, posición, visibilidad, color, etc.)
      • Errores por las intenciones del usuario
      El usuario realiza una acción equivocada. El modelo de usuario no es correcto. La solución es mejorar el modelo mental. Es importante buscar posibles causas ya que el usuario está asumiendo un modelo mental incorrecto.
    • Ciclo de vida del sistema interactivo
    • Interfaz
      Si el usuario percibe que
      algo es difícil de usar
      Cometerá errores
      NO realizará
      la tarea adecuadamente
    • Organizar la Pantalla de la Interfaz
      ¿Cuántas veces
      no encuentran lo que buscan
      o no saben cómo hacer
      lo que quieren?
      Resultado
      de una
      mala
      interfaz
      Genera
      Un
      problema
      El mejor sistema,
      es inútil
      si no podemos interactuar
      Usabilidad
    • Organizar la Pantalla de la Interfaz
      Un estudio de la distribución y frecuencia de errores puede ayudar al diseñador, al mantenimiento del producto y al posible usuario, mediante una conveniente documentación.
    • Diseño de Procesos
      Se centra en el diseño de recursos de software
      Sistema de información Propuesto
      Programas y procedimientos
      Que necesita
    • Diseño de Procesos
      Los diseñadores se concentran en el desarrollo de especificaciones detalladas del software que tendrá que adquirirse o desarrollarse mediante una programación a la medida.
      Para
      Satisfacer
      Especificaciones del Diseño de datos, Interfaz de Usuario y de Datos, y los requerimientos funcionales desarrollados en la etapa de análisis.
    • Diseño de Procesos
      El contenido, el formato y la secuencia de los productos y métodos de la interfaz de usuario como , pantallas de presentación, diálogos interactivos, respuestas audiovisuales, Formularios, documentos e informes
      Especificaciones :
      Interfaz de Usuario
      Base de datos
      Contenido , Estructura, distribución y acceso, respuestas, mantenimiento y conservación de
      bases de datos
      El paquete de software requerido o especificaciones de programación del sistema propuesto, incluidas especificaciones de desempeño y control
      Software
      Hardware y Redes
      De Personal
      Descripción del trabajo de las
      personas que operan el sistema
      Características físicas
      y desempeño del equipo y las redes requerida por el sistema
    • Especificaciones de los Sistemas
      Formalizan el diseño de métodos y productos de la interfaz de usuario de una aplicación
      Las estructuras de las Bases de datos
      Procesamiento y control.
      El diseño final del sistema debe
      Especificaciones de Hardware,
      Software, redes, datos y personal para el sistema Propuesto
    • Gracias
      Por su
      Atención