2.2. Tipus, característiques i usos
2.2.4. Responsivitat
Per responsivitat entenem la capacitat de la interfície d’adaptar-se a les característiques del dispositiu de l’usuari (per exemple, la grandària de la pantalla).
- El lloc web estàtic utilitza pàgines d’una grandària i disseny per a tots els dispositius i no està optimitzat. Significa que si s’accedeix des d’un mòbil, l’usuari haurà de fer zoom manualment per a poder llegir el text o les etiquetes, la qual cosa no és convenient. Encara que poden ser més ràpids pel que fa a la velocitat de càrrega de la pàgina web, fins i tot aquest factor no pot superar la incomoditat que senten les persones quan fan zoom a les pàgines de la pantalla per a llegir o accedir a enllaços. Per exemple, la pàgina següent sobre tipografies de Google: http://hellohappy.org/beautiful-web-type/.
- El lloc web fluid manté les mateixes proporcions de la pàgina, independentment del dispositiu que s’estigui usant. Significa que els elements de navegació i interacció ocupen la mateixa quantitat relativa d’espai, independentment de la grandària de la pantalla. Per exemple, la web de Nike (https://www.nike.com/es/).
- El lloc web responsiu presenta el nivell més alt d’adaptació. Està completament optimitzat per a diferents objectius, la qual cosa significa que es veurà diferent en cada tipus de dispositiu. Aquest enfocament requereix més temps i esforç en el seu desenvolupament, però fa que la navegació sigui molt més intuïtiva i sempre mostri els elements interactius correctament, sigui quina sigui la grandària i la configuració de la pantalla. Per exemple, la web de la plataforma de desenvolupament GitHub (https://github.com/).