Respuestas de Diseño de Sitios Móviles de Google

https://www.certificationanswers.com/category/respuestas-de-diseno-de-sitios-moviles/

Abarca conceptos básicos y avanzados, como prácticas recomendadas para crear, administrar, medir y optimizar sitios web móviles. Obtendrás un gran dominio del diseño de sitios web móviles y que estás al día en cuanto a las prácticas recomendadas y a las tecnologías de los navegadores actuales.

¿Idealmente, qué tamaño debería tener una página?

Menos de 1 MB

2 MB

Más de 3 MB

2,1 MB

Hay muchas posibilidades de que una red CDN almacene en caché los recursos que tengan respuestas ______ para todos los usuarios.

personalizadas

similares

diferentes

idénticas

¿Por qué la regla @import de CSS influye negativamente en el rendimiento?

Porque necesita más tiempo de CPU para realizar análisis

Porque crea un CSSOM menos eficiente

Porque @import carga los archivos de una forma menos eficiente que

Porque puede insertar elementos dependientes no deseados

En muchos casos, es posible eliminar datos sobre la imagen (como la ubicación o la descripción de la cámara) para reducir su tamaño. Este tipo de información se conoce como:

GZIP

Vector

Metadatos

Mapa de bits

Verdadero o falso: Si utilizas una combinación de páginas para ordenadores y páginas optimizadas para móviles en un sitio web móvil, la experiencia de usuario mejorará, ya que algunos usuarios están más familiarizados con la versión del sitio web para ordenadores.

Falso

Verdadero

Si el código CSS es independiente del HTML, puedes tratar _______ y _______ de forma independiente. Por ejemplo, los diseñadores pueden trabajar en el CSS y los desarrolladores pueden centrarse en el HTML.  

las imágenes; los artículos

las analíticas; la optimización

el contenido; el diseño

la experiencia de usuario; la velocidad

¿Cuál de las siguientes prácticas no es recomendable para las empresas financieras que quieran evitar que los usuarios abandonen el embudo de conversión?  

Recordar y autocompletar las preferencias de los usuarios registrados en los formularios

Utilizar botones de clic de llamada en las tareas y formularios complicados

Pedir a los usuarios que se registren para que puedan acceder al sitio web

Permitir que los usuarios realicen conversiones como invitados

El primer paso que debes seguir para optimizar la ruta de procesamiento crítica consiste en:  

Minimizar el número de recursos críticos: eliminarlos, aplazar su descarga, marcarlos como asíncronos, etc.

Optimizar el orden de carga de los recursos críticos restantes: descarga todos los recursos críticos tan pronto como sea posible para reducir la longitud de la ruta crítica

Analizar y definir la ruta crítica: el número de recursos, los bytes, la longitud, etc.

Optimizar el número de bytes críticos para reducir el tiempo de descarga (el número de procesos entre el cliente y el servidor)

En lo que respecta al uso de llamadas a la acción en las páginas principales de los sitios web móviles, ¿qué afirmación es la correcta?  

Las llamadas a la acción deben aparecer en la segunda página

La llamada a la acción debe destacar en la parte visible de la página principal del sitio web móvil

Se debe usar la misma llamada a la acción tanto en el sitio web móvil como en el sitio web para ordenadores

Las llamadas a la acción solo se deben utilizar en los menús

Una buena notificación es aquella que:  

Aparece en segundo plano

Cuenta con una acción predeterminada

Se puede ignorar

Es pertinente

¿Cuál de las siguientes opciones es un ejemplo de un recurso innecesario que influye negativamente en la experiencia del usuario?  

Una fuente web

Cargas diferidas

Un carrusel de fotos en la página principal en el que se pueden ver varias imágenes con un solo clic

Imágenes optimizadas

¿Cuál de las siguientes funciones forma parte de las Progressive Web Apps?  

API de experiencia de usuario

API de ubicación

API de llamada

Añadir a la pantalla de inicio

Si utilizas Google Optimize, de momento NO puedes:  

Analizar los mapas de calor para entender el comportamiento de los usuarios en tu sitio web

Utilizar las métricas y las metas actuales de Google Analytics como objetivos de un experimento

Probar nuevos diseños, estructuras y contenidos de sitios web con un subconjunto de tus visitantes

Realizar experimentos con grupos de usuarios específicos que has definido como audiencias en Google Analytics

¿Cuál de las siguientes frases describe el shell de una aplicación?  

Aporta una primera impresión rápida y cambia de modo gradual hasta presentar la página completamente cargada

Está compuesto por todos los elementos de la página que dependen del contenido específico de la misma

