El impacto negativo del diseño web mobile-first en el escritorio

• Un artículo sobre el impacto negativo de priorizar el diseño web para móviles cuando se visualiza en dispositivos de escritorio; a este fenómeno lo llama "dispersión del contenido".
• La dispersión del contenido es el fenómeno por el cual el contenido de una página web responsiva se ve excesivamente grande y estirado en pantallas grandes de laptop o escritorio.
• Este artículo se basa en una investigación que combinó 13 pruebas cualitativas de usabilidad y entrevistas semiestructuradas.
• El estudio encontró que la dispersión del contenido en dispositivos de pantalla grande incrementa la carga cognitiva y el costo de interacción, dificulta la comprensión del contenido y provoca frustración en los usuarios.
• La dispersión del contenido es el resultado de varias tendencias de diseño: mobile-first, minimalismo e imágenes grandes, que a menudo crean páginas con baja densidad de información.
• Entre los efectos negativos del contenido disperso están el aumento de la longitud de la página y del costo de interacción, el incremento de la carga cognitiva, la dificultad para construir un modelo conceptual de la página, el aumento de la frustración y la disminución de la credibilidad.
• El artículo también destaca efectos positivos del contenido disperso, como hacer que los usuarios se concentren en un solo contenido enfatizado a la vez y limitar la percepción de sobrecarga de información.
• Los autores recomiendan evaluar cómo se renderiza el diseño en escritorio, valorar el aporte real de las imágenes, agrupar el contenido relacionado e importante dentro del mismo viewport, evitar interacciones y elementos de diseño específicos de móvil, y entender estratégicamente cuándo puede usarse la dispersión.
• Los autores concluyen que una página minimalista de escritorio con contenido disperso puede limitar distracciones y centrar la atención en los puntos clave, pero que una página completa que adopta un diseño mobile-first, minimalista y centrado en imágenes genera problemas de usabilidad en escritorio.

[GN⁺]

Opiniones de Hacker News

• Un artículo sobre los efectos negativos del diseño web mobile-first.
• El término "Hinternet" se acuñó por primera vez en 2007 para describir internet estilizado y que aporta valor, así como internet lleno de banners emergentes y spam.
• "Hinternet" es ahora la forma dominante de internet, donde muchos servicios esenciales están diseñados con enfoque mobile-first y a menudo usan tecnologías que no funcionan en plataformas abiertas.
• El cambio hacia el diseño mobile-first parece ser un síntoma de un problema mayor: que internet se está convirtiendo en un paisaje distópico de integración vertical de la información.
• El desarrollo frontend se considera la parte más difícil del stack, ya que requiere un conocimiento profundo de HTML, CSS y las Web API compatibles.
• El problema no es solo mobile-first frente a desktop, sino que los diseñadores no entienden que el contenido web debe ser dinámico y adaptable al tamaño y la forma del dispositivo de visualización del usuario.
• El uso del menú hamburguesa y de jeroglíficos se considera adecuado para móvil, pero una mala decisión de diseño para desktop, donde puede agregar pasos innecesarios y causar confusión.
• Muchos sitios web cambian la UI según el tamaño de la ventana, lo que puede volverla inutilizable cuando se redimensiona para que ocupe la mitad del monitor.
• La ausencia, en el diseño mobile-first, de una función táctil equivalente al hover se considera una pérdida importante.
• El concepto de UX "Hero" es criticado por su uso excesivo en landing pages, ya que a menudo obliga a los usuarios a desplazarse y hacer clic entre contenido de marketing para encontrar información relevante.
• La obsesión de la industria con los frameworks de JavaScript y las pantallas mobile-first ha llevado a algunos diseñadores web a volver principalmente al diseño gráfico.
• El artículo concluye con un diseñador web que no está de acuerdo con la crítica y sostiene que el contenido simple por pantalla funciona mejor y es más fácil de analizar visualmente.