Annex treball de recerca

26
Annex 1. La Web i el seu Disseny Mireia Martínez 1.1 1.- ENTREVISTA Entrevista realitzada a un dissenyador gràfic de Barcelona. Actualment està treballant per diferents empreses catalanes i dintre del seu currículum ha creat diverses webs, dues de les quals son: www.caradap.com i http://personales.ya.com/okmolinspetits/ . El senyor Tomàs Rubió, llicenciat en Informàtica i amb estudis de Disseny Gràfic ha respòs a les següents preguntes. 1.- Quins programes usualment utilitzes per a la creació de pàgines web? Quasi tothom que treballa en aquesta professió treballa amb el programa més utilitzat per excel·lència que és el Dreamweaver. En el meu cas sempre estic entre dos programes un dels quals és el Dreamweaver i l’altre, encara que no és gaire conegut m’és molt útil. Es diu Expressión estudio. Ambdós programes em proporcionen el material necessari per crear la bastida de la pàgina que vull crear. 2.- Per a tu, quin és l’aspecte o qualitat més important d’una web? Personalment, encara que altre gent li dóna més importància als temes estètics, els quals no menyspreo ja que també em sembla força interessant la manera en què el visitant pot captar pel seu camp visual l’aspecte de la web, trobo que un dels aspectes on hem de començar a fixar-nos és en la seva seguretat. Actualment hi ha molts programes que introdueixen virus, hackers, etc. És molt important tenir ben protegida la web, creant un blindatge a partir d’uns codis determinats. 3.- Com s’ha d’organitzar la informació dins de la pàgina? Coneixes algun mètode en especial? Principalment s’ha de fer amb algun menú de navegació que es trobi en la mateixa pàgina principal o índex. Per altra banda l’organització de la informació en una web pot ser ben variada. Desde pàgines on es vagi col·locant segons l’ordre d’importància, com d’altres que parteixen d’un punt comú a tots els enllaços i començen a desenvolupar cada apartat, creant així una espècie de mapa entrellaçat que a vegades és difícil d’entendre. Tot i així sempre s’ha de procurar que l’usuari trobi fàcilment i sense gaire complicacions el que és del seu interès.

description

annex treball de recerca

Transcript of Annex treball de recerca

Page 1: Annex treball de recerca

Annex 1. La Web i el seu Disseny Mireia Martínez

1.1

1.- ENTREVISTA Entrevista realitzada a un dissenyador gràfic de Barcelona. Actualment està treballant

per diferents empreses catalanes i dintre del seu currículum ha creat diverses webs,

dues de les quals son: www.caradap.com i http://personales.ya.com/okmolinspetits/.

El senyor Tomàs Rubió, llicenciat en Informàtica i amb estudis de Disseny Gràfic ha

respòs a les següents preguntes.

1.- Quins programes usualment utilitzes per a la creació de pàgines web?

Quasi tothom que treballa en aquesta professió treballa amb el programa més

utilitzat per excel·lència que és el Dreamweaver. En el meu cas sempre estic entre dos

programes un dels quals és el Dreamweaver i l’altre, encara que no és gaire conegut

m’és molt útil. Es diu Expressión estudio. Ambdós programes em proporcionen el

material necessari per crear la bastida de la pàgina que vull crear.

2.- Per a tu, quin és l’aspecte o qualitat més important d’una web?

Personalment, encara que altre gent li dóna més importància als temes

estètics, els quals no menyspreo ja que també em sembla força interessant la manera

en què el visitant pot captar pel seu camp visual l’aspecte de la web, trobo que un dels

aspectes on hem de començar a fixar-nos és en la seva seguretat. Actualment hi ha

molts programes que introdueixen virus, hackers, etc. És molt important tenir ben

protegida la web, creant un blindatge a partir d’uns codis determinats.

3.- Com s’ha d’organitzar la informació dins de la pàgina? Coneixes algun mètode en

especial?

Principalment s’ha de fer amb algun menú de navegació que es trobi en la

mateixa pàgina principal o índex. Per altra banda l’organització de la informació en una

web pot ser ben variada. Desde pàgines on es vagi col·locant segons l’ordre

d’importància, com d’altres que parteixen d’un punt comú a tots els enllaços i

començen a desenvolupar cada apartat, creant així una espècie de mapa entrellaçat

que a vegades és difícil d’entendre. Tot i així sempre s’ha de procurar que l’usuari trobi

fàcilment i sense gaire complicacions el que és del seu interès.

Page 2: Annex treball de recerca

Annex 1. La Web i el seu Disseny Mireia Martínez

1.2

4.- En la teva professió, i en el teu cas particular, tens molta llibertat alhora de