Rechaza el almacenamiento en caché del contenido que se superpone en las diferentes páginas del sitio web

Ninguna de las respuestas anteriores es correcta

¿Qué evento puede emitir un service worker de forma válida si está registrado?  

Instalar

Cancelar

Poner en standby

Detener

¿Qué cambios en las propiedades geométricas influyen en el diseño?  

Anchuras

Parte superior

Ninguna de las respuestas anteriores es correcta

Alturas

¿Cuál de los siguientes componentes es responsable de la mayoría de bytes descargados en un sitio web?  

Imágenes

Fuentes

Artículos

JavaScript

Cuando utilices las DevTools de Chrome, ¿a qué debes limitar la conectividad?  

Conexión 3G estándar

No se debe limitar

Conexión 4G estándar

Conexión 2G estándar

Según las investigaciones, ¿qué esperan los usuarios de los dispositivos móviles?  

Ver el logotipo en la mitad inferior de la página de los sitios web móviles

Ver nuevos productos tras tocar el logotipo en la parte superior de la página para móviles

Acceder a la página de contacto tras tocar el logotipo en la parte superior de la página para móviles

Regresar a la página principal tras tocar el logotipo en la parte superior de la página para móviles

Si quieres localizar y dar prioridad a las páginas a las que se pueden aplicar mejoras en el diseño de la experiencia de usuario, debes consultar:  

La métrica “Porcentaje de rebote” del informe “Páginas de destino”

La métrica “Páginas únicas vistas” del informe “Todas las páginas”

La métrica “Páginas” vistas del informe “Páginas de salida”

La métrica “Promedio de tiempo” en la página del informe “Todas las páginas”

Verdadero o falso: El porcentaje de conversiones de las páginas web para móviles puede aumentar hasta en un 27% si se cargan un segundo más rápido.  

Verdadero

Falso

Algunos usuarios no se sienten cómodos realizando acciones de conversión en su dispositivo móvil. ¿Qué puedes hacer para mejorar su experiencia?  

Pedir al usuario que se registre para guardar sus datos

Hacer que los botones de llamada a la acción principales destaquen aún más

Incluir botones de llamada a la acción secundarios (por ejemplo, para compartir el contenido en las redes sociales)

Mostrar la versión para ordenadores del sitio web en los dispositivos móviles

El shell de la aplicación sirve para:  

Crear un sitio web completamente optimizado

Mejorar los elementos de la experiencia de usuario

Conseguir que las transiciones entre páginas sean más rápidas

Lograr que la página completa se cargue más rápido

Verdadero o falso: En la prueba A/B puedes comprobar el funcionamiento de dos o más elementos del sitio web para analizar los efectos que tienen entre sí.  

Verdadero

Falso

¿Por qué son importantes las notificaciones push para los anunciantes?  

Porque muestran novedades a los usuarios en el momento oportuno

Todas las opciones anteriores son correctas

Porque proporcionan información que permite actuar a los usuarios inmediatamente en respuesta

Porque permiten que los usuarios puedan volver a interactuar con el contenido que les interesa

¿Qué suele representar la variante A de la prueba A/B?  

La versión original de la página web

La versión de prueba de la página web que se ha modificado con respecto a la original

A la hora de priorizar los aspectos necesarios para la optimizar un sitio web móvil para las diferentes versiones de navegadores o resoluciones de pantalla ¿Qué se debe hacer?  

Optimizar todo al mismo tiempo

Dar prioridad al sitio web que tenga los mayores porcentajes de conversiones

Buscar la versión más antigua del sitio web

Buscar el sitio web que tenga el mayor número de sesiones y los porcentajes de conversiones más bajos (o los porcentajes de rebote más altos)

¿Cuál de las siguientes opciones NO es una práctica recomendada para optimizar los formularios en los dispositivos móviles?  

Permitir que los usuarios puedan utilizar un teclado numérico en el campo del número de teléfono

Exponer las opciones en lugar de utilizar un menú desplegable

Utilizar la validación en tiempo real de los errores de los formularios

Mostrar etiquetas dentro de los campos para mayor comodidad

Cuando hablamos de la ruta de renderizado crítica en lo que respecta al rendimiento del sitio web, ¿cuál de los siguientes recursos se consideraría como crítico?  

Cualquier recurso que se deba cargar

Cualquier recurso que provoque un error 404

Un recurso que tarde más de 500 ms en cargarse

Un recurso que pueda bloquear la vista inicial de la página

¿Cuál de las siguientes afirmaciones sobre la experiencia móvil de los usuarios es correcta?  

Los usuarios están dispuestos a tolerar un mayor tiempo de carga si la imagen es de alta resolución

