comparte el articulo 

Consejos de diseño web para móviles – Parte 2

Actualizado el 05/10/2013 < > 0 Comentarios

Resumen: En esta segunda parte vemos más consejos para adaptar nuestros diseños a las características de la web móvil, tales como el uso correcto de imágenes, evitar javascript o flash.

Continuamos con los consejos de diseño web para móviles.

No ha pasado mucho tiempo desde que para promocionarte o promocionar tu negocio y estar al día, solamente necesitabas tener una buena página web. Ahora, con lo rápido que ha avanzado la tecnología, hace falta mucho más que eso, hace falta tener actividad en las principales redes sociales y, sobretodo, contar con un sitio web compatible con dispositivos móviles.

Actualmente un alto porcentaje de las búsquedas en motores tales como Google y Yahoo, se hacen desde dispositivos móviles como iPads y smartphones, y solamente el 1% de los sitios web del mundo pueden ser visualizados en un dispositivo móvil sin ningún problema.

En la Parte 1 de este artículo, dimos algunos consejos para que tu sitio web sea totalmente compatible con dispositivos móviles, a continuación te damos algunos más que harán que tu sitio web móvil sea aún mejor:

  • Olvida el auto-play y la auto-descarga:
    Los dispositivos móviles tienen menos capacidades técnicas que los ordenadores y no pueden manejar el mismo flujo de datos. La regla de oro es hacerlo simple.
  • Evita la sobrecarga de imágenes:
    Si utilizas menor cantidad de imágenes será mejor para tu sitio web móvil, ya que esto no solamente facilitará la rapidez de las descargas, sino también hará que las imágenes que si sean necesarias sean mucho más fáciles de ver. ¿Quieres un dato técnico? Mantén tus imágenes aproximadas a los 72 dpi, 640px en 960 de altura.
  • Ajustar los elementos visuales:
    Reducir los tamaños de los textos y el tamaño de las imágenes para que tu sitio web móvil tenga un correcto funcionamiento y sea rápido al cargar no es lo único que necesitas. También es importante que utilices imágenes de menor resolución, videos más cortos y elementos visuales mucho más sencillos.
  • Navegación vertical:
    Siempre utiliza una misma dirección para el scrolling, pues si ya es bastante incómodo manejar un scrolling en doble dirección en una página web estándar, lo será mucho más en un sitio web móvil.
  • Olvídate del Flash o Javascript:
    No todos los dispositivos móviles son compatibles con Flash o Javascript, así que la recomendación es que toda tu información se encuentre en HTML / CSS para lograr la mejor funcionalidad de tu sitio web en los dispositivos móviles. Hay que primar la usabilidad y accesibilidad más si cabe que en un ordenador.
  • Decide correctamente los colores que usarás:
    En una web estándar los colores son de importancia para resaltar el contenido de tu información, pero recuerda que la pantalla de algunos dispositivos móviles puede ser de bajo contraste y eso hará que los colores y, por consiguiente, tu sitio web no se visualice tal como lo esperabas. Asegurate de que los textos y colores que utilizas son los adecuados y tengan un buen contraste.

Teniendo en cuenta que la tecnología WAP está en constante desarrollo y crecimiento, es inevitable que requiera de sitios web diseñados cumpliendo todos los requisitos básicos para complacer a la creciente cantidad de usuarios que día a día se hace más extensa.

Diseñar sitios web para dispositivos móviles exige un gran desafío y requiere un enfoque estratégico del diseñador web y el desarrollador.

La mayor ventaja del internet móvil es que puedes acceder a él desde cualquier lugar que te encuentres: desde el coche, el autobús, el supermercado, el campo de fútbol o los lugares menos pensados. Por esta razón estamos seguros que, en poco tiempo, aquel 1% de sitios web totalmente visibles en dispositivos móviles crecerá de tal manera, que llegará el momento en que la gran mayoría de accesos a internet será mediante estos dispositivos y entonces el porcentaje de sitios web móviles será incluso mayor al de sitios webs convencionales. Y este futuro no es lejano.

Publicado el 14/07/2011, última actualización 05/10/2013.

Licencia: Contenido exclusivo de LaWebera.es. Prohibida su copia

Autor: Verónica Milán

URL: LaWebera.es :: Diseño de Paginas Web

(Subir al texto)

Añadir Comentario

* Campos obligatorios

Meneame Bitacoras