SlideShare una empresa de Scribd logo
1 de 44
Click to edit Master subtitle style
Economía en el diseño web:
aprendiendo simplicidad en los entornos
móviles.
Matias Etchevarne
Click to edit Master subtitle style
15 años de diseño
12 años de diseño web
Click to edit Master subtitle style
15 años
Click to edit Master subtitle style
Click to edit Master subtitle style
Click to edit Master subtitle style
Bombardeo de información
funcionalidades y publicidad
Click to edit Master subtitle style
Click to edit Master subtitle style
Click to edit Master subtitle style
“The web is 95% typography”
Oliver Reichtenstein - iA
Click to edit Master subtitle style
Click to edit Master subtitle style
Click to edit Master subtitle style
2007
Click to edit Master subtitle style
2007
Click to edit Master subtitle style
Click to edit Master subtitle style
Click to edit Master subtitle style
Puntos clave
Click to edit Master subtitle style
Puntos clave
Enfoque en las acciones principales del sitio
Click to edit Master subtitle style
Puntos clave
Enfoque en las acciones principales del sitio
Simplificación en la navegación
Click to edit Master subtitle style
Puntos clave
Enfoque en las acciones principales del sitio
Simplificación en la navegación
Simplificación en los procesos de interacción
Click to edit Master subtitle style
Puntos clave
Enfoque en las acciones principales del sitio
Simplificación en la navegación
Simplificación en los procesos de interacción
Mejora en los espacios de lectura de textos
Click to edit Master subtitle style
71%
de los usuarios de iphone, acceden a
los sitios por aplicaciones en lugar de
usar el navegador
- compete.com
Click to edit Master subtitle style
Click to edit Master subtitle style
Click to edit Master subtitle style
Click to edit Master subtitle style
Click to edit Master subtitle style
“frictionless interfase”
Jeff Atwood
Click to edit Master subtitle style
“The laws of simplicity”
John Maeda
Click to edit Master subtitle style
1 – Reducir
Click to edit Master subtitle style
2 - Organizar
Click to edit Master subtitle style
3 - Tiempo
Click to edit Master subtitle style
10 – Simplicidad es sustraer lo
obvio y dejar lo importante
Click to edit Master subtitle style
Click to edit Master subtitle style
Click to edit Master subtitle style
Click to edit Master subtitle style
Click to edit Master subtitle style
En la práctica
Click to edit Master subtitle style
Objetivos
comerciales
Objetivos del
usuario
Click to edit Master subtitle style
En resumen
Click to edit Master subtitle style
Enfocarse en la jerarquía de
objetivos
Click to edit Master subtitle style
Minimizar la cantidad de
contenido al mínimo
Click to edit Master subtitle style
Minimizar la cantidad de clics
para realizar una acción
Click to edit Master subtitle style
Hacer de la página lo más
rápida posible, quitar todo tipo
de fricción
Click to edit Master subtitle style
@yomatiase
Etchevarne.net/blog
Click to edit Master subtitle styleMuchas Gracias
Economía en el diseño web: aprendiendo
simplicidad en los entornos móviles.
Matias Etchevarne

Más contenido relacionado

Destacado

Herramientas 2.0 para un museo abierto, Mariana Salgado
Herramientas 2.0 para un museo abierto, Mariana SalgadoHerramientas 2.0 para un museo abierto, Mariana Salgado
Herramientas 2.0 para un museo abierto, Mariana Salgadomovimientodisenoinclusivo
 
Allanando barreras en la comunicación, Dolores Garcia
Allanando barreras en la comunicación, Dolores GarciaAllanando barreras en la comunicación, Dolores Garcia
Allanando barreras en la comunicación, Dolores Garciamovimientodisenoinclusivo
 
Los problemas de interacción en la era de lo interactivo, Natalia Vivas
Los problemas de interacción en la era de lo interactivo, Natalia VivasLos problemas de interacción en la era de lo interactivo, Natalia Vivas
Los problemas de interacción en la era de lo interactivo, Natalia Vivasmovimientodisenoinclusivo
 
