Contacte

Contact Information

c. del Pont, 69 baixos 2a 08560 Manlleu (Barcelona)
Tel. 93 851 54 68
659 35 44 47
info@badabadoc.cat
See on the map

Follow us

Contacte
Contacte

Contact Information

c. del Pont, 69 baixos 2a 08560 Manlleu (Barcelona)
Tel. 93 851 54 68
659 35 44 47
info@badabadoc.cat
See on the map

Follow us

Contacte

El concepte de Responsive Web Design o disseny web adaptable

02/08/2012 badabadoc.cat
No hi ha comentaris

Un ordinador de sobretaula, un mòbil, una Tablet, la pantalla del televisor,… els dispositius amb els quals podem accedir a pàgines web són infinits -i les mides de pantalla canvien segons el mitjà i model- i això requereix que les nostres pàgines sigui visibles i permetin una correcta navegació en qualsevol d’ells. D’aquí neix la idea de Responsive Web Design (RWD) o disseny web adaptable que parteix de la base que el disseny web ha de centrar-se en l’usuari.

L’RWD és un conjunt de tècniques que permeten que la nostra pàgina web s’adapti al mitjà a través del que accedeix un usuari. A tall d’exemple, es pot adaptar l’amplada de la pantalla, podem millorar l’accés a formularis, els botons,… segons el dispositiu de navegació utilitzat. Alguns aspecte a tenir en compte:
  • Crear un disseny fluït; hem d’abandonar l’amplada fixa, treballar amb tipografies bàsiques,…
  • Incorporar ela Media Queries; codis que inspeccionen les característiques físiques del mitjà on es mostra la nostra web i l’adapta segons les indicacions donades (és recomanable optimitzar l’amplada de la pantalla a 320px, 480px, 600px, 768px, 900px i 1200px).
  • Utilitzar imatges adaptables (responsive images); preveure diferents versions de la imatge que s’utilitzarà segons el tamany de pantalla on es visualitzar el site.
  • Utilitzar Javascript no invasiu.
No obstant, l’RWD no es l’única opció per assegurar que el nostre site es veu correctament a tots els dispositius. Tenim l’opció de crear una versió web expressa per a smartphones i dispositius mòbils. I és que moltes vegades, els usuaris de dispositius mòbils no naveguen de la mateixa manera des d’un ordinador de taula o portàtil que des d’un Smartphone, Tablet… no cerquen la mateixa informació. Per tant, no es tracta d’oferir la mateixa informació en tots els dispositius -a una mida diferent- sinó que hem de seleccionar allò que els interessa i proporcionar-los una experiència de navegació diferent segons el dispositiu d’accés.

Categories

Últimes publicacions

Instagram