04/07/2012

13 características del diseño web móvil

Aquí va un listado de pautas que, según nuestra experiencia, hay que seguir para el diseño de una web móvil:


  1. Los smartphones no son PC’s: Los Smartphones no deben considerarse ordenadores pequeños. El qué, el cómo y el dónde son distintos.
  2. Diseña el sitio web para móviles teniendo en cuenta que el usuario navegará utilizando los dedos…y no un puntero. ¡El tamaño sí importa!
  3. Usabilidad: Se recomienda poder acceder a las distintas secciones y/o contenidos de la web móvil mediante un solo click.
  4. Colores: Se deben utilizar los colores para transmitir información: Debido al poco espacio, debemos utilizar todas las características visuales para transmitir información. Un ejemplo cásico es la distinción entre el contenido seleccionado y el resto.
  5. Coherencia: Como es lógico, la web móvil debe ir en consonancia con todas las herramientas de comunicación utilizadas: Colores corporativos, tipografía, logotipo, reducciones, etc.
  6. Evitar pop ups: En líneas generales, siempre hay excepciones, a los usuarios que acceden a la web desde un Smartphone, que no apps, les es molesto el uso de pop ups.
  7. Resolución: Deben tenerse en cuenta la resolución de las pantallas. Adjunto infografía presentada por Uxboth.com 
  8. Contenido: Dividir la web en pequeñas porciones: Se deben evitar los textos largos priorizando información y separar el contenido por conceptos que pueden ser de relevancia para el público objetivo del sitio web móvil.
  9. Formato: Se recomienda m.website.com.
  10. Social: Proporcionar opciones para compartir el contenido en las redes sociales que encajan con el perfil del usuario. Siempre de forma sencilla e intuitiva. A los usuarios de Smartphone les gusta compartir. ¿Para qué les vamos a privar de hacerlo?
  11. Marca: Utilizar el Header, barra superior de navegación, para mostrarla.
  12. Tiempo de carga: El tiempo de carga de la web móvil debe ser inferior a los 5 segundos y, en cualquier caso, no debe superar los 10 segundos. El usuario móvil no está dispuesto a esperar.
  13. Medición: Medir constantemente como navega el usuario y actuar en consecuencia.
diseño web móvil: Resolución pantalla


¿Nos hemos dejado algo? ¿Por tu experiencia qué añadirías? ¡Gracias! :D



1 comentario:

  1. Hoy en día la tecnología ha aumentado de manera positiva ya que brindan la oportunidad de que muchas personas podamos obtener información a los sitios web cada vez que le damos clic.

    ResponderEliminar