¿Cuáles son las características más importantes para una experiencia de usuario óptima de una página web en dispositivos móviles?

El usuario móvil ideal X …

Significa no toparse con personas en la acera mientras usa su teléfono. Estoy bromeando, pero en cierto modo, esa afirmación tiene un punto. Su página web o aplicación debe ser tan simple e intuitiva que las personas puedan usarla mientras juegan un partido de fútbol, ​​así como podrían hacerlo mientras están sentados en el juan.

La gente de UX Pin tiene algunas ideas fenomenales para la experiencia y las tendencias del usuario móvil, junto con la experiencia del usuario para los sitios web. Échales un vistazo en https://www.uxpin.com/knowledge… ..

Para mis propios pensamientos, esto es lo que creo que son los más importantes para una página web móvil.

Adaptación de navegación, funcionalidad y contenido

Mobile es para web lo que el cómic de un solo panel es para la novela gráfica. Desde el punto de vista del diseño e incluso del posicionamiento de la marca, es casi tentador recomendar crear la aplicación o el sitio móvil primero antes del sitio web. Como ejercicio, nos ayuda a descubrir cómo llevar al usuario al punto principal, el punto clave, lo más importante, lo más rápido, lo más fácil, y al mismo tiempo mantener los factores críticos de una interacción y experiencia agradable con la marca. Tenga en cuenta que su sitio móvil no necesita ser un total de 1 a 1 con su sitio web en cuanto a los segmentos de contenido (navegación) o incluso el contenido en sí. No estoy seguro de si se ha convertido en la mejor práctica o si es de moda o passe, pero soy fanático de usar un enlace al sitio web completo en la parte inferior del sitio móvil. Esto proporciona una manera de incluir el contenido o los elementos experimentales que puede considerar ajenos al sitio móvil, en caso de que el usuario aún quiera acceder a ellos.

Además, tenga en cuenta que si todavía está lidiando con una gran cantidad de contenido, debe dividir ese contenido aún más cuando se desplaza. El enlace Live-Positively de Coca-Cola desde su página de inicio le presenta artículos codificados por colores basados ​​en la categoría. Mientras tanto, CNN trata todos sus subtítulos o secciones de la misma manera, y la experiencia de desplazamiento se vuelve redundante y más larga de lo que sería de otra manera.

Volviendo al concepto de contenido de un solo cuadro: es posible que sea necesario reescribir una frase clave de un cuadro en comparación con una novela gráfica épica de varias páginas. Creo que la mayoría de los sitios “móviles” son temas receptivos que redimensionan y replantean adecuadamente el contenido del sitio web, pero sin necesariamente dividirlo en partes manejables o revitalizarlo con suficientes elementos visuales que aún equilibren con el tiempo de carga.

Marca

El sitio móvil de CNN.com mantiene el logotipo en la pantalla en todo momento. Con tantos enlaces y fuentes de noticias, y una pantalla de inicio tan larga, esto tiene sentido. Sin embargo, esto podría no tener sentido para todos los sitios móviles, ya que ocupa un espacio privilegiado, lo que es más caro con los teléfonos móviles o tabletas más pequeños. Si ese es el caso, piense en cómo puede hacer eco de logotipos de marca, colores, imágenes y formato en el resto de las pantallas, sin necesariamente ocupar el lugar del logotipo en la barra de navegación superior. Lo que me lleva a …

Experiencia visual

Equilibre el tiempo de carga con imágenes atractivas para poner su mejor pie adelante y decirle al lector que no comprometerá el diseño. Muchos sitios o aplicaciones móviles solo tienen fondos blancos, casi ninguna imagen o ilustración, y aún tienen demasiado texto. El sitio móvil de McDonald’s tiene una experiencia mucho más visual, y tampoco es solo una combinación de imagen / artículo desplazable. Los iconos son una manera fácil de decir mucho con poco, y también funcionan para la navegación, lo que me lleva a …

Experiencia táctil

Deslizar, hacer zoom, tocar, tocar y sostener, desplazarse … hay mucho más que puedes hacer con el móvil desde una perspectiva táctil. Incluso puede lanzar retroalimentación háptica / vibración en la mezcla. Desde la perspectiva de un sitio web, no siempre necesita un efecto de desplazamiento o un estado visitado para un enlace o un sonido de clic. Pero desde una perspectiva móvil, veo algún tipo de retroalimentación (incluso una animación de carga) como una necesidad para que los usuarios sepan que navegaron con éxito, no solo por el hecho de que tocar ciertos objetos puede ser más complicado que usar un mouse, sino también hecho de que a menudo las páginas tardan más en cargarse en dispositivos móviles que los sitios web en computadoras.

Es fácil ser minimalista cuando se trata de la funcionalidad móvil. Sin embargo, lo desafiaría a resistir ese impulso cuando se trata de la experiencia táctil, y lo alentaría a ir más allá de los toques de botones obvios. Su teléfono o tableta es móvil como un control remoto o controlador de videojuego; ¿No debería casi sentirse como uno también? Piense en deslizar hacia la izquierda / derecha, expandir / contraer “cajones” (a menudo los verá en las páginas de preguntas frecuentes) y desplazarse hacia arriba / abajo. Angry Birds cambió el juego utilizando la experiencia táctil al máximo, tirando tirachinas y lanzando pájaros a colisiones parabólicas con cerdos. Su sitio móvil no tiene que hacer eco de todo en su sitio web normal, tal vez sea su oportunidad de ser más interactivo y darle una “aplicación” diferente.