Tecnología de la Liberación, Damián Calderón y Enrique Stanziola
Tecnología de la Liberación, Damián Calderón y Enrique StanziolaTecnología de la Liberación, Damián Calderón y Enrique Stanziola
Tecnología de la Liberación, Damián Calderón y Enrique Stanziolamovimientodisenoinclusivo
 
Regulación de usabilidad para sitios web estatales, Mario Carvajal y Juan Saab
Regulación de usabilidad para sitios web estatales, Mario Carvajal y Juan SaabRegulación de usabilidad para sitios web estatales, Mario Carvajal y Juan Saab
Regulación de usabilidad para sitios web estatales, Mario Carvajal y Juan Saabmovimientodisenoinclusivo
 
Respetando el diseño inclusivo al programar un sitio web, Martín Szyszlican y...
Respetando el diseño inclusivo al programar un sitio web, Martín Szyszlican y...Respetando el diseño inclusivo al programar un sitio web, Martín Szyszlican y...
Respetando el diseño inclusivo al programar un sitio web, Martín Szyszlican y...movimientodisenoinclusivo
 
Innovación social – un techo para mi país
Innovación social – un techo para mi paísInnovación social – un techo para mi país
Innovación social – un techo para mi paísmovimientodisenoinclusivo
 

Destacado (9)

Diseno inclusivo2010 marianavarela
Diseno inclusivo2010 marianavarelaDiseno inclusivo2010 marianavarela
Diseno inclusivo2010 marianavarela
 
Herramientas 2.0 para un museo abierto, Mariana Salgado
Herramientas 2.0 para un museo abierto, Mariana SalgadoHerramientas 2.0 para un museo abierto, Mariana Salgado
Herramientas 2.0 para un museo abierto, Mariana Salgado
 
Allanando barreras en la comunicación, Dolores Garcia
Allanando barreras en la comunicación, Dolores GarciaAllanando barreras en la comunicación, Dolores Garcia
Allanando barreras en la comunicación, Dolores Garcia
 
Los problemas de interacción en la era de lo interactivo, Natalia Vivas
Los problemas de interacción en la era de lo interactivo, Natalia VivasLos problemas de interacción en la era de lo interactivo, Natalia Vivas
Los problemas de interacción en la era de lo interactivo, Natalia Vivas
 
Tecnología de la Liberación, Damián Calderón y Enrique Stanziola
Tecnología de la Liberación, Damián Calderón y Enrique StanziolaTecnología de la Liberación, Damián Calderón y Enrique Stanziola
Tecnología de la Liberación, Damián Calderón y Enrique Stanziola
 
Regulación de usabilidad para sitios web estatales, Mario Carvajal y Juan Saab
Regulación de usabilidad para sitios web estatales, Mario Carvajal y Juan SaabRegulación de usabilidad para sitios web estatales, Mario Carvajal y Juan Saab
Regulación de usabilidad para sitios web estatales, Mario Carvajal y Juan Saab
 
Respetando el diseño inclusivo al programar un sitio web, Martín Szyszlican y...
Respetando el diseño inclusivo al programar un sitio web, Martín Szyszlican y...Respetando el diseño inclusivo al programar un sitio web, Martín Szyszlican y...
Respetando el diseño inclusivo al programar un sitio web, Martín Szyszlican y...
 
UX como agente de cambio
UX como agente de cambioUX como agente de cambio
UX como agente de cambio
 
Innovación social – un techo para mi país
Innovación social – un techo para mi paísInnovación social – un techo para mi país
Innovación social – un techo para mi país
 

Similar a Economía en el diseño web: aprendiendo simplicidad en los entornos móviles. Matias Etchevarne

Landing Pages, Conversiones exitosas
Landing Pages, Conversiones exitosasLanding Pages, Conversiones exitosas
Landing Pages, Conversiones exitosasLucas Gonzalez
 