Es importante utilizar botones de llamada a la acción para que los usuarios permanezcan en la misma ventana del navegador

Es importante incluir toda la información posible en la parte visible de los sitios web para móviles

Es fundamental que se vea claramente la etiqueta “sitio web completo” en el sitio web móvil

¿Qué podrías sacrificar para reducir el tamaño de un archivo de imagen?  

Velocidad de renderizado

Compresión

Gama cromática

Calidad

Antes de renderizar la página, el navegador debe crear:  

Los árboles de la experiencia de usuario

El código HTML y JavaScript

Los árboles de DOM y CSSOM

El canal de píxeles

¿Cuántas veces por segundo actualizan sus pantallas la mayoría de dispositivos?  

60

35

100

20

El árbol de renderizado incluye:  

Los estilos de la página

El DOM

El contenido de la página

El contenido visible

Por cada fuente que haya en tu sitio web, debes:  

Añadir todas las variantes que puedas

Añadir CSS

Minimizar el HTML

Reducir el número de variantes utilizadas

¿Cuál de las siguientes afirmaciones NO es correcta en lo que respecta a la experiencia de búsqueda en los sitios web para móviles?  

Los usuarios pueden utilizar filtros para acotar los resultados de búsqueda

Es mejor ofrecer resultados de búsqueda completos que concisos

Se recomienda colocar la función de búsqueda en la parte superior de la página para dispositivos móviles, mediante un cuadro de búsqueda de texto abierto

Es muy importante incluir funciones de búsqueda inteligente (como el autocompletado y el autocorrector) en las pantallas pequeñas

Según una encuesta de Google, ¿qué es lo que más irrita a los usuarios cuando navegan por Internet desde sus dispositivos móviles?  

Que las páginas tarden demasiado en cargar

No saber dónde tienen que hacer clic

Que aparezca contenido intersticial

Ver un vídeo

¿Cuál de las siguientes frases sobre los sitios web adaptables NO es correcta?  

Los tiempos de carga de los sitios web adaptables suelen ser más rápidos que los de los sitios web independientes (m.dot)

El mantenimiento de los sitios web adaptables es más sencillo

Los sitios web adaptables son rentables

Los sitios web adaptables tienen una base de código, un despliegue y una URL

En la fase de preparación para mostrar la página, el navegador:  

Muestra los elementos en pantalla en sus nuevas posiciones

Modifica el tamaño de los elementos antes de calcular su posición

Calcula el tamaño y la posición de los elementos del árbol de renderizado

Fuerza la reconstrucción del DOM

¿Qué elemento sirve para volver a utilizar las fuentes en diferentes páginas de forma eficiente?  

Las fuentes WOFF2

La directiva local()

El token de revalidación

El algoritmo de coincidencia de fuentes

Si quieres optimizar la velocidad, no debes utilizar demasiadas fuentes web y debes reducir el número de _____.  

astas descendentes

variantes

ligaduras

iconos al azar

¿Cuál es el formato preferido para los iconos de alta resolución y multidispositivo?  

URLs de datos

JPEG

PNG

Vectorial (SVG)

Antes de explicar a tus clientes las prácticas recomendadas para diseñar sitios web para móviles, primero debes analizar:  

El personal y el presupuesto

La velocidad de la página

Otros sitios web para móviles que ya tengan

El proceso de diseño

¿Por qué la Lie-Fi puede provocar una mala experiencia de usuario?  

Si se habilita la conexión Wi-Fi, se reduce la duración de la batería

Consume más datos

Es menos segura que la Wi-Fi

Es posible que no se carguen algunos recursos

¿Cuál de los siguientes informes de Google Analytics sirve para identificar las filtraciones del embudo de conversión?  

Informe de rendimiento del producto

Informe de uso del dispositivo

Informe de las páginas de destino principales

Informe de análisis del comportamiento de compra

¿Qué recurso es el más rápido y cuenta con la mejor optimización?  

Una imagen

El que se puede descargar

Las fuentes web

JavaScript

¿Cómo funciona AMP?  

Todas las respuestas anteriores son correctas

Solo admite secuencias de comando asíncronas

Excluye el código JavaScript de terceros de la ruta crítica

Impide que los mecanismos de extensión bloqueen el renderizado

¿Qué puedes hacer para facilitar el funcionamiento del navegador?  

Añadir más matrices

Seguir la guía de estilo

Crear estilos CSS más complejos

Cambiar el selector a una clase

¿Cuál de las siguientes frases es correcta en lo que respecta a las Progressive Web App?  

Es lo mismo que una Accelerated Mobile Page

Necesita entornos con un gran ancho de banda

