Patrones que se utilizan en el desarrollo web móvil

Comienza Ya. Es Gratis
ó regístrate con tu dirección de correo electrónico
Rocket clouds
Patrones que se utilizan en el desarrollo web móvil por Mind Map: Patrones que se utilizan en el desarrollo web móvil

1. Tener en cuenta la orientación del dispositivo al utilizar la aplicación, significa aprovechar lo mejor de cada escenario. Generalmente, los teléfonos suelen sujetarse en forma vertical, mientras que en tabletas es habitual cambiar entre el formato vertical y horizontal con mayor frecuencia

2. Una PWA utiliza las últimas tecnologías disponibles en los navegadores para ofrecer una experiencia en móviles lo más parecida a la de una aplicación nativa.

2.1. ada poco tiempo aparecen nuevos patrones o revisiones de los ya existentes. Es algo lógico si tenemos en cuenta que nuestra forma de programar está evolucionando continuamente. Nuevos frameworks, nuevas plataformas, nuevos tipos de acceso a datos etc.

3. ¿Qué son los patrones de diseño?

3.1. Los patrones de diseño son soluciones para problemas típicos y recurrentes que nos podemos encontrar a la hora de desarrollar una aplicación.

4. ¿Qué tipos de patrones existen?

5. SIMPLICIDAD

5.1. La simplicidad visual está directamente relacionada con la usabilidad. Ser simple implica en cierta medida ser mínimo, contar con pocos elementos, pero sobre todo, que aquellos presentes en la interfaz tengan una función bien definida que contribuya a cumplir el objetivo de la app y ayude al usuario.

5.2. CONSISTENCIA

5.2.1. Una app tiene diferentes pantallas que la componen y al mismo tiempo, está dentro de un sistema operativo que propone un determinado aspecto visual e interacción. El usuario de Android, iOS o Windows Phone ya está habituado a ellos y espera que las aplicaciones se comporten de la misma manera.

5.2.2. NAVEGACIÓN INTUITIVA

5.2.2.1. Un aspecto que merece mucha atención en una aplicación es la forma de navegar entre contenidos, de manera que resulte fácil de comprender para el usuario, evitando la sensación de desorientación que puede ocasionar una navegación confusa.

6. Interacción y formas de sostener el móvil

6.1. El diseño de aplicaciones para móviles tiene que tener en cuenta la forma en que los usuarios sujetan los teléfonos. Asimismo, con cuáles dedos interactúan y cómo los usan, tiene incidencia en el diseño de la interfaz y condiciona la ubicación de los elementos interactivos en la pantalla1.

7. Patrones de interacción

7.1. un patrón de interacción es un resumen práctico de una solución de diseño que se ha demostrado que funciona más de una vez. Utilízalos como guía, no como una ley

7.2. NAVEGACIÓN

7.2.1. Una navegación simple y consistente es un componente esencial en la experiencia de uso de la app y surge de contestar algunas preguntas básicas como: ¿De qué manera el usuario recorrerá la aplicación? ¿A través de menús o del contenido en sí mismo? ¿Y si viene de una notificación? ¿Cómo hará para volver atrás cuando haya avanzado?

8. Tecnologías que aprovechan las PWA

8.1. PWAs se basan en unos conceptos bastante simples: Responsive Web Design, animaciones CSS y frameworks específicos para crear interfaces móviles con aspecto de nativas Service Workers App Shell Manifiesto de aplicación

8.2. Service Workers

8.2.1. Los Service workers son una tecnología muy interesante y a la vez bastante compleja que nos permite ejecutar servicios en segundo plano en los navegadores.

9. App Shell

9.1. App Shell no es una tecnología, sino un modelo o patrón a la hora de crear las aplicaciones. La idea es muy sencilla: separar la aplicación entre funcionalidad y contenido y cargarlos por separado

10. Nombre :David Mnauel Nopal