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

1,146 views

Published on

Published in: Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,146
On SlideShare
0
From Embeds
0
Number of Embeds
85
Actions
Shares
0
Downloads
4
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • 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.
  • 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
  • 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
  • Con esta falta de restricciones , fuimos agregando mas información y mas funcionalidad.
  • If you open a contemporary news site you get bombarded with features and advertisement. Many web sites want to do too much, too quickly.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • Aplicaciones mas populares en el iphone58% Facebook48% ipod47% google maps46% weather channel
  • 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.
  • Enuncia las 10 leyes de la simplicidad, una guía para el diseño.
  • The simplest way to achieve simplicity is through thoughtful reduction. When in doubt, just remove. But be careful of what you remove.
  • Organization makes a system of many appear fewer.
  • Savings in time feel like simplicity
  • 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.
  • 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)
  • Economía en el diseño web: aprendiendo simplicidad en los entornos móviles. Matias Etchevarne

    1. 1. Click to edit Master subtitle style Economía en el diseño web: aprendiendo simplicidad en los entornos móviles. Matias Etchevarne
    2. 2. Click to edit Master subtitle style 15 años de diseño 12 años de diseño web
    3. 3. Click to edit Master subtitle style 15 años
    4. 4. Click to edit Master subtitle style
    5. 5. Click to edit Master subtitle style
    6. 6. Click to edit Master subtitle style Bombardeo de información funcionalidades y publicidad
    7. 7. Click to edit Master subtitle style
    8. 8. Click to edit Master subtitle style
    9. 9. Click to edit Master subtitle style “The web is 95% typography” Oliver Reichtenstein - iA
    10. 10. Click to edit Master subtitle style
    11. 11. Click to edit Master subtitle style
    12. 12. Click to edit Master subtitle style 2007
    13. 13. Click to edit Master subtitle style 2007
    14. 14. Click to edit Master subtitle style
    15. 15. Click to edit Master subtitle style
    16. 16. Click to edit Master subtitle style Puntos clave
    17. 17. Click to edit Master subtitle style Puntos clave Enfoque en las acciones principales del sitio
    18. 18. Click to edit Master subtitle style Puntos clave Enfoque en las acciones principales del sitio Simplificación en la navegación
    19. 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. 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. 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. 22. Click to edit Master subtitle style
    23. 23. Click to edit Master subtitle style
    24. 24. Click to edit Master subtitle style
    25. 25. Click to edit Master subtitle style
    26. 26. Click to edit Master subtitle style “frictionless interfase” Jeff Atwood
    27. 27. Click to edit Master subtitle style “The laws of simplicity” John Maeda
    28. 28. Click to edit Master subtitle style 1 – Reducir
    29. 29. Click to edit Master subtitle style 2 - Organizar
    30. 30. Click to edit Master subtitle style 3 - Tiempo
    31. 31. Click to edit Master subtitle style 10 – Simplicidad es sustraer lo obvio y dejar lo importante
    32. 32. Click to edit Master subtitle style
    33. 33. Click to edit Master subtitle style
    34. 34. Click to edit Master subtitle style
    35. 35. Click to edit Master subtitle style
    36. 36. Click to edit Master subtitle style En la práctica
    37. 37. Click to edit Master subtitle style Objetivos comerciales Objetivos del usuario
    38. 38. Click to edit Master subtitle style En resumen
    39. 39. Click to edit Master subtitle style Enfocarse en la jerarquía de objetivos
    40. 40. Click to edit Master subtitle style Minimizar la cantidad de contenido al mínimo
    41. 41. Click to edit Master subtitle style Minimizar la cantidad de clics para realizar una acción
    42. 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. 43. Click to edit Master subtitle style @yomatiase Etchevarne.net/blog
    44. 44. Click to edit Master subtitle styleMuchas Gracias Economía en el diseño web: aprendiendo simplicidad en los entornos móviles. Matias Etchevarne

    ×