Planificacion de una interfaz

Planificación de una interfaz

1. Tiene en cuenta: Elementos de diseño
2. Permite: generación de documentos y sitios web.

1. Elementos de diseño

Percepción visual: recogida y tratamiento de la información a través de la vista.

Elementos conceptuales: Punto, línea, plano, volumen.

Elementos visuales: forma, medida, color, textura.

Elementos de relación: Dirección, posición, espacio, gravedad.

Elementos prácticos: representación, significado, función.

1. Generación de documentos y sitios web

Teniendo en cuenta:

• Interacción persona-persona:
• Objetivos de diseño
• Características: Usable, Visual, Educativa, Actualizada.
• Componentes: elementos de:

• Identificación: Logotipo, título de la página.
• Navegación: elementos de regreso a la portada, menú y áreas de interés, información de ubicación en la página.
• Contenido: titulo, contenido
• Interacción: acciones de la interfaz

Maquetación de elementos.

• Encabezado.
• Pie.
• Zona de navegación.
• Zona de contenidos.

Patrones de diseño: orientados a la usabilidad y basados en los principios de Gestalt que son

• Proximidad
• Semejanza
• Simetría
• Continuidad
• Cierre
• Área
• Figura fondo
• Ley de simplicidad

Mapa de navegación: puede ser: Lineal, reticular, jerárquica, lineal jerárquica.

Guía de estilo: reflejada en fotos, logos, colores, iconografías, estructuras empleadas en la interfaz.

Planificación de una interfaz

1. Tiene en cuenta: Elementos de diseño
2. Permite: generación de documentos y sitios web.

1. Elementos de diseño

Percepción visual: recogida y tratamiento de la información a través de la vista.

Elementos conceptuales: Punto, línea, plano, volumen.

Elementos visuales: forma, medida, color, textura.

Elementos de relación: Dirección, posición, espacio, gravedad.

Elementos prácticos: representación, significado, función.

1. Generación de documentos y sitios web

Teniendo en cuenta:

• Interacción persona-persona:
• Objetivos de diseño
• Características: Usable, Visual, Educativa, Actualizada.
• Componentes: elementos de:

• Identificación: Logotipo, título de la página.
• Navegación: elementos de regreso a la portada, menú y áreas de interés, información de ubicación en la página.
• Contenido: titulo, contenido
• Interacción: acciones de la interfaz

Maquetación de elementos.

• Encabezado.
• Pie.
• Zona de navegación.
• Zona de contenidos.

Patrones de diseño: orientados a la usabilidad y basados en los principios de Gestalt que son

...