Marketing digital aula madrid tecnología 2010
Marketing digital aula madrid tecnología 2010Marketing digital aula madrid tecnología 2010
Marketing digital aula madrid tecnología 2010Pedro Jesús González
 
Puerta bonita
Puerta bonitaPuerta bonita
Puerta bonitaDomestika
 
Marketing Digital
Marketing DigitalMarketing Digital
Marketing DigitalDomestika
 
Marketing Online Pymes - IMADE
Marketing Online Pymes - IMADEMarketing Online Pymes - IMADE
Marketing Online Pymes - IMADEDomestika
 
Rentabilizar una web
Rentabilizar una web Rentabilizar una web
Rentabilizar una web Domestika
 
10 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 09
10 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 0910 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 09
10 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 09Domestika
 
Como Crear una Página Web Efectiva
Como Crear una Página Web EfectivaComo Crear una Página Web Efectiva
Como Crear una Página Web EfectivaToni Padrell
 
Ome 2009 T2 O Multiplica.V2
Ome 2009 T2 O Multiplica.V2Ome 2009 T2 O Multiplica.V2
Ome 2009 T2 O Multiplica.V2David Boronat
 
Seo On Page en WordPress - Ponencia para Meetup WordPress Murcia
Seo On Page en WordPress - Ponencia para Meetup WordPress MurciaSeo On Page en WordPress - Ponencia para Meetup WordPress Murcia
Seo On Page en WordPress - Ponencia para Meetup WordPress MurciaRamgon [LION 1K]
 
Web eficaz, posicionamiento y marketing 2.0Presentacion exportaweb mesas redo...
Web eficaz, posicionamiento y marketing 2.0Presentacion exportaweb mesas redo...Web eficaz, posicionamiento y marketing 2.0Presentacion exportaweb mesas redo...
Web eficaz, posicionamiento y marketing 2.0Presentacion exportaweb mesas redo...Ana Nieto Churruca
 
Itam guia basica p lograr contenido atractivo y eficaz al redactar p web
Itam guia basica p lograr contenido atractivo y eficaz al redactar p webItam guia basica p lograr contenido atractivo y eficaz al redactar p web
Itam guia basica p lograr contenido atractivo y eficaz al redactar p webmaidelrio
 
Analítica Web - Meetup Mayo 2019 - Murcia - Tardeo Digital
Analítica Web - Meetup Mayo 2019 - Murcia - Tardeo DigitalAnalítica Web - Meetup Mayo 2019 - Murcia - Tardeo Digital
Analítica Web - Meetup Mayo 2019 - Murcia - Tardeo DigitalElBlogdelSEO y SEOStar
 
La Vaguada Coit 18 Feb
La Vaguada Coit 18 FebLa Vaguada Coit 18 Feb
La Vaguada Coit 18 FebDomestika
 
Introducción creación web aula madrid tecnología (coit) 2010
Introducción creación web aula madrid  tecnología (coit) 2010Introducción creación web aula madrid  tecnología (coit) 2010
Introducción creación web aula madrid tecnología (coit) 2010Pedro Jesús González
 

Similar a Economía en el diseño web: aprendiendo simplicidad en los entornos móviles. Matias Etchevarne (20)

Landing Pages, Conversiones exitosas
Landing Pages, Conversiones exitosasLanding Pages, Conversiones exitosas
Landing Pages, Conversiones exitosas
 
Marketing digital aula madrid tecnología 2010
Marketing digital aula madrid tecnología 2010Marketing digital aula madrid tecnología 2010
Marketing digital aula madrid tecnología 2010
 
Puerta bonita
Puerta bonitaPuerta bonita
Puerta bonita
 
Marketing Digital
Marketing DigitalMarketing Digital
Marketing Digital
 
Marketing online 2009 ssrr imade
Marketing online 2009 ssrr imadeMarketing online 2009 ssrr imade
Marketing online 2009 ssrr imade
 
Marketing Online Pymes - IMADE
Marketing Online Pymes - IMADEMarketing Online Pymes - IMADE
Marketing Online Pymes - IMADE
 
