Configuració de privacitat
Un ordenador de sobremesa, un móvil, un Tablet, la pantalla del
televisor,… los dispositivos con los que podemos accedir a pàgines web son
infinitos -y los tamaños de pantalla cambian según el
medio o modelo– y esto requiere que nuestras páginas sean visibles
y permitan un correcta navegación en todos ellos. De aquí nace la idea de
Responsive Web Design (RWD) o diseño web adaptable que se sustenta sobre la
premisa de que el diseño web se debe centrar en el usuario.
El RWD son un conjunto de de técnicas que permiten que nuestra página web se adapte al
medio a través del que accede un usuario. A modo de ejemplo, se puede
adaptar el ancho de pantalla, podemos mejorar el acceso a formularios,
botones,… según el dispositivo de navegación usado. Algunos aspectos a tener en
cuenta:
. Crear un diseño fluido; debemos abandonar los anchos fijos, trabajar con tipografías
básicas?
. Incorporar los Media Queries; códigos que
inspeccionan las características físicas del medio en el que se muestra nuestra
web y lo adaptan según nuestras indicaciones (es recomendable optimizar anchos
de pantalla para 320px, 480px, 600px, 768px, 900px y 1200px).
. Usar imágenes adaptables (responsive
images); prever distintas versiones de la imagen que se usará según el tamaño
de pantalla en el que se visualiza el site.
. Usar Javascript no
invasivo.
No obstante, el RWD no es la única opción
para asegurarnos que nuestro site se
ve correctamente en todos los dispositivos. Tenemos la opción de crear una
versión web expresa para smartphones y
dispositivos móviles. Y es que muchas veces, los usuarios de dispositivos
móviles no navegan de la misma forma en un ordenador de mesa o portátil que en
un Smartphone, Tablet… no buscan la misma información. Entonces, no se trata de
servir la misma información en todos los dispositivos -a un tamaño diferente-
sino que debemos seleccionar aquello que les interesa y proporcionarles una
experiencia de navegación distinta según el dispositivo de acceso.