Fundamentos del Diseño de interfaces

Fundamentos del Diseño de interfaces

1. Diseño

   • Es
     • Donde se da la comunicación (puesta en común) y lenguaje, donde se produce la relación la relación entre el medio y el usuario : interfaz . (Royo, 2004)
   • Son
     • Necesidades o ideas, convertidas en propuestas de productos que expresan la manera en la que quieren ser proyectados .(Romeva,2002)
   • Constituye
     • Una unidad orgánica que forma parte de la actividad humana, cuando hablamos componemos, se organiza el pensamiento,para luego expresarse con propiedad,es decir , se diseña una estructura mental. (Pina,2005).
   • Puede ser de dos clases
     • Bidimensional
       • Es expresado por medio gráficos. se realiza mediante medios visuales.(Pina,2005).
     • Tridimensional
       • Es expresado mediante medios tangibles. El volumen es su recurso.(Pina,2005).

2. Interface

   • Permite
     • Interactuar al usuario de forma natural
   • Es el canal de comunicación por medio del cual se realiza la transferencia de información entre el usuario y la maquina.(Cuevas, et al.,2009)
     • Como medio de comunicación la interfaz es
       • Física
         • El usuario utiliza dispositivos como el mouse,pantalla teclado etc. Que afectan de algun modo a la consecución de su objetivo.(Aedo, et al.,2009)
       • Simbólica
         • Medida en la cual los elementos son presentados ante el usuario , como por ejemplo el uso de iconos. (Aedo, et al.,2009)

3. Elementos

   • Son
     • Punto
       • Se refiere a la unidad mínima e irreductible de la comunicación visual. ( Cantesano, 2011). Indica un posición en el espacio. Principio y fin de una linea . (Serrano & Biel, 2012)
     • Linea
       • Sucesión de puntos que son próximo entre si que no se reconocen individualmente. ( Cantesano,2011). Función expresiva.(Esquinas, et al., 2011). Punto en Movimiento, así como también tiene dirección y está limitada por dos puntos . (Serrano & Biel ,2012)
     • Volumen
       • Contiene una posición en el espacio estando delimitada por plano.(Cantesano ,2011). Recorrido de un Plano que esta en movimiento en una dirección opuesta a la suya, tiende a convertirse en volumen.(Serrano & Biel , 2012)
     • Color
       • Permite que se puedan distinguir los elementos entre si.( Cantesano, 2011). Permite que se distingan entre las formas en sus elementos cromáticos. (Serrano & Biel, 2012) . Representa la traducción de nuestros sentidos. (Ricupero, 2007))

