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

2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida
2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida
2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendidaLuis Francisco Reyes Aceves
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxFederico Castellari
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativanicho110
 
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdfpresentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdfaxelv9257
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.FlorenciaCattelani
 
presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...axelv9257
 
10°8 - Avances tecnologicos del siglo XXI 10-8
10°8 - Avances tecnologicos del siglo XXI 10-810°8 - Avances tecnologicos del siglo XXI 10-8
10°8 - Avances tecnologicos del siglo XXI 10-8antoniopalmieriluna
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21mariacbr99
 
AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptxAVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptxdulcemonterroza
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxJorgeParada26
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIhmpuellon
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...JohnRamos830530
 
QUINTA SEXTA GENERACION de COMPUTADORAS
QUINTA  SEXTA GENERACION de COMPUTADORASQUINTA  SEXTA GENERACION de COMPUTADORAS
QUINTA SEXTA GENERACION de COMPUTADORASMarc Liust
 
Editorial. Grupo de 12B. La Salle Margarita.pdf
Editorial. Grupo de 12B. La Salle Margarita.pdfEditorial. Grupo de 12B. La Salle Margarita.pdf
Editorial. Grupo de 12B. La Salle Margarita.pdfYanitza28
 
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptxinfor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptxgustavovasquezv56
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosJhonJairoRodriguezCe
 
Función del analizador léxico.pdf presentacion
Función del analizador léxico.pdf presentacionFunción del analizador léxico.pdf presentacion
Función del analizador léxico.pdf presentacionEmanuelMuoz11
 
Editorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdfEditorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdfYanitza28
 

Último (18)

2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida
2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida
2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdfpresentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...
 
10°8 - Avances tecnologicos del siglo XXI 10-8
10°8 - Avances tecnologicos del siglo XXI 10-810°8 - Avances tecnologicos del siglo XXI 10-8
10°8 - Avances tecnologicos del siglo XXI 10-8
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptxAVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptx
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
QUINTA SEXTA GENERACION de COMPUTADORAS
QUINTA  SEXTA GENERACION de COMPUTADORASQUINTA  SEXTA GENERACION de COMPUTADORAS
QUINTA SEXTA GENERACION de COMPUTADORAS
 
Editorial. Grupo de 12B. La Salle Margarita.pdf
Editorial. Grupo de 12B. La Salle Margarita.pdfEditorial. Grupo de 12B. La Salle Margarita.pdf
Editorial. Grupo de 12B. La Salle Margarita.pdf
 
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptxinfor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
 
Función del analizador léxico.pdf presentacion
Función del analizador léxico.pdf presentacionFunción del analizador léxico.pdf presentacion
Función del analizador léxico.pdf presentacion
 
Editorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdfEditorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdf
 

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)