×

Error de autenticación

Ha habido un problema a la hora de conectarse a la red social. Por favor intentalo de nuevo

Si el problema persiste, nos lo puedes decir AQUÍ

×

Forex007Miembro desde: 24/09/15

Forex007
166
Posición en el Ranking
0
Usuarios seguidores
Sus noticias
RSS
  • Visitas
    47.844
  • Publicadas
    61
  • Puntos
    50
Veces compartidas
0
¡Consigue las insignias!
Trimestrales
  • 10º
Recientes
  • 10º
Visitas a noticias
Hace 2d

Los usuarios móviles tienden a estar muy orientados a objetivos, esperan poder obtener lo que necesitan de un sitio móvil de forma fácil, inmediata y en sus propios términos

¿Qué hace un buen sitio para móviles?

Estudios recientes de Google encontraron que los visitantes móviles tienen más probabilidades de volver a visitar sitios optimizados para el uso móvil. Esto significa que su sitio debe ser compatible con móviles. Pero ¿qué significa realmente "móvil-amigable" realmente? En realidad, este término incluye el número de características importantes que debe tener en cuenta al diseñar su sitio para móviles. Echa un vistazo a continuación:

- Los usuarios notarán y estarán encantados con las cosas que hacen para que mejoren su experiencia.

- Si desea que su sitio se acceda fácilmente en dispositivos móviles, entonces usted tiene que eliminar todos los problemas de usabilidad móvil. Aquí hay 12 formas que puede hacer para asegurarse de que su sitio pase la prueba de usabilidad móvil y ofrezca una experiencia favorable para sus usuarios:

 

1. Optimice todo su sitio para el móvil

Su sitio será más fácil de usar si todas sus páginas están diseñadas para móviles. Aquí hay algunos consejos prácticos para la optimización:

- Utilice sólo desplazamiento vertical. No debe haber páginas en las que sea necesario desplazarse horizontalmente para ver un contenido principal. Asegúrese de que todas las páginas usen valores relativos de ancho y posición para elementos CSS y las imágenes también puedan escalar. Ponga su contenido primero y deshágase de cada elemento que podría distraer a los usuarios del contenido.

 

2. Hacer botones de llamadas a la acción

Puede ser fácil para los usuarios perder elementos de la interfaz de usuario, por lo que siempre ponga sus llamadas clave a la acción donde los usuarios los vean. Destaque sus llamadas a la acción primarias en el espacio de sitio más prominente - sus llamadas a la acción móvil probablemente serán diferentes que en el escritorio, así que póngase en los zapatos de sus usuarios al determinar la ubicación.

 

3. Mantenga los menús cortos y útiles

Un menú amplio podría funcionar bien para su sitio en versión escritorio, pero los usuarios no tendrán la paciencia de desplazarse por una larga data de alternativas para tratar de encontrar lo que realmente desean. Considere la posibilidad de presentar el menor número posible de elementos de menú, por ejemplo, solo las categorías principales de productos. Como regla general, intente utilizar la lista de menús con no más de 7 categorías distintas.

 

4. Haga visible la búsqueda en el sitio

Si la búsqueda es una función principal de su sitio, muéstrela de manera prominente, ya que puede ser la ruta más rápida para el descubrimiento de usuarios con alta intención de convertir. Los usuarios que buscan información específica suelen recurrir a la búsqueda, por lo que la búsqueda debe ser una de las primeras cosas que los usuarios verán en su sitio. Coloque su búsqueda en el sitio cerca de la parte superior de su página de inicio a través de un campo de texto abierto.

La búsqueda debe mostrarse de manera prominente (por ejemplo, en la parte superior de la pantalla) como en el sitio de Macy.

 

5. Diseñe su sitio para que los usuarios no tengan que pellizcar para hacer zoom

Los usuarios usualmente se sienten frustrados cuando necesitaban acercarse o alejarse para leer un texto o ver una imagen. Los visitantes pueden faltar detalles importantes si tienen que acercar un sitio. Por lo tanto, diseñe su sitio móvil para que los usuarios no necesiten cambiar el tamaño.

 

6. Utilice sólo activos de alta calidad

Sus imágenes / videos / otros activos son el producto, ya que no hay ninguna dimensión física del producto. Por lo tanto, deben ser de alta calidad, para capturar la atención de los usuarios del sitio que pueden contrariamente obviarse, ello para lograr hacer una llamada a las acciones.

 

7. Diseño de objetivos táctiles amigables con el dedo

Si está diseñando una interfaz amigable con el dedo, los botones del sitio deben tener el tamaño adecuado. Los resultados de un estudio MIT Touch Lab descubrieron que los promedios de las almohadillas de los dedos están entre 10-14mm y las puntas de los dedos son de 8-10mm, lo que hace que 10mm x 10mm tengan un buen tamaño de tacto mínimo.

Otro momento importante que debe considerar es una distancia relativa (margen) entre los elementos táctiles. Si los botones están cerca uno del otro, los usuarios pueden tocar accidentalmente un botón equivocado con el dedo. Para corregir estos errores e impedir que los usuarios toquen e invoquen la acción incorrecta, asegúrese de que los botones de tamaño y espacio adecuados sean adecuados para sus visitantes móviles.

