Tu cara hacia la audiencia

El sitio web es la cara de una empresa, que comunica sobre su calidad y servicios a los visitantes. Las personas solían ver su sitio web no solo desde la computadora, ya que Internet está disponible en todas partes con dispositivos sofisticados. Ahora usamos varios tipos de dispositivos de internet como tabletas habilitadas para 3G y 4G, laptops equipadas con dongles y smartphones móviles M2M. Cada uno de estos dispositivos también tiene diferentes tipos de tamaños de pantalla pequeños. Algunos también prefieren ver internet a través de pantallas grandes, ya que ahora hay monitores LCD y LED económicos disponibles en el mercado. Un informe de Cisco dice que el tráfico de datos móviles supera los 10 Exabytes en 2017 y que el número de teléfonos será mayor que el número de humanos en 2013. Este informe muestra cuán importante es considerar el diseño en los dispositivos más pequeños también.

El Factor de Resolución

No se puede decir que el visitante utiliza la misma resolución que la de su sistema. La página web que se adapta bien a la resolución estándar más baja, que es de 544 píxeles de ancho, también se adapta a otras resoluciones. Hace 10 años, 1024 × 768 era la resolución de pantalla más común. Muchos sitios web fueron rediseñados a este formato desde formatos de 800 × 600. Pero los usuarios de CAD, artistas gráficos y jugadores de videojuegos utilizan sus computadoras a una resolución de 1600 × 1200. Esta resolución se denomina UXGA. Sabemos que la computadora tiene resoluciones más altas que los televisores; consulte las resoluciones más utilizadas a continuación.

Qué debe verificar un diseñador web

El diseñador web necesita asegurarse de que todas las pantallas muestren su sitio web con los alineamientos correctos. Después de crear el sitio web, debe verificar la apariencia y la sensación del sitio en todas las pantallas. Por lo tanto, es importante tener en cuenta que el sitio web se ve diferente en diferentes computadoras y dispositivos, mientras diseña el sitio web. Una vez que termines tu sitio web y esté alojado, si la página web no se ajusta a la pantalla del dispositivo, el navegador agrega un desplazamiento horizontal. De manera similar, también aparece el desplazamiento vertical si no se ajusta a la longitud vertical. Es muy difícil hacer que todo el sitio web esté dentro de la longitud vertical, pero seguramente puedes diseñar la longitud horizontal.

 Consejos sobre Gráficos y Tablas

Los gráficos y las tablas tienen un ancho fijo.

Controla el ancho de manera que la longitud combinada sea menor de 750 píxeles.

Evita especificar el ancho mínimo.

Deje que el navegador ajuste el ancho de la tabla para acomodar el texto y los gráficos que vienen dentro de la celda.

Visualización completa

Especifica un ancho de tabla del 100%; si necesitas que la tabla esté completamente llena con el ancho.

Herramientas en línea para probar tu sitio web

Estas herramientas te permiten ver cómo aparece tu sitio web en diferentes pantallas. Puedes ver tu sitio web en diferentes resoluciones y hacer los cambios de diseño apropiados.

Responsive Design Checker.com

Browser Shots.org

Wave. Webaim. org / report

Quirk Tools. com / screenfly /