Lección 10Primero el móbil como estrategia sostenible
- Noción 63 - ¿Qué es el diseño mobile-first?
- Noción 64 - ¿Por qué el diseño mobile first es una estrategia de diseño más sostenible?
- Noción 65 - Algunas cuestiones importantes que hay que tener en cuenta al diseñar sitios web con el diseño mobile first
- Noción 66 - Limitaciones del mobile first y consejos útiles
- Noción 67 - Repaso
Noción 67
Repaso
Competencias objetivo
Con las nociones 63, 64, 65 y 66 tuvimos la oportunidad de aprender sobre el diseño mobile first.
A continuación hay un cuestionario de 10 preguntas que pondrá a prueba tus conocimientos sobre este tema.
¿Qué afirmación es correcta cuando se trata de crear un sitio web sostenible?
¡Buen trabajo!
Empezar el diseño y desarrollo del sitio pensando en el móvil lleva inevitablemente a los diseñadores a eliminar elementos que no son necesarios para el sitio web. Como resultado, el cliente carga menos páginas, con lo que consume menos energía.
¿Qué criterio *no* es uno de los definidos por Google para un sitio web apto para móviles?
¡Buen trabajo!
Atención: el control hover todavía no existe en los móviles. Por lo tanto, no es aconsejable añadir este tipo de interacción a tu sitio web.
¿Cuál debería ser la velocidad máxima de carga de un sitio web?
¡Buen trabajo!
La velocidad de tu sitio móvil es crucial porque si tu sitio funciona mal, si tarda más de tres segundos en cargarse, los usuarios tienden a abandonarlo. Por ejemplo, el 79% de los compradores son menos propensos a comprar en un sitio que funciona mal. Por eso, eliminar cualquier elemento innecesario de los elementos móviles juega a su favor.
El inventario de contenidos filtra los contenidos más importantes para el wireframing.
¡Buen trabajo!
Atención. No significa eliminar información, sino clasificar la información en contenido primario, secundario y terciario.
¿Cuál de estas afirmaciones es cierta?
¡Buen trabajo!
Prueba con frecuencia tus diseños y tu código en pantallas pequeñas. Los simuladores y navegadores de escritorio no sustituyen a los dispositivos reales.
¿Qué es un menú de hamburguesa?
¡Buen trabajo!
Es una forma reconocible de que el usuario acceda a elementos secundarios. Los usuarios suelen pasar por el menú de hamburguesa para encontrar lo que buscan en tu sitio web.
¿Cuál es la esencia del proceso de diseñar con mobile first?
¡Buen trabajo!
El contenido es clave en el diseño para móviles. Es el elemento más importante que debe ser visible para los usuarios, ya que el espacio en las pantallas pequeñas es limitado.
¿Qué puedes hacer con tu código para mejorar el rendimiento de tu sitio web con diseño mobile first?
¡Buen trabajo!
Consolida y reduce los archivos CSS y JavaScript. Limita o elimina las dependencias de librerías Javascript pesadas, especialmente si sólo se usan para una o dos funciones.
Los botones de retroceso son necesarios para tu diseño mobile first.
¡Buen trabajo!
La inmensa mayoría de los teléfonos móviles ya tienen un botón físico de retroceso. Así que no es esencial añadir otro botón "atrás". Si aún así quieres ofrecer a los usuarios una forma rápida de moverse en tu sitio, considera una etiqueta distinta a la de "atrás".
¿Cuál es el tamaño ideal de los objetivos táctiles según Microsoft?
¡Buen trabajo!
Microsoft recomienda objetivos táctiles de 9 mm, un tamaño mínimo de 7 mm y un espaciado mínimo entre acciones de 2 mm. Las acciones de tamaño y espaciado incorrectos pueden hacer que los usuarios le den a botones equivocados.