Share
Como desarrolladores web, casi todos los clientes con los que trabajamos esperan que su sitio tenga una versión móvil de su sitio web. Y con el número creciente de variaciones de tamaños y resoluciones de pantalla, será imposible o al menos impracticable crear un sitio web para cada dispositivo y resolución de pantalla que exista..
En esta publicación, comenzaremos con un nivel básico definiendo primero qué es el diseño web sensible, por qué es importante, y algunas consideraciones breves que se deben hacer al realizar una lluvia de ideas en un sitio web WordPress sensible..
Wikipedia define RWD como:
Enfoque de diseño web orientado a crear sitios para proporcionar una experiencia de visualización óptima: fácil lectura y navegación con un mínimo de cambio de tamaño, desplazamiento y desplazamiento en una amplia gama de dispositivos (desde teléfonos móviles a monitores de computadoras de escritorio).
El diseño web sensible implica la aplicación de consultas de medios CSS con una combinación de cuadrículas y diseños flexibles. Estoy seguro de que has oído hablar de frameworks CSS como Bootstrap, Foundation, etc. Todos utilizan consultas de medios con una combinación de diseños para representar una página según el tamaño de la pantalla, la plataforma y la orientación..
Por ejemplo, cuando usa Bootstrap, puede simplemente permitir que su proyecto responda insertando la siguiente línea de código en la etiqueta
En Bootstrap, las consultas de medios permiten un CSS personalizado basado en una serie de condiciones, anchos, tipo de pantalla, pero generalmente se enfoca ancho mínimo y anchura máxima a
Tenga cuidado con toda una serie práctica dedicada a la enseñanza sobre cómo crear un diseño web sensible utilizando este marco particular
Hasta ahora, en nuestra discusión, hemos identificado que una cosa importante acerca de un sitio web sensible es la capacidad del sitio para adaptarse a cualquier tamaño de pantalla u orientación cuando un usuario está viendo el sitio web. Aparte de eso, hay otras razones importantes por las que debe cambiarse a un sitio web receptivo
Hoy en día, un número significativo de personas tiene acceso a teléfonos móviles. Esto se traduce en un número de estas personas que acceden a Internet a través de teléfonos. Las estadísticas muestran que hoy en día casi el 20% de las búsquedas de Google provienen de teléfonos móviles. Esto debería decirle lo importante que es para los usuarios poder acceder a su sitio web e interactuar con él fácilmente..
Dado que el uso de Internet móvil supera las estadísticas de uso del escritorio, debemos asegurarnos de que los usuarios puedan identificarse con nuestros sitios web, independientemente de qué dispositivos estén usando, sin sentir que acceden a una versión diferente o limitada del sitio principal..
La tasa de conversión es un término que se usa principalmente en los sitios de comercio electrónico y se refiere al lugar en el que se convierte un visitante habitual en un cliente que paga. En un caso típico de una solución de comercio electrónico, piense en cuántas personas están comprando en sus teléfonos móviles.
Si un usuario web habitual se verá obligado a usar una versión de escritorio de su sitio para realizar un pago simple, es muy probable que decidan utilizar otros medios para comprar el mismo producto. Con un sitio de respuesta bien diseñado, los usuarios no deben notar la diferencia al realizar transacciones en su sitio, aparte del hecho de que están utilizando una pantalla más pequeña.
Un motor de búsqueda como Google aboga abiertamente por un diseño web sensible por varios motivos:
La ejecución de múltiples sitios para el mismo contenido puede ser costosa, necesita el doble de recursos para poder mantener los dos sitios. Tener un sitio web receptivo es mucho más fácil, ya que podrá dedicar todos los recursos y tiempo a dar a los usuarios lo que realmente esperan..
Hay una serie de consideraciones silenciosas que uno tiene que hacer antes de crear un diseño web sensible en WordPress. El hecho es que WordPress ahora se está utilizando para crear blogs, sitios y aplicaciones que probablemente necesiten una implementación receptiva..
En la próxima publicación, veremos una estrategia de implementación sobre cómo lograr esto en el desarrollo de WordPress. Específicamente, cubriremos
Mirar estos tres factores críticos requiere y un análisis en profundidad para mostrar por qué el diseño responsivo no se trata solo del diseño y de dónde viene exactamente WordPress en la ecuación..
En este artículo, presentamos brevemente el concepto de diseño web sensible, definimos qué es, por qué es importante y por qué debemos considerarlo en nuestros proyectos futuros..
Siéntase libre de dejar cualquier pregunta o comentario a continuación!
Accentsconagua