diseño de aplicaciones para desarrolladores

Post on 12-Dec-2014

2.735 Views

Category:

Design

1 Downloads

Preview:

Click to see full reader

DESCRIPTION

Una presentación teórica del diseño aplicado al software, completada luego con propuestas prácticas validadas empíricamente.El objetivo es despertar el interés de las personas que están creando aplicaciones sin conocer los principios básicos del diseño, de forma que descubran conceptos nuevos que despierten su interés.

TRANSCRIPT

BCNDEVCON 2011@alexdef • @JaviGala

Diseño de aplicacionesConceptos básicos para desarrol ladores

Alex de Fuenmayor & Jav ie r Ga la

BCNDEVCON 2011@alexdef • @JaviGala

Alex de FuenmayorDiseñador Visual y de Interacción

Responsable de Diseño de Interacción en Tempos21, Grupo Atos

@alexdef • alexdef.com

Javier GalaDiseñador de Experiencia de Usuario

@JaviGala • javiergala.wordpress.com

Quiénes

BCNDEVCON 2011@alexdef • @JaviGala

Qué es y por qué del diseño

Diseño aplicado al software

Principios universales

Diseño de Guerrilla

Consejos finales

Qué

BCNDEVCON 2011@alexdef • @JaviGala

Qué es y por qué del diseño

BCNDEVCON 2011@alexdef • @JaviGala

La mayor parte de la gente comete el error de pensar que el diseño es cómo se ve. La gente piensa que es un barniz, que a los diseñadores les dan una caja y les dicen “¡Haz que quede bonito!”. Esto no es lo que creemos que es el diseño. No es sólo cómo se ve o cómo se siente. El diseño es cómo funciona.

Steve Jobs, CEO de Apple

Qué es

BCNDEVCON 2011@alexdef • @JaviGala

Me sorprende la frecuencia con la que aquellos fuera de la disciplina del diseño asumen que lo que hacen los diseñadores es decoración.El buen diseño resuelve problemas.

Jeffrey Veen, co-fundador de Adaptive Path

El diseño resuelve problemasz

BCNDEVCON 2011@alexdef • @JaviGala

Me sorprende la frecuencia con la que aquellos fuera de la disciplina del diseño asumen que lo que hacen los diseñadores es decoración.

El buen diseño resuelve problemas.

”Jeffrey Veen, co-fundador de Adaptive Path

El diseño resuelve problemasz

BCNDEVCON 2011@alexdef • @JaviGala

El diseño no es arte

El buen diseño se define por su adecuación a la audiencia y objetivos, y por su efectividad, no por su adherencia al diseño suizo o el número de premios que gane.

Drew Davies, diseñador

z

BCNDEVCON 2011@alexdef • @JaviGala

El diseño es inevitable

Las dudas sobre si el diseño es necesario o asequible son irrelevantes: el diseño es inevitable.

La alternativa al buen diseño es el mal diseño, no el “no diseñar”.

”Douglas Martin, diseñador y tipógrafo

BCNDEVCON 2011@alexdef • @JaviGala

El buen diseño es la forma más importante de diferenciarnos de nuestros competidores.”

Yun Jong Yong, CEO de Samsung

El diseño es diferencia

BCNDEVCON 2011@alexdef • @JaviGala

En internet si tienes un cliente descontento no se lo dice a seis amigos, se lo dice a seis mil.”

Jeff Bezos, CEO de Amazon

El diseño genera satisfacción

BCNDEVCON 2011@alexdef • @JaviGala

El diseño aplicado al softwarez

BCNDEVCON 2011@alexdef • @JaviGala

1. Definición del problema

2. Elementos del problema

3. Recopilación de datos

4. Análisis de datos

5. Creatividad

6. Materiales - tecnologías

7. Experimentación

8. Modelos

9. Verificación

”Bruno Munari, diseñador industrial

Metodología tradicional del diseñoz

BCNDEVCON 2011@alexdef • @JaviGala

El diseño industrial

Nunca diseño un edificio sin antes ver el lugar y conocer a la gente que lo va a utilizar.”

Frank Lloyd Wright, arquitecto

BCNDEVCON 2011@alexdef • @JaviGala