dissenyar els teus propis projectes?

En el meu cas particular tinc bastant llibertat. És obvi que sempre et marquen

una sèrie de premisses i t’orienten una mica sobre com la volen. Però en realitat, tot el

que és l’estètica, i la distribució dels elements, colors, etc, ve directament del meu

propi projecte que abans de realitzar-lo m’he preparat.

5.- Quines noves innovacions han aparegut actualment en el camp del Disseny

Gràfic?

Bé, cada dia van apareixent noves tecnologies, nous programes i en general tot

el camp de la informàtica està actualment en un continu desenvolupament. Quasi

sempre totes les innovacions vénen d’Amèrica, i clar, és evident que es necessari tenir

un bon domini de l’Anglès. Tot i així personalment he de destacar el nou cyberlight,

una Plataforma Dinàmica de Microsoft.

6.- Creus que és important un lleuger temps d’espera en una web respecte als

usuaris?

Evidentment. Un usuari si es veu obligat a perdre el seu temps esperant que es

carregi una web, ràpidament buscarà una altra que li aporti la mateixa informació o

més que l’altre i que solucioni els seus interessos. Per que no passi això s’ha de

controlar els formats de les imatges, vídeos, animacions, àudio, etc. Hi ha formats que

són especialment pesats i que carreguen amb ells un gran temps d’espera. Per contra

n’hi ha que s’usen exclusivament per a crear pàgines web.

7.- Quin tipus de llenguatge web és el més utilitzat i alhora el més adequat?

Està clar que n’hi ha bastants per escollir. Cada persona se sentirà més còmode

amb un o altre i conseqüentment l’ utilitzarà en la majoria dels casos. Tot i així un bon

dissenyador de webs ha de posseir almenys uns certs coneixements sobre el

llenguatge HTML. Personalment m’agrada bastant el ASP. És una tecnologia que està

estretament relacionada amb el model tecnològic del seu fabricant. Intenta ser una

Page 3: Annex treball de recerca

Annex 1. La Web i el seu Disseny Mireia Martínez

1.3

solució per a un model de programació ràpida ja que programar en ASP és com

programar en Visual Basic, per suposat, però amb moltes més limitacions.

8.- Actualment està de moda aportar una gran interactivitat en la web, entre l’usuari

i la pantalla. Que n’opines de tots aquests elements que fan possible aquest fet?

Penso que és un aspecte que ha evolucionat molt des de els seus inicis. Abans

el visitant actuava com un simple personatge que buscava informació. Avui en dia

l’usuari ja no es comporta com un simple espectador, ara per ara totes aquestes

innovacions ens permeten interactuar amb la pantalla, ja sigui amb música, vídeo,

animacions, o fins i tot arxius amb Flash.

9.- Quina importància li donaries al color i la il·luminació d’una web?

El primer que captes quan arribes a una web és la seva estètica. És important per això

que el color sigui l’adequat, contrastos,il·luminació, fusions de colors, etc. Tot ha de

tenir una certa harmonia perquè sigui agradable per al usuari. Aquest és un aspecte

bastant ampli ja que cada persona té els seus gustos i ho jutja des del seu punt de

vista.

10.- Actualment està de moda dominar el major número de llengües possibles

respecte el terreny professional. És aquesta una professió on sigui necessari el

domini de llengües estrangeres?

De fet, crec que no està de més dominar el major número de llengües

possibles. A causa de l’actual globalització, és important tenir un molt bon domini de

l’Anglès, que és l’ idioma internacional. I si tens l’opció d’aprendre la llengua dels

països emergents, sempre tindràs més bons contactes dintre de les operacions

comercials, i almenys, ja tindràs un avantatge més, per sobre dels teus competidors en

el camp professional.

Page 4: Annex treball de recerca

Annex 1. La Web i el seu Disseny Mireia Martínez

1.4

2.- EXEMPLES PÀGINES WEB ÍNDEX

2.1 Pàgines Índex Dinàmiques.

http://www.sqcircle.com/

Page 5: Annex treball de recerca

Annex 1. La Web i el seu Disseny Mireia Martínez

1.5

http://www.agencynet.com/

Page 6: Annex treball de recerca

Annex 1. La Web i el seu Disseny Mireia Martínez

1.6

www.spunkunited.com

Els elements de la pàgina van

apareixent segons una animació, és a

dir, seguint un ordre: primer el fons després les imatges,.., i per

últim el text.

Page 7: Annex treball de recerca

Annex 1. La Web i el seu Disseny Mireia Martínez

1.7

www.bestiario.org/research/videosphere/

Page 8: Annex treball de recerca

