Universidad del Valle Valle de de Puebla SC ESCUELADEINGENIERIA
Asignatura: Diseño de Interfaces Unidad 1. Introducción al Diseño de Interfaces
Guía del Alumno Material Elaborado por:
Mtra. Yasmine Pineda Díaz Email:
[email protected] Página Web: www.disimark.com/academico
Índice de Contenido 1.1 Definición de Diseño 1.2 Ámbitos de Aplicación del Diseño 1.3 Arte y Diseño: Elementos de la Comunicación 1.4 Aspectos Básicos del Diseño 1.5 Descripción de Interfaces Gráficas 1.6 Factores Factores Humanos y Fundamentos del Diseño . vo uc n e a n eracc n om re – qu na 1.8 Consideraciones de la Percepción Humana Humana en el diseño de las GUI 1.9 Quien es el responsable responsable de diseñar interfaces de Usuario? 1.10 Función del diseñador o desarrollador?? 1.10,1 Requisitos Requisitos de un Diseñador 1.11 Que es un Sitio Web 1.12 No me hagas Pensar….
Índice de Contenido 1.1 Definición de Diseño 1.2 Ámbitos de Aplicación del Diseño 1.3 Arte y Diseño: Elementos de la Comunicación 1.4 Aspectos Básicos del Diseño 1.5 Descripción de Interfaces Gráficas 1.6 Factores Factores Humanos y Fundamentos del Diseño . vo uc n e a n eracc n om re – qu na 1.8 Consideraciones de la Percepción Humana Humana en el diseño de las GUI 1.9 Quien es el responsable responsable de diseñar interfaces de Usuario? 1.10 Función del diseñador o desarrollador?? 1.10,1 Requisitos Requisitos de un Diseñador 1.11 Que es un Sitio Web 1.12 No me hagas Pensar….
1.1 Definición de Diseño Del italiano disegno, se refiere a la traza o delineación de un edificio o de una figur igura. a. El conc conceepto de dise diseño ño suele uele utilizarse en el contexto de las artes, la inge ingeni nier ería ía,, la arqu arquit itec ectu tura ra y dive divers rsas as disciplinas creativas. El diseño es el proceso previo de configuración mental, en la búsqueda de una una solu soluci ción ón,, de esta sta form formaa imp implica lica plas lasmar mar el pens pensam amie ient nto o a trav travéés de esbo esbozo zos, s, dibu dibujo jos, s, boce boceto toss y esqu esquem emas as trazados en cualquier soporte.
1.2 Ámbitos de Aplicación del Diseño Las posibilidades del diseño gráfico son infinitas, ya que cada vez son más los campos en los que se emplean elementos creados a través del ordenador. El diseño se podría dividir en tres grupos principales: La edición La publicidad La identidad
1.3 Arte y Diseño: Elementos de la Comunicación Diseñar se puede considerar un arte, pero no es del todo exacto. Un diseño puede reunir unas ciertas pautas estéticas como para considerarlas obras de arte. En los museos de arte moderno ueden verse carteles entre pinturas o dibujos artísticos, y otros objetos que se crearon para una función especial y específica, en los que puedan incluir el arte en sí. La belleza de un diseño puede superar en muchas ocaciones, cualquier obra de Arte, por muy preciada que ésta sea
1.4 Aspectos Básicos del Diseño
Los elementos básicos que se deben dominar y tener en cuenta en cualquier diseño: Lenguaje Visual: Saber comunicar el mensaje adecuado, con los recursos oportunos, dependiendo del grupo de personas o público al que vaya dirigido el mensaje. Comunicación: Conocer los procesos de comunicación, para poder captar los mensajes que el diseño ha de comunicar.
1.4 Aspectos Básicos del Diseño
Percepción Visual: Visual: Estar informados, la manera en que las personas vemos y percibimos lo que vemos. Aspectos tan importantes, como nuestro campo visual, el recorrido de la vista, el contraste, la percepción de las figuras, fondos, trayectoria de la luz. Administración de recursos recursos: recursos: Conocer todos los recursos de los que se dispone, y aplicarlos lo mejor posible.
1.5 Descripción de Interfaces Gráficas
La interfaz del usuario es el punto de contacto en un entorno visual que permite la interacción del usuario con una aplicación o programa. En este contexto, el diseño de Interfaces gráficas tiene como objetivo principal: centrar el diseño en el usuario a través de entornos gráficos claros y eficientes, con información y herramientas adecuadas
1.6 Factores Humanos y Fundamentos del Diseño Los seres humanos percibimos la información del mundo que nos rodea a través de nuestros sentidos. La información que recibimos del medio en ue nos desenvolvemos es básica ara nuestra supervivencia ya que a través de ésta, podemos tomar las decisiones correctas para evitar peligros, comunicarnos, disfrutar de eventos y espectáculos tanto naturales como artificiales, sentir emociones, estados de ánimo, etc.
1.6 Factores Humanos y Fundamentos del Diseño Los Sentidos se podrían catalogar como interfaces entre las personas y el entorno, a través de ellos interactuamos con el mundo que nos rodea. Asociamos, anticipamos, decidimos, sobrevivimos.
La vista El oído Tacto Gusto El Olfato
1.6 Factores Humanos y Fundamentos del Diseño La Vista La vista es fundamental en todos los ámbitos de la vida del ser humano, y por o tanto en e uso e una interfaz gráfica de usuario, ya que a través de ella se perciben formas, colores, texto, imágenes y texturas, que son la mayoría de componentes que toda interfaz presenta.
En la periferia la visión no es buena, un punto a considerar si se requiere hacer una interfaz gráfica de usuario en la que se utilice una pantalla muy am lia. Para este caso se maneja el concepto de campo visual, el cual se mide en grados y es la amplitud en que la visión es aceptable y que va de los 100 a los 120 grados.
1.6 Factores Humanos y Fundamentos del Diseño El Oído
El Tacto
Después de la vista, el oído es el segundo sentido más importante.
El tacto es importante en el uso del teclado para una interfaz o de .
Lo primordial en este caso es que el sonido nos puede remitir a información registrada en el cerebro que puede hacer que se revivan experiencias agradables o desagradables, o que se registre una nueva información asociada a un sonido.
1.6 Factores Humanos y Fundamentos del Diseño El Gusto
El Olfato
En este caso son las papilas
Nos brinda información respecto a
los estímulos y pasar la información al cerebro para que sea procesada. Gracias a ello podemos distinguir sabores como salado, agrio o dulce.
el aire. Estas substancias pueden ser asociadas a situaciones de peligro, felicidad, sufrimiento, etc.
1.7 Evolución de la Interacción Hombre - Máquina
Ocurre tanto en la vida cotidiana como en el uso del ordenador.
Gente de todas las actividades empiezan a usar el ordenador
Inicialmente Interface”
Aquellos aspectos del sistema con los que tiene contacto el usuario. Interfaz amigable (“User-friendly interface”)
aparece
el
término
“Man-Machine
1.7 Evolución de la Interacción Hombre - Máquina
A mediados de los 80 se acuña el nuevo término.
(1981) “Un lenguaje de entrada para el usuario, de salida para el sistema y un protocolo de interacción”
“HCI es una disciplina relacionada con el diseño, evaluación e implementación de sistemas interactivos para el uso humano y con el estudio de los grandes fenómenos alrededor de ellos”. (ACM SIGCHI, 1987)
¿Cuál es la diferencia entre ‘user interface’ y HCI?
1.8 Consideraciones de la Percepción Humana en el diseño de las GUI
Tomar en cuenta todos y cada uno de los sentidos
El Color es fundamental ya sea por sus características espectrales tanto por su significado
correcto uso e au o en una nter az pue e reforzar la forma como ésta se percibe, y ayudar a que se recuerde en un futuro, o en el presente se asocie con vivencias pasadas, ya sea para bien o para mal.
El tacto, el gusto y el olfato no son muy utilizados pero resultaría interesante buscar la manera de integrar estas tres importantes entradas
1.9 Quien es el responsable de diseñar Interfaces de Usuario?
Diseñadores Gráficos
Desarrolladores de Software (developers)
Diseño de Interacción y Arquitectura de la Información
1.10 Función del diseñador o desarrollador?? Es, transmitir una idea, un concepto o una imagen de la forma más eficaz posible. Para ello, el diseñador debe contar con una serie de herramientas como, la información necesaria de lo que se va a transmitir, los elementos gráficos adecuados , su imaginación y todo aquello que pueda servir para su comunicación. Nuestro diseño debe constituir un todo, donde cada uno de los elementos gráficos que utilicemos posean una función específica, sin interferir en importancia y protagonismo a los elementos restantes (a no ser que sea intencionado).
1.10 Función del diseñador o desarrollador?? Un buen diseñador debe comunicar las ideas y conceptos de una forma clara y directa, por medio de los elementos gráficos. or an o, a e cac a e a comunicación del mensaje visual que elabora el diseñador, dependerá de la elección de los elementos que utilice y del conocimiento que tenga de ellos.
1.10.1 Requisitos del Diseñador
Para desempeñar su función el diseñador necesita una serie de requisitos: a. Información sobre lo que se va a comunicar. b. Elección de los elementos adecuados. . posible.
1.11 ¿Que es un Sitio Web? Es un conjunto de archivos electrónicos y páginas Web referentes a un tema en particular, que incluye una página inicial de bienvenida, generalmente denominada homepage, con un nombre de dominio y dirección en Internet específicos.
No importa cual sea el giro de la empresa en la cual se desarrolle el sitio siempre tendrá elementos gráficos y de navegación que deberán equilibrarse.
1.12 No me Hagas Pensar A quien le interesa aprender sobre lo que esta bien y esta mal en un diseño de interfaces para un software?
Diseñadores esarro a ores e o ware Analistas de Software Administradores de Proyecto Personas de Marketing
1.12 No me Hagas Pensar
1.12 No me Hagas Pensar
1.12 No me Hagas Pensar
1.12 No me Hagas Pensar
Cuando una aplicación de software nos hace pensar, quiere decir que su esencia misma no es consistente.
Es difícil entender cual es la funcionalidad principal y cuales son las funcionalidad auxiliares.
No puedo entender realmente donde encontrar lo que necesito.
Donde empieza y donde termina?
1.12 No me Hagas Pensar
A. SENCILLO, SIMPLE e INTUITIVO
B. COMPLEJO, TEDIOSO, ABURRIDO
Actividad de Participación 15P Total
¿Quien considera bueno o Encontrar 5 páginas que sean para tengan un buen diseño de acuerdo a tu consideración y 5 que consideres malas
Complemento de la Actividad URL
Buena
Mala
Final
1.12 No me Hagas Pensar Cuando un usuario se enfrenta a una aplicación de software por lo general, le surgen ciertas dudas:
Donde estoy? Como empiezo? Donde pongo ____ ? (entrada de información) ue es o mas mpor an e e es a pan a a Donde esta lo que busco? (salida de información)
Se debe pensar en desarrollar interfaces que minimicen los tiempos de interacción tiempos interacción hombre maquina maquina.. Un buen diseño muestra exactamente lo que el usuario necesita necesita..