activitat que consisteix en la planificació, disseny, implementació i manteniment de llocs web From Wikipedia, the free encyclopedia
El disseny web és una activitat que consisteix en la planificació, disseny i implementació de llocs web i pàgines web. No és simplement una aplicació del disseny convencional, ja que requereix tenir en compte qüestions tals com navegabilitat, interactivitat, usabilitat, arquitectura de la informació i la interacció de mitjans com l'àudio, text, imatge, enllaços i vídeo.
La unió d'un bon disseny amb una jerarquia ben elaborada de continguts augmenta l'eficiència del web com a canal de comunicació i intercanvi de dades, que dona possibilitats amb el contacte directe entre el productor i el consumidor de continguts, característica destacable del mitjà. El disseny web ha vist àmplia aplicació en els sectors comercials d'Internet especialment a la World Wide Web. Així mateix, sovint el web s'utilitza com a mitjà d'expressió plàstica en si. Artistes i creadors fan de les pàgines d'Internet un mitjà més per oferir produccions i utilitzar-les com un canal més de difusió de la seva obra.[1]
Tot i que el disseny web té una història força recent, es pot relacionar amb altres àmbits com el disseny gràfic, l'experiència d'usuari i l'art multimèdia, però és més precís considerar-lo des d'un punt de vista tecnològic. S'ha convertit en una part significativa de la vida quotidiana de les persones. És difícil imaginar Internet sense gràfics animats, diversos estils de tipografia, fons, vídeos i música. El web es va anunciar el 6 d'agost de 1991; al novembre de 1992, el CERN es va convertir en el primer lloc web que va començar a funcionar a la World Wide Web.[2][3][4]
El 1989, treballant al CERN, Tim Berners-Lee va proposar crear un projecte global d'hipertext, que més tard va ser conegut com la World Wide Web.[5][6] Entre 1991 i 1993 va néixer la World Wide Web. Les pàgines HTML de text es podien visualitzar amb un simple navegador de línia.[7] El 1993, Marc Andreessen i Eric Bina van crear el navegador Mosaic.[8][9][10] En aquell moment hi havia diversos navegadors, però la majoria d'ells estaven basats en Unix i, naturalment, estaven saturats de text. No hi havia un enfocament integral d'elements de disseny gràfic com ara imatges o sons. El navegador Mosaic va trencar aquest model. El W3C va ser creat a l'octubre de 1994 per "desencadenar tot el potencial de la World Wide Web mitjançant el desenvolupament de protocols comuns que en fomentin el desenvolupament i n'assegurin la interoperabilitat".[11] Això va dissuadir qualsevol empresa de monopolitzar un navegador propietari i un llenguatge de programació, cosa que hauria pogut canviar la influència de la World Wide Web en conjunt. El W3C continua establint estàndards que avui es poden veure a JavaScript i altres llenguatges.
Des de principis del segle XXI, la xarxa s'ha integrat cada cop més a la vida de les persones. A mesura que això passava, les tecnologies web també van evolucionar. També hi va haver canvis significatius en la manera com les persones utilitzen Internet i hi accedeixen, i això ha canviat el disseny dels llocs web.
El disseny de pàgines web tracta bàsicament de realitzar un document amb informació hiperenllaçat amb altres documents i assignar-li una presentació per diferents dispositius de sortida (una pantalla d'ordinador, en paper, en un telèfon mòbil, etc.). Aquests documents o pàgines web poden ser creades:
Pel disseny de pàgines web hem de tenir en compte tres etapes:
Un disseny web correcte implica conèixer com s'han d'utilitzar cadascun dels elements permesos en l'HTML, és a dir, s'ha de fer un ús correcte d'aquest llenguatge dins dels estàndards establerts per la W3C i en el que fa referència al web semàntic.[15] Degut a la permissibilitat d'alguns navegadors web com Internet Explorer, aquesta premissa original s'ha perdut.
El web semàntic, per altra part, promou un ús lògic dels elements segons el significat pel que van ser creades. Per exemple s'utilitzarà l'element "P" per marcar paràgrafs, i "TABLE" per tabular dades. Això ha suposat una autèntica revolució en el disseny web perquè aposta per separar totalment el contingut del document de la visualització. D'aquesta manera s'utilitza el document HTML únicament para contenir, organitzar i estructurar la informació i les fulles d'estil CSS per indicar com es mostrarà aquesta informació en els diferents mitjans. Per lògica, aquesta metodologia beneficia molt l'accessibilitat del document. També existeixen pàgines dinàmiques, les quals permeten interacció entre el web i el visitant, proporcionant-li eines tals com cercadors, xat, sistemes d'enquestes, etc. i disposen d'un Panell de Control d'administració de continguts.
El disseny web ha de seguir uns requeriments mínims d'accessibilitat web que fagi que els seus llocs web o aplicacions puguin ser visitats pel major nombre de persones. Per aconseguir aquests objectius d'accessibilitat s'han desenvolupat pautes com les del W3C: Pautes d'accessibilitat al contingut Web 1.0 WCAG.
El disseny web adaptatiu -Responsive Web Design- neix amb l'ús intensiu de tablets i mòbils com Iphone, Ipads o dispositius Android amb l'objectiu que el lloc web es mostri d'una forma o altra adaptant-se a la resolució de la pantalla. El seu ús no abasta únicament dispositius mòbils sinó que s'amplia a ordinadors de sobretaula que disposen de grans resolucions de pantalla.[16]
La usabilitat web (UX o user experience, en anglès) és el grau de facilitat d'ús que té una pàgina web per als usuaris que accedeixen i interactuen amb ella. Una de les missions principals del dissenyador web és fer que una pàgina web tingui un disseny web usable. Jakob Nielsen és considerat el pare de la usabilitat i, el 1999 va llançar al mercat el llibre Designing Web Usability: The Practice of Simplicity[17] on exposa els 10 principis que han de regir la usabilitat de qualsevol disseny web.[18] Aquests són:
Seamless Wikipedia browsing. On steroids.
Every time you click a link to Wikipedia, Wiktionary or Wikiquote in your browser's search results, it will show the modern Wikiwand interface.
Wikiwand extension is a five stars, simple, with minimum permission required to keep your browsing private, safe and transparent.