Annex 1. La Web i el seu Disseny Mireia Martínez

1.8

http://moebio.com/esfera/esfera.htm

Page 9: Annex treball de recerca

Annex 1. La Web i el seu Disseny Mireia Martínez

1.9

http://www.stefine.com/home.htm

Page 10: Annex treball de recerca

Annex 1. La Web i el seu Disseny Mireia Martínez

1.10

http://pfw-online.de/previewframe.php

Page 11: Annex treball de recerca

Annex 1. La Web i el seu Disseny Mireia Martínez

1.11

2.2 Pàgines Índex amb petits recuadres

http://www.michaelduerr.com/portraits.html

http://www.bodytag.org/

Page 12: Annex treball de recerca

Annex 1. La Web i el seu Disseny Mireia Martínez

1.12

www.egocrew.com

http://www.studiobrutus.com/

Page 13: Annex treball de recerca

Annex 1. La Web i el seu Disseny Mireia Martínez

1.13

http://gedichten.webpunt.nl/

http://www.sabiresusuz.com/index2.html

Page 14: Annex treball de recerca

Annex 1. La Web i el seu Disseny Mireia Martínez

1.14

2.3 Pàgines Índex Menú.

http://www.anne-sophie-mutter.com/me_index.php

www.myguide.pt

Page 15: Annex treball de recerca

Annex 1. La Web i el seu Disseny Mireia Martínez

1.15

http://www.a-mac.nl/amac/

www.elbulli.es

Page 16: Annex treball de recerca

Annex 1. La Web i el seu Disseny Mireia Martínez

1.16

2.4 Pàgines Índex al centre de la pantalla

http://www.lobo.cx/

http://www.usemedia.com/

Page 17: Annex treball de recerca

Annex 1. La Web i el seu Disseny Mireia Martínez

1.17

http://www.induplus.eu/#/collection/

http://www.poggiomolina.it/en.html

Page 18: Annex treball de recerca

Annex 1. La Web i el seu Disseny Mireia Martínez

1.18

http://www.kanszei.com/

http://www.albergo-laposta.it/

Page 19: Annex treball de recerca

Annex 1. La Web i el seu Disseny Mireia Martínez

1.19

http://www.lomolover.com/lomolover2.htm

www.insercoes.org

Page 20: Annex treball de recerca

Annex 1. La Web i el seu Disseny Mireia Martínez

1.20

http://www.pixelstudio.info/indexflash.html

http://www.ilove2design.com/main.html

Page 21: Annex treball de recerca

Annex 1. La Web i el seu Disseny Mireia Martínez

1.21

3.- EXPLICACIONS D’ EXEMPLES DE PÀGINES WEB

3.2 Explicació 1 Videosphere www.bestiario.org/research/videosphere/

Page 22: Annex treball de recerca

Annex 1. La Web i el seu Disseny Mireia Martínez

1.22

Explicació.

Bestiario és un dels estudis líders en temes de visualització de dades. Desde fa tres anys

utilitza diversos models de negoci que s’acaben deriven sempre en un mateix punt

concret: la relació entre dogma i producte. Alhora, és una petita companyia basada en

Barcelona I Lisboa, la qual es va fundar tres anys enrere. Es dedica principalment a la representació

dinàmica de dades i a la creació d’espais digitals per la creació col·lectiva de coneixement i ell seu

eslògan es fer lo complex, comprensible.

Un dels seus projectes més destacats és la Videosphere. Tracta d’una

conversació entre art, ciència, tecnologia i la societat.

Tal i com veiem en les imatges superiors sempre ens podem trobar amb

pagines webs que se surtin del prototip bàsic més utilitzat. Ja no utilitzen una

estructura bàsica lineal i senzilla amb una organització de la informació disposada

sequencialment a través dels enllaços. En aquest cas trobem un disseny més novedós,

desconegut i més interessant i elegant.

Aquesta pàgina principal està disposada circularment i té forma d’esfera. Com

veiem, dins d’ella hi trobem una gran quantitat de vídeos diferents, als quals per

accedir nomes tenim que apropar-nos-hi i clicar al play.

Independentment de l’esfera, també trobem un petit menú que ens permet

escollir les opcions que més ens interessin. Des del fet de mirar l’esfera des de dins o

des de fora, la visibilitat de les relacions entre vídeos (les línees que els uneixen),

pantalla completa, o fins i tot una organització per continguts de les diferents

reproduccions.

Aquí ja no trobem enllaços que ens portin a una altra pàgina ni res per l’estil. En

la videosphere sempre et trobes en la mateixa pàgina, però a partir d’uns petits

enllaços t’hi vas movent dintre de ella. Normalment són fletxes que apareixen

