Upload
secuoyas
View
6.849
Download
1
Embed Size (px)
DESCRIPTION
Conferencia de Secuoyas en el SIMO-07 en el pabellón Web 2.0. Nuevos paradigmas de la interfaz de usuario en el diseño 2.0. Impartida por Rafael Muñoz y Chema Martínez-Priego
Citation preview
Nuevos paradigmas en
Interfaces de Usuario
Chema Martínez-Priego
Rafael Muñoz
6 de Octubre, 2007
Web 1.0 -> La web es el soporte (fin) para el contenido.
Web 2.0 -> La web es la plataforma (medio) para interaccionar con el contenido.
Nuevos paradigmas en Interfaces de Usuario
=>
Introducción
La web vista con Lynx El Organizr de Flickr
Nuevos paradigmas en
Interfaces de Usuario
Chema Martínez-Priego
Rafael Muñoz
6 de Octubre, 2007
Web 1.0 -> La web es el soporte (fin) para el contenido.
Web 2.0 -> La web es la plataforma (medio) para interaccionar con el contenido.
Nuevos paradigmas en Interfaces de Usuario
=>
Introducción
La web vista con Lynx El Organizr de Flickr
Nuevos paradigmas en Interfaces de UsuarioIntroducción
Las necesidades de los productores han cambiadoDiseñar para comunidades, no para individuos
Nuevos paradigmas en Interfaces de UsuarioIntroducción
Las necesidades de los productores han cambiadoDiseñar para comunidades, no para individuos
Las expectativas de los usuarios han cambiadoQuieren controlar su información
Nuevos paradigmas en Interfaces de UsuarioIntroducción
Las necesidades de los productores han cambiadoDiseñar para comunidades, no para individuos
Nuevos paradigmas en Interfaces de UsuarioIntroducción
Las necesidades de los productores han cambiadoDiseñar para comunidades, no para individuos
Las expectativas de los usuarios han cambiadoQuieren controlar su información
Nuevos paradigmas en Interfaces de UsuarioIntroducción
Las necesidades de los productores han cambiadoDiseñar para comunidades, no para individuos
Las expectativas de los usuarios han cambiadoQuieren controlar su información
La tecnología de ambas partes ha cambiadoEvolución en la tecnología de producción
EstandarizaciónLenguajes de programación
Nuevos paradigmas en Interfaces de UsuarioIntroducción
Las necesidades de los productores han cambiadoDiseñar para comunidades, no para individuos
Las expectativas de los usuarios han cambiadoQuieren controlar su información
La tecnología de ambas partes ha cambiadoEvolución en la tecnología de producción
EstandarizaciónLenguajes de programación
Evolución en los dispositivos de los clientesAumento del poder de computaciónSoporte de estándares
Nuevos paradigmas en Interfaces de UsuarioIntroducción
Las necesidades de los productores han cambiadoDiseñar para comunidades, no para individuos
Las expectativas de los usuarios han cambiadoQuieren controlar su información
La tecnología de ambas partes ha cambiadoEvolución en la tecnología de producción
EstandarizaciónLenguajes de programación
Nuevos paradigmas en Interfaces de UsuarioIntroducción
Las necesidades de los productores han cambiadoDiseñar para comunidades, no para individuos
Las expectativas de los usuarios han cambiadoQuieren controlar su información
La tecnología de ambas partes ha cambiadoEvolución en la tecnología de producción
EstandarizaciónLenguajes de programación
Evolución en los dispositivos de los clientesAumento del poder de computaciónSoporte de estándares
Nuevos paradigmas en Interfaces de UsuarioIntroducción
Nuevos actores
Nuevos paradigmas en Interfaces de UsuarioIntroducción
Nuevos actores
Usabilidad
Nuevos paradigmas en Interfaces de UsuarioIntroducción
Nuevos actores
Nuevos paradigmas en Interfaces de UsuarioIntroducción
Nuevos actores
Usabilidad
Nuevos paradigmas en Interfaces de UsuarioIntroducción
Nuevos actores
Usabilidad
Accesibilidad
Nuevos paradigmas en Interfaces de UsuarioIntroducción
Nuevos actores
Usabilidad
Accesibilidad
Diseño de Interacción
Nuevos paradigmas en Interfaces de UsuarioIntroducción
Nuevos actores
Usabilidad
Accesibilidad
Nuevos paradigmas en Interfaces de UsuarioIntroducción
Nuevos actores
Usabilidad
Accesibilidad
Diseño de Interacción
Nuevos paradigmas en Interfaces de UsuarioIntroducción
Nuevos actores
Usabilidad
Accesibilidad
Diseño de Interacción
Globalización
Internacionalización, no sólo linguística sino conceptual
Nuevos paradigmas en Interfaces de Usuario
Mitos del Diseño 2.0
Nuevos paradigmas en Interfaces de UsuarioIntroducción
Nuevos actores
Usabilidad
Accesibilidad
Diseño de Interacción
Globalización
Internacionalización, no sólo linguística sino conceptual
Nuevos paradigmas en Interfaces de Usuario
Mitos del Diseño 2.0
Nuevos paradigmas en Interfaces de UsuarioMitos del Diseño 2.0
Todos los hemos oído:
Nuevos paradigmas en Interfaces de UsuarioMitos del Diseño 2.0
Todos los hemos oído:
Bordes redondeados
Nuevos paradigmas en Interfaces de UsuarioMitos del Diseño 2.0
Todos los hemos oído:
Nuevos paradigmas en Interfaces de UsuarioMitos del Diseño 2.0
Todos los hemos oído:
Bordes redondeados
Nuevos paradigmas en Interfaces de UsuarioMitos del Diseño 2.0
Todos los hemos oído:
Bordes redondeados
Reflejos en un suelo mojado virtual
Nuevos paradigmas en Interfaces de UsuarioMitos del Diseño 2.0
Todos los hemos oído:
Bordes redondeados
Reflejos en un suelo mojado virtual
Tipografías grandes sobre fondos blancos
Nuevos paradigmas en Interfaces de UsuarioMitos del Diseño 2.0
Todos los hemos oído:
Bordes redondeados
Reflejos en un suelo mojado virtual
Nuevos paradigmas en Interfaces de UsuarioMitos del Diseño 2.0
Todos los hemos oído:
Bordes redondeados
Reflejos en un suelo mojado virtual
Tipografías grandes sobre fondos blancos
Nuevos paradigmas en Interfaces de UsuarioMitos del Diseño 2.0
Todos los hemos oído:
Bordes redondeados
Reflejos en un suelo mojado virtual
Tipografías grandes sobre fondos blancos
Una estrellita retro donde pone "Beta"
Nuevos paradigmas en Interfaces de UsuarioMitos del Diseño 2.0
Por qué surgen algunas de estas modas:
Los bordes redondeados son una vía de escape a lo que erael diseño futurista hace 10 años, de líneas rectas.
Nuevos paradigmas en Interfaces de UsuarioMitos del Diseño 2.0
Todos los hemos oído:
Bordes redondeados
Reflejos en un suelo mojado virtual
Tipografías grandes sobre fondos blancos
Una estrellita retro donde pone "Beta"
Nuevos paradigmas en Interfaces de UsuarioMitos del Diseño 2.0
Por qué surgen algunas de estas modas:
Los bordes redondeados son una vía de escape a lo que erael diseño futurista hace 10 años, de líneas rectas.
Nuevos paradigmas en Interfaces de UsuarioMitos del Diseño 2.0
Por qué surgen algunas de estas modas:
Los bordes redondeados son una vía de escape a lo que erael diseño futurista hace 10 años, de líneas rectas.
Los reflejos son un intento de hacer las interfaces mástáctiles, de humanizar el entorno. Apple los popularizó y suevangelismo no tiene límite últimamente...
Nuevos paradigmas en Interfaces de UsuarioMitos del Diseño 2.0
Por qué surgen algunas de estas modas:
Los bordes redondeados son una vía de escape a lo que erael diseño futurista hace 10 años, de líneas rectas.
Los reflejos son un intento de hacer las interfaces mástáctiles, de humanizar el entorno. Apple los popularizó y suevangelismo no tiene límite últimamente...
Las tipografías grandes sobre fondos blancos vienen de lacorriente más extrema del diseño usable y accesible.
Nuevos paradigmas en Interfaces de UsuarioMitos del Diseño 2.0
Por qué surgen algunas de estas modas:
Los bordes redondeados son una vía de escape a lo que erael diseño futurista hace 10 años, de líneas rectas.
Los reflejos son un intento de hacer las interfaces mástáctiles, de humanizar el entorno. Apple los popularizó y suevangelismo no tiene límite últimamente...
Nuevos paradigmas en Interfaces de UsuarioMitos del Diseño 2.0
Por qué surgen algunas de estas modas:
Los bordes redondeados son una vía de escape a lo que erael diseño futurista hace 10 años, de líneas rectas.
Los reflejos son un intento de hacer las interfaces mástáctiles, de humanizar el entorno. Apple los popularizó y suevangelismo no tiene límite últimamente...
Las tipografías grandes sobre fondos blancos vienen de lacorriente más extrema del diseño usable y accesible.
Nuevos paradigmas en Interfaces de UsuarioMitos del Diseño 2.0
Por qué surgen algunas de estas modas:
Los bordes redondeados son una vía de escape a lo que erael diseño futurista hace 10 años, de líneas rectas.
Los reflejos son un intento de hacer las interfaces mástáctiles, de humanizar el entorno. Apple los popularizó y suevangelismo no tiene límite últimamente...
Las tipografías grandes sobre fondos blancos vienen de lacorriente más extrema del diseño usable y accesible.
Y la estrellita con el "Beta"... sin comentarios.
Nuevos paradigmas en Interfaces de UsuarioMitos del Diseño 2.0
Pero también:
Porque las capacidades técnicas evolucionan y utilizar lasnuevas capacidades es simplemente natural, creando una moda de facto.
Nuevos paradigmas en Interfaces de UsuarioMitos del Diseño 2.0
Por qué surgen algunas de estas modas:
Los bordes redondeados son una vía de escape a lo que erael diseño futurista hace 10 años, de líneas rectas.
Los reflejos son un intento de hacer las interfaces mástáctiles, de humanizar el entorno. Apple los popularizó y suevangelismo no tiene límite últimamente...
Las tipografías grandes sobre fondos blancos vienen de lacorriente más extrema del diseño usable y accesible.
Y la estrellita con el "Beta"... sin comentarios.
Nuevos paradigmas en Interfaces de UsuarioMitos del Diseño 2.0
Pero también:
Porque las capacidades técnicas evolucionan y utilizar lasnuevas capacidades es simplemente natural, creando una moda de facto.
Nuevos paradigmas en Interfaces de UsuarioMitos del Diseño 2.0
Pero también:
Porque las capacidades técnicas evolucionan y utilizar lasnuevas capacidades es simplemente natural, creando una moda de facto.
Porque finalmente los dispositivos de los usuarios pueden hacer muchas cosas que siempre se han querido hacer.
Nuevos paradigmas en Interfaces de UsuarioMitos del Diseño 2.0
Pero también:
Porque las capacidades técnicas evolucionan y utilizar lasnuevas capacidades es simplemente natural, creando una moda de facto.
Porque finalmente los dispositivos de los usuarios pueden hacer muchas cosas que siempre se han querido hacer.
Porque hay que tener en cuenta que la funcionalidad de los sitios web ha cambiado, y es necesario adaptarse.
Nuevos paradigmas en Interfaces de UsuarioMitos del Diseño 2.0
Pero también:
Porque las capacidades técnicas evolucionan y utilizar lasnuevas capacidades es simplemente natural, creando una moda de facto.
Porque finalmente los dispositivos de los usuarios pueden hacer muchas cosas que siempre se han querido hacer.
Nuevos paradigmas en Interfaces de UsuarioMitos del Diseño 2.0
Pero también:
Porque las capacidades técnicas evolucionan y utilizar lasnuevas capacidades es simplemente natural, creando una moda de facto.
Porque finalmente los dispositivos de los usuarios pueden hacer muchas cosas que siempre se han querido hacer.
Porque hay que tener en cuenta que la funcionalidad de los sitios web ha cambiado, y es necesario adaptarse.
Nuevos paradigmas en Interfaces de UsuarioMitos del Diseño 2.0
Pero también:
Porque las capacidades técnicas evolucionan y utilizar lasnuevas capacidades es simplemente natural, creando una moda de facto.
Porque finalmente los dispositivos de los usuarios pueden hacer muchas cosas que siempre se han querido hacer.
Porque hay que tener en cuenta que la funcionalidad de los sitios web ha cambiado, y es necesario adaptarse.
Porque la programación es cada vez más importante.
Nuevos paradigmas en Interfaces de Usuario
Qué es [realmente] el Diseño 2.0
Nuevos paradigmas en Interfaces de UsuarioMitos del Diseño 2.0
Pero también:
Porque las capacidades técnicas evolucionan y utilizar lasnuevas capacidades es simplemente natural, creando una moda de facto.
Porque finalmente los dispositivos de los usuarios pueden hacer muchas cosas que siempre se han querido hacer.
Porque hay que tener en cuenta que la funcionalidad de los sitios web ha cambiado, y es necesario adaptarse.
Porque la programación es cada vez más importante.
Nuevos paradigmas en Interfaces de Usuario
Qué es [realmente] el Diseño 2.0
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
El diseño 2.0 no es una moda, es una necesidad.
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
El diseño 2.0 no es una moda, es una necesidad.
Un estilo visual no hace que una web sea 2.0.
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
El diseño 2.0 no es una moda, es una necesidad.
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
El diseño 2.0 no es una moda, es una necesidad.
Un estilo visual no hace que una web sea 2.0.
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
El diseño 2.0 no es una moda, es una necesidad.
Un estilo visual no hace que una web sea 2.0.
El objeto de la web 2.0 es la creación de aplicaciones quetienen que ser usadas.
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
El diseño 2.0 no es una moda, es una necesidad.
Un estilo visual no hace que una web sea 2.0.
El objeto de la web 2.0 es la creación de aplicaciones quetienen que ser usadas.
Todas las actividades en torno a la creación del web 2.0(el diseño también) están supeditadas por la funciónoperativa de aplicación.
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
El diseño 2.0 no es una moda, es una necesidad.
Un estilo visual no hace que una web sea 2.0.
El objeto de la web 2.0 es la creación de aplicaciones quetienen que ser usadas.
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
El diseño 2.0 no es una moda, es una necesidad.
Un estilo visual no hace que una web sea 2.0.
El objeto de la web 2.0 es la creación de aplicaciones quetienen que ser usadas.
Todas las actividades en torno a la creación del web 2.0(el diseño también) están supeditadas por la funciónoperativa de aplicación.
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
El diseño gráfico es arte porque busca lo bello
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
¿Que es bello?
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
El diseño gráfico es arte porque busca lo bello
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
¿Que es bello?
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
¿Que es bello?Lo bello es lo que se adecua a la naturaleza de la cosa
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
¿Que es bello?Lo bello es lo que se adecua a la naturaleza de la cosa
¿Cuál es la naturaleza de la web 2.0?Aplicaciones webEl usuario genera contenido y ejecuta funciones
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
¿Que es bello?Lo bello es lo que se adecua a la naturaleza de la cosa
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
¿Que es bello?Lo bello es lo que se adecua a la naturaleza de la cosa
¿Cuál es la naturaleza de la web 2.0?Aplicaciones webEl usuario genera contenido y ejecuta funciones
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
¿Que es bello?Lo bello es lo que se adecua a la naturaleza de la cosa
¿Cuál es la naturaleza de la web 2.0?Aplicaciones webEl usuario genera contenido y ejecuta funciones
El papel del diseño en la web 2.0 es dar respuesta a laspreguntas que surjan sobre las posibilidades de laaplicación
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
Que desaparezcan todos los elementos sobrantes
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
¿Que es bello?Lo bello es lo que se adecua a la naturaleza de la cosa
¿Cuál es la naturaleza de la web 2.0?Aplicaciones webEl usuario genera contenido y ejecuta funciones
El papel del diseño en la web 2.0 es dar respuesta a laspreguntas que surjan sobre las posibilidades de laaplicación
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
Que desaparezcan todos los elementos sobrantes
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
Que desaparezcan todos los elementos sobrantes
Que la marca no sea más que un distintivo necesario
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
Que desaparezcan todos los elementos sobrantes
Que la marca no sea más que un distintivo necesario
Que el marketing no interfiera en este tipo de aplicaciones
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
Que desaparezcan todos los elementos sobrantes
Que la marca no sea más que un distintivo necesario
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
Que desaparezcan todos los elementos sobrantes
Que la marca no sea más que un distintivo necesario
Que el marketing no interfiera en este tipo de aplicaciones
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
La labor del diseñador es decidir que limitacionesestablece en su diseño
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
La labor del diseñador es decidir que limitacionesestablece en su diseño
Esta es la verdadera creatividad de un diseño
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
La labor del diseñador es decidir que limitacionesestablece en su diseño
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
La labor del diseñador es decidir que limitacionesestablece en su diseño
Esta es la verdadera creatividad de un diseño
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
La labor del diseñador es decidir que limitacionesestablece en su diseño
Esta es la verdadera creatividad de un diseño
Dos principios universales del diseño que apoyan estatesis:
Pincipio de Pareto (Teoría 80/20)Navaja de Ockham
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
La tarea del diseñador es ejercer su libertad
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
La labor del diseñador es decidir que limitacionesestablece en su diseño
Esta es la verdadera creatividad de un diseño
Dos principios universales del diseño que apoyan estatesis:
Pincipio de Pareto (Teoría 80/20)Navaja de Ockham
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
La tarea del diseñador es ejercer su libertad
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
La tarea del diseñador es ejercer su libertad
El diseñador tiene que configurar EspacioTiempoOrden
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
La tarea del diseñador es ejercer su libertad
El diseñador tiene que configurar EspacioTiempoOrden
Para ello se sirve de:La formaEl colorEl tamaño
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
La tarea del diseñador es ejercer su libertad
El diseñador tiene que configurar EspacioTiempoOrden
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
La tarea del diseñador es ejercer su libertad
El diseñador tiene que configurar EspacioTiempoOrden
Para ello se sirve de:La formaEl colorEl tamaño
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
El papel de la estética en la utilidadParece más fácil de utilizar
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
El papel de la estética en la utilidadParece más fácil de utilizar
¿Nos dejamos llevar por las apariencias?
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
El papel de la estética en la utilidadParece más fácil de utilizar
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
El papel de la estética en la utilidadParece más fácil de utilizar
¿Nos dejamos llevar por las apariencias?
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
El papel de la estética en la utilidadParece más fácil de utilizar
¿Nos dejamos llevar por las apariencias?
Vinculación emocional. ¿Ventaja o inconveniente?
Nuevos paradigmas en Interfaces de Usuario
Aplicaciones
Nuevos paradigmas en Interfaces de UsuarioQué es [realmente] el Diseño 2.0
El papel de la estética en la utilidadParece más fácil de utilizar
¿Nos dejamos llevar por las apariencias?
Vinculación emocional. ¿Ventaja o inconveniente?
Nuevos paradigmas en Interfaces de Usuario
Aplicaciones
Nuevos paradigmas en Interfaces de UsuarioAplicaciones
¿Qué es una aplicación?
Nuevos paradigmas en Interfaces de UsuarioAplicaciones
¿Qué es una aplicación?
Una herramienta que ayuda al usuario.
Nuevos paradigmas en Interfaces de UsuarioAplicaciones
¿Qué es una aplicación?
Nuevos paradigmas en Interfaces de UsuarioAplicaciones
¿Qué es una aplicación?
Una herramienta que ayuda al usuario.
Nuevos paradigmas en Interfaces de UsuarioAplicaciones
¿Qué es una aplicación?
Una herramienta que ayuda al usuario.
¿Cuál es la diferencia?
Nuevos paradigmas en Interfaces de UsuarioAplicaciones
¿Qué es una aplicación?
Una herramienta que ayuda al usuario.
¿Cuál es la diferencia?
Para muchos usuarios, ninguna. Eso es bueno.
Nuevos paradigmas en Interfaces de UsuarioAplicaciones
¿Qué es una aplicación?
Una herramienta que ayuda al usuario.
¿Cuál es la diferencia?
Nuevos paradigmas en Interfaces de UsuarioAplicaciones
¿Qué es una aplicación?
Una herramienta que ayuda al usuario.
¿Cuál es la diferencia?
Para muchos usuarios, ninguna. Eso es bueno.
Nuevos paradigmas en Interfaces de UsuarioAplicaciones
¿Qué es una aplicación?
Una herramienta que ayuda al usuario.
¿Cuál es la diferencia?
Para muchos usuarios, ninguna. Eso es bueno.
Todos estamos acostumbrados a utilizar las aplicaciones en el entorno de escritorio, así que tenemos expectativas.
Nuevos paradigmas en Interfaces de UsuarioAplicaciones
¿Qué es una aplicación?
Una herramienta que ayuda al usuario.
¿Cuál es la diferencia?
Para muchos usuarios, ninguna. Eso es bueno.
Todos estamos acostumbrados a utilizar las aplicaciones en el entorno de escritorio, así que tenemos expectativas.
Las aplicaciones son un medio, no un fin.
Nuevos paradigmas en Interfaces de UsuarioAplicaciones
¿Qué es una aplicación?
Una herramienta que ayuda al usuario.
¿Cuál es la diferencia?
Para muchos usuarios, ninguna. Eso es bueno.
Todos estamos acostumbrados a utilizar las aplicaciones en el entorno de escritorio, así que tenemos expectativas.
Nuevos paradigmas en Interfaces de UsuarioAplicaciones
¿Qué es una aplicación?
Una herramienta que ayuda al usuario.
¿Cuál es la diferencia?
Para muchos usuarios, ninguna. Eso es bueno.
Todos estamos acostumbrados a utilizar las aplicaciones en el entorno de escritorio, así que tenemos expectativas.
Las aplicaciones son un medio, no un fin.
Nuevos paradigmas en Interfaces de UsuarioAplicaciones
¿Cómo afecta al diseño?
Nuevos paradigmas en Interfaces de UsuarioAplicaciones
¿Cómo afecta al diseño?
El volumen de los contenidos es variable
Nuevos paradigmas en Interfaces de UsuarioAplicaciones
¿Cómo afecta al diseño?
Nuevos paradigmas en Interfaces de UsuarioAplicaciones
¿Cómo afecta al diseño?
El volumen de los contenidos es variable
Nuevos paradigmas en Interfaces de UsuarioAplicaciones
¿Cómo afecta al diseño?
El volumen de los contenidos es variable
La estructura y el contenido de la página puedemodificarse dinámicamente
Nuevos paradigmas en Interfaces de UsuarioAplicaciones
¿Cómo afecta al diseño?
El volumen de los contenidos es variable
La estructura y el contenido de la página puedemodificarse dinámicamente
La longitud de los textos puede cambiar notablemente enfunción del idioma
Nuevos paradigmas en Interfaces de UsuarioAplicaciones
¿Cómo afecta al diseño?
El volumen de los contenidos es variable
La estructura y el contenido de la página puedemodificarse dinámicamente
Nuevos paradigmas en Interfaces de UsuarioAplicaciones
¿Cómo afecta al diseño?
El volumen de los contenidos es variable
La estructura y el contenido de la página puedemodificarse dinámicamente
La longitud de los textos puede cambiar notablemente enfunción del idioma
Nuevos paradigmas en Interfaces de UsuarioAplicaciones
¿Cómo afecta al diseño?
El volumen de los contenidos es variable
La estructura y el contenido de la página puedemodificarse dinámicamente
La longitud de los textos puede cambiar notablemente enfunción del idioma
Nuevos elementos de interacción con sus estándares decomportamiento heredados del escritorio
Nuevos paradigmas en Interfaces de UsuarioAplicaciones
¿Cómo afecta al diseño?
El volumen de los contenidos es variable
La estructura y el contenido de la página puedemodificarse dinámicamente
La longitud de los textos puede cambiar notablemente enfunción del idioma
Nuevos elementos de interacción con sus estándares decomportamiento heredados del escritorio
Evitar el manual de instrucciones
Nuevos paradigmas en Interfaces de UsuarioAplicaciones
¿Cómo afecta al diseño?
El volumen de los contenidos es variable
La estructura y el contenido de la página puedemodificarse dinámicamente
La longitud de los textos puede cambiar notablemente enfunción del idioma
Nuevos elementos de interacción con sus estándares decomportamiento heredados del escritorio
Nuevos paradigmas en Interfaces de UsuarioAplicaciones
¿Cómo afecta al diseño?
El volumen de los contenidos es variable
La estructura y el contenido de la página puedemodificarse dinámicamente
La longitud de los textos puede cambiar notablemente enfunción del idioma
Nuevos elementos de interacción con sus estándares decomportamiento heredados del escritorio
Evitar el manual de instrucciones
Nuevos paradigmas en Interfaces de Usuario
Diseño modular
Nuevos paradigmas en Interfaces de UsuarioDiseño modular
La web se ha llenado de aplicaciones de uso individual o en grupo.
Nuevos paradigmas en Interfaces de Usuario
Diseño modular
Nuevos paradigmas en Interfaces de UsuarioDiseño modular
La web se ha llenado de aplicaciones de uso individual o en grupo.
Nuevos paradigmas en Interfaces de UsuarioDiseño modular
La web se ha llenado de aplicaciones de uso individual o en grupo.
Estamos entrando de lleno a una nueva forma de hacer web.
Nuevos paradigmas en Interfaces de UsuarioDiseño modular
La web se ha llenado de aplicaciones de uso individual o en grupo.
Estamos entrando de lleno a una nueva forma de hacer web.
Internet ya no es una ventana al mundo sino unahabitación personalizada MySpace.
Nuevos paradigmas en Interfaces de UsuarioDiseño modular
La web se ha llenado de aplicaciones de uso individual o en grupo.
Estamos entrando de lleno a una nueva forma de hacer web.
Nuevos paradigmas en Interfaces de UsuarioDiseño modular
La web se ha llenado de aplicaciones de uso individual o en grupo.
Estamos entrando de lleno a una nueva forma de hacer web.
Internet ya no es una ventana al mundo sino unahabitación personalizada MySpace.
Nuevos paradigmas en Interfaces de UsuarioDiseño modular
La web se ha llenado de aplicaciones de uso individual o en grupo.
Estamos entrando de lleno a una nueva forma de hacer web.
Internet ya no es una ventana al mundo sino unahabitación personalizada MySpace.
El diseño gráfico uno de los principales afectados en estecambio de paradigma. Surgen nuevas limitaciones.
Nuevos paradigmas en Interfaces de UsuarioDiseño modular
La importancia de Facebook y la revolución deOpenSocial.
Nuevos paradigmas en Interfaces de UsuarioDiseño modular
La web se ha llenado de aplicaciones de uso individual o en grupo.
Estamos entrando de lleno a una nueva forma de hacer web.
Internet ya no es una ventana al mundo sino unahabitación personalizada MySpace.
El diseño gráfico uno de los principales afectados en estecambio de paradigma. Surgen nuevas limitaciones.
Nuevos paradigmas en Interfaces de UsuarioDiseño modular
La importancia de Facebook y la revolución deOpenSocial.
Nuevos paradigmas en Interfaces de UsuarioDiseño modular
La importancia de Facebook y la revolución deOpenSocial.
Los módulos o widgets afectan a toda la web 2.0.
Nuevos paradigmas en Interfaces de UsuarioDiseño modular
La importancia de Facebook y la revolución deOpenSocial.
Los módulos o widgets afectan a toda la web 2.0.
Las aplicaciones son exportables a cualquier plataforma.
Nuevos paradigmas en Interfaces de UsuarioDiseño modular
La importancia de Facebook y la revolución deOpenSocial.
Los módulos o widgets afectan a toda la web 2.0.
Nuevos paradigmas en Interfaces de UsuarioDiseño modular
La importancia de Facebook y la revolución deOpenSocial.
Los módulos o widgets afectan a toda la web 2.0.
Las aplicaciones son exportables a cualquier plataforma.
Nuevos paradigmas en Interfaces de UsuarioDiseño modular
La importancia de Facebook y la revolución deOpenSocial.
Los módulos o widgets afectan a toda la web 2.0.
Las aplicaciones son exportables a cualquier plataforma.
Los banners se conviertes en microaplicaciones.
Nuevos paradigmas en Interfaces de UsuarioDiseño modular
La importancia de Facebook y la revolución deOpenSocial.
Los módulos o widgets afectan a toda la web 2.0.
Las aplicaciones son exportables a cualquier plataforma.
Los banners se conviertes en microaplicaciones.
No podemos controlar el contexto.
Nuevos paradigmas en Interfaces de UsuarioDiseño modular
La importancia de Facebook y la revolución deOpenSocial.
Los módulos o widgets afectan a toda la web 2.0.
Las aplicaciones son exportables a cualquier plataforma.
Los banners se conviertes en microaplicaciones.
Nuevos paradigmas en Interfaces de UsuarioDiseño modular
La importancia de Facebook y la revolución deOpenSocial.
Los módulos o widgets afectan a toda la web 2.0.
Las aplicaciones son exportables a cualquier plataforma.
Los banners se conviertes en microaplicaciones.
No podemos controlar el contexto.
Nuevos paradigmas en Interfaces de UsuarioDiseño modular
La importancia de Facebook y la revolución deOpenSocial.
Los módulos o widgets afectan a toda la web 2.0.
Las aplicaciones son exportables a cualquier plataforma.
Los banners se conviertes en microaplicaciones.
No podemos controlar el contexto.
Todo es 100% personalizable.
Nuevos paradigmas en Interfaces de UsuarioDiseño modular
En el extremo opuesto encontramos el diseño paradispositivos móviles.
Nuevos paradigmas en Interfaces de UsuarioDiseño modular
La importancia de Facebook y la revolución deOpenSocial.
Los módulos o widgets afectan a toda la web 2.0.
Las aplicaciones son exportables a cualquier plataforma.
Los banners se conviertes en microaplicaciones.
No podemos controlar el contexto.
Todo es 100% personalizable.
Nuevos paradigmas en Interfaces de UsuarioDiseño modular
En el extremo opuesto encontramos el diseño paradispositivos móviles.
Nuevos paradigmas en Interfaces de UsuarioDiseño modular
En el extremo opuesto encontramos el diseño paradispositivos móviles.
Los protagonistas soniPhone/iPodTeléfono móvilPDA
Nuevos paradigmas en Interfaces de UsuarioDiseño modular
En el extremo opuesto encontramos el diseño paradispositivos móviles.
Los protagonistas soniPhone/iPodTeléfono móvilPDA
ImplicacionesReducción del tamaño de pantallaBaja resoluciónDesaparece el mouse overPoca precisión de los punteros
Nuevos paradigmas en Interfaces de UsuarioDiseño modular
En el extremo opuesto encontramos el diseño paradispositivos móviles.
Los protagonistas soniPhone/iPodTeléfono móvilPDA
Nuevos paradigmas en Interfaces de UsuarioDiseño modular
En el extremo opuesto encontramos el diseño paradispositivos móviles.
Los protagonistas soniPhone/iPodTeléfono móvilPDA
ImplicacionesReducción del tamaño de pantallaBaja resoluciónDesaparece el mouse overPoca precisión de los punteros
Nuevos paradigmas en Interfaces de Usuario
Sustrato tecnológico
Nuevos paradigmas en Interfaces de UsuarioSustrato tecnológico
Facilitadores
Estandarización
Programación cliente en JavaScript
Programación cliente en Flash
Comunicación asíncrona con el servidor
Nuevos paradigmas en Interfaces de Usuario
Sustrato tecnológico
Nuevos paradigmas en Interfaces de UsuarioSustrato tecnológico
Facilitadores
Estandarización
Programación cliente en JavaScript
Programación cliente en Flash
Comunicación asíncrona con el servidor
Nuevos paradigmas en Interfaces de UsuarioSustrato tecnológico
Estandarización
Nuevos paradigmas en Interfaces de UsuarioSustrato tecnológico
Estandarización
Una liberación y una esclavitud a la vez.
Nuevos paradigmas en Interfaces de UsuarioSustrato tecnológico
Estandarización
Nuevos paradigmas en Interfaces de UsuarioSustrato tecnológico
Estandarización
Una liberación y una esclavitud a la vez.
Nuevos paradigmas en Interfaces de UsuarioSustrato tecnológico
Estandarización
Una liberación y una esclavitud a la vez.
Los diseñadores tienen que conocer el medio, susposibilidades y sus limitaciones.
Nuevos paradigmas en Interfaces de UsuarioSustrato tecnológico
Estandarización
Una liberación y una esclavitud a la vez.
Los diseñadores tienen que conocer el medio, susposibilidades y sus limitaciones.
Hay que ser conscientes de la pluralidad de soportes y suscaracterísticas.
Nuevos paradigmas en Interfaces de UsuarioSustrato tecnológico
Estandarización
Una liberación y una esclavitud a la vez.
Los diseñadores tienen que conocer el medio, susposibilidades y sus limitaciones.
Nuevos paradigmas en Interfaces de UsuarioSustrato tecnológico
Estandarización
Una liberación y una esclavitud a la vez.
Los diseñadores tienen que conocer el medio, susposibilidades y sus limitaciones.
Hay que ser conscientes de la pluralidad de soportes y suscaracterísticas.
Nuevos paradigmas en Interfaces de UsuarioSustrato tecnológico
Programación cliente
Nuevos paradigmas en Interfaces de UsuarioSustrato tecnológico
Programación cliente
Nuevas posibilidades de interacción
Nuevos paradigmas en Interfaces de UsuarioSustrato tecnológico
Programación cliente
Nuevos paradigmas en Interfaces de UsuarioSustrato tecnológico
Programación cliente
Nuevas posibilidades de interacción
Nuevos paradigmas en Interfaces de UsuarioSustrato tecnológico
Programación cliente
Nuevas posibilidades de interacción
Eye Candy *y* funcionalidad
Nuevos paradigmas en Interfaces de UsuarioSustrato tecnológico
Programación cliente
Nuevas posibilidades de interacción
Eye Candy *y* funcionalidad
Ejemplo: http://secuoyas.fluxiom.com
Ejemplo: http://flickr.com/
Ejemplo: http://maps.google.es
Nuevos paradigmas en Interfaces de UsuarioSustrato tecnológico
Programación cliente
Nuevas posibilidades de interacción
Eye Candy *y* funcionalidad
Nuevos paradigmas en Interfaces de UsuarioSustrato tecnológico
Programación cliente
Nuevas posibilidades de interacción
Eye Candy *y* funcionalidad
Ejemplo: http://secuoyas.fluxiom.com
Ejemplo: http://flickr.com/
Ejemplo: http://maps.google.es
Nuevos paradigmas en Interfaces de UsuarioSustrato tecnológico
Flash & Flex
Nuevos paradigmas en Interfaces de UsuarioSustrato tecnológico
Flash & Flex
No sólo animación.
Nuevos paradigmas en Interfaces de UsuarioSustrato tecnológico
Flash & Flex
Nuevos paradigmas en Interfaces de UsuarioSustrato tecnológico
Flash & Flex
No sólo animación.
Nuevos paradigmas en Interfaces de UsuarioSustrato tecnológico
Flash & Flex
No sólo animación.
No tiene elementos estándares
Nuevos paradigmas en Interfaces de UsuarioSustrato tecnológico
Flash & Flex
No sólo animación.
No tiene elementos estándares
Muy potente
Nuevos paradigmas en Interfaces de UsuarioSustrato tecnológico
Flash & Flex
No sólo animación.
No tiene elementos estándares
Nuevos paradigmas en Interfaces de UsuarioSustrato tecnológico
Flash & Flex
No sólo animación.
No tiene elementos estándares
Muy potente
Nuevos paradigmas en Interfaces de UsuarioSustrato tecnológico
Flash & Flex
No sólo animación.
No tiene elementos estándares
Muy potente
Ejemplo: http://kuler.adobe.com/
Ejemplo: http://preview.buzzword.com
Nuevos paradigmas en Interfaces de UsuarioConclusiones
Ya no es sólo Diseño, es Experiencia de Usuario
El Diseño es una pieza más, junto con la AI, la usabilidad,la accesibilidad, la interacción... Cada vez intervienen másperfiles en un producto
Nuevos paradigmas en Interfaces de UsuarioSustrato tecnológico
Flash & Flex
No sólo animación.
No tiene elementos estándares
Muy potente
Ejemplo: http://kuler.adobe.com/
Ejemplo: http://preview.buzzword.com
Nuevos paradigmas en Interfaces de UsuarioConclusiones
Ya no es sólo Diseño, es Experiencia de Usuario
El Diseño es una pieza más, junto con la AI, la usabilidad,la accesibilidad, la interacción... Cada vez intervienen másperfiles en un producto
Nuevos paradigmas en Interfaces de UsuarioConclusiones
Ya no es sólo Diseño, es Experiencia de Usuario
El Diseño es una pieza más, junto con la AI, la usabilidad,la accesibilidad, la interacción... Cada vez intervienen másperfiles en un producto
Hay que conocer el medio y lo que hace el resto del equipo.
Nuevos paradigmas en Interfaces de UsuarioConclusiones
Ya no es sólo Diseño, es Experiencia de Usuario
El Diseño es una pieza más, junto con la AI, la usabilidad,la accesibilidad, la interacción... Cada vez intervienen másperfiles en un producto
Hay que conocer el medio y lo que hace el resto del equipo.
Hay que hacer diseños tolerantes y flexibles con losdistintos dispositivos y situaciones de los usuarios.
Nuevos paradigmas en Interfaces de UsuarioConclusiones
Ya no es sólo Diseño, es Experiencia de Usuario
El Diseño es una pieza más, junto con la AI, la usabilidad,la accesibilidad, la interacción... Cada vez intervienen másperfiles en un producto
Hay que conocer el medio y lo que hace el resto del equipo.
Nuevos paradigmas en Interfaces de UsuarioConclusiones
Ya no es sólo Diseño, es Experiencia de Usuario
El Diseño es una pieza más, junto con la AI, la usabilidad,la accesibilidad, la interacción... Cada vez intervienen másperfiles en un producto
Hay que conocer el medio y lo que hace el resto del equipo.
Hay que hacer diseños tolerantes y flexibles con losdistintos dispositivos y situaciones de los usuarios.
Mil Gracias
Secuoyashttp://www.secuoyas.comhttp://www.secuoyas.com/blog/[email protected]
Chema Martí[email protected]
Rafael Muñ[email protected]
Mil Gracias
Secuoyashttp://www.secuoyas.comhttp://www.secuoyas.com/blog/[email protected]
Chema Martí[email protected]
Rafael Muñ[email protected]