Vés al contingut

Disseny web responsiu

De la Viquipèdia, l'enciclopèdia lliure

El disseny web responsiu (en anglès, responsive web design) és una tècnica especialitzada de creació i desenvolupament de llocs web que permet adaptar el format dels continguts del lloc a les característiques de qualsevol pantalla o dispositiu d'accés.[1]

Es tracta d'un enfocament del disseny web destinat a permetre que les pàgines web puguin ser vistes responent a la pantalla o navegador web amb què s'està veient, indiferentment de les seves característiques. És important entendre que les tasques de disseny web responsiu inclouen oferir el mateix suport a una varietat de dispositius per a un sol lloc web. Segons el que s'ha esmentat per Nielsen Norman Group: contingut, disseny i rendiment són necessaris en tots els dispositius per garantir la facilitat d'ús i la satisfacció.[2][3]

Essencialment, consistiria en la capacitat de poder utilitzar el mateix codi per a proporcionar una experiència a navegadors d'escriptori, tauletes i dispositius mòbils diferents.[4] Això, comportaria una aproximació al disseny de pàgines web en el qual un lloc està construït per oferir una experiència de visió ideal, de fàcil lectura i navegació amb un mínim de canvi de mida, desplaçament lateral i desplaçament a través d'una àmplia gamma de dispositiusː d'escriptori, portàtils, Tablet PC, intel·ligent mòbils i altres aparells.[5]

Terminologia

[modifica]

La denominació disseny web responsiu és un calc de l'anglès responsive web design, terme creat pel dissenyador i desenvolupador Ethan Marcotte en el llibre del mateix títol.[2][1]

Diferència amb el "disseny web adaptatiu"

[modifica]

En un àmbit d'especialitat, es distingeix entre el disseny web responsiu (que permet adaptar els continguts a qualsevol dispositiu o pantalla per mitjà de determinades solucions tècniques que parteixen d'una mateixa versió del codi) i el disseny web adaptatiu (en què els continguts s'adapten a uns dispositius o pantalles establerts gràcies a la detecció de les seves característiques concretes i a la selecció de la versió del codi del web adequat).[1] El disseny web responsiu és similar al disseny web adaptatiu, que també s'adapta a diferents mides de pantalla. La diferència es troba en què en el "disseny web adaptatiu" el contingut segueix una mida de disseny fix, mentre que en el "disseny web responsiu" el contingut es mou de forma dinàmica en el disseny de resposta. És a dir, el disseny web adaptatiu utilitza uns esquemes fixos i, a continuació, selecciona el millor disseny per a la grandària de la pantalla actual. En canvi, el disseny web responsiu utilitza un disseny únic, que canvia de mida segons la mida de la pantalla.[6]

Vegeu també

[modifica]

Referències

[modifica]
  1. 1,0 1,1 1,2 «Disseny web responsiu». TERMCAT, Centre de Terminologia. Generalitat de Catalunya [Consulta: 1r maig 2017].[Enllaç no actiu]
  2. 2,0 2,1 Marcotte, Ethan «Responsive Web Design». A List Apar, Núm. 306, 25-05-2010. ISSN: 1534-0295 [Consulta: 1r maig 2017].
  3. Schade, Amy. «Responsive Web Design (RWD) and User Experience». Nielsen Norman Group, 04-05-2014. [Consulta: 1r maig 2017].
  4. Bryant, Jay; Jones, Mike. Pro HTML5 performance. [Berkeley, Calif.]: Apress, 2012, p. 37-49. ISBN 978-1-4302-4525-4 [Consulta: 1r maig 2017]. 
  5. Natda, Kailashkumar V. «Responsive Web Design». An International Referred Journal of Business, Accounting, Information Technology & Law. Om Vindhyavasini College of Information Technology & Management, Vol. 1, Núm. 1, 2013. Arxivat de l'original el 20 d’abril 2017. ISSN: 2319-9954 [Consulta: 1r maig 2017]. Arxivat 20 April 2017[Date mismatch] a Wayback Machine.
  6. Soegaard, Mads. «Adaptive vs. Responsive Design». Interaction Design Foundation. [Consulta: 1r maig 2017].