Web pruebas Responsive Web Design gratuito

responsive design

El Responsive design (Responsive Web Design) en la actualidad no es solamente un asunto de moda. Se trata de hacer accesible el contenido de una web página sin tener en cuenta en que equipo (teléfono móvil, tableta, ordenador de mesa, ..,.) se abre la página seleccionada. Con el auge masivo de los equipos móviles, tales como son las tabletas, los teléfonos inteligentes, surge la pregunta de cómo visualizar a usuarios de estos equipos el contenido de la página de la forma tal que sea legible al máximo y minimizar la necesidad de aumentar y correr la pantalla. Ya en el año 2010 la venta de los teléfonos inteligentes y de las tabletas superó la venta mundial de los ordenadores y de las computadoras portátiles y en la actualidad esta relación va en aumento. De esto resulta que al pasar el tiempo hay más gente que visita las páginas de internet por medio de los teléfonos inteligentes o las tabletas y los dueños de las páginas no deberían olvidarse que al no diseñar las páginas directamente para los equipos móviles, serán al 99% de difícil orientación y el comerciante o el dueño de la página pueden perder muchos visitantes o también un gran porciento de los ingresos.

Qué es en sí el responsive design?

La definición sencilla: Responsive design - La adaptación del contenido de la página al tamaño del equipo móvil. La página estándar de internet está optimizada para los ordenadores comunes o para las computadoras portátiles. Pero si el visitante abre web o e-shop en una tableta o en un teléfono inteligente y las páginas no están optimizadas con ayuda de responsive design, de pronto las condiciones para navegar por la web no son ideales. La página completa como la conocemos del ordenador se reduce al formato de resolución de la pantalla del equipo mediante del que navegamos y funciona de una forma clásica. Pero eso no es la solución más ideal. Imagínese que la página con la resolución de 1024x768 que está destinada para los monitores de 17 pulgadas se reduce de pronto a la resolución de 480 x 320 con display de 3 pulgadas. Eso es una reducción de más de 11 veces de la página y todos los elementos (el texto, los pulsadores, las imágenes, las referencias) son chiquitos, ilegibles y en su diseño original concebidos sobre todo para los ordenadores de mesa utilizando un ratón, no los dedos humanos. El visitante está obligado aumentar todo de una forma complicada, correr y sobre todo con los dedos que están más anchos que el cursor por lo que no siempre se puede marcar correctamente lo que la persona desee. El responsive design está aquí para tomar en cuenta todos los requisitos ergonómicos de los equipos móviles. Debido a las limitaciones de espacio es conveniente introducir, seleccionar y ordenar correctamente los elementos que son realmente importantes. No ocurre el cambio de la página propiamente, ésta se queda como hasta ahora, pero se le añaden unas líneas a su buzón preparado para archivos externos donde se define el objeto y el modo de ajustar y visualizar definiendo la resolución.

Aquí le traemos un tester gratuito de sus páginas para diferentes equipos y para diferentes resoluciones tal como l ve el usuario de sus páginas en su equipo.

Muestra Responsive Web Design

240 x 320

Samsung S5360 Galaxy Y, Sony Ericsson C905, Nokia C2, LG E400 Optimus L3, HUAWEI G5510, BlackBerry 9320 Curve, MyPhone 6500, ...

320 x 480

IPhone 3+4, AMSUNG S5830 Galaxy Ace, Sony Xperia Tipo, HTC Desire C, Motorola XT320 Defy Mini, Huawei U8650 Sonic, LG E610 Optimus L5, ...

320 x 568

Iphone5

380 x 685

Android (Samsung Galaxy)

480 x 800

Nokia Lumia 800, HTC Desire X, Samsung i9100 Galaxy S II, HUAWEI Ascend G300, LG P700 Optimus L7, ...

600 x 1024

Marvell Armada Tablet

768 x 1024

Ipad
En el caso que tenga interés en modificar su página con ayuda de Responsive design le recomendamos la sociedad XXX que dispone de una amplia experiencia con este trabajo y le responderá con gusto a sus preguntas.
kontakt: webmaster (at) responsive-design.com

Responsive Web Design