SlideShare une entreprise Scribd logo
1  sur  43
Télécharger pour lire hors ligne
No_sirves ni pa’
poner la lavadora
       webcatbcn - 23 may 2012
       @galu
@galu
Hola, me llamo Jordi
y ayudo a hacer
mejores webs
         lavadoras
             neveras
           impresoras
             cajeros
                ...
¡¡Repe!!




                           ¡¡Anda!!
 una
 flor




¿Capricornio?
Una
 nube!!




una
 probeta
¡¡Anda!!
 otra
 flor
                                  Sushi




Un
 castillo!!          Poner
 en
 marcha
 
                                                             el
 DVD
Ehmmm....
 WHAT??
Objetivos




                                                                                                    Evaluación (feedback)
Ejecución (interacción)



                              Intención de actuar                             Evaluación de
                                                                          las interpretaciones

                             Secuencia de acciones
                                                                       Interpretar la percepción

                          Ejecución de la secuencia de
                                    acciones                         Percibir el estado del mundo



                                                        El mundo



                                                   The action cycle
                                 The Design of Everyday Things - Don Norman, 1988
1988

    Start-ups                     Willow             MS-DOS 4.0

                Motorola 8500XL




Creative Labs

                                           Rihanna
El abismo de la evaluación
                                Evaluación de          Indicar si el sistema está en el
                            las interpretaciones              estado deseado
Evaluación (feedback)




                         Interpretar la percepción          Facilitar la interpretación


                        Percibir el estado del mundo    Indicar el estado actual del
                                                                   sistema




                               El mundo
El abismo de la ejecución
                              Intención de actuar        Indicar las acciones posibles
Ejecución (interacción)




                             Secuencia de acciones          Traducir la intención a un
                                                                movimiento físico

                          Ejecución de la secuencia de
                                    acciones                  Ejecutar la acción




                                  El mundo
C la r ific a                ita syc laras
                ples , bon
      cosa s sim
Haz
                               Publicidad: swwweet hace un
                               curso de tipografías que me
                                   vendría muuuuy bien
Lavar con agua templada

Secar a temperatura media

No secar
Erogación: f. Acción y efecto
de distribuir o repartir bienes o
caudales.
imp l if ic a
S   No inve ntes   cos as r aras


                              Recordad: el curso de
                           tipografía es el próximo 30
                              de junio de 10h a 14h

Contenu connexe

Plus de webcat

"Gestion de expectativas" por @xavi_b
"Gestion de expectativas" por @xavi_b"Gestion de expectativas" por @xavi_b
"Gestion de expectativas" por @xavi_b
webcat
 

Plus de webcat (20)

"Pushing the boundaries" por @danielguillan
"Pushing the boundaries" por @danielguillan"Pushing the boundaries" por @danielguillan
"Pushing the boundaries" por @danielguillan
 
"One size fits none" por @martuishere
"One size fits none" por @martuishere"One size fits none" por @martuishere
"One size fits none" por @martuishere
 
"Designing digital products for kids" por @karinai
"Designing digital products for kids" por @karinai"Designing digital products for kids" por @karinai
"Designing digital products for kids" por @karinai
 
"How to write better User Stories" por @jrhuerta
"How to write better User Stories" por @jrhuerta"How to write better User Stories" por @jrhuerta
"How to write better User Stories" por @jrhuerta
 
"GTD & Pomodoro Technique" por @deambulando
"GTD & Pomodoro Technique" por @deambulando"GTD & Pomodoro Technique" por @deambulando
"GTD & Pomodoro Technique" por @deambulando
 
"Esqueuomorfismo: la ruptura de la metáfora" por @omixam
"Esqueuomorfismo: la ruptura de la metáfora" por @omixam"Esqueuomorfismo: la ruptura de la metáfora" por @omixam
"Esqueuomorfismo: la ruptura de la metáfora" por @omixam
 
"The work I love" por @karinai
"The work I love" por @karinai"The work I love" por @karinai
"The work I love" por @karinai
 
"APIS, como reutilizar contenidos en tu web" por @daniel_julia
"APIS, como reutilizar contenidos en tu web" por @daniel_julia"APIS, como reutilizar contenidos en tu web" por @daniel_julia
"APIS, como reutilizar contenidos en tu web" por @daniel_julia
 
"Web performance optimization for everyone" por @abellonch
"Web performance optimization for everyone" por @abellonch"Web performance optimization for everyone" por @abellonch
"Web performance optimization for everyone" por @abellonch
 
"HTML & CSS apps & internet powered TV" por @JeronimJackson
"HTML & CSS apps & internet powered TV" por @JeronimJackson"HTML & CSS apps & internet powered TV" por @JeronimJackson
"HTML & CSS apps & internet powered TV" por @JeronimJackson
 
"Cuadro de mandos para UX. El método HEART" por @galu
"Cuadro de mandos para UX. El método HEART" por @galu"Cuadro de mandos para UX. El método HEART" por @galu
"Cuadro de mandos para UX. El método HEART" por @galu
 
"CSS Preprocessors Time!" por @nahuelsotelo
"CSS Preprocessors Time!" por @nahuelsotelo"CSS Preprocessors Time!" por @nahuelsotelo
"CSS Preprocessors Time!" por @nahuelsotelo
 
"Wordpress for web designers. What, when, how, where" por @nuriarai
"Wordpress for web designers. What, when, how, where" por @nuriarai"Wordpress for web designers. What, when, how, where" por @nuriarai
"Wordpress for web designers. What, when, how, where" por @nuriarai
 
"Humans.txt" por @JuanjoBernabeu y @lafabricaverde
"Humans.txt" por @JuanjoBernabeu y @lafabricaverde"Humans.txt" por @JuanjoBernabeu y @lafabricaverde
"Humans.txt" por @JuanjoBernabeu y @lafabricaverde
 
"Meta datos & Google Rich Snippets" por @iplarodriguez
"Meta datos & Google Rich Snippets" por @iplarodriguez"Meta datos & Google Rich Snippets" por @iplarodriguez
"Meta datos & Google Rich Snippets" por @iplarodriguez
 
"Gestion de expectativas" por @xavi_b
"Gestion de expectativas" por @xavi_b"Gestion de expectativas" por @xavi_b
"Gestion de expectativas" por @xavi_b
 
"Proyectos audiovisuales en Internet" por @yerblues
"Proyectos audiovisuales en Internet" por @yerblues"Proyectos audiovisuales en Internet" por @yerblues
"Proyectos audiovisuales en Internet" por @yerblues
 
"Aprende a diseñar (un poco) en 13 minutos" por @martuishere
"Aprende a diseñar (un poco) en 13 minutos" por @martuishere"Aprende a diseñar (un poco) en 13 minutos" por @martuishere
"Aprende a diseñar (un poco) en 13 minutos" por @martuishere
 
"How to pick the right font and other considerations about (web) typography."...
"How to pick the right font and other considerations about (web) typography."..."How to pick the right font and other considerations about (web) typography."...
"How to pick the right font and other considerations about (web) typography."...
 
"Estrategia de Diseño. Una visión muy simplificada" por @gabyprado_ux
 "Estrategia de Diseño. Una visión muy simplificada" por @gabyprado_ux "Estrategia de Diseño. Una visión muy simplificada" por @gabyprado_ux
"Estrategia de Diseño. Una visión muy simplificada" por @gabyprado_ux
 

Dernier

140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc
ilvrosiebp
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
karendaza9506
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
Leo Florez
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
CristianGmez22034
 

Dernier (20)

1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño
 
Introduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptxIntroduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptx
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 
140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc
 
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptxDISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
 
Planificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docPlanificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.doc
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
 
Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....
 
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 

"No sirves ni pa' poner la lavadora" por @galu

  • 1. No_sirves ni pa’ poner la lavadora webcatbcn - 23 may 2012 @galu
  • 2. @galu Hola, me llamo Jordi y ayudo a hacer mejores webs lavadoras neveras impresoras cajeros ...
  • 3. ¡¡Repe!! ¡¡Anda!!
  • 6. Una
  • 11.  flor Sushi Un
  • 12.  castillo!! Poner
  • 13.  en
  • 15.   el
  • 16.  DVD
  • 19.
  • 20.
  • 21. Objetivos Evaluación (feedback) Ejecución (interacción) Intención de actuar Evaluación de las interpretaciones Secuencia de acciones Interpretar la percepción Ejecución de la secuencia de acciones Percibir el estado del mundo El mundo The action cycle The Design of Everyday Things - Don Norman, 1988
  • 22. 1988 Start-ups Willow MS-DOS 4.0 Motorola 8500XL Creative Labs Rihanna
  • 23. El abismo de la evaluación Evaluación de Indicar si el sistema está en el las interpretaciones estado deseado Evaluación (feedback) Interpretar la percepción Facilitar la interpretación Percibir el estado del mundo Indicar el estado actual del sistema El mundo
  • 24. El abismo de la ejecución Intención de actuar Indicar las acciones posibles Ejecución (interacción) Secuencia de acciones Traducir la intención a un movimiento físico Ejecución de la secuencia de acciones Ejecutar la acción El mundo
  • 25. C la r ific a ita syc laras ples , bon cosa s sim Haz Publicidad: swwweet hace un curso de tipografías que me vendría muuuuy bien
  • 26. Lavar con agua templada Secar a temperatura media No secar
  • 27. Erogación: f. Acción y efecto de distribuir o repartir bienes o caudales.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37. imp l if ic a S No inve ntes cos as r aras Recordad: el curso de tipografía es el próximo 30 de junio de 10h a 14h
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47. “La perfección se consigue cuando no hay nada más a añadir, pero tampoco nada más a eliminar” Antoine de Saint Exupery
  • 48. F a c i lita erac ción sea nat ural q ue la int Haz y el curso de tipografía en la web de swwweet sólo cuesta 50€, hoygan!
  • 49.
  • 50.
  • 51.
  • 52.
  • 53. Objetivos ifica Evaluación de Evaluación (feedback) impl las interpretaciones Ejecución (interacción) Intención de actuar S Secuencia de acciones Interpretar la percepción Ejecución de la secuencia de acciones Percibir el estado del mundo Facilita Clar ifica El mundo
  • 54. Busque, compare, y si encuentre algo mejor, cómprelo!! Manuel Luque Director General de CAMP Clarifica S impl ifica Fa cilita
  • 55. That’s all, folks! @galu