Funciona incluso con una red poco fiable si se está ejecutando un service worker

Ralentiza la experiencia y reduce el porcentaje de conversiones

Verdadero o falso: Las imágenes nunca deben cambiar cuando se rota la pantalla de un dispositivo o se utilizan dispositivos de diferentes tamaños.  

Verdadero

Falso

Verdadero o falso: JavaScript puede bloquear la creación del DOM, a menos que se establezca claramente como asíncrono.  

Verdadero

Falso

¿Cuál de las siguientes afirmaciones describe correctamente a la API Payment Request?  

Es necesario utilizar un teléfono con un lector de huellas digitales

Evita tener que usar un formulario de tramitación de la compra

Está diseñada para lectores de tarjetas externos

Sustituye al procesador de pagos

¿Cuál de los siguientes elementos NO forma parte de AMP?  

Google Analytics

AMP HTML

Fuentes personalizadas

Estilo CSS insertado

¿Cuál de las siguientes opciones describe mejor el objetivo de la compresión?  

Reducir el tamaño de los archivos

Conseguir que el código sea más rápido

Combinar archivos

Incluir más archivos en la caché

¿Qué herramienta sirve para emular y simular un sitio web que tiene una conectividad de baja calidad o poco fiable?  

Speedguide.net

Pingdom.com

Speedtest.net

Webpagetest.org

Si una página tiene una velocidad demasiado lenta, ¿a qué métrica afecta?  

Porcentaje de clics

Porcentaje de conversiones

Impresiones

Porcentaje de visualizaciones completas

Verdadero o falso: Puedes utilizar la cuenta de demostración de Google Merchandise Store para probar las funciones de Google Analytics.  

Verdadero

Falso

Verdadero o falso: Necesitas información sobre el estilo para crear el modelo de objeto del documento (DOM).  

Verdadero

Falso

En un trabajo de animación (por ejemplo, un desplazamiento), lo ideal es que JavaScript aparezca durante un tiempo de entre:  

9 y 10 ms

3 y 4 ms

5 y 6 ms

7 y 8 ms

¿Qué puntuación de la Prueba de Velocidad debes alcanzar como mínimo?  

Una puntuación que solo varíe en un 10% con respecto a la de sitios web parecidos

Una inferior a 5000

Una superior al 95%

Una superior a 5000

¿Cuál de las siguientes frases describe el funcionamiento de un service worker?  

Ninguna de las respuestas anteriores es correcta

No gestiona las solicitudes de red que proceden de la navegación del sitio web

Ejecuta un proxy de red programable

Solo se puede utilizar cuando el usuario está navegando por el sitio web

¿En cuál de las siguientes situaciones se puede considerar un porcentaje de rebote alto como una métrica positiva?  

La página de destino de la campaña dirige al usuario a la página de información del producto

La página de destino de la campaña dirige al usuario al primero de los tres pasos de un formulario de generación de oportunidades de venta

La página de destino de la campaña dirige al usuario a una página en la que la empresa promociona su número de teléfono

Verdadero o falso: Si quieres que el navegador utilice el ancho del dispositivo predeterminado, debes usar….  

Falso

Verdadero

Los sitios web móviles:  

Tienen funciones específicas para los dispositivos móviles

Deben conceder una autorización para acceder a ellos

Son accesibles desde del navegador web del ordenador

Deben descargarse o instalarse en el dispositivo

Si quieres que el renderizado de los elementos prioritarios sea lo más rápido posible, debes reducir el número de:  

Clases de CSS

Clases críticas de HTML

Funciones críticas de JavaScript

Recursos críticos

¿Por qué se crearon los “Martes 2G” en Facebook?  

Para realizar un experimento

Porque la mayoría de los usuarios utilizan una conexión 2G

Facebook no ha creado los “Martes 2G”

Para que los empleados supiesen cómo suelen utilizar el producto los usuarios que tienen una conexión 2G

¿Cuál de las siguientes opciones describe una ventaja de los sitios web para móviles frente a las aplicaciones para las empresas?  

Los sitios web para móviles solo funcionan en Android

Para obtener acceso a los sitios web para móviles se necesita una autorización

Hay que crear un sitio web independiente para tablets y teléfonos

Tienen un tiempo de desarrollo más corto, así que se actualizan rápidamente

AMP ______ la página ______ se descarguen los recursos.  

prepara la vista de; sin esperar que

indexa; mientras espera que

muestra; después de que

almacena en caché; antes de que

Respuestas de Diseño de Sitios Móviles de Google

https://www.certificationanswers.com/category/respuestas-de-diseno-de-sitios-moviles/