Anuncios

Personalmente, no soy fanático de los anuncios móviles.

La mayoría probablemente argumentará que funcionan y que existe un gran mercado para el crecimiento de los anuncios móviles. Creo que las páginas de bienvenida son mejores para abordar anuncios o contenido relacionado desde el punto de vista del usuario (no necesariamente para el punto de vista de hacer dinero). Desde el punto de vista del usuario, personalmente rara vez hago clic en ellos, al menos deliberadamente, y maldigo y murmuro entre dientes cada vez que mis dedos regordetes se descarrían, o cuando aparece una pantalla debajo de un lugar donde ya estaba a punto de tocar.

Dicho esto, podría haber una gran oportunidad para monetizar su sitio o aplicación. Todo lo que puedo aconsejar es, tenga cuidado, porque son una manera fácil de molestar a un usuario.

Capacidad de respuesta y prueba

Asegúrese de que el sitio móvil responda y se vea en forma de barco en todos los ámbitos. Incluso si el tema móvil de WordPress dice que responde, hay tantos dispositivos y sistemas operativos y navegadores que deberías hacer algunas pruebas por tu cuenta antes de esa importante reunión para presentar el sitio móvil a la perspectiva.

¡Espero que esto ayude!

Desde mi punto de vista de lo que sentiría como una “experiencia de usuario óptima”, sin ningún orden:

  • Navegación: pasar de una página a otra puede ser deslizar el dedo o hacer clic en el icono del menú de hamburguesas para ver cuáles son mis opciones para navegar por el sitio web móvil.
  • Carga de la página: la cantidad de datos que tengo que descargar en mi móvil es lo que me preocupa en la mayoría de los casos. No solo se cargará lentamente para que yo vea la página web, sino también cuánto me costará cargar una página.
  • Alineación de contenido: algunas veces, mientras navego, el contenido puede ser bastante amplio y no se ajusta al tamaño de la pantalla. Videos, entiendo que los creadores de contenido están tratando de hacerlo panorámico (óptimo si ve el video en orientación horizontal). Entonces, si el contenido de video está alineado con la orientación del tamaño de la pantalla de los medios, eso haría maravillas para los usuarios, incluyéndome a mí.
  • Tamaño del contenido: debido al tamaño de la pantalla, el contenido puede verse grande o pequeño. Mi preferencia son las fuentes grandes y las imágenes grandes, por lo que es fácil de leer y no es un dolor de cabeza concentrarse en el contenido al leer.

Lo anterior es simplemente mi opinión sobre el tema para una experiencia de usuario óptima.

Creo que la característica más importante de una página web en un teléfono móvil sería la capacidad de respuesta del sitio web. Por ejemplo, el sitio web debe poder mostrarse con total claridad en todo tipo de tamaños de pantalla del dispositivo: tabletas, teléfonos inteligentes y monitores. Eso realmente se destacaría.

Además de eso, lo que más importa es el contenido, los colores y la resolución de las imágenes.

Además, en realidad no importa si incluye animación elegante o esa maravillosa barra de navegación / widgets.

La característica más importante es que no tengo la sensación de que no fue diseñado para mi dispositivo. El estilo específico de la marca, el tamaño de la página no coincide realmente con el espacio disponible de mi dispositivo, o los tiempos de carga que indican la necesidad de una máquina más robusta me dicen “este no es el dispositivo móvil que teníamos en mente”.

More Interesting

¿El contenido de una red social mejora con más usuarios?

¿Qué métodos están disponibles para anunciar mi nueva aplicación web y móvil?

¿Por qué una aplicación nativa es mejor que una aplicación web?

¿Sería posible contratar a un programador que pueda crear una aplicación móvil de búsqueda de empleo como Job Today por $ 3,000?

¿Hay alguna forma de programar con PHP-CSS-HTML para todas las plataformas móviles como aplicaciones nativas?

¿Debería pedirse a un desarrollador de iOS Junior en una compañía de aplicaciones que cree una red social por su cuenta?

¿Qué debo aprender: desarrollo de aplicaciones o desarrollo de sitios web?

¿Por qué Laravel prefiere construir aplicaciones y sitios web?

¿Cuál es la mejor herramienta de prueba de carga de página web móvil gratuita o de pago?

En una startup de Internet, ¿es mejor lograr el diseño y desarrollo del sitio web y la aplicación móvil a través de compañeros de trabajo o subcontratando?

Cómo desarrollar efectivamente una aplicación web junto con su versión móvil

¿Qué lenguaje informático brinda conocimiento y dominio del software, la aplicación móvil y el desarrollo de sitios web?

¿Qué marcos tecnológicos y pilas son preferibles para la escalabilidad y el rendimiento en el desarrollo de aplicaciones móviles en 2015?

¿Qué configuración de servidor es mejor para mi aplicación móvil?

¿Cuál es el costo promedio y el tiempo requerido para la construcción de una página web? ¿Las aplicaciones móviles son mucho más fáciles o más rápidas de hacer?