Diseño centrado en el usuario

El diseño centrado en el usuario significa entender lo que necesitan tus usuarios, cómo piensan, y cómo se comportan – e incorporar este conocimiento en cada faceta de tu proceso.

”Jesse James Garrett, co-fundador de Adaptive Path

BCNDEVCON 2011@alexdef • @JaviGala

Experiencia de usuario

Peter Morville, arquitecto de información

BCNDEVCON 2011@alexdef • @JaviGala

Experiencia de usuario

Luke Wroblewski, diseñador UX

La arquitectura de información define la estructura de la información. El diseño de interacción hace que podamos manipular y contribuir a la información. El diseño visual comunica estas posibilidades y crea afinidades. La experiencia de usuario es la suma total de estas consideraciones.

BCNDEVCON 2011@alexdef • @JaviGala

Principios universalesz

BCNDEVCON 2011@alexdef • @JaviGala

Menos es más

John D. Berry, Tipógrafo

El diseño llama la atención sólo cuando falla; cuando tiene éxito es invisible.”

z

BCNDEVCON 2011@alexdef • @JaviGala

Elementos del Diseño Visual

Blanco

Jerarquización

Tipografía

Ilustración e imagen

Color

z

BCNDEVCON 2011@alexdef • @JaviGala

Blanco

¿Por qué es tan importante el espacio en blanco?

El contenido necesita espacio para respirar.

z

BCNDEVCON 2011@alexdef • @JaviGala

Jerarquización

Los diseñadores pueden crear la normalidad en medio del caos; pueden comunicar ideas a través de la organización y manipulación de palabras e imágenes.

”Jeffrey Veen, co-fundador de Adaptive Path

z

BCNDEVCON 2011@alexdef • @JaviGala

Tipografía

Albert Hollestein, Tipógrafo

La tipografía debe definir el blanco como la arquitectura debe definir el espacio.”

z

BCNDEVCON 2011@alexdef • @JaviGala

Color

Philippe Starck, Diseñador industrial

Uno crea su propia decoración. Eliges tu color, eliges tu estado de ánimo...

[Si] estás deprimido, pones un poco de amarillo brillante y de repente estás feliz.

z

BCNDEVCON 2011@alexdef • @JaviGala

Color

http://kuler.adobe.com

z

BCNDEVCON 2011@alexdef • @JaviGala

Timothy Samara, diseñador gráfico y profesor

La retícula sitúa los elementos en un área espacial dotada de regularidad, lo que los hace accesibles; los lectores saben dónde encontrar la información que buscan, porque las uniones entre las divisiones verticales y las horizontales actúan como señales indicativas para su localización.

”Proporción aurea y retícula

z

BCNDEVCON 2011@alexdef • @JaviGala

Proporción aurea y retículaz

BCNDEVCON 2011@alexdef • @JaviGala

Robert H. MacArthur y Eric R. Pianka, biólogos

Teoría de recolección óptima

Cantidad neta de energía obtenida por la captura de una presa comparada con la energía invertida en la obtención de la presa.

BCNDEVCON 2011@alexdef • @JaviGala

Cantidad de información obtenida comparada con el tiempo y esfuerzo invertido.

Recolección de información

BCNDEVCON 2011@alexdef • @JaviGala

Patrones de escaneo

BCNDEVCON 2011@alexdef • @JaviGala

Jakob Nielsen, experto en usabilidad

Patrones y estándares

Ley de Jakob de la experiencia de usuario: los usuarios pasan la mayor parte de su tiempo en otras páginas.”

BCNDEVCON 2011@alexdef • @JaviGala

Diseño de guerrillaz

BCNDEVCON 2011@alexdef • @JaviGala

Diseño de guerrilla

Definición de producto y éxito

Análisis competitivo orientado

Puntos de contacto y fricción

Bocetos

Resultados

z

BCNDEVCON 2011@alexdef • @JaviGala

Definición de producto y éxito

Albert Einstein, científico

Si no puedes explicar algo de forma sencilla, entonces es que no lo entiendes bien.”

BCNDEVCON 2011@alexdef • @JaviGala

Harry Brignull, diseñador UX

