Disseny - Accessibilitat (Juglar)

Juglar ens posa una llista de webs on podem trobar informació sobre Accessibilitat. Clica aquí.

Anieto2k ens explica 5 exemples en que el disseny pot millorar l'accessibilitat d'un lloc web

Doneu-li un cop d'ull en aquest enllaç. Clica aquí.

Disseny de pàgines web és disseny visual

1. En primer lloc el disseny de pàgines web és DISSENY.
2. I en segon lloc el format de sortida és el medi electrònic a través d'internet.

Analitzem la primera part. Disseny de pàgines web com a DISSENY. Ja us vaig comentar que una definició que vaig trobar que em semblava molt encertada era:

"El disseny és una construcció funcional destinada a solucionar un problema o optimitzar o millorar alguna funció o algun objecte."

El bon disseny és altament funcional. No s'ha de confondre disseny amb art. A vegades es parla d'objectes de "disseny" despectivament quan es tracta d'objectes inútils on prima la funció estètica. Bé, això té més d'art, i s'ha de valorar com a tal, que no pas de disseny. El bon disseny cerca el contrari, cerca ser molt útil. ( Amb ironia us puc dir que el got del Fòrum de les Cultures era un "bon disseny" ja que perseguia la funció de caure's per tal que el client demanés una altra refresc. Ara bé, queia molt fàcilment. Era molt inestable. Per cert que aquest got l'havies de pagar, el compraves, i si el tornaves et tornaven els diners).

Tipus de disseny

Hi ha molts tipus de disseny: el disseny industrial, el disseny d'interiors, el disseny gràfic, el disseny d'aplicacions multimèdia, l'arquitectura, enginyeries diverses, etc ... Les funcions que té cada tipus de disseny varien.

Comunicació Visual, funció principal del disseny gràfic i del disseny de pàgines web

