P. 1
1. Introduccion al Diseno de Interfaces

1. Introduccion al Diseno de Interfaces

|Views: 402|Likes:

More info:

Published by: Profa Yasmine Pineda Díaz on Mar 23, 2011
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less

02/11/2015

pdf

text

original

Universidad del Valle de Puebla SC

ESCUELA DE INGENIERIA

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: asesorias.pineda@hotmail.com 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 Humanos y Fundamentos del Diseño 1.7 Evolución de la Interacción Hombre – Máquina 1.8 Consideraciones de la Percepción Humana en el diseño de las GUI 1.9 Quien es el responsable de diseñar interfaces de Usuario? 1.10 Función del diseñador o desarrollador?? 1.10,1 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 figura. El concepto de diseño suele utilizarse en el contexto de las artes, la ingeniería, la arquitectura y diversas disciplinas creativas. El diseño es el proceso previo de configuración mental, en la búsqueda de una solución, de esta forma implica plasmar el pensamiento a través de esbozos, dibujos, bocetos y esquemas trazados en cualquier soporte.

2 Ámbitos de Aplicación del Diseño Las posibilidades del diseño gráfico son infinitas.1. 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 .

en los que puedan incluir el arte en sí.1. por muy preciada que ésta sea . pero no es del todo exacto.3 Arte y Diseño: Elementos de la Comunicación Diseñar se puede considerar un arte. cualquier obra de Arte. pueden verse carteles entre pinturas o dibujos artísticos. La belleza de un diseño puede superar en muchas ocaciones. Un diseño puede reunir unas ciertas pautas estéticas como para considerarlas obras de arte. En los museos de arte moderno. y otros objetos que se crearon para una función especial y específica.

. para poder captar los mensajes que el diseño ha de comunicar. dependiendo del grupo de personas o público al que vaya dirigido el mensaje. Comunicación: Conocer los procesos de comunicación.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.1. con los recursos oportunos.

la manera en que las personas Visual: vemos y percibimos lo que vemos. fondos.1. trayectoria de la luz. recursos: Administración de recursos: Conocer todos los recursos de los que se dispone. . la percepción de las figuras. y aplicarlos lo mejor posible. Aspectos tan importantes. el recorrido de la vista. el contraste. como nuestro campo visual.4 Aspectos Básicos del Diseño Percepción Visual: Estar informados.

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. 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. En este contexto.1. con información y herramientas adecuadas .

comunicarnos. sentir emociones.1. disfrutar de eventos y espectáculos tanto naturales como artificiales. . etc.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. estados de ánimo. La información que recibimos del medio en que nos desenvolvemos es básica para nuestra supervivencia ya que a través de ésta. podemos tomar las decisiones correctas para evitar peligros.

decidimos. anticipamos. Asociamos.1. a través de ellos interactuamos con el mundo que nos rodea.6 Factores Humanos y Fundamentos del Diseño Los Sentidos se podrían catalogar como interfaces entre las personas y el entorno. La vista El oído Tacto Gusto El Olfato . sobrevivimos.

y por lo tanto en el uso de una interfaz gráfica de usuario. ya que a través de ella se perciben formas. Para este caso se maneja el concepto de campo visual. imágenes y texturas. que son la mayoría de componentes que toda interfaz presenta. un punto a considerar si se requiere hacer una interfaz gráfica de usuario en la que se utilice una pantalla muy amplia.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. En la periferia la visión no es buena. texto. colores. 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. .

el oído es el segundo sentido más importante. . 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.6 Factores Humanos y Fundamentos del Diseño El Oído Después de la vista. o que se registre una nueva información asociada a un sonido. El Tacto El tacto es importante en el uso del teclado para una interfaz o de algún otro dispositivo de entrada.1.

1. Gracias a ello podemos distinguir sabores como salado. felicidad. agrio o dulce. Estas substancias pueden ser asociadas a situaciones de peligro. . etc. sufrimiento.6 Factores Humanos y Fundamentos del Diseño El Gusto En este caso son las papilas gustativas las encargadas de recibir los estímulos y pasar la información al cerebro para que sea procesada. El Olfato Nos brinda información respecto a substancias químicas que viajan en el aire.

7 Evolución de la Interacción Hombre . Interfaz amigable (“User-friendly interface”) . Gente de todas las actividades empiezan a usar el ordenador Inicialmente Interface” aparece el término “Man-Machine Aquellos aspectos del sistema con los que tiene contacto el usuario.Máquina Ocurre tanto en la vida cotidiana como en el uso del ordenador.1.

de salida para el sistema y un protocolo de interacción” “HCI es una disciplina relacionada con el diseño.Máquina A mediados de los 80 se acuña el nuevo término.7 Evolución de la Interacción Hombre . (ACM SIGCHI. (1981) “Un lenguaje de entrada para el usuario. evaluación e implementación de sistemas interactivos para el uso humano y con el estudio de los grandes fenómenos alrededor de ellos”. 1987) .1.

¿Cuál es la diferencia entre ‘user interface’ y HCI? .

ya mal. una interfaz puede percibe.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 El correcto uso del audio en reforzar la forma como ésta se que se recuerde en un futuro. el gusto y el olfato no son muy utilizados pero resultaría interesante buscar la manera de integrar estas tres importantes entradas .1. asocie con vivencias pasadas. y ayudar a o en el presente se sea para bien o para El tacto.

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.

su imaginación y todo aquello que pueda servir para su comunicación. los elementos gráficos adecuados . el diseñador debe contar con una serie de herramientas como. . un concepto o una imagen de la forma más eficaz posible. sin interferir en importancia y protagonismo a los elementos restantes (a no ser que sea intencionado).10 Función del diseñador o desarrollador?? Es. la información necesaria de lo que se va a transmitir. Para ello. Nuestro diseño debe constituir un todo.1. donde cada uno de los elementos gráficos que utilicemos posean una función específica. transmitir una idea.

1. . dependerá de la elección de los elementos que utilice y del conocimiento que tenga de ellos. Por tanto.10 Función del diseñador o desarrollador?? Un buen diseñador debe comunicar las ideas y conceptos de una forma clara y directa. la eficacia de la comunicación del mensaje visual que elabora el diseñador. por medio de los elementos gráficos.

c. b. Elección de los elementos adecuados. Información sobre lo que se va a comunicar.1.10.1 Requisitos del Diseñador Para desempeñar su función el diseñador necesita una serie de requisitos: a. . Componer dichos elementos de la forma más atractiva posible.

generalmente denominada homepage.11 ¿Que es un Sitio Web? Es un conjunto de archivos electrónicos y páginas Web referentes a un tema en particular. 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. que incluye una página inicial de bienvenida.

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 Desarrolladores de Software Analistas de Software Administradores de Proyecto Personas de Marketing .1.

12 No me Hagas Pensar .1.

12 No me Hagas Pensar .1.

1.12 No me Hagas Pensar .

Donde empieza y donde termina? .1. Es difícil entender cual es la funcionalidad principal y cuales son las funcionalidad auxiliares. quiere decir que su esencia misma no es consistente. No puedo entender realmente donde encontrar lo que necesito.12 No me Hagas Pensar Cuando una aplicación de software nos hace pensar.

TEDIOSO. COMPLEJO. ABURRIDO .1.12 No me Hagas Pensar A. SIMPLE e INTUITIVO B. SENCILLO.

Actividad de Participación 15P Total ¿Quien considera bueno o malo un diseñ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 .

necesita.1. muestra exactamente lo que el usuario necesita.12 No me Hagas Pensar Cuando un usuario se enfrenta a una aplicación de software por lo general. Un buen diseño maquina. le surgen ciertas dudas: Donde estoy? Como empiezo? Donde pongo ____ ? (entrada de información) Que es lo mas importante de esta pantalla? Donde esta lo que busco? (salida de información) Se debe pensar en desarrollar interfaces que minimicen los tiempos de interacción hombre maquina. .

Yasmine Pineda Díaz Email: asesorias.com Página Web: www.Material Elaborado por: Mtra.disimark.com/academico .pineda@hotmail.

You're Reading a Free Preview

Descarga
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->