Diseño

 

8. Permita que los usuarios exploren antes de que se comprometan

Exigir que los usuarios se registren o inicien sesión antes de que puedan ver la información del sitio web tiene un alto costo de interacción y desafía el principio de reciprocidad. Forzar el registro demasiado pronto puede hacer que más del 85% de los usuarios abandonen el sitio.

Netflix ofrece un mes gratis de prueba, pero le pide a un usuario que se registre antes de que puedan ver qué contenido estará disponible para ellos.

Antes de ofrecer su información personal, los usuarios normalmente quieren navegar por el contenido y obtener una idea de lo que un sitio tenía que ofrecerles (esto es especialmente cierto para los sitios de marcas desconocidas). Para proporcionar una experiencia de usuario con las menores barreras a la conversión, los sitios para móviles deben:

- Proporcione el viaje no firmado.

- Deje que los usuarios compren como invitado.

- Solicite la inscripción sólo cuando dependa de proporcionar valor y, a continuación, solicite datos mínimos.

 

9. Dígale a los usuarios qué dirección de pantalla funciona mejor

Tanto el diseño para el paisaje y el retrato, o alentar a los usuarios a cambiar a la orientación óptima de la pantalla, porque los usuarios tendían a permanecer en la misma orientación de la pantalla hasta que algo les pidió cambiar (por ejemplo, un diálogo de información). Asegúrese de que su importante llamada a la acción se puede completar, incluso si se ignora la sugerencia de cambiar.

 

10. Haga que las imágenes del producto se expandan

Los clientes quieren ver lo que están comprando. En los sitios de venta al por menor, los participantes esperan poder ver primeros planos de alta resolución de productos (especialmente prendas de vestir) para obtener una mejor visión de los detalles, y se frustran si no lo pueden hacer. Los usuarios deben ser capaces de acercarse fácilmente a una imagen de producto para inspeccionarla más detalladamente, haciendo doble clic o seleccionando un botón de zoom. Las imágenes ampliadas también necesitan mantener una alta calidad.

Incluya primeros planos de alta calidad de imágenes clave como fotos de productos y tenga en cuenta que los usuarios quieren poder controlar el nivel de zoom cuando ven una imagen.

 

11. Facilitar la conversión en otro dispositivo

No todos los usuarios se sienten cómodos convirtiendo en su dispositivo móvil - algunos de ellos utilizan dispositivos móviles sólo para la búsqueda de productos. Ofrece una forma sencilla de guardar o compartir información entre dispositivos para mantener a los usuarios en su embudo. Los usuarios deben ser capaces de cambiar de su aplicación de teléfono móvil y continuar la investigación, compras o reserva en cualquiera de sus otros dispositivos / navegadores.

 

12. Mantenga a su usuario en una sola ventana del navegador

Cambiar entre las ventanas de un teléfono portátil puede ser problemático y aumenta el riesgo de que los visitantes no encuentren su camino de regreso a su sitio. Intente mantener a los usuarios en un lugar evitando acciones que inicien nuevas ventanas y asegúrese de que las acciones de acción del usuario permanezcan en la misma ventana del navegador.

Cuando los visitantes ven una opción para un "sitio completo", asumen que el sitio móvil está condensado y eligieron el sitio completo en su lugar.

El "Sitio completo" hace que el usuario piense que esta versión ofrece mucha más información que la móvil, incluso cuando tienen el mismo contenido.

El uso de términos como "escritorio" en lugar de "completo" puede ayudar a evitar estas percepciones. Facilita el cambio entre las experiencias de sitio, pero usa etiquetas como "escritorio" / "versión de PC" en lugar de "lleno" para dejar claro que ambos sitios ofrecen una experiencia completa.

 

Conclusión

Al igual que con cualquier otro elemento de diseño, los consejos especificados anteriormente son sólo un lugar para empezar. Asegúrese de mezclar y combinar estas ideas con las suyas para obtener los mejores resultados. Sólo recuerde que el diseño no es sólo para los diseñadores - es para los usuarios. Su diseño debe apoyar las metas de los usuarios de una manera que nunca se agregue una carga cognitiva del usuario.

"Dede todo preparado antes de comenzar con su proyecto de diseño responsive, una descarga de iconos puede ser necesaria".

 

Más recientes de Forex007

Diseñando un campo de texto perfecto: las mejores practicas

Diseñando un campo de texto perfecto: las mejores practicas

Para cualquier aplicación o aplicación web, nada sucederá sin alguna entrada inicial y continua del usuario. Por lo tanto, es fundamental que los diseñadores de productos, desarrolladores y gestores de productos entiendan las mejores maneras de permitir que lo hagan Hace 3d

Interfaz gráfica de usuario en base a sombras y elevación

Interfaz gráfica de usuario en base a sombras y elevación

En este artículo te mostraré cómo los elementos visuales, como las sombras, transportan información procesada por el usuario de la interfaz 21/04/2017

9 principios de Diseño Mobile UX: Principios clave

9 principios de Diseño Mobile UX: Principios clave

Lo más importante para tener en cuenta al diseñar una aplicación móvil es asegurarse de que sea útil e intuitivo 20/04/2017

Mostrando: 1-5 de 125