En los comienzos, uno podÃa simplemente desarrollar su sitio web para PCs de escritorio y laptops. Luego llegaron los smartphones, que cambiaron todo y hubo que adaptar nuestro sitio mediante una versión mobile para caber en sus diminutas pantallas. Y ahora, con el éxito de las tablets, nos vemos obligados a actualizarnos nuevamente.
International Data Corporation predice que para 2015 la mayorÃa de los usuarios de internet de Estados Unidos accederán a la red a través de dispositivos móviles y tablets más que a través de PCs. Como sabemos, el año 2015 está a la vuelta de la esquina. ¿Cuántas veces has intentado visitar un sitio web desde un dispositivo portatil para terminar frustrado ante una navegación tosca? ¿Qué tan seguido regresas a ese sitio? Con eso en mente, piensa lo que sentirán tus visitantes cuando visiten el tuyo y no esté preparado para tablets. Es necesario que te actualices lo antes posible.
Repasemos algunos qué hacer y qué NO hacer a la hora de hacer una versión para tablets:
- No incluyas Flash, si quieres que tu sitio funcione en un iPad.
- No coloques muchas zonas cliqueables muy cerca unas de otras. Asegúrate que la navegación sea fácil y la interacción no presente complicaciones.
- No coloques demasiada carga de videos, animaciones o galerÃas de fotos. Esto puede ocasionar problemas de carga y dificultades al navegar.
- Ingresa a tu propio sitio desde una tablet y toma nota de lo que funciona y lo que, por el contrario, debes mejorar.
- Añade más información y contenido “para el camino”. Piensa que la ventaja de las tablets es que uno las puede llevar consigo. Considera añadir enlaces a Google Maps, tu información de contacto, etc.
- Asegúrate de que las fuentes que utilizas en tu sitio sean legibles en una tablet. Sobre todo, que sean claras, porque la luminosidad es un problema en los dispositivos móviles.
- Aprender HTML5 puede ser una gran técnica para desarrollar tu sitio web listo para tablets. Todos los dispositivos modernos con un navegador web tienen o tendrán gran soporte para esta tecnologÃa, y sus ventajas, como sus distintas opciones de video, geolocalización, aplicaciones offline, almacenamiento local y estilo CSS3.
Eso es todo ¡Esperamos que haya sido de utilidad!
Fuente original del artÃculo: 1st Web Designer
Traducción realizada por elWebmaster.com
Sábado, 7 de Abril de 2012 a las 10.12
Gracias por ponernos siempre al tanto de los cambios constantes que existen.
Sigan adelante chicos.
Sábado, 7 de Abril de 2012 a las 11.08
los especialistas siempre tienen un comienzo modesto la practica hace al profesional
Sábado, 14 de Abril de 2012 a las 18.24
Excelente informacion, gracias por compartir. Saludos
Domingo, 15 de Abril de 2012 a las 08.47
Lo mejor: un diseño web adaptativo.
Mas información aquÃ:
http://sagie.es/diseno-web-adaptativo-responsive-web-design/
Lunes, 9 de Julio de 2012 a las 13.50
entonces asi
Lunes, 9 de Julio de 2012 a las 13.50
se podria hacer de otra forma?
Lunes, 9 de Julio de 2012 a las 13.50
yo no se