Rentabilizar una web
Rentabilizar una web Rentabilizar una web
Rentabilizar una web
 
Rentabilizar una web imade 2009
Rentabilizar una web imade 2009Rentabilizar una web imade 2009
Rentabilizar una web imade 2009
 
10 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 09
10 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 0910 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 09
10 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 09
 
Como Crear una Página Web Efectiva
Como Crear una Página Web EfectivaComo Crear una Página Web Efectiva
Como Crear una Página Web Efectiva
 
Formacion SEO Online Zebra
Formacion SEO Online ZebraFormacion SEO Online Zebra
Formacion SEO Online Zebra
 
Ome 2009 T2 O Multiplica.V2
Ome 2009 T2 O Multiplica.V2Ome 2009 T2 O Multiplica.V2
Ome 2009 T2 O Multiplica.V2
 
Seo On Page en WordPress - Ponencia para Meetup WordPress Murcia
Seo On Page en WordPress - Ponencia para Meetup WordPress MurciaSeo On Page en WordPress - Ponencia para Meetup WordPress Murcia
Seo On Page en WordPress - Ponencia para Meetup WordPress Murcia
 
Web eficaz, posicionamiento y marketing 2.0Presentacion exportaweb mesas redo...
Web eficaz, posicionamiento y marketing 2.0Presentacion exportaweb mesas redo...Web eficaz, posicionamiento y marketing 2.0Presentacion exportaweb mesas redo...
Web eficaz, posicionamiento y marketing 2.0Presentacion exportaweb mesas redo...
 
Curso SEO Servicio Navarro de Empleo 2014
Curso SEO Servicio Navarro de Empleo 2014Curso SEO Servicio Navarro de Empleo 2014
Curso SEO Servicio Navarro de Empleo 2014
 
Itam guia basica p lograr contenido atractivo y eficaz al redactar p web
Itam guia basica p lograr contenido atractivo y eficaz al redactar p webItam guia basica p lograr contenido atractivo y eficaz al redactar p web
Itam guia basica p lograr contenido atractivo y eficaz al redactar p web
 
Jimdo
JimdoJimdo
Jimdo
 
Analítica Web - Meetup Mayo 2019 - Murcia - Tardeo Digital
Analítica Web - Meetup Mayo 2019 - Murcia - Tardeo DigitalAnalítica Web - Meetup Mayo 2019 - Murcia - Tardeo Digital
Analítica Web - Meetup Mayo 2019 - Murcia - Tardeo Digital
 
La Vaguada Coit 18 Feb
La Vaguada Coit 18 FebLa Vaguada Coit 18 Feb
La Vaguada Coit 18 Feb
 
Introducción creación web aula madrid tecnología (coit) 2010
Introducción creación web aula madrid  tecnología (coit) 2010Introducción creación web aula madrid  tecnología (coit) 2010
Introducción creación web aula madrid tecnología (coit) 2010
 

Más de movimientodisenoinclusivo

Prototipado iterativo rápido en papel - Taller
Prototipado iterativo rápido en papel - TallerPrototipado iterativo rápido en papel - Taller
Prototipado iterativo rápido en papel - Tallermovimientodisenoinclusivo
 
Patrones de diseño de interacción para tv digital interactiva
Patrones de diseño de interacción para tv digital interactivaPatrones de diseño de interacción para tv digital interactiva
Patrones de diseño de interacción para tv digital interactivamovimientodisenoinclusivo
 
Diseñando un portal personal para pacientes
Diseñando un portal personal para pacientesDiseñando un portal personal para pacientes
Diseñando un portal personal para pacientesmovimientodisenoinclusivo
 
Cómo hago mi primer test con usuarios - Taller
Cómo hago mi primer test con usuarios - TallerCómo hago mi primer test con usuarios - Taller
Cómo hago mi primer test con usuarios - Tallermovimientodisenoinclusivo
 
