El documento habla sobre la importancia de la simplicidad y la economía en el diseño web, especialmente para entornos móviles. Explica que es necesario enfocarse en las acciones principales del sitio, simplificar la navegación y los procesos de interacción, y mejorar los espacios de lectura. También destaca la necesidad de minimizar el contenido, la cantidad de clics necesarios para realizar acciones, y quitar todo tipo de fricción para hacer las páginas lo más rápidas posible.
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
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
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)