Hace unos días un amigo me habló de su primera visita a IDEO. En un momento dado vio a una docena de investigadores en una cocina improvisada, cada uno con una marca diferente de sartén, haciendo girar tortitas una y otra vez. Había una persona observando y tomando notas con una libreta.

Análisis competitivo orientado

BCNDEVCON 2011@alexdef • @JaviGala

Puntos de contacto y fricción

Henry Dreyfuss, diseñador industrial

Si el punto de contacto entre el producto y la gente se convierte en un punto de fricción, entonces es que el Diseñador Industrial ha fallado.

BCNDEVCON 2011@alexdef • @JaviGala

Bocetos

Frank Lloyd Wright, arquitecto

Puedes usar una goma de borrar en la mesa de dibujo o un martillo en la obra.”

BCNDEVCON 2011@alexdef • @JaviGala

Resultados

Winston Churchill, estadista

Por muy hermosa que sea la estrategia, de vez en cuando hay que tener en cuenta los resultados.”

BCNDEVCON 2011@alexdef • @JaviGala

Consejos finales

BCNDEVCON 2011@alexdef • @JaviGala

Mike Kuniavsky, co-fundador de Adaptive Path

Tus usuarios no son tú. No se parecen a ti, no piensan como tú, no hacen las cosas que tú haces, no comparten tus expectativas o suposiciones.

Si lo hicieran no serían tus clientes; serían tus competidores.

No eres tu usuario

BCNDEVCON 2011@alexdef • @JaviGala

Philip Tetlock, psicólogo y Dan Gardner, periodista

Entrevistas

La gente es muy mala prediciendo el futuro. Esto incluye a los expertos […] [que] tendrían mejores resultados adivinando al azar. Incluso los mejores pronosticadores fueron superados por reglas generales como “predecir siempre que no habrá cambios”.

BCNDEVCON 2011@alexdef • @JaviGala

Personas y escenarios

Roger Schank, lingüista especializado en IA y psicología cognitiva

Podemos explicar reglas generales derivadas de nuestra experiencia, pero es difícil aprender de ellas. Resulta complicado recordar abstracciones, pero resulta más sencillo recordar una buena historia. Las historias avivan nuestras experiencias pasadas. Hacen nuestro pasado memorable para nosotros y para los demás.

BCNDEVCON 2011@alexdef • @JaviGala

Steve Krug, experto en usabilidad

Lo que pocos saben sobre los tests de usabilidad es que son increíblemente sencillos de realizar. Sí, alguna gente los hace mejor, pero nunca he visto un test de usabilidad que no produzca resultados útiles, no importa lo mal que se hiciera.

Test de usabilidad

BCNDEVCON 2011@alexdef • @JaviGala

Formularios para humanos

Luke Wroblewski, diseñador UX, autoridad mundial en formularios

Los formularios son un asco. Si no me crees, busca a alguien a quien le guste rellenarlos.

BCNDEVCON 2011@alexdef • @JaviGala

Henry Ford, fundador de Ford

Si le hubiera preguntado a mis clientes que querían, me hubieran dicho que un caballo más rápido.”

Diseñar no es obedecer al usuario

BCNDEVCON 2011@alexdef • @JaviGala

Matthew Inman, diseñador web (http://theoatmeal.com/comics/design_hell)

Diseñar no es obedecer al cliente

BCNDEVCON 2011@alexdef • @JaviGala

Paula Scher, diseñadora gráfica

Lo dibujé en solo unos segundos, pero me ha costado 34 años aprender a dibujarlo en sólo unos segundos.”

El diseño es un oficioz

BCNDEVCON 2011@alexdef • @JaviGala

Evan Williams, creador de Blogger y CEO de Twitter

La experiencia de usuario lo es todo. Siempre lo ha sido, pero sigue siendo infravalorada y contando con pocos recursos. Si no sabes diseño centrado en el usuario, estúdialo. Contrata a gente que lo conozca. Obsesiónate con él. Convence a toda tu empresa.

Despedidaz

BCNDEVCON 2011@alexdef • @JaviGala

Contacto

Alex de Fuenmayoralex@no2.eswww.no2.es

Javier Galaljgala@gmail.com

top related