4. Teoría del Color

   • El color es una experiencia visual que se tiene a diario a través de los ojos. El color representa tres dimensiones distintas ; matriz , su propia cualidad de color, si es rojo, azul o amarillo ;valor tonal , que es la capacidad del cualquier color para ir del tono más claro hasta el más oscuro ; intensidad es la potencia cromática del color .(Pino, 2005)
     • La luz y el observador
       • Cada color en particular es luz, energía de una longitud de una onda determinada.(Universidad de Bogotá, 2004).Cuando la luz ilumina un objeto y este refleja la mayor parte de ella, es decidió que el objeto es blanco, porque se ve reflejada en su superficie la misma calidad lumínica que se le hizo llegar, o sea, que la luz no ha sido absorbida si no que es devuelta en su totalidad
         • Sistema de color aditivo.
           • Cuando se obtiene estos colores se llaman secundarios porque cada uno está formado por la fusión de dos colores primarios.(González, 2009)
             • Si se mezclamos la zona se superposición del verde y el azul obtenemos el cyan.
             • La superposición del azul con el color rojo se obtiene el color magenta.
             • La superposición del verde y el rojo se obtiene el amarillo.
         • Sistema de color sustractivo
           • Aquí se trabajan con colores secundarios. Cuando se realiza la mezcla sobre una superficie blanca lo que se provoca es pérdida de luz y tiende a oscurecer. (González, 2009)
             • La mezcla de los colores cyan con el magenta forman el azul; la del amarillo con magenta, rojo y la del cyan con el amarillo verde.( González , 2009)
     • Efectos psicológicos del color
       • Está comprobado científicamente que los colores afectan el estado de animo de las persona.
         • Colores cálidos y colores fríos
           • Con los colores brillantes, sobre todo con los cálidos propician que exista una mayor actividad y viveza mental, es por eso que son utilizados es más escuelas. Por otro lado con los colores fríos y saturados tienden a producir un efecto sedante. (Zelanski & Fisher, 1999).
             • Como lo son
               • El rojo, amarillo,naranjas ,verdes y azules
             • Preferencias personales sobre los colores
               • Por ejemplo, lo niños reaccionan mejor al placer de los colores puros. Los adolescentes prefieren sensaciones así que se enfocan más a colores como el rojo, mientras que los adultos prefieren significativamente colores claros sobre oscuros, pero el amarillo es el que menos les gusta.(Zelanski & Fisher, 1999).
     • Los Esquemas del Color
       • Entre los primeros podemos mencionar los cinco colores de la filosofía china antigua (azul, rojo, amarillo, blanco y negro) que se relacionan con los cinco elementos (madera, fuego, tierra, metal y agua). (Fraticola , nd).
         • Esquemas básicos de Colores
           • Esquemas acromáticos
           • Esquema Análogo
           • Esquema de Choque
           • Esquema Complementario
           • Esquema Monocromático
           • Esquemas Neutrales
           • Esquema Complementario Dividido
           • Esquema Primario
           • Esquema Secundario
           • Esquema Triada Terciario. (Fraticolo, n,d)
     • El color y sus Propiedades
       • "El color fabrica todo un universo imaginario. Nos hace viajar a las islas, nos sumerge en el mar o nos sostiene en pleno cielo" (Grafismo Fundamental - Abraham Moles /Luc Janiszewski).
         • El color tiene tres propiedades fundamentales
           • Tono
             • Variación cualitativa del color
           • Saturación
             • Máxima fuerza y pureza de un color
           • Luminosidad
             • Determinada capacidad de reflejar la luz blanca

5. Tipografía e Iconografía

   • El proceso de seleccionar fuentes, estilos y tamaños de fuentes. El éxito de los documentos depende enormemente de su apariencia
     • Contiene Fuentes como
       • La fuente Proporcional: Asigna espacio de acuerdo con el ancho de cada carácter .
       • La fuente Monoespaciada Utiliza la misma cantidad de espacio para cada carácter.
   • Iconografía :Es la explicación y descripción de variadas imágenes, esculturas o retratos que tratan sobre el mismo tema, que son parte de la misma obra o que se refieren a una cierta época

6. Objetivos de una buena interfaz

   • Funcionalidad para el Usuario , como para la misma aplaicacion
   • Simplicidad
   • Detallado
   • Con experiencia

7. Usabilidad y Accesibilidad

   • La usabilidad busca utilizar la facilidad de uso y la facilidad de aprendizaje con la que se usa una herramienta o interfaz.
     • Elementos de la Usabilidad
       • Facilidad de Aprendizaje
       • Eficiencia
       • Memorabilidad
       • Tasa de Errores
       • Satisfacción
   • La accesibilidad tiene un componente técnico y otro componente de interfaz de usuario. considera a las persona con discapacidad como los usuarios específicos y una amplia variedad de situaciones

8. Principios de diseño de Interfaces

   • Principio de uniformidad
     • Los comandos y menus deben tener el mismo fromat
   • De Familiaridad del Usuario
     • No se debe utilizar una sola interfaz , ya que debe tener términos familiares para el usuario.
   • Mínima Sopresa
     • El comportamiento del sistema no debe provocar sorpresa en los usuarios
   • Recuperabilidad
     • Se deben incluir mecanismos para poder que los usuarios puedan recuperarse de errores
   • Guía de Usuarios
     • Cuando ocurren errores, la interfaz debe proporcionar retroalimentación significativa y características de usuario