automàticament quant et vols desplaçar, les cliques i et porten a altres llocs de

l’esfera. A partir d’aquest moviment pots veure tota la superfície circular d’aquesta i el

centenar de vídeos que hi conté.

Page 23: Annex treball de recerca

Annex 1. La Web i el seu Disseny Mireia Martínez

1.23

3.1 Explicació 2 El Corte inglés: www.elcorteingles.es

Page 24: Annex treball de recerca

Annex 1. La Web i el seu Disseny Mireia Martínez

1.24

Explicació

El corteingles. Centre comercial on podem trobar qualsevol de les nostres necessitats,

desde l’alimentació bàsica fins a un viatge per a les vacances. És una entitat coneguda,

i famosa arreu de l’estat, i és per això que no podria faltar una pàgina web.

En aquest cas la web del Corte ingles està adreçada als consumidors, que ja

vulguin consultar la disponibilitat d’un producte, fer la compra via Internet o

simplement entretenir-se amb el catàleg.

Com ja sabem el centre comercial ofereix una gran diversitat de productes i és

per això que aquesta pàgina especialment es molt complexa i ha d’estar molt ben

organitzada per no perdre a l’usuari en un mar d’enllaços interminable. Com veiem en

les fotografies, la web compleix les expectatives. Un element essencial i molt útil en

aquest tipus de pàgines és un gran menú organitzat per seccions. En aquest cas es

troba en el lateral, ordenant els productes per diferents seccions. També és molt

important el fet de tenir sempre present un enllaç cap a la pàgina principal. Això ajuda

al visitant a no sentir-se perdut, i saber que sempre pot tornar al lloc des d’on ha

vingut.

La pàgina principal o portada és atractiva, amb anuncis i publicitats constants

per tal d’atreure als visitants a realitzar algunes compres. Sempre s’anuncien les noves

ofertes, els nous productes, les noves col·leccions, etc. I finalment, com en quasi totes

les pàgines webs d’entitats, institucions, empreses, s’ha de distingir clarament un

logotip, una imatge pròpia d’aquella web.

Pel que fa a l’estructura dels enllaços, aquesta es basa en la jerarquia.

Comencem des de una pàgina amb múltiples opcions a triar, diverses seccions amb

centenars de productes en elles, i després anem definint més i més fins que arribem a

la pàgina on trobem la informació detallada del producte que ens interessa.

I finalment, respecte a l’estètica, aquesta és bastant semblant a altres pàgines

que hem vist. Fons blanc, i en aquest cas tons verds (colors propis del corteingles) per

als títols, textos, menús, etc. Una estètica senzilla, correcte i sense cap tipus de

dificultat per a la visió del ésser humà.

Page 25: Annex treball de recerca

Annex 1. La Web i el seu Disseny Mireia Martínez

1.25

3.3 Explicació 3 Museu Nacional del Prado www.museodelprado.es

El museu del Prado, és un museu conegut internacionalment ja que recull una

gran varietat d’Art Contemporani d’arreu del món. Es situa a Madrid i com qualsevol

casa d’art no li falta una bona pàgina web.

Com veiem en la imatge superior, la pàgina principal o portada està adreçada a

diferents usuaris de diferents nacionalitats ja que ens mostra una gran varietat

d’idiomes. Aquest detall només és comú als llocs d’interès bastant coneguts i que

tinguin un públic de tot tipus. A més a més aquesta home prèvia ja ens fa tres cèntims

del que podrem trobar al seu interior. El fet de començar amb una imatge cultural, un

quadre sembla ser, ja ens indica que la pàgina en sí tractarà sobre un tema cultural i

artístic.

Amb un sol clic de ratolí arribarem a la anomenada pàgina índex, la pàgina

desde la qual podrem accedir a tots els continguts del nostre interès. Menú a

l’esquerra, notícies actuals per atreure als usuaris a la part dreta superior, en aquest

cas es tracta de noves col·leccions artístiques, i imatges per a orientar al visitant. Una

estructura comú i bastant utilitzada, senzilla i eficient. Ens permet tenir les idees clares

i trobar fàcilment la informació que busquem. Un cop ens endinsem en un sol apartat,

Page 26: Annex treball de recerca

Annex 1. La Web i el seu Disseny Mireia Martínez

1.26

l’estructura es va minimitzant i és cada cop més senzilla. Alhora apareix un altre menú

subordinat que probablement ens portarà a informació més detallada.

Per altra banda aquesta pàgina web és molt complexa. Podem observar que no només

té imatges i informació, sinó que també té activitats interactives, enllaços cap a altres

empreses i un propi buscador.