En el cas del disseny de pàgines web i el disseny gràfic tenen en comú com a funciò principal: la comunicació visual. Això a la publicitat li va molt bé. El disseny gràfic, com a disciplina que des de sempre ha treballat intel·ligència visual aplicant les teories psicològiques de la percepció i els significats culturals i socials(que s'han anat sumant a través de l'evolució i desenvolupament de l'art), és una de les armes dels publicistes.

Classificacions, etiquetes, prejudicis,...

Hi ha qui ha considerat que el disseny de pàgines web és una subclasse de disseny gràfic. En realitat no és certa aquesta afirmació.

El disseny gràfic, que porta segles existint i desenvolupant-se, s'ha especialitzat molt en el món de les anomenades ARTS GRÀFIQUES, és a dir: tots aquells mètodes i tècniques de maquetació i d'impressió que desenvoquen en suport sòl·lid de paper. Un dels punts forts més importants del disseny gràfic ha estat el desenvolupament i aplicació de la comunicació visual.

El disseny de pàgines web va nèixer de forma independent des del moment en que Tim Berners Lee va inventar al CERN el llenguatge HTML(llenguatge d'instruccions que codifica les pàgines web per a que els navegadors les poguin representar) amb finalitats de compartir informació entre científics. Amb HTML al principi hi havia un mínim disseny que permetia estructurar una mica el text. Posteriorment es va veure que era insuficient des del punt de vista gràfic per comunicar. I van desenvolupar tota una sèrie de tecnologies per potenciar el missatge i integrar més grafisme a les pàgines web, podent col·locar mapes de bits(=imatges en formats jpg, gif,gifs animats, ....) i les opcions de format de text a partir de més etiquetes HTML i el posterior desenvolupament dels llenguatges d'estil CSS.

El disseny de pàgines web hereta del disseny gràfic la seva gran tradició i evolució editorial de segles i tota la teoria de comunicació visual i imatge.

Aquests noves possibilitats ja van permetre representar de forma similar el que s'havia estat fent en el món editorial de les arts gràfiques amb una tradició molt més antiga. És a dir que tot i que el mitjà i la plataforma era diferent els missatges visuals es representaven, s'ordenaven i estructuraven de forma similar. La tecnologia ara permetia fer quasi el mateix que s'havia estat fent durant segles en format editorial de paper. Tota la teoria del disseny gràfic i de la comunicació visual es podien aplicar ara al format de les pàgines web.

El disseny de pàgines web ha agafat en prèstec del disseny gràfic tradicional
els sistemes d'autoedició i la comunicació visual.

Les noves aportacions que el disseny de pàgines web aporta a la nova era del coneixement.

Al disseny de pàgines web hi ha aspectes que en disseny gràfic no s'hi troben:

• Hypertext: Els documents s'interconecten entre si.
• La interactivitat, que pot ser en costat client o en costat servidor, i permet a l'usuari interactuar amb programes. Hi ha una reacció estímul-resposta. L'estimulador és l'usuari i el que respon el programa.
• El moviment, que perceptualment crida més l'atenció. En els nostres "circuïts" i la nostra "programació animal" tenim la subrutina de veure els perills o les preses de menjar si es mouen. El moviment en les pàgines web el veiem sovint en els banners publicitaris. El moviment va arribar a les pàgines web quan van incorporar les tècnologies Streaming i l'animació programada(Flash) que van començar a permetre un millor aprofitament de l'ample de banda reduït.

Un bon dissenyador de pàgines web ha de controlar la suma de vàries coses:

• Autoedició digital
• Comunicació visual
• Animació
• Realtizació de vídeo i so(autoedició multimèdia)
• Maquetació
• Programació(aplicacions de costat client i costat servidor)

---

PREJUDICIS I IRREALITATS:

Hi ha hagut molt perjudicis des de sectors molt snobs d'agències de publicitat considerant al disseny web com un disseny menor i als dissenyadors de pàgines web com a intrusos. Els dissenyadors de pàgines web que provenen de la programació al mateix temps veuen als dissenyadors gràfics com a intrusos que només saben fer servir els programes d'autoedició. Jo crec que tots dos tenen les seves raons i cap dels dos. Tots dos són intrusos i no. És a dir que tenen en comú l'ús de l'autoedició digital i haurien de tenir el de la comunicació visual.

El problema és que molts "dissenyadors de pàgines web", sobretot els provinents de l'àmbit de la programció, són ignorants en l'àmbit de la comunicació visual. Es podria dir que són analfabets visuals en desconèixer la sintàxi visual. Al mateix temps molts "dissenyadors gràfics" que es posen a dissenyar pàgines web són ignorants en l'àmbit de la informàtica. Són analfabets funcionals en un grau mig. Jo a això li dic d'una altra manera. Ambdós són:

Dissenyadors incomplerts.

En qualsevol cas no em negareu que un dissenyador ha de conèixer el medi pel qual treballa i les seves limitacions. Un arquitecte ha de conèixer els materials i les tècniques de construcció, un dissenyador gràfic per paper ha de conèixer els formats i les tècniques d'impressió. Al mateix temps un dissenyador de pàgines web ha de conèixer molt bé com funciona el medi electrònic i internet.

De la mateixa manera que un dissenyador de pàgines web no es pot considerar un dissenyador gràfic si no coneix el món editorial, les tècniques d'impressió, les seves limitacions, el paper, etc... no es pot dir que un dissenyador gràfic que no conegui el medi electrònic i internet sigui un dissenyador de pàgines web.

---

DISSENY VISUAL / DISSENYADORS VISUALS

Sigui com sigui tant dissenyadors gràfics com dissenyadors de pàgines web han de ser bons comunicadors visuals per que aquesta és la seva funció principal. Si no és així, per molt que coneguin bé el seu medi sempre seràn dissenyadors incomplerts.

En les etiquetes i classificacions que moltes vegades necessitem posar per entendre les coses hauriem d'establir una etiqueta per englobar a aquests tipus de dissenyadors que fan servir la comunicació visual:

Jo proposo utilitzar el terme de Disseny Visual i el de Dissenyadors Visuals.

La funció determina la forma

Si volem embassar un litre d'aigüa haurem de fabricar una ampolla el suficientment gran. Si ha de mantenir fresc el contingut haurà de portar un aïllament tèrmic. Si ha de protegir-se de la llum per conservar millor el contingut haurà de ser opaca. Si ha de ser per consum humà haurà de garantir la no toxicitat i i mantenir les condicions higièniques adients.

Vam definir disseny com una construcció funcional destinada a solucionar un problema o optimitzar un procés. És una de tantes possibles definicions de disseny. Disseny implica planificació, anàlisi, ...

Fins ara heu estat desenvolupant recursos gràfics i de codi. Ara estem amb Dreamweaver i estem juntant ja totes les peces. Per anar preparant el projecte us explico fins el punt que es pot explicar, i ja sabeu que no m'agrada fer receptes, ja que no serveixen més que per uns pocs casos.

Lo primer que s'ha de fer és conèixer els continguts i la seva arquitectura tenint en compte categories, subcategories, relacions,etc.... O sigui que determinar els continguts, la informació i la seva categorització és lo primer.

Quan ja tenim resolt què és el que volem comunicar, transmetre, etc... hem de decidir com navegarà l'usuari per aquests continguts, és a dir: com canviarà d'una secció a una altra. Ajuda fer-se un "croquis" en forma d'arbre. Recordeu que les pàgines web són documents que s'articulen amb hipertext i/o amb hipermèdia.

Sabent com ha de navegar ja podem decidir quants nivells de navegació ha de tenir la interfície.

Després és la redacció, la obtenció d'imatges, sons, vídeos, animacions, etc... Per redactar per web us recomano els consells que dona l'uruguaiàDaniel Mordecki Pupko a la seva web que parla de com redactar para web.

El que queda és donar forma al projecte composant tots els elements anteriors amb una plataforma o suport. Aquesta plataforma és, en aquest cas, un document html o un document flash que s'incorpora en un document d'HTML. Aquest és el procés en que intervenen les decisions creatives, comunicacions, estètiques, d'usabilitat, etc...

DISSENY

Podeu trobar moltes possibles definicions de disseny.

Ja us vaig dir que a mí m'agrada definir el disseny de la següent manera:

Disseny és una construcció funcional destinada a solucionar un problema o optimitzar un procés.

Això denota que el disseny no és només embellir la apariència exterior de les coses.

Disseny podem tenir de diversos tipus: disseny industrial, disseny gràfic i publicitari, disseny de moda, disseny d'interiors, disseny. L'arquitectura i l'enginyeria també es poden considerar disseny.

---

Possible classificació del Disseny visual. Engloba les disciplines que cerquen solucionar o optimitzar problemes de comunicació visual. Aquestes disciplines són:

1. Disseny gràfic. Amb una tradició i una profunditat de almenys 500 anys (des de la impremta de Gütemberg), ha anat evolucionant i perfeccionant-se amb l'ajuda de nous mètodes de preimpressió i d'impressió i també gràcies als estudis de comunicació visual i la psicologia de la percepció. El sistema de colors és el CMYK.
2. Disseny web. Una evolució del disseny gràfic per paper però destinat al WWW per ser representat per pantalla. Del disseny gràfic no agafa ni el sistema de colors ni les tècniques d'impressió. La teoria de la comunicació visual sí que l'agafa i tots aquells elements formals i estructurals. El sistema de colors és el RGB, que és aditiu. I incorpora com a novetat: l'hypertext, la interactivitat en costat client i/o en costat servidor així com aplicacions i elements audiovisuals o multimèdia.
3. Disseny multimèdia. Similar al disseny web però executable també fora de l'entorn de les pàgines web com per exemple CDROMS. Incorpora hypertext, interactivitat i elements audiovisuals.
4. Altres.

---

Propòsits del disseny visual:

1. Facilitar el procés de comunicació visual, jerarquitzar la informació en una composició visual, facilitar la identificació(marques, estacions,...).
2. Usabilitat: Facilitar l'ús...

[Continuarà...]