Presentación del Movimiento de Diseño Inclusivo y Convocatoria a la firma del...
Presentación del Movimiento de Diseño Inclusivo y Convocatoria a la firma del...Presentación del Movimiento de Diseño Inclusivo y Convocatoria a la firma del...
Presentación del Movimiento de Diseño Inclusivo y Convocatoria a la firma del...movimientodisenoinclusivo
 
Personajes: una herramienta de investigación de usuarios, Bettina Avella
Personajes: una herramienta de investigación de usuarios, Bettina AvellaPersonajes: una herramienta de investigación de usuarios, Bettina Avella
Personajes: una herramienta de investigación de usuarios, Bettina Avellamovimientodisenoinclusivo
 

Más de movimientodisenoinclusivo (9)

Web móvil ¿inclusiva y accesible?
Web móvil ¿inclusiva y accesible?Web móvil ¿inclusiva y accesible?
Web móvil ¿inclusiva y accesible?
 
Usabilidad y Los Simpsons
Usabilidad y Los SimpsonsUsabilidad y Los Simpsons
Usabilidad y Los Simpsons
 
Prototipado iterativo rápido en papel - Taller
Prototipado iterativo rápido en papel - TallerPrototipado iterativo rápido en papel - Taller
Prototipado iterativo rápido en papel - Taller
 
Patrones de diseño de interacción para tv digital interactiva
Patrones de diseño de interacción para tv digital interactivaPatrones de diseño de interacción para tv digital interactiva
Patrones de diseño de interacción para tv digital interactiva
 
Diseñando un portal personal para pacientes
Diseñando un portal personal para pacientesDiseñando un portal personal para pacientes
Diseñando un portal personal para pacientes
 
Cómo hago mi primer test con usuarios - Taller
Cómo hago mi primer test con usuarios - TallerCómo hago mi primer test con usuarios - Taller
Cómo hago mi primer test con usuarios - Taller
 
Usabilidad desde el caso de uso
Usabilidad desde el caso de usoUsabilidad desde el caso de uso
Usabilidad desde el caso de uso
 
Presentación del Movimiento de Diseño Inclusivo y Convocatoria a la firma del...
Presentación del Movimiento de Diseño Inclusivo y Convocatoria a la firma del...Presentación del Movimiento de Diseño Inclusivo y Convocatoria a la firma del...
Presentación del Movimiento de Diseño Inclusivo y Convocatoria a la firma del...
 
Personajes: una herramienta de investigación de usuarios, Bettina Avella
Personajes: una herramienta de investigación de usuarios, Bettina AvellaPersonajes: una herramienta de investigación de usuarios, Bettina Avella
Personajes: una herramienta de investigación de usuarios, Bettina Avella
 

Último

Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxLolaBunny11
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfJulian Lamprea
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 

Último (10)

Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 

