Diseño responsivo
Un enfoque de diseño que garantiza que tu sitio web luzca genial y sea perfectamente utilizable en smartphones, tabletas y ordenadores. El contenido se adapta automáticamente al ancho de la pantalla. El texto permanece legible, los botones son interactivos y las imágenes se ajustan correctamente. El diseño responsivo es ahora un estándar y un factor crucial para la experiencia del usuario y la visibilidad, ya que los motores de búsqueda dan mucha importancia a la presentación en dispositivos móviles.
El diseño adaptable implica que el diseño se ajusta al ancho de la pantalla, en lugar de crear una versión independiente para cada dispositivo. Si bien esta práctica se ha utilizado durante años, a menudo se implementa de forma incorrecta: los diseños se siguen creando en una pantalla grande y luego se reducen de tamaño.
Por el contrario, es más sencillo. Quienes parten de una perspectiva más restrictiva deben decidir desde el principio qué es realmente importante. En la práctica, esto significa: áreas táctiles de al menos 44 x 44 píxeles, texto que comience en 16 píxeles para evitar que los iPhones hagan zoom automáticamente y puntos de interrupción ubicados donde el contenido lo requiera, no en función de las dimensiones de dispositivos específicos.
Volver al glosario