Los mejores patrones de UX para apps web móviles
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Después de un análisis sobre la optimización para dispositivos móviles de los 1,000 sitios principales, detectamos algunas áreas problemáticas: el 53% aún solo ofrece una experiencia solo para computadoras de escritorio, el 82% de los sitios tienen problemas de interactividad en los dispositivos móviles y el 64% de los sitios incluyen texto que los usuarios no pueden leer.
Éxitos rápidos para mejorar drásticamente tu experiencia en la Web móvil:
- Definir siempre un viewport
- Ajusta el contenido en el viewport
- Mantener el tamaño de la fuente en un nivel legible
- Limita el uso de fuentes web
- Ajusta el tamaño y coloca los botones táctiles de manera adecuada
- Usa los tipos semánticos para los elementos de entrada
PageSpeed Insights acaba de lanzar un análisis de UX a fin de determinar qué tan optimizado para dispositivos móviles está en tu sitio. Te ayudará a encontrar problemas comunes relacionados con la UX de tu sitio en dispositivos móviles. Pruébalo.
Presentaciones: Los mejores patrones de UX para aplicaciones web móviles
Salvo que se indique lo contrario, el contenido de esta página está sujeto a la licencia Atribución 4.0 de Creative Commons, y los ejemplos de código están sujetos a la licencia Apache 2.0. Para obtener más información, consulta las políticas del sitio de Google Developers. Java es una marca registrada de Oracle o sus afiliados.
Última actualización: 2025-07-25 (UTC)
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2025-07-25 (UTC)"],[],["Mobile site analysis reveals that over half (53%) are desktop-only, 82% have interactivity issues, and 64% have readability problems. Key improvements include defining a viewport, fitting content within it, maintaining readable font sizes, limiting web fonts, spacing tap targets, and using semantic input types. PageSpeed Insights offers UX analysis to identify these issues. Additional resources for UX patterns can also be found in the slides.\n"]]