Economía en el diseño web: aprendiendo simplicidad en los entornos móviles. Matias Etchevarne

  • 1. Click to edit Master subtitle style Economía en el diseño web: aprendiendo simplicidad en los entornos móviles. Matias Etchevarne
  • 2. Click to edit Master subtitle style 15 años de diseño 12 años de diseño web
  • 3. Click to edit Master subtitle style 15 años
  • 4. Click to edit Master subtitle style
  • 5. Click to edit Master subtitle style
  • 6. Click to edit Master subtitle style Bombardeo de información funcionalidades y publicidad
  • 7. Click to edit Master subtitle style
  • 8. Click to edit Master subtitle style
  • 9. Click to edit Master subtitle style “The web is 95% typography” Oliver Reichtenstein - iA
  • 10. Click to edit Master subtitle style
  • 11. Click to edit Master subtitle style
  • 12. Click to edit Master subtitle style 2007
  • 13. Click to edit Master subtitle style 2007
  • 14. Click to edit Master subtitle style
  • 15. Click to edit Master subtitle style
  • 16. Click to edit Master subtitle style Puntos clave
  • 17. Click to edit Master subtitle style Puntos clave Enfoque en las acciones principales del sitio
  • 18. Click to edit Master subtitle style Puntos clave Enfoque en las acciones principales del sitio Simplificación en la navegación
  • 19. Click to edit Master subtitle style Puntos clave Enfoque en las acciones principales del sitio Simplificación en la navegación Simplificación en los procesos de interacción
  • 20. Click to edit Master subtitle style Puntos clave Enfoque en las acciones principales del sitio Simplificación en la navegación Simplificación en los procesos de interacción Mejora en los espacios de lectura de textos
  • 21. Click to edit Master subtitle style 71% de los usuarios de iphone, acceden a los sitios por aplicaciones en lugar de usar el navegador - compete.com
  • 22. Click to edit Master subtitle style
  • 23. Click to edit Master subtitle style
  • 24. Click to edit Master subtitle style
  • 25. Click to edit Master subtitle style
  • 26. Click to edit Master subtitle style “frictionless interfase” Jeff Atwood
  • 27. Click to edit Master subtitle style “The laws of simplicity” John Maeda
  • 28. Click to edit Master subtitle style 1 – Reducir
  • 29. Click to edit Master subtitle style 2 - Organizar
  • 30. Click to edit Master subtitle style 3 - Tiempo
  • 31. Click to edit Master subtitle style 10 – Simplicidad es sustraer lo obvio y dejar lo importante
  • 32. Click to edit Master subtitle style
  • 33. Click to edit Master subtitle style
  • 34. Click to edit Master subtitle style
  • 35. Click to edit Master subtitle style
  • 36. Click to edit Master subtitle style En la práctica
  • 37. Click to edit Master subtitle style Objetivos comerciales Objetivos del usuario
  • 38. Click to edit Master subtitle style En resumen
  • 39. Click to edit Master subtitle style Enfocarse en la jerarquía de objetivos
  • 40. Click to edit Master subtitle style Minimizar la cantidad de contenido al mínimo
  • 41. Click to edit Master subtitle style Minimizar la cantidad de clics para realizar una acción
  • 42. Click to edit Master subtitle style Hacer de la página lo más rápida posible, quitar todo tipo de fricción
  • 43. Click to edit Master subtitle style @yomatiase Etchevarne.net/blog
  • 44. Click to edit Master subtitle styleMuchas Gracias Economía en el diseño web: aprendiendo simplicidad en los entornos móviles. Matias Etchevarne

Notas del editor

  1. Experiencia en todo tipo de proyectos. En los últimos 5 años me dediqué a proyectos de gran escala en desarrollo de medios y banca online y portales. Pasando por empresas como Bridger Conway, WebAr, 451 y actualmente en Crossmedia.
  2. La web tiene 15 años Todo este tiempo hemos estado aprendiendo sobre esta plataforma, modelos de negocios, como diseñar para ella, no solo mejorando la apariencia sino haciendo del uso una experiencia sencilla y placentera
  3. Pasamos de monitores de tubo de 14" 640 x 480 a monitores leed de 27" de 2650 x 1440 Pasamos de un ambiente con restricciones a uno con capacidades casi ilimitadas en comparación
  4. Con esta falta de restricciones , fuimos agregando mas información y mas funcionalidad.
  5. If you open a contemporary news site you get bombarded with features and advertisement. Many web sites want to do too much, too quickly.
  6. Podemos ver en estos dos ejemplos como al comenzar la experiencia de uso, se nos bombardea con una enorme cantidad tipos de información, acciones posibles y publicidad.
  7. Podemos ver en estos dos ejemplos como al comenzar la experiencia de uso, se nos bombardea con una enorme cantidad tipos de información, acciones posibles y publicidad.
  8. Claramente en 2006 ya se veía esta tendencia en la web, por ello la gente iA sale a declarar que la web es 95% tipografía. A lo que se refiere es que la mayoría de la información y elementos de interfaz son textuales, a los que no se les está prestando la debida atención para ser leídas y utilizadas sin mayor esfuerzo. Signo de que esto devino en total detrimento del usuario es el surgimiento de utilidades como Readability, Readable o el mismo Reader de Safari, que no hacen otra cosa que eliminar toda la info superflua de una página, y presentar de manera clara y de fácil lectura el contenido de la misma.
  9. Signo de que esto devino en total detrimento del usuario es el surgimiento de utilidades como Readability, Readable o el mismo Reader de Safari, que no hacen otra cosa que eliminar toda la info superflua de una página, y presentar de manera clara y de fácil lectura el contenido de la misma.
  10. Signo de que esto devino en total detrimento del usuario es el surgimiento de utilidades como Readability, Readable o el mismo Reader de Safari, que no hacen otra cosa que eliminar toda la info superflua de una página, y presentar de manera clara y de fácil lectura el contenido de la misma.
  11. Desde el 2007 con la aparición del iPhone y luego con otros dispositivos móviles similares, hemos vuelto a tener que lidiar con restricciones en el diseño.
  12. Las restricciones no solo son de espacio, sino de interacción. Pantallas pequeñas ofrecen menos opciones visibles haciendo que los usuarios dependan de la memoria de corto plazo para entender el espacio de interacción
  13. Las pantallas táctiles, eliminan todo intermediario entre el usuario y la interfaz. Ya no hay un cursor, sino un dedo, que como tal tiene sus posibilidades de interacción, también restringida.
  14. Estas limitaciones hicieron que forzosamente haya que enfocarse en los objetivos principales de lo sitios en sus versiones móviles. Al tener este escaso y preciado espacio ya no se puede desaprovechar en estrategias de bombardeo de información y posibilidades de interacción.
  15. Experiencia en todo tipo de proyectos. En los últimos 5 años me dediqué a proyectos de gran escala en desarrollo de medios y banca online y portales. Pasando por empresas como Bridger Conway, WebAr, 451 y actualmente en Crossmedia.
  16. Experiencia en todo tipo de proyectos. En los últimos 5 años me dediqué a proyectos de gran escala en desarrollo de medios y banca online y portales. Pasando por empresas como Bridger Conway, WebAr, 451 y actualmente en Crossmedia.
  17. Experiencia en todo tipo de proyectos. En los últimos 5 años me dediqué a proyectos de gran escala en desarrollo de medios y banca online y portales. Pasando por empresas como Bridger Conway, WebAr, 451 y actualmente en Crossmedia.
  18. Experiencia en todo tipo de proyectos. En los últimos 5 años me dediqué a proyectos de gran escala en desarrollo de medios y banca online y portales. Pasando por empresas como Bridger Conway, WebAr, 451 y actualmente en Crossmedia.
  19. Experiencia en todo tipo de proyectos. En los últimos 5 años me dediqué a proyectos de gran escala en desarrollo de medios y banca online y portales. Pasando por empresas como Bridger Conway, WebAr, 451 y actualmente en Crossmedia.
  20. Aplicaciones mas populares en el iphone58% Facebook48% ipod47% google maps46% weather channel
  21. Que no haya curva de aprendizaje, o que lo sea lo más intuitiva posible Esto no significa simplificar procesos, ya que en su mayoría son complejos, como el homebanking, o la compra de un paquete turístico. Sino lograr que estos procesos no presenten obstáculos artificiales al usuario.
  22. Enuncia las 10 leyes de la simplicidad, una guía para el diseño.
  23. The simplest way to achieve simplicity is through thoughtful reduction. When in doubt, just remove. But be careful of what you remove.
  24. Organization makes a system of many appear fewer.
  25. Savings in time feel like simplicity
  26. Experiencia en todo tipo de proyectos. En los últimos 5 años me dediqué a proyectos de gran escala en desarrollo de medios y banca online y portales. Pasando por empresas como Bridger Conway, WebAr, 451 y actualmente en Crossmedia.
  27. Jearquización de los objetivos puntos en común se refuerzan convencer al cliente :D Todo lo demás pasa a otro plano, no necesariamente se tiene que quitar, pero se puede hacer menos visible. Este mismo ejercicio se aplica para todo el sitio, de afuera hacia adentro.aplicando desde la arquitectura de la información, a cada paso de cualquier proceso (formularios)