simplicidad complejidad -...

100
Prof: Moisés Mañas [email protected] Master en Artes Visuales y Multimedia Dpto. Escultura / Pintura -Universidad Politécnica de Valencia USABILIDAD/ERGONOMÍA ANTROPOMETRÍA/ACCESIBILIDAD Simplicidad VS Complejidad

Upload: phungduong

Post on 24-Sep-2018

213 views

Category:

Documents


0 download

TRANSCRIPT

Prof: Moisés Mañ[email protected] en Artes Visuales y Multimedia

Dpto. Escultura / Pintura -Universidad Politécnica de Valencia

USABILIDAD/ERGONOMÍAANTROPOMETRÍA/ACCESIBILIDAD

Simplicidad VSComplejidad

USABILIDAD

¿QUÉ DESEAN LOS USUARIOS?

¿QUÉ ES POSIBLE CON

TECNOLOGIA?

¿QUÉ ES VIABLE EN EL MERCADO?

INNOVACIÓN

REQUISITOS/ PREGUNTAS

USABILIDAD

USABILIDAD

Usabilidad o usable del original Usability trata de crear sistemas fáciles de aprender y fáciles de utilizar.

Tiene como objetivo crear software: 1. Eficiente. Capacidad de disponer de algo para

conseguir un efecto determinado.

2. Efectivo. Capacidad de lograr el efecto que se desea o se espera.

3. Seguro. al prevenir al usuario de cometer errores proporcionar maneras de recuperarse de los errores

4. Útil

5. Fácil de aprender.

USABILIDAD

ECOLOGIA

ANTROPOLOGÍA

SOCIOLOGIA

PSICOLOGIA

FISIOLOGIA

ANTROPOMETRÍA

La interdependencia de los seres vivos, para el diseño sostenible

La condición humana, de diseño global

La forma en que las personas se relacionan entre sí, para el diseño de sistemas conectados

La forma en la mente el trabajo, para el diseño de la interacción humano-computadora

La forma en que el cuerpo funciona, en el diseño físico de los sistemas hombre-máquina

El tamaño de la población, para el diseño de objetos físicos

Jerarquía que muestra el incremento complejo de constantes relevantes a considerar en los diferentes tipos de diseño desde el punto de vista del usuario

Jerarquía

1

2

3

4

5

6

Constantes relevantes

PUNTOS A TENER PRESENTES USABILIDAD

Estandarización EVALUACIÓN PRÁCTICA CONSISTENCIA

(objetivos)

PORTABILIDAD

Estandarización:Hace referencia a características comunes de la interfaz de usuario a través de muchas aplicaciones.

Apple Computers desarrolló exitosamente el primer estándar, WYSINWYG. Más tarde Microsoft Windows pasa a ser estándar. W3org ( estándares para la web), etc…

PUNTOS A TENER PRESENTES (objetivos):

ISO 9241, “Requisitos ergonómico para trabajos de oficina con pantallas de visualización de datos”

USABILIDAD

http://www.ergoweb.com/resources/reference/guidelines/iso9241.cfm

http://www.ergoweb.com/resources/reference/guidelines/iso9241.cfm

Medidas de usabilidad: USABILIDAD

El estándar ISO 9421 centra su objetivos en (eficacia, eficiencia y satisfacción)

EVALUACIÓN PRÁCTICA

1. TIEMPO DE APRENDIZAJE: ¿Cuánto tiempo lleva los miembros normales de la comunidad de usuarios aprender el conjunto de tareas básicas?

2. VELOCIDAD DE REALIZACIÓN DE TAREAS: ¿Cuánto tiempo se tarda en realizar las tareas de medición?

3. PORCENTAJE DE ERRORES DE LOS USUARIOS: ¿Cuántos y qué clase de errores comete la gente al realizar las tareas de evaluación?

4. RETENCIÓN CON EL PASO DEL TIEMPO: ¿Mantienen bien los usuarios sus conocimientos después de una hora , un día o una semana?

5. SATISFACCIÓN SUBJETIVA: ¿Les gustó mucho a los usuarios usar diferentes aspectos de la interfaz? (Encuesta/entrevista)

Consistencia:

PUNTOS A TENER PRESENTES (objetivos):

Nos referimos a secuencias de acciones, términos, unidades, composiciones, colores, tipografias, etc…comunes dentro de una aplicación.

USABILIDAD

Por lógica de lectura debería estar aqui

Por Contexto han decidido aqui

Portabilidad:

PUNTOS A TENER PRESENTES (objetivos):

Hace referencia al potencial de convertir datos y compartir interfaces de usuario entre múltiples entornos de software y hardware.

USABILIDAD

USABILIDADTIPOS DE PERSONALIDAD DE LOS USUARIOS:

PSICOLOGÍA

USABILIDADTIPOS DE PERSONALIDAD DE LOS USUARIOS:

Según el Indicador de Tipo de Myers-Briggs* [MBTI] (basado en las teorías de CarlJung sobre los tipos de personalidades:

* http://www.discoveryourpersonality.com/testlist.html

* http://www.humanmetrics.com/cgi-win/JTypes1.htm

Psicólogo >> Carl Jung

Teoría del 4x4

USABILIDADTIPOS DE PERSONALIDAD DE LOS USUARIOS:

1. EXTROVERSIÓN FRENTE INTROVERSIÓN: Los extrovertidos se centran en estímulos externos y les gusta la diversidad y la acción, mientras que los introvertidos prefieren patrones familiares, confían en sus propias ideas y están contentos de trabajar solos.

USABILIDADTIPOS DE PERSONALIDAD DE LOS USUARIOS:

2. SENSACIÓN FRENTE INTUICIÓN: Los tipos sensación se sienten atraídos por las rutinas establecidas, son buenos en el trabajo meticulosa y disfrutan empleando sus habilidades. Los tipos intuición les gusta resolver los problemas y descubrir nuevas relaciones, aunque no les gusta perder el tiempo

USABILIDADTIPOS DE PERSONALIDAD DE LOS USUARIOS:

3. PERCEPCIÓN FRENTE JUICIO: Los tipos percepción gustan de aprender sobre nuevas situaciones pero pueden tener problemas en la toma de decisiones. Los tipos juicio gustan trazar un plan cuidadoso y procuran llevarlo a término incluso si nuevos hechos cambian sus objetivos.

USABILIDADTIPOS DE PERSONALIDAD DE LOS USUARIOS:

4. SENTIMIENTO FRENTE PENSAMIENTO: Los tipos sentimiento están preocupados por los sentimientos de otras personas, buscan complacerlas y se relacionan bien y se relacionan bien con la mayoría. Los tipos pensamiento son insaciables, pueden tratar a la gente de forma impersonal y les gusta poner las cosas en el orden lógico.

USABILIDADTIPOS DE PERSONALIDAD DE LOS USUARIOS:The Myers-Briggs Type Indicator 4x4 (Myers-Briggs MBTI)

USABILIDADTIPOS DE PERSONALIDAD DE LOS USUARIOS:

Distribución de la población (Myers-Briggs MBTI) :

Paper publicado en las actas del 29th Annual Project Management Institute Seminar/Symposium "Tides ofChange", Long Beach, California, USA, 1998. (Revisado en , April, 2002.)

USABILIDADNAVEGACIÓN:

ACCESIBILIDAD¿Cosas a tener en cuenta?

Decreto Ley DPR 384 de fecha 24/10/78. Aspectos fundamentales. http://www.argon.interclub.net/normas/accesibilidad.htm

Accesibilidad en espacios:

La accesibilidad se beneficia a los siguientes colectivos:

Personas mayoresPersonas con discapacidad

Físicas, psíquicas, sensoriales Cognitivas y de lenguaje

• Usuarios Ciegos• Usuarios con Ceguera al Color• Usuarios con visión débil que no pueden leer texto pequeño• Usuarios con deficiencia auditiva o sordos• Usuarios que no usan ratón• Usuarios con discapacidades debidas a la artritis u otros problemas de control motor• Epilepsia fotosensible

Usuarios con discapacidades atendidas por los estándares

• No todos lo usuarios usan navegadores web• Existen dispositivos especiales para discapacitados• Existe software especifico paradiscapacitados

¿La accesiblidad está únicamente dirigida a discapacitados?

¿La accesiblidad únicamente dirigida a discapacitados?

• Usuarios con acceso a internet vía modem (56Kbits)

• Usuarios con resoluciones inferiores a 1024x768px y 16/24/32bits color.

• Usuarios con dispositivos de representación distintos a los comunesmonitores, tanto CRT como TFT/Plasma. Por ejemplo, PDAs, GPS de loscoches, etc...

• Usuarios que carecen de plugins específicos (Flash, SVG, MathXML, etc...)

• Usuarios con un hardware un poco obsoleto (p.e. grandes cantidades dejavascript, mucho consumo de cpu y memoria)

Principales problemas de accesibilidad web

Existen diferentes barreras que dificultan la navegación por Internet. Una clasificación muy general de estas barreras podría ser la que propone Alejandro Gonzalo García Bravo[1] :

[1] Bravo García, Alejandro Gonzalo. Accesibilidad web. Un problema pendiente. Nuevas oportunidades de negocio para las empresas de TIC. <http://www.webposible.com/articulos/accesibilidad_web_problema_pendiente.html> Consulta: 29-04-2007

1.Dificultades de software o hardware.

2.Dificultades de entorno o contexto.

3.Dificultades debidas al diseño del documento.

4.Dificultades debidas a discapacidades.

Discapacidades visuales

Ceguera: Pérdida importante e incorregible de la visión en ambos ojos.

Necesidades:

• Lector de pantalla (reproduce en contenido a través de síntesis de voz o braille).• Navegadores solo texto. Ej.: Lynx.• Navegadores de voz.

Principales barreras:

•Imágenes sin texto alternativo.•Imágenes complejas: gráficos o planos sin descripción.•Video sin descripción textual o sonora.•Lectura de tablas secuencial.•Marcos sin alternativas NOFRAME o sin nombres significativos.•Formularios que no permiten el uso del tabulador.•Formatos no estándar de documentos que pueden ser problemáticos para el lector de pantalla.

http://www.funcaragol.org/html/mainjaws.htm

http://www.freedomscientific.com/fs_products/software_jaws.asp

JAWS for Windows (o JFW, forma abreviada con la que se lo conoce generalmente) es un potente lector de pantalla que permite a una persona totalmente ciega acceder a los contenidos de la salida visual de un ordenador personal mediante voz y/o el alfabeto Braille; para la emisión hablada se emplean generalmente programas sintetizadores de voz aunque también es posible utilizar dispositivos externos diseñados para tal fin, y la salida en Braille se realiza siempre a través de terminales generadores de este código

Discapacidades visuales

http://lynx.browser.org/

Visualización en navegadores de solo texto :

Discapacidades visuales

Navegación por voz:

http://www.freedomscientific.com/fs_products/displays.asphttp://www.gwmicro.com

Discapacidades visuales

http://www.gwmicro.com/Audio_Video_Archive/flashPlayer.php?movieNo=1&movieList=Window-Eyes_Tutorials/tutorial_list&class=gw_tutorial&var=tutorialList&size=small

Discapacidades visuales

Baja visión: Existen diferentes tipos de baja visión, por ejemplo falta de agudeza (visión poco nítida), distrofia macular (solo se ve la parte central del campo visual o solo los bordes) o visión borrosa.

Necesidades:

•Monitores muy grandes.•Aumento del texto e imágenes a nivel de sistema operativo.•Ampliadores de pantalla o software específico.•Selección de determinadas combinaciones de colores o tipos de letra.

Principales barreras:

•Páginas web con tamaño de letra difícil de cambiar o que se desconfiguran al cambiarlo.•Imágenes con poco contraste y cuyo contraste no se puede cambiar mediante la redefinición de la hoja de estilo.•Texto en forma de imagen que nos salta a la línea siguiente al final de la línea.•Dependiendo de la severidad de la deficiencia visual, algunas de las descritas en el apartado anterior.

Uso de cambio de tamaños de tipografias

Ejemplo de posibilidad de ampliación del interfaz gráfico

Ejemplo de posibilidad de convertir el interfaz en negativo (mayor contraste)

Ejemplo de teclado accesible con teclas aumentadas

Ejemplo de teclado accesible con teclas aumentadas en negativo, mayor

contraste

Ejemplo (homemade) de teclado con señalización de teclas importantes

Discapacidades visuales

Daltonismo: Falta de sensibilidad a ciertos colores. Las formas comunes del daltonismo incluyen dificultad para distinguir rojo y verde, o amarillo y azul. En algunos casos puede ser incapacidad para percibir cualquier color.

Necesidades:

Hojas de estilo propias (adaptadas)

Principales barreras:

•Color que se emplea como indicador único para dar énfasis al texto.•Texto con contraste insuficiente con el color o el diseño de fondo.•Navegadores que no soportan el uso de hojas de estilo de usuario.

http://www.once.es

Discapacidades auditivas

Sordera: Pérdida importante e incorregible de la capacidad auditiva en ambos oídos. El idioma principal de algunos es una lengua de signos.

Necesidades:

Activar o desactivar los subtítulos de los contenidos sonoros durante la navegación.

Principales barreras:

•Falta de subtítulos o transcripciones de contenidos sonoros.•Falta de imágenes relacionadas con los contenidos en páginas llenas de texto, que puede resultar en comprensión más lenta para personas no habituadas al uso de lenguaje escrito o hablado.

Discapacidades auditivas

Duro de oído: Persona con sordera ligera o moderada.

Necesidades:

•Subtítulos para contenidos sonoros.•Amplificadores de sonido.•Poder ajustar el nivel de sonido de un archivo sonoro.

Principales barreras:

Falta de subtítulos o transcripciones de sonido.

Discapacidades físico motoras

Discapacidades motrices: Debilidad, limitaciones de control muscular (movimientos involuntarios, falta de coordinación, parálisis), limitaciones de sensibilidad, artritis o falta de miembros.

Necesidades:

•Ratón especial.•Teclado con disposición de teclas adecuado al rango de movimiento. •Dispositivos especiales como ratones de cabeza, licornio o apuntador de boca.•Software de reconocimiento de voz u otras ayudas técnicas.•Activar comandos mediante secuencias de teclas individuales en vez de con combinaciones de teclas.•Más tiempo para rellenar formularios interactivos..

Principales barreras:

•Opciones de respuesta con restricción de tiempo en páginas Web.•Navegadores y herramientas de edición que no soportan alternativas de teclado para los comandos del ratón.•Formularios que no permiten la navegación en secuencia lógica con la tecla tabulador.

Ejemplo de teclado con trackballpreparado para minusvalías del tipo

parálisis cerebral

Ratón para boca

Ratón para mentón

Ratón para mano

Deficiencias en el habla

Deficiencias en el habla: Dificultad para pronunciar de forma reconocible por algunas aplicaciones de reconocimiento de voz, o por el nivel sonoro o la claridad.

Necesidades:

Modo alternativo de entrada de datos, como el teclado.

Principales barreras:

Sitios que requieren interacción mediante voz.

Discapacidades cognitivas y neuronales

Dislexia-discalculia: Dificultades con el proceso del lenguaje escrito o imágenes que se leen visualmente, o con lenguaje hablado cuando éste se escucha o con números leídos y escuchados.

Necesidades:

Obtener la información por más de un medio a la vez. Es decir, visual y auditivamente al mismo tiempo.

Principales barreras:

Falta de modalidades alternativas para acceder a la información.

Discapacidades cognitivas y neuronales

Trastorno de déficit de atención: Dificultades para concentrarse en la información.

Necesidades:

Desactivar las animaciones de un sitio para poder concentrarse en los contenidos.

Principales barreras:

• Elementos visuales o sonoros que no se puedan desactivar fácilmente.• Falta de una organización clara y regular de los sitios.

Discapacidad cognitiva: Aprendizaje lento y dificultades para comprender conceptos complejos.

Necesidades:

• Elementos gráficos que faciliten la compresión.• Lenguaje claro y sencillo.

Principales barreras:

• Uso de lenguaje innecesariamente complejo.• Falta de gráficos en los sitios web.• Falta de organización clara y coherente.

Discapacidades cognitivas y neuronales

Falta de memoria: Problemas de memoria a corto plazo, largo plazo o pérdida de habilidades del lenguaje.

Necesidades:

Estructura de navegación coherente dentro del sitio y elementos de orientación dentro del sitio como bread crumbs(home>nivel1>nivel2), mapas del sitio, etc.

Principales barreras:

• Falta de organización coherente del sitio.• Falta de elementos de orientación.

Discapacidades cognitivas y neuronales

Discapacidades de salud mental: Dificultad para concentrarse en la información o por visión borrosa o temblor de manos debidos a los efectos secundarios de los medicamentos.

Necesidades:

• Deshabilitar los elementos visuales o sonoros.• Amplificadores de pantalla.

Principales barreras:

•Elementos visuales o sonoros que el usuario no puede deshabilitar.•Páginas con tamaño de letra fijo.

Discapacidades cognitivas y neuronales

Trastornos de epilepsia: Ataques provocados por destellos visuales o sonoros a ciertas frecuencias.

Necesidades:Desactivar animaciones, texto parpadeante o frecuencias de sonido.

Principales barreras:Uso de frecuencias visuales o de sonido que puedan provocar ataques.

Discapacidades cognitivas y neuronales

Discapacidades relacionadas con la edad

Envejecimiento: Cambios en la capacidad funcional de los usuarios. Pueden ser cambios sutiles y paulatinos en sus capacidades o en combinaciones de capacidades incluidas en la visión, el oído, la destreza o la memoria.

Necesidades:Dependen de las discapacidades funcionales detectadas..

Principales barreras:Dependen de las discapacidades funcionales detectadas.

USABILIDAD

ORGANIZAR LA VISUALIZACIÓN

USABILIDADORGANIZAR LA VISUALIZACIÓN:

5 Objetivos como parte de las recomendaciones para visualizar datos

5

Smith, Sid L. and Moiser, Jane N, Guidelines for designing user interfaces software, Report ESD-TR-86-278, Electronic Systems Division, MITRE Corporation, Bedford,MA(1986). Disponible en NationalTechnical Information Service, Springfiled, VA

Smith& Moiser

USABILIDADORGANIZAR LA VISUALIZACIÓN:

5 Smith& Moiser

1. Consistencia de la visualización de datos. Durante el proceso de diseño, la terminología, abreviaciones, formatos, colores, mayúsculas, etc. Deberían estandarizarse y controlarse a través del uso del diccionario escrito de estos elementos.

1

Guía de estilo

http://www.ua.es/es/internet/estilo/guia/estilo.htm

http://www.ua.es/es/internet/estilo/guia/estilo.htm

http://www.ua.es/es/internet/estilo/guia/estilo.htm

http://www.ua.es/es/internet/estilo/guia/estilo.htm

USABILIDADORGANIZAR LA VISUALIZACIÓN:

5 Smith& Moiser

2- Asimilación eficiente de la información por parte del usuario. El formato debe de ser familiar para el operador y debería estar relacionado con las tareas que realiza con los datos.

2

USABILIDADORGANIZAR LA VISUALIZACIÓN:

5 Smith& Moiser

3 - Mínima carga de memoria para el usuario. Al usuario no podemos forzarlo a recordar la información de una pantalla para usarla nuevamente.

Ejemplo real de ejercicio de memoria de usuarios de una portal X

3

Ejemplo real de ejercicio de memoria de 4 usuarios de una portal X

USABILIDADORGANIZAR LA VISUALIZACIÓN:

5 Smith& Moiser

4. - Compatibilidad de la visualización de datos con la entrada de datos. El formato de visualización de información debería estar claramente enlazado con el formato de la entrada de datos.

4

USABILIDADORGANIZAR LA VISUALIZACIÓN:

5 Smith& Moiser5.- Flexibilidad de control del usuario sobre la visualización de datos. Los

usuarios deberían poder obtener la información en pantalla en la forma que le resulte más conveniente para la tarea en la que está trabajando. 5

Asistente de AS en Flash Explorador de Photoshop

OBTENER LA ATENCIÓN

USABILIDAD

USABILIDADATENCIÓN:

INTENSIDAD

MARCADOTAMAÑO

FUENTES VIDEO INVERSO

PARPADEO

COLOR

AUDIO

OBTENER LA ATENCIÓN

USABILIDADATENCIÓN:

USABILIDADATENCIÓN:

• INTENSIDAD: Usar sólo dos niveles, con un uso limitado de la la alta intensidad para despertar la atención (hover en CSS también)

USABILIDADATENCIÓN:

• MARCADO: Subrayar el elemento, encerrarlo en una caja, señalarlo con una flecha o usar indicadores como asteriscos, viñetas, rayas, signo más o X

USABILIDADATENCIÓN:

• TAMAÑO. Usar máximo de 4 tamaños, utilizando lógicamente los mayores para llamar la atención.

USABILIDADATENCIÓN:

• FUENTES: Utilizar un máximo de tres fuentes.

USABILIDADATENCIÓN:

• VIDEO INVERSO: Usar un coloreado inverso (juegos de negativos)

USABILIDADATENCIÓN:

• PARPADEO: Usar visualizaciones con parpadeo (2-4 Hz) o cambios de color parpadeantes con cuidado

USABILIDADATENCIÓN:

• COLOR: usar hasta cuatro colores estandars.

USABILIDADATENCIÓN:

• AUDIO: Usar tono suaves para la realimentación positiva habitual y sonidos estridentes para condiciones de emergencia.

Consejo / Experiencias

Nielsen, Jakob, Loranger Hoa, Usabilidad Prioridad en el diseño Web, Anaya, 2006

ERGONOMÍA

La Ergonomía es una ciencia que estudia las características, necesidades, capacidades y habilidades de los seres humanos, analizando aquellos aspectos que afectan al entorno artificial construido por el hombre relacionado directamente con los actos y gestos involucrados en toda actividad de éste.

ERGONOMÍA

USUARIOS TECNOLOGÍA

TAREA

• APTITUDES

• FÍSICAS

• PSICOLÓGICAS

• HERRAMIENTAS

• MAQUINAS

• EQUIPOS

• ORGANIZACIÓN

• CARGA FÍSICA

• CARGA PSICOLÓGICA

• AMBIENTE

ERGONOMÍA

La ergonomía es una ciencia en sí misma, que conforma su cuerpo de conocimientos a partir de su experiencia y de una amplia base de información proveniente de :

• la psicología

• la fisiología

• la antropometría

• la biomecánica,

• la ingeniería industrial

• el diseño

ERGONOMÍA

¿MATERIALES?

ERGONOMÍA ¿Caso práctico?

- Sensibilidad /tacto

- Naturaleza (sintética/natural)

- Evejecimiento (clima)

- Durabilidad

- Riesgos físicos

- Conducción/Aislante

- Tamaño

- Autonomía / energía

ERGONOMÍA

Ergonomía Física Ergonomía Cognitiva

se preocupa de las características anatómicas, antropométricas, fisiológicas y biomecánicas humanas en tanto que se

relacionan con la actividad física.

• posturas de trabajo

• manejo manual de materiales

• movimientos repetidos

• lesiones músculo-tendinosas (LMT)

• diseño de puestos en tareas

• seguridad y salud ocupacional.

estudio de procesamiento de información humano; en su vertiente aplicada.

La ergonomía informática contribuye tanto a la mejora de los equipos de

soporte (hardware) como al diseño de programas (software), buscando una

optimización de la interfaz entre el ordenador y el usuario.

La ergonomía de la programación se refiere a los aspectos cognoscitivos de la actividad de programación que mejoran la interacción entre el hombre y la máquina mediante la concepción, la construcción y escritura de los programas.

La biónica es la aplicación del estudio de soluciones biológicas a la técnica de los sistemas de arquitectura, ingeniería y tecnologíamoderna.

Objetivo:

Concatenar (hacer trabajar juntos) sistemas biológicos, por ejemplo para crear prótesis activadas por los nervios, robots controlados por una señal biológica o también crear modelos artificiales de cosas que solo existen en la naturaleza, por ejemplo la visión artificial y la inteligencia artificial también llamada cibernética.

ERGONOMÍA

Normam Weiner (padre de la Cibernética)

BIÓNICA

ERGONOMÍA BIOMECÁNICA

Estudio de maquina de volar. Leonardo Da vinci

La biomecánica es una disciplina científica que tiene por objeto el estudio de las estructuras de carácter mecánico que existen en los seres vivos, fundamentalmente del cuerpo humano.

ESPACIO COMO INTERFACE

OBJETO/ESPACIO DE ACCIÓN Y TAREA

ERGONOMÍAUSABILIDAD

ACCESIBILIDAD

¿DÓNDE?

USUARIO

ESPACIO COMO INTERFACE

Tipología de modelos de circulación Según M. Lehmbruck (1974)

• Arterial• Peine• Cadena• Estrella• Bloque

ESPACIO COMO INTERFACE

Teoria de Laurence Vail Coleman (1950)

Gráficos de Coleman (1950)

“La exposición toma su patrón del trazado del edificio; pero tal y como responde el visitante a la organización del espacio, puede verse afectada por las exposiciones y está influida siempre por un complejo de hábitos humanos llamado conducta o comportamiento del visitante”

El espacio y la circulaciónESPACIO COMO INTERFACE

Gráficos de Coleman (1950)El espacio y la circulación

Gráficos de Coleman (1950)

Diagrama de organización del espacio que muestras:

(A y B) libre circulación pero con pobre recorrido.

(C) Recorrido a expensas de movimiento

(D) Cómoda para la circulación, recorrido y posibilidad de ver las exposiciones en un orden lógico.

(E) Desarrollo del esquema Dpara exposiciones

El espacio y la circulación

Gráficos de Coleman (1950)

Emplazamientos de entrada:

Emplazamiento de la entrada y efectos sobre el itinerario: atracción de la salida ignorada (izquierda), la atracción de la salida ayuda al recorrido (centro), promueve el recorrido (derecha)

Tres salas del último tipo se muestran abajo en una agrupación familiar.

El espacio y la circulación

Dean (1994)

Tipos de circuitos:

SUGERIDO NO ESTRUCTURADO ESTRUCTURADO

El espacio y la circulación

Es interesante saber y sorprende saber las dimensiones humanas a la hora del montaje de un instalación e

interfaces de la misma. Llegamos a pensar que todos los usuarios tienen la misma talla

ANTROPOMETRÍA

Tabla de Valores

91cm112cm124cmLínea de visión en silla de ruedas

108cm108cm108cmLongitud silla de ruedas63,5cm63,5cm63,5cmAnchura silla de ruedas33cm38cm46cmAltura sentado120cm150cm170cmLínea de visión horizontal91,5cm122cm122cmRadio de torsión152cm168cm183cmBrazos extendidos a los lados160cm204cm227cmBrazos extendidos arriba65cm84cm91cmBrazos extendidos adelante30cm51cm51cmAltura de hombros130cm163cm178 cmAltura de pie

Niño (8)MujerHombre

ANTROPOMETRÍA

ANTROPOMETRÍA

Soluciones/alternativas a problemas de talla en el interfaz:

• Construir un pequeño escalón de unos 15 cm que permita el acceso a los visitantes de distintas alturas. (Esto puede ser fuente deaccidentes)

• Unidades múltiples a distintas alturas. Este sistema satisface a más rango de usuarios, pero sus costes son elevados. Desde el punto de vista del diseño del interfaz/montaje tiene un aspecto negativo, es factor de repetición.

• Sistema que se pueda adaptar mecánicamente. Elevado coste.

ANTROPOMETRÍA

Campo de visiónANTROPOMETRÍA

Campo de visiónANTROPOMETRÍA

Campo de visiónANTROPOMETRÍA

Campo de visiónANTROPOMETRÍA

Campo de visiónANTROPOMETRÍA

10,50 m5,30 m6,00 m

8,50 m4,30 m5,00 m7,50 m3,80 m4,50 m6,50 m3,30 m4,00 m

5,50 m2,80 m3,50 m4,50 m2,30 m3,00 m3,50 m1,80 m2,50 m

2,50 m1,30 m2,00 m1,50 m0,80 m1,50 m1,00 m0,50 m1,00 m

0,50 m0,25 m0,50 m

Distancia aproximadaPor encima de lo visualAltura de la obra

La buena visión de las obras depende de u conjunto de varios elementos, la distancia y la situación en que se encuentran respecto al espectador, estableciendo un triple relación correlativa: la altura de la obra, la porción de la obra por encima de lo visual y la propia distancia en que se encuentra en relación con el espectador.

Campo de visiónANTROPOMETRÍA

4 m 1,

50 m

6,50 m

3,30 m

Ejemplo prácticoANTROPOMETRÍA

•Helen Sharp, Yvonne Rogers, Jenny Preece, Interaction Design: Beyond Human Computer Interaction , John Wiley & Sons, 2007

• Nielsen, Jakob, Loranger Hoa, Usabilidad Prioridad en el diseño Web, Anaya, 2006

• Mondelo Pedro R., Bombardo Pedro Barrau, Torada Enrique Gregori , Ergonomia 1. FUNDAMENTOS ,Alfaomega , 2000

• Francisco Javier Llaneza, Javier Llaneza Alvarez, Ergonomía y psicosociología aplicada, NORMAS UNE.•http://books.google.es/books?id=o6kLIwAFTvAC&pg=PA212&lpg=PA212&dq=dise%C3%B1o+ergonomico+principios&source=web&ots=S-v-7ekywK&sig=Wz6DOQy1yhQA4_w87UxnziWAZkY&hl=es&sa=X&oi=book_result&resnum=7&ct=result

• http://www.usabilityfirst.com/

• http://www.acm.org/sigchi/video

• http://www.cs.umd.edu/hcil/pubs/video-reports.shtml

Bibliografía

Prof: Moisés Mañ[email protected]:)

Master en Artes Visuales y MultimediaDpto. Escultura / Pintura -Universidad Politécnica de Valencia