1
DIVISIOacuteN DE CIENCIAS Y ARTES PARA EL DISENtildeO Especializacioacuten Maestriacutea y Doctorado en Disentildeo
VALORIZACIOacuteN DE LOS
ELEMENTOS GRAacuteFICOS EN EQUILIBRIO CON LA FUNCIONALIDAD
EN EL DISENtildeO WEB
Beatriz Irene Mejiacutea Modesto
Tesis para optar por el grado de Maestriacutea en Disentildeo Liacutenea de Investigacioacuten Nuevas Tecnologiacuteas
Miembros del Jurado
Mtro Mauricio Guerrero Alarcoacuten Director de Tesis
Dra Silvia Gonzaacutelez Brambila
Dr Heacutector Schwabe Mayagoitia Mtra Marcela E Buitroacuten de la Torre
Mtro Rodrigo Ramiacuterez Ramiacuterez
Meacutexico DF
Diciembre de 2010
2
Manifiesto mi profundo
agradecimiento a todas y
cada una de las personas
que de una u otra manera
con sus sugerencias
recomendaciones
indicaciones reflexiones
tiempo entusiasmo
buenos deseos paciencia o
espera han ayudado a
hacer posible la
realizacioacuten de este trabajo
3
Sinopsis
Este documento explora las condicionantes de tipo formal y de utilidad en el disentildeo de sitios web
Para el desarrollo de este anaacutelisis se inicia revisando el concepto de disentildeo y especiacuteficamente el
del disentildeo graacutefico y la tarea del disentildeador Se abunda sobre la manera en que acontece la
integracioacuten del disentildeador graacutefico en el contexto del disentildeo de sitios web Adicionalmente se
presenta un esbozo histoacuterico que hace evidente la disyuntiva entre el componente utilitario y el
esteacutetico en el disentildeo a traveacutes de distintas eacutepocas Asimismo se ofrece una perspectiva de la
situacioacuten actual que resalta la falsa disyuntiva forma o funcioacuten en el disentildeo y concretamente en
el disentildeo de sitios web
Se examinan algunos factores estrechamente relacionados con el disentildeo de sitios web por
ejemplo la interactividad la navegacioacuten la usabilidad Se han revisado los atributos que se
considera deben corresponder a un adecuado disentildeo web y las pautas actuales de evaluacioacuten
Mediante el anaacutelisis que se hace de la aplicacioacuten de un cuestionario y la utilizacioacuten de una matriz
de relaciones se hace expliacutecita la percepcioacuten que tienen los creadores respecto a la disyuntiva
forma o funcioacuten Esta matriz permite una comparacioacuten entre el planteamiento conceptual y las
opiniones de los creadores de sitios web en torno a las posibles y probables interrelaciones que
se establecen entre factores formales y funcionales
El estudio se situacutea en la eacutepoca actual primer deacutecimo del siglo veintiuno tomando testimonio de
creadores de sitios que radican hoy en diacutea en la Ciudad de Meacutexico Dentro de los hallazgos y
aportaciones se pueden ubicar Una matriz que pondera los factores asociados a la funcioacuten y a la
forma y que permite la discusioacuten sobre la preeminencia de cualquiera de estas El trabajo
tambieacuten permite clarificar que tanto los elementos formales como los elementos utilitarios son
parte de un todo que se ajusta de acuerdo a las eacutepocas y los intereses de los participantes en el
disentildeo
4
Synopsis
This document approaches the dilemma between functionality and formal components in the
design of web sites This analysis begins specifically reviewing the concept of design and the one
of the graphical design and the task of the designer Also it offers a perspective of the form in
which the integration of the graphical designer in the context of the design of web sites occurs
Additionally an historical outline appears that demonstrates the presence of the dilemma between
the utilitarian component and the aesthetic one in the design through different times Also a
perspective of the present situation of the disjunctive form or function in the design and in the
design of web sites appears concretely
On the other hand some factors closely related to the design of web sites are examined for
example the interactivity navigation the usability Also the attributes are reviewed that are
considered must correspond to a suitable design web and you rule present of evaluation Also the
perception that has the creators with respect to the disjunctive form or function by means of the
analysis that becomes of the application of a questionnaire and of the use of a matrix of relations
that allows a comparison between the conceptual thing and the opinions of the creators of web
sites recover
The work is placed at the present time and with creators of sites that are nowadays in Mexico
City Within its findings and contributions itlsquos possible to found A matrix that weighs the factors
associated to function and form and that allows the discussion on the pre-eminence of anyone of
them The work also allows to clarify that the formal elements as much as the functional
elements are part of a whole that adjusts according to the times and the interests of the
participants in the design
5
Iacutendice
Sinopsis 3
Iacutendice de figuras 8
Introduccioacuten 12
Marco Metodoloacutegico 17
CAPIacuteTULO UNO
1 El disentildeo graacutefico y las nuevas tecnologiacuteas 21 11 El concepto disentildeo y la profesioacuten del disentildeo graacutefico 21
111 Definicioacuten de disentildeo graacutefico 23
112 La tarea del disentildeador graacutefico 27
113 La utilidad del disentildeo graacutefico 29
12 El disentildeo graacutefico y la tecnologiacutea 31
121 El disentildeo graacutefico y los nuevos medios 32
122 Definiendo geneacutericamente disentildeo web 33
123 El disentildeador graacutefico dentro del equipo de creadores de sitios web 35
124 El disentildeador graacutefico y el disentildeo web 36
CAPIacuteTULO DOS
2 La perspectiva histoacuterica y actual de los conceptos forma y funcioacuten
en el arte y el disentildeo 40
21 Forma y Funcioacuten conceptos diferenciados 40
22 Antecedentes histoacutericos de la disyuntiva forma o funcioacuten en el arte y el disentildeo 43 221 Eacutepoca preindustrial 44
222 Surgimiento de la Revolucioacuten Industrial 45
223 La industria y la esteacutetica 46
224 La revolucioacuten de las concepciones de forma y funcioacuten 51
225 El desarrollo del disentildeo en la postguerra 61
226 Conceptos histoacutericamente presentes en las tendencias formalistas
y funcionales 69
23 Generalidades de la disyuntiva forma o funcioacuten en el disentildeo 70
24 El disentildeo web ante la disyuntiva forma o funcioacuten 81
6
CAPIacuteTULO TRES
3 Factores lenguajes y enfoques en el disentildeo de sitios web 97
31 Descripcioacuten general de la World Wide Web 97
32 Fases baacutesicas de desarrollo de un proyecto web 99
33 Participantes en la creacioacuten de sitios web 108
34 Organizacioacuten del sitio 110
35 Factores de orden utilitario en el disentildeo de sitios web 113
351 Interactividad 113
352 Navegacioacuten 114
353 Interfaz Graacutefica de Usuario 116
354 Costos y economiacutea 121
355 Optimizacioacuten 121
356 Accesibilidad 122
357 Usabilidad 123
36 Factores de orden esteacutetico en el disentildeo de sitios web 126
361 El componente graacutefico en los sitios web 127
362 La esteacutetica en los sitios web 130
363 Componente graacutefico esteacutetica y experiencia de uso 132
37 Lenguajes en el disentildeo de sitios web 135
371 El lenguaje de programacioacuten 136
372 El lenguaje visual 137
38 Enfoques en el disentildeo de sitios web 143
381 La Interaccioacuten Persona Ordenador 144
382 Usabilidad 145
383 Disentildeo Centrado en el Usuario 146
384 Disentildeo emocional en el disentildeo web 157
CAPIacuteTULO CUATRO
4 Consideraciones con respecto al buen disentildeo de sitios web 161
41 iquestQueacute es un buen disentildeo 161
42 Definiendo un buen disentildeo web 165
43 Situacioacuten actual de la calidad en el disentildeo web 169
44 Buen disentildeo web y consideraciones para la evaluacioacuten 173
441 Teacutecnicas de evaluacioacuten 175
7
CAPIacuteTULO CINCO
5 Identificacioacuten de las interrelaciones entre componentes formales
y funcionales en la Interfaz Graacutefica de Usuario para sitios web a traveacutes de
una matriz de relacioacuten 185
51 Definicioacuten y uso de una matriz de relacioacuten 185
52 Uso de una matriz de relaciones como herramienta ante la disyuntiva forma
o funcioacuten respecto a la interfaz graacutefica de sitios web 186
53 Construccioacuten de la matriz 187
54 Aplicacioacuten de un cuestionario como herramienta para la identificacioacuten de
opiniones de los profesionales en el ramo 195
55 Resultados e interpretacioacuten del cuestionario aplicado 196
56 Aplicacioacuten de la matriz para la identificacioacuten de interrelaciones entre
componentes formales y funcionales 205
Conclusiones 211
Bibliografiacutea 217
Anexos
No 1 Conceptos histoacutericamente presentes en las tendencias formalistas y
funcionales tabla de polaridades 222
No 2 Esquema de tendencias histoacutericas en la disyuntiva forma o funcioacuten 228
No 3 Tabla de citas respecto a la tendencia en la disyuntiva forma o
funcioacuten en el disentildeo de sitios web 243
No 4 Cuestionario aplicado a profesionales del ramo 251
No 5 Seleccioacuten de paacuteginas como ejemplos diversos en disentildeo de sitios web 260
Glosario 274
Curriculum vitae 279
8
Iacutendice de figuras
Capiacutetulo 2
Graacutefico No 21 Liacutenea de tiempo de tendencias histoacutericas disyuntiva forma o funcioacuten Paacuteg 68
Graacutefico No 22 Tres tendencias en la relacioacuten forma-funcioacuten Paacuteg 83
Graacutefico No 23 Equilibrio proporcional entre forma y funcioacuten Paacuteg 96
Capiacutetulo 3
Graacutefico No 31 Proceso de disentildeo web centrado en el usuario
(Hassan Martiacuten y Iazza 2004) Paacuteg 100
Graacutefico No 32 Cargos a desempentildear en una empresa
(Austin y Doust 2008) Paacuteg 109
Graacutefico No 33 Modelo de usabilidad aparente e inherente
(Hassan y Fernaacutendez 2005) Paacuteg 125
Graacutefico No 34 Relacioacuten satisfaccioacuten-usabilidad
(Hassan 2006) Paacuteg 134
Graacutefico No 35 Curvas de participacioacuten de las diferentes disciplinas durante el
desarrollo de un proyecto (Nelson 2006) Paacuteg 148
Graacutefico No 36 Rueda de la experiencia de usuario
(Tossete) Paacuteg 150
Graacutefico No 37 Propiedades que debe cumplir un sitio web en el meacutetodo de disentildeo
Centrado en el Usuario (Morville 2004) Paacuteg 151
Graacutefico No 38 Modelo de factores que condicionan la experiencia de usuario
(Arhippainen y Tahti en Hassan y Fernaacutendez 2005) Paacuteg 154
Graacutefico No 39 Diagrama del Proceso de Disentildeo Centrado en el Usuario
(James Garrett 2000) Paacuteg 156
9
Capiacutetulo 4
Graacutefico No 41 La evaluacioacuten como proceso de explicitacioacuten de referentes
(Zamora 2002) Paacuteg 165
Graacutefico No 42 Herramienta PrEmo creada por Desmet para evaluar emociones
(Hassan y Fernaacutendez 2005) Paacuteg 180
Capiacutetulo 5
Tabla No 51 Listado descriptivo de componentes formales para la matriz Paacuteg 189
Tabla No 52 Listado descriptivo de componentes funcionales para la matriz Paacuteg 192
Graacutefico No 53 Graacutefica de barras Principales problemas referidos a la funcioacuten
Seleccioacuten 1er lugar Resultado de encuestas Paacuteg 197
Graacutefico No 54 Graacutefica de barras Principales problemas referidos a la funcioacuten
Seleccioacuten 2o lugar Resultado de encuestas Paacuteg 198
Graacutefico No 55 Graacutefica de barras Principales problemas referidos a la funcioacuten
Suma de selecciones 1er y 2o lugar Resultado de encuestas Paacuteg 199
Graacutefico No 56 Graacutefica de barras Principales problemas referidos a la forma
Seleccioacuten 1er lugar Resultado de encuestas Paacuteg 200
Graacutefico No 57 Graacutefica de barras Principales problemas referidos a la forma
Seleccioacuten 2o lugar Resultado de encuestas Paacuteg 201
Graacutefico No 58 Graacutefica de barras Principales problemas referidos a la forma
Suma de selecciones 1er y 2o lugar Resultado de encuestas Paacuteg 202
Graacutefico No 59 Graacutefica de barras Respecto al binomio forma-funcioacuten
Resultado de encuestas Paacuteg 203
Graacutefico No 510 Graacutefica de barras Respecto a la relacioacuten forma-funcioacuten como posible problema
Resultado de encuestas Paacuteg 204
Graacutefico No 511 Matriz conceptual de interrelaciones entre componentes formales y
funcionales en el disentildeo de interfaz Paacuteg 207
Graacutefico No 512 Matriz conceptual y representacioacuten visual de la opinioacuten de profesionales
respecto a las interrelaciones Paacuteg 210
10
Anexo 1
Graacutefico No A11 Representacioacuten de pares de conceptos sobre forma y funcioacuten organizados
en una tabla de polaridades Paacuteg 224
Graacutefico No A12 Tabla de polaridades con anaacutelisis correspondiente al movimiento
de disentildeo De Stijl Paacuteg 225
Graacutefico No A13 Tabla de polaridades con anaacutelisis correspondiente al movimiento
de disentildeo Bauhaus 1ordf Etapa Resultado de encuestas Paacuteg 226
Graacutefico No A14 Tabla de polaridades con anaacutelisis correspondiente al movimiento
de disentildeo Art Nouveau Paacuteg 227
Anexo 5
Graacutefico No A51 Foto de pantalla del sitio Accept Jesus Forever
Agrupado en disentildeo visual que afecta a la funcioacuten Paacuteg 262
Graacutefico No A52 Foto de pantalla del sitio Postgraduate Training Institute
Agrupado en disentildeo visual que afecta a la funcioacuten Paacuteg 262
Graacutefico No A53 Foto de pantalla del sitio Videosoniclab
Agrupado en disentildeo visual que afecta a la funcioacuten Paacuteg 263
Graacutefico No A54 Foto de pantalla del sitio Ron Oslundrsquos
Agrupado en disentildeo visual que afecta a la funcioacuten Paacuteg 263
Graacutefico No A55 Foto de pantalla del sitio HavenWorkscom
Agrupado en disentildeo visual que afecta a la funcioacuten Paacuteg 264
Graacutefico No A56 Foto de pantalla del sitio US moocom
Agrupado en disentildeo con equilibrio entre forma y funcioacuten Paacuteg 265
Graacutefico No A57 Foto de pantalla del sitio Rick Mather Architects
Agrupado en disentildeo con equilibrio entre forma y funcioacuten Paacuteg 265
Graacutefico No A58 Foto de pantalla del sitio The Nature Conservancy
Agrupado en disentildeo con equilibrio entre forma y funcioacuten Paacuteg 266
Graacutefico No A59 Foto de pantalla del sitio Kontain
Agrupado en disentildeo con equilibrio entre forma y funcioacuten Paacuteg 266
11
Graacutefico No A510 Foto de pantalla del sitio K Swiss Rosny
Agrupado en disentildeo con equilibrio entre forma y funcioacuten Paacuteg 267
Graacutefico No A511 Foto de pantalla del sitio ftcom alphaville
Agrupado en disentildeo con enfoque funcional limitando lo visual Paacuteg 268
Graacutefico No A512 Foto de pantalla del sitio Literatura Universal
Agrupado en disentildeo con enfoque funcional limitando lo visual Paacuteg 268
Graacutefico No A513 Foto de pantalla del sitio Sieduca
Agrupado en disentildeo con enfoque funcional limitando lo visual Paacuteg 269
Graacutefico No A514 Foto de pantalla del sitio Alfredo N Rella
Agrupado en disentildeo con enfoque funcional limitando lo visual Paacuteg 269
Graacutefico No A515 Foto de pantalla del sitio Viable Training Recruitment
Agrupado en disentildeo con enfoque funcional limitando lo visual Paacuteg 270
Graacutefico No A516 Foto de pantalla del sitio Patagoniacom Thin Shed
Agrupado en disentildeo con enfoque visual cuidando lo funcional Paacuteg 271
Graacutefico No A517 Foto de pantalla del sitio Sour Sally
Agrupado en disentildeo con enfoque visual cuidando lo funcional Paacuteg 271
Graacutefico No A518 Foto de pantalla del sitio Lexus
Agrupado en disentildeo con enfoque visual cuidando lo funcional Paacuteg 272
Graacutefico No A519 Foto de pantalla del sitio Screen bites
Agrupado en disentildeo con enfoque visual cuidando lo funcional Paacuteg 272
Graacutefico No A520 Foto de pantalla del sitio Keith Tyson
Agrupado en disentildeo con enfoque visual cuidando lo funcional Paacuteg 273
12
Introduccioacuten
En el campo del disentildeo siempre ha existido intereacutes por el estudio tanto del componente formal
como del componente funcional ambos han formado parte del desarrollo del disentildeo
(Bonsiepe1999 Heskett 2005 Zimmermann 2002) Son factores que han estado presentes
incluso en aquellas disciplinas o actividades consideradas como antecedentes del disentildeo o que
han ejercido una gran influencia en su formacioacuten por ejemplo la arquitectura la composicioacuten
tipograacutefica las artes aplicadas entre otras
El anaacutelisis de lo formal y lo funcional generalmente se presenta a primera vista de manera
dualista enfrentaacutendolos en una disyuntiva que se basa en tratar de fundamentar la preeminencia
de uno sobre otro El planteamiento de esta disyuntiva siempre ha estado presente en el trabajo
del disentildeador identificada con diferentes denominaciones y vinculada con factores que
intervienen en ella como la economiacutea o la tecnologiacutea
Actualmente ante el creciente desarrollo de los disentildeos de interfaz para sitios web toma
actualidad esta disyuntiva entre las condiciones de funcionalidad y el componente formal lo que
ocasiona un desequilibrio Incluso se observan tendencias polarizadas en la mayoriacutea de los casos
se da un valor extremista a la funcioacuten y en otras por el contrario se cae en una saturacioacuten visual
que complica la funcionalidad Es un tema que siempre genera dificultades ya que mantiene viva
la poleacutemica entre los creadores Algunos priorizan la forma mientras que otros consideran maacutes
relevante la funcioacuten
Esta investigacioacuten toma en cuenta que a naturaleza misma del disentildeo hace necesaria la relacioacuten
entre estos elementos sin embargo lo que ha propiciado la posibilidad de una disyuntiva son las
interpretaciones variadas que se hacen respecto a coacutemo debe de fundamentarse la relacioacuten de
forma y funcioacuten
La actualidad de este tema se hace evidente dentro del mismo medio En Internet se pueden
localizar un gran nuacutemero de artiacuteculos grupos de discusioacuten sitios de disentildeo listas de
13
recomendaciones que hacen evidente la preocupacioacuten por fijar con objetividad los diferentes
planteamientos de la relacioacuten forma-funcioacuten Tambieacuten la bibliografiacutea especializada en el disentildeo
de sitios web aborda esta temaacutetica
Cotidianamente encontramos que la conclusioacuten ante la discusioacuten del tema es que en el disentildeo se
deben atender tanto el componente funcional como el formal sin embargo si bien se sabe que
debe existir una interrelacioacuten entre estos hay una desvalorizacioacuten del componente formal en el
disentildeo de la interfaz de sitios web misma que se puede obedecer a la sobreexplotacioacuten y mal uso
que se ha hecho del componente visual o a los antecedentes en la creacioacuten del disentildeo de sitios
que tienen principios muy arraigados en la informaacutetica Por lo tanto el primer paso que se ha de
dar es entender el contexto de las distintas posturas
Este trabajo busca analizar y ampliar el conocimiento sobre la situacioacuten de la disyuntiva forma o
funcioacuten e identificar cuaacuteles son las razones por las que se da una lucha por la preeminencia entre
factores formales y funcionales asiacute mismo el por queacute el factor formal es subvalorizado Se intenta
superar la lucha por la preeminencia entre lo formal y lo funcional y proponer la integracioacuten
equilibrada de ambos factores en el disentildeo de interfaz de sitios web
Para cumplir la funcioacuten primaria del disentildeo se tendriacutean que integrar idealmente de manera
equilibrada tanto forma como funcioacuten Propiciar claridad al respecto de los detalles de la
disyuntiva significaraacute un avance en la aplicacioacuten conjunta de los factores en un disentildeo En la
buacutesqueda de la articulacioacuten adecuada de forma y funcioacuten se debe en tener un panorama claro de
las posibles interrelaciones que se pueden dar entre los componentes formales y funcionales en el
disentildeo de sitios web por eso tambieacuten se propone identificar las interrelaciones entre
componentes formales y funcionales de la interfaz graacutefica de sitios web
Este trabajo estaacute conformado por una introduccioacuten general cinco capiacutetulos un capiacutetulo maacutes de
conclusiones y las respectivas referencias bibliograacuteficas utilizadas para el desarrollo de esta
investigacioacuten asiacute como tambieacuten tres anexos
14
El capiacutetulo uno aborda los diferentes usos del concepto disentildeo y especiacuteficamente del disentildeo
graacutefico y de la tarea del disentildeador Tambieacuten ofrece una perspectiva de la forma en que acontece
la integracioacuten del disentildeador graacutefico en el contexto del disentildeo de sitios web
El capiacutetulo dos presenta un esbozo histoacuterico que evidencia la presencia de la disyuntiva entre el
componente utilitario y el esteacutetico en el disentildeo El contenido se centra en el disentildeo graacutefico
aunque tambieacuten considera otras aacutereas del disentildeo Se presenta una perspectiva de la situacioacuten
actual de la disyuntiva forma-funcioacuten en el disentildeo y concretamente en el disentildeo de sitios web
En el capiacutetulo tres se exponen las fases baacutesicas bajo las que se lleva a cabo un proyecto web
Examina una serie de factores que estaacuten sumamente interrelacionados con el disentildeo de sitios web
y que forman parte de las bases que condicionan la participacioacuten de componentes formales y
funcionales
El capiacutetulo cuatro describe el estado actual que guarda la calidad en el disentildeo y evaluacioacuten de
sitios web Asimismo se revisan los atributos que se considera deben corresponder a un adecuado
disentildeo web
El capiacutetulo cinco se refiere al uso de la matriz conceptual como instrumento para la identificacioacuten
de las interrelaciones entre forma y funcioacuten Tambieacuten se recupera la percepcioacuten que tienen los
creadores respecto a la discusioacuten forma - funcioacuten mediante el anaacutelisis que se hace de la
aplicacioacuten del cuestionario
Resultados y aportaciones
Dentro de las principales aportaciones de este trabajo se encuentra la revisioacuten histoacuterica de la
disyuntiva forma o funcioacuten en el disentildeo haciendo evidente la variedad de posturas que ha
experimentado el tema Consideraacutendose tambieacuten la situacioacuten actual en el contexto del disentildeo de
interfaz de sitios web Lo que permite una reflexioacuten en torno a las posibilidades de su integracioacuten
15
Otro aspecto importante es la identificacioacuten de conceptos representativos del componente
utilitario y el formal en torno a los cuales se construyen las diferentes posturas histoacutericas maacutes
representativas Conceptos que se presentan organizados en una tabla de pares opuestos que sirve
para ejemplificar el grado de polarizacioacuten que puede haber en un movimiento determinado
La investigacioacuten contribuye en clarificar que tanto los elementos formales como los elementos
funcionales son parte de un todo que se ajusta de acuerdo a las eacutepocas y los intereses de los
participantes de la creacioacuten tanto de un sitio web como del disentildeo en general
El anaacutelisis realizado permitioacute plantear y realizar la construccioacuten de Una matriz que pondera los
factores desagregados asociados a la funcioacuten y a la forma y que permite la discusioacuten sobre la
preeminencia de cualquiera de eacutestas
16
Marco metodoloacutegico
Problema
Actualmente en el trabajo de disentildeo de la interfaz para sitios web frecuentemente se presenta una
disyuntiva entre las condiciones de funcionalidad y el componente formal lo que ocasiona un
desequilibrio Incluso se observan tendencias polarizadas en la mayoriacutea de los casos se da un
valor extremista a la funcioacuten y en otras por el contrario se cae en una saturacioacuten visual que
complica la funcionalidad
Preguntas de investigacioacuten
iquestCuaacuteles son los fundamentos de la disyuntiva entre las condiciones de funcionalidad y el
componente formal en el disentildeo de sitios web
iquestCuaacutel es la opinioacuten de los creadores respecto a la relacioacuten forma-funcioacuten en el disentildeo de
sitios web
iquestCoacutemo incide la disyuntiva entre la forma y la funcioacuten en el disentildeo de la interfaz
iquestLa situacioacuten propiciada ante la disyuntiva interfiere en el logro de un disentildeo acorde a las
necesidades
iquestEn base a que se valoran los elementos de la funcioacuten por parte de los creadores de sitios
web
iquestEn base a que se valoran los elementos de la forma por parte de los creadores de sitios
web
iquestCoacutemo se pueden identificar las interrelaciones entre elementos formales y funcionales
en el disentildeo de la interfaz de sitios web
iquestCuaacuteles son los pares de elementos que se interrelacionan en la interfaz de un sitio web
17
Objetivo general
Analizar el estado de la relacioacuten entre el componente formal y el funcional en el disentildeo de
interfaz de sitios web Para aportar fundamentos que ayuden a superar la lucha por la
preeminencia y a rescatar la valorizacioacuten de los elementos formales proponiendo la integracioacuten
equilibrada de ambos factores
Objetivos particulares
Identificar cuaacuteles son las razones por las que se da una lucha por la preeminencia entre
factores formales y funcionales
Determinar porque el factor formal es subvalorizado
Analizar la percepcioacuten de los creadores respecto a la disyuntiva forma o funcioacuten
Identificar componentes formales y funcionales en el disentildeo de interfaz de sitios web
Generar una matriz de relacioacuten basada en componentes formales y funcionales
Identificar las interrelaciones que se generan entre componentes formales y funcionales de
la interfaz graacutefica de sitios web
Hipoacutetesis (Supuesto)
Se sabe que debe existir una interrelacioacuten entre forma y funcioacuten no obstante entre los creadores
de sitios web frecuentemente se tiende a la subvalorizacioacuten del componente formal en el disentildeo
de la interfaz
Justificacioacuten
Al detectar las razones por las que se propicia la disyuntiva forma o funcioacuten y la manera en que
esta afecta se daraacute un paso en la posible integracioacuten equilibrada
18
Al identificar las interrelaciones que se establecen entre elementos formales y funcionales se le
daraacuten herramientas al disentildeador web para lograr disentildeos de interfaz que cumplan con el factor
usabilidad sin dejar de lado el factor esteacutetico repercutiendo en el logro de sitios maacutes faacuteciles de
usar y que logren la satisfaccioacuten del usuario
El disentildeo web es un campo de trabajo auacuten joven al que se ha incorporado el disentildeador graacutefico
entonces es importante ayudar en la determinacioacuten del papel que este juega y la tarea que le
corresponde en su integracioacuten en el equipo de trabajo
Procedimiento Metodoloacutegico
Tipo de estudio
Dado que el objetivo principal del presente trabajo es examinar o indagar las circunstancias de la
relacioacuten forma-funcioacuten en el disentildeo de la interfaz de sitios web se considera que pertenece al tipo
exploratorio1
Meacutetodo de Investigacioacuten
El procedimiento de la investigacioacuten se basa en un meacutetodo planteado por Ario Garza (en Zorrilla
198948) el cuaacutel presenta un esquema general y posteriormente lo divide en un proceso para la
investigacioacuten documental y otro de campo lo que se adapta al presente trabajo ya que la primera
etapa se centra en una revisioacuten documental y posteriormente se hace una breve investigacioacuten de
campo
1 La investigacioacuten exploratoria es aquella que se centra en la indagacioacuten o exploracioacuten del estado o la situacioacuten de
alguacuten tema de intereacutes (Schmelkes 200235) Un problema de investigacioacuten poco estudiado del cual se tienen dudas
(Sampieri 2004115 117104)
19
Esquema General
En base a este esquema para la investigacioacuten documental se llevaron a cabo los siguientes pasos
Acopio de la informacioacuten
Preparacioacuten de una bibliografiacutea y fuentes de informacioacuten para el trabajo Estaacute sirvioacute para
delimitar los aspectos teoacutericos importantes del planteamiento
Lectura y anotacioacuten de obras
Clasificacioacuten y codificacioacuten de las notas
Interpretacioacuten de la informacioacuten
Anaacutelisis de la informacioacuten
Criacutetica de la informacioacuten
Siacutentesis de la informacioacuten
Redaccioacuten de la informacioacuten
Eleccioacuten del problema
Planeacioacuten del trabajo
Acopio de la informacioacuten
Interpretacioacuten de la
informacioacuten
Redaccioacuten del escrito
20
En base al esquema general plateado por Ario Garza para la investigacioacuten de campo se llevaron a
cabo los siguientes pasos
Acopio de la informacioacuten
Desarrollo de un cuestionario
Seleccioacuten de muestra para el enviacuteo de cuestionario
Este tiene dos funciones la primera es enfocado a identificar de manera global cuaacutel es la
percepcioacuten que tienen los creadores respecto a la disyuntiva forma-funcioacuten la segunda es
hacer una comparacioacuten entre la matriz conceptualmente desarrollada y la percepcioacuten de
los creadores respecto a las interrelaciones entre los elementos formales y funcionales en
el disentildeo de interfaz de sitios web
Aplicacioacuten del cuestionario a los creadores de paacuteginas web
Se generoacute teoacutericamente una matriz que recupera los elementos funcionales y formales
baacutesicos y sus interrelaciones en un disentildeo
Interpretacioacuten de la informacioacuten
Conteo e interpretacioacuten de los datos obtenidos con el cuestionario
Comparacioacuten de los resultados obtenidos con el cuestionario y lo planteado en la matriz
conceptual Esta comparacioacuten consistioacute en contabilizar y representar graacuteficamente los
resultados
21
CAPIacuteTULO
El disentildeo graacutefico y las nuevas tecnologiacuteas
El concepto disentildeo y la accioacuten de disentildear han tenido histoacutericamente muchos significados los
cuales variacutean de acuerdo con la cultura y la eacutepoca de referencia Por tanto para el desarrollo de
este trabajo es necesario definir queacute se entiende por disentildeo y por disentildear A continuacioacuten se
presentan una serie de definiciones de lo que en diferentes momentos se ha entendido por disentildeo
y disentildeo graacutefico
11 El concepto disentildeo y la profesioacuten del disentildeo graacutefico
Una de las interpretaciones maacutes simplistas de lo que es disentildear puede ser la siguiente Disentildear es
un acto humano baacutesico presente en las actividades cotidianas por ejemplo se acostumbra decir
se requiere disentildear una ley disentildear un plan de trabajo disentildear un horario En el lenguaje
cotidiano decimos que disentildeamos siempre que hacemos algo con un objetivo especiacutefico esto nos
lleva a que casi cualquier actividad podriacutea considerarse disentildeo y faltariacutea sustento en lo queacute es esa
actividad
Asiacute para llegar a una definicioacuten apropiada del disentildeo de acuerdo con Garciacutea (199655) ―es
necesario darle un contenido y esto soacutelo es posible si lo aplicamos a una accioacuten determinada y
por lo mismo particular de este modo las especificidades de esa accioacuten seraacuten las que daraacuten
contenido al concepto
Se ha usado la palabra disentildeo para designar tanto a la actividad como al proceso e incluso al
producto John Heskett (20055) lo explica utilizando la siguiente frase que en principio pareciera
absurda pero que al final deja clara la diversidad de usos que tiene la palabra disentildeo
El disentildeo consiste en disentildear un disentildeo para producir disentildeo
campo general verbo indica accioacuten concepto o propuesta
producto acabado
1
22
En la frase anterior el teacutermino disentildeo aparece cuatro veces en donde el primero hace referencia
al nombre que se le da a un campo de las actividades humanas el segundo indica una accioacuten que
se lleva a cabo mediante un proceso y que corresponde al campo antes mencionado el tercero se
refiere a una propuesta resultado del proceso y el cuarto sentildeala la materializacioacuten de la propuesta
es el producto acabado
Los variados usos que ha tenido la palabra disentildeo es una de las razones en la complicacioacuten de su
definicioacuten Sin embargo para el uso cotidiano son vaacutelidas todas las aplicaciones que de eacutesta se
hacen disentildeo es un nombre verbal y como todo nombre verbal designa tanto a la accioacuten que el
verbo implica como al ejercicio y resultado de dicha accioacuten por ello disentildeo significa tanto la
accioacuten de disentildear como el producto de esa accioacuten (Garciacutea 199619)
Por medio del disentildeo como accioacuten el ser humano trata de satisfacer necesidades Por tanto en
todo disentildeo estaacuten presentes tanto el factor humano como la finalidad asiacute como dice Gillam
(19801) ―disentildeo es toda accioacuten creadora que cumple su finalidad Otro elemento indispensable
en el disentildeo es la innovacioacuten para Heskett (20057) ―el disentildeo despojado hasta su esencia
puede definirse como la capacidad humana para dar formas y sin precedentes en la naturaleza a
nuestro entorno para servir a nuestras necesidades En el disentildeo como proceso creador debe
destacar la capacidad de crear formas nuevas o innovadoras
Asiacute la finalidad del disentildeo como actividad basada en una serie de acciones ―es la produccioacuten de
formas sensibles nuevas que respondan a las necesidades de los hombres en su vida cotidiana
Garciacutea (199662) La referencia a las formas sensibles nos hace reflexionar en que esas formas
generadas establecen una relacioacuten con el entorno y que dentro de las necesidades que se
satisfacen existen de orden material espiritual y emocional
De acuerdo con Garciacutea (199656) ―en la necesidad se hacen presentes la utilidad la seguridad la
comodidad la esteticidad los recursos materiales la produccioacutenla ideologiacutea de los usuarios
potenciales las variaciones del mercado entre otras que el disentildeador tendraacute que contemplar al
momento de idear las formas que crearaacute como satisfactores
23
Entonces para los fines de este trabajo se entenderaacute como disentildeo a la actividad del ser humano
que tiene como objetivo satisfacer necesidades humanas de manera creativa e innovadora
enfocaacutendose en la seleccioacuten y organizacioacuten de formas apoyado por un lenguaje simboacutelico y en la
consideracioacuten de un contexto especiacutefico
111 Definicioacuten de disentildeo graacutefico
Dentro de este gran marco que es el disentildeo se encuentra el disentildeo graacutefico La definicioacuten de
disentildeo graacutefico tambieacuten ha sido cuestionada respecto a si su denominacioacuten es adecuada para la
actividad de referencia Si bien la denominacioacuten maacutes generalizada es disentildeo graacutefico tambieacuten se
le ha llegado a denominar como disentildeo visual disentildeo en comunicacioacuten graacutefica disentildeo en
comunicacioacuten visual comunicacioacuten visual
La primera vez que se usoacute el teacutermino ―disentildeo graacutefico fue en 1922 por William Addison
Dwiggins que era un disentildeador de libros y tipos de letra que trabajaba baacutesicamente con
composiciones tipograacuteficas de esa fecha a ahora el concepto del disentildeo graacutefico ha cambiado
mucho las tecnologiacuteas los meacutetodos de trabajo los medios de expresioacuten las aacutereas de accioacuten
profesional y la preparacioacuten requerida se han transformado (Heskett 2005)
Es importante en la definicioacuten del concepto aclarar desde las raiacuteces la procedencia de sus
teacuterminos Disentildeo procede del latiacuten ―designare de la preposicioacuten ―de y de ―signum La raiacutez
―signum que en castellano significa signo es definido como aquello que nos remite a una
realidad distinta del mismo es la ―sentildea es el signo de una cosa y la partiacutecula ―de le antildeade
acabamiento y perfeccioacuten En cuanto a graacutefico es un adjetivo que como teacutermino se relaciona con
el representar proviene del vocablo ―grafiacutea que deriva del griego ―grapheacute que significa
escritura y la grafiacutea es el modo de escribir o representar los sonidos como sufijo grafiacutea significa
descripcioacuten tratado escritura o representacioacuten graacutefica (Gonzaacutelez 1996111)
Autores como Garciacutea (1996) y Zimmermann (2002) al hacer un desglose y estudio del origen del
teacutermino disentildeo se centran en la importancia de algunos teacuterminos como designare que significa
marcar designar o dar una significacioacuten a las cosas En el contexto del disentildeo el designar es la
24
eleccioacuten de los signos a los que se les asigna ser los elementos constitutivos de la ―sentildea del
objeto de su identidad (Zimerman 2002112) Garciacutea (199618) afirma ―disentildeo tiene una
relacioacuten etimoloacutegica con significar se mueve en el campo de la semioacutetica en el campo de los
signos constituye el elemento primordial de la accioacuten de disentildear La idea final es que todo
objeto disentildeado debe sentildealar en su propia construccioacuten la finalidad para la que fue hecho
A continuacioacuten se presentan algunas definiciones de lo que se considera disentildeo graacutefico seguacuten
algunos autores reconocidos La definicioacuten que hace el historiador Richard Hollis dice ―El
disentildeo graacutefico es el oficio de construir y seleccionar signos y colocarlos adecuadamente en una
superficie con el fin de transmitir una idea (en Newark 200213) Una definicioacuten que contempla
la actualidad del disentildeo es la siguiente ―El disentildeo graacutefico a partir de ideas conceptos textos e
imaacutegenes presenta mensajes de forma visualmente atractiva en medios impresos electroacutenicos y
audiovisuales (Ambrose y Harris 200910)
La definicioacuten de los alcances del disentildeo graacutefico ha sufrido cambios y han sido establecidos
dependiendo de los contextos histoacutericos tanto profesionales como tecnoloacutegicos Tambieacuten se ha
visto modificado bajo el cuestionamiento de cuaacuteles deben ser sus objetivos y en doacutende debe estar
el liacutemite de su campo de accioacuten Se ha llegado a sugerir que su denominacioacuten sea ―disentildeo en
comunicacioacuten visual debido a que la palabra graacutefico puede significar una limitante ya que se ha
asociado durante mucho tiempo uacutenicamente a la industria de la impresioacuten conocida como la
industria de las artes graacuteficas y ahora ante la aparicioacuten de nuevas tecnologiacuteas queda claro que
los mensajes visuales se canalizan a traveacutes de muchos medios de comunicacioacuten no soacutelo los
impresos En su mayoriacutea los productos del disentildeo graacutefico son bidimensionales y pueden ser
difundidos de forma impresa audiovisual yo digital
A traveacutes del tiempo y de los distintos contextos se ha podido establecer cuaacuteles son las acciones
baacutesicas que incluye la actividad del disentildeador graacutefico eacutestas se refieren a idear proyectar y
realizar objetos de comunicacioacuten visual Uno de los aspectos que ha destacado en el disentildeo
graacutefico es que no soacutelo se trata de producir una comunicacioacuten a un nivel superficial o informativo
sino que eacutesta tiene un caraacutecter maacutes influyente en la conducta ―es un proceso mediante el cual las
informaciones textual y visual (palabras e imaacutegenes) se ordenan se les confiere una forma y
25
estructura para transmitir determinado estado de aacutenimo o determinado mensaje de una forma
esteacuteticamente agradable (Austin y Doust 20089) se busca mediante la construccioacuten visual
contactar de forma maacutes profunda que soacutelo con la vista Para Newark (20026) el disentildeo graacutefico
―es la maacutes universal de todas las artes Nos envuelve comunicando decorando o identificando
aporta significados y trasfondo a nuestro entorno vital tambieacuten lo considera como variado y
mutante e identifica en el disentildeo graacutefico distintas funciones clasifica y diferencia informa y
comunica e interviene en nuestro estado de aacutenimo
En este trabajo se considera como disentildeo graacutefico a la actividad que implica el idear2 la
organizacioacuten de diferentes elementos visuales creando una estructura basada en criterios de
composicioacuten graacutefica para la generacioacuten de una gran variedad de objetos que se producen con un
fin comunicativo y que apela a las sensaciones Como actividad involucra procesos de creacioacuten y
de produccioacuten que se basan en una secuencia de decisiones de acuerdo a un contexto de
influencia en donde el disentildeo seraacute aplicado enfocaacutendose a cubrir la necesidad que le dio origen
Uno de los aspectos maacutes controversiales es si el disentildeo graacutefico se debe interpretar como cualquier
representacioacuten graacutefica o soacutelo aquellas que estaacuten destinadas a una reproduccioacuten masiva y que
contemplan un proceso de produccioacuten La postura maacutes difundida y mejor aceptada es aqueacutella que
toma como base que la tarea del disentildeo o causa primera3 es la necesidad humana con un enfoque
utilitario y no expresivo por lo tanto considera disentildeo aquella representacioacuten graacutefica que se
enfoca a una produccioacuten masiva destinada a un grupo de usuarios para cubrir una necesidad
Dentro del disentildeo graacutefico existen diferentes vertientes entre las que se podriacutean sentildealar por
ejemplo aquellas que se enfocan maacutes a la parte comercial y otras que se centran en la parte
humana y como en muchos otros aacutembitos se presentan contrapropuestas basadas en los intereses
de estas Por ejemplo en el caso de la produccioacuten mercantil en serie en la deacutecada de los antildeos
sesenta un grupo de disentildeadores llegoacute a afirmar que existiacutea un abuso y una direccioacuten inadecuada
en el enfoque del disentildeo ya que en su gran mayoriacutea estaba enfocado a la venta de productos
2 Se estaacute considerando idear como el acto de imaginar inventar concebir o conceptualizar respecto de una cosa
3 Robert Gillam dice que en el motivo de un disentildeo cualquiera que sea estaacute presente la necesidad humana que es la
causa primera del disentildeo sin la cual no existiriacutea (19804)
26
inuacutetiles y se basaba en un abuso de la publicidad Como contraposicioacuten se propusieron formas de
expresioacuten fuera de lo comercial mediante el Manifiesto ―Lo primero es lo primero4
se llegoacute
incluso a la propuesta de crear expresiones graacuteficas que sirvieran soacutelo como experiencias visuales
sin una utilidad determinada
Otro rubro de diferencias se basa en los medios para los que se produce en donde se cuestiona
cuaacuteles de ellos (impresos televisioacuten cine multimedia web etc) son campos propicios de
accioacuten del disentildeo graacutefico La realidad es que ha ganado un espacio en muchos de ellos esto se
debe al pragmatismo con que se adapta y al dinamismo econoacutemico que ha tenido esta actividad
desde su surgimiento como tal se ha ido incorporando poco a poco en distintos aacutembitos en los
que la tecnologiacutea y precisamente la economiacutea han propiciado su expansioacuten
Existe una gran diferencia entre el disentildeador que contaba con el sistema de impresioacuten tipograacutefica
como medio de produccioacuten y con la xilografiacutea como teacutecnica para reproducir imaacutegenes a aqueacutel
que para fines de los antildeos ochenta ya cuenta con una computadora personal y una impresora
digital herramientas que sumadas a su creatividad le permiten proyectar algo bastante similar a lo
que podriacutea obtener como resultado de la produccioacuten final en un tiempo mucho menor
Los factores tecnoloacutegicos sociales culturales econoacutemicos entre otros han influenciado el
entorno del disentildeo graacutefico propiciando que eacutesta sea una actividad cambiante y dinaacutemica ya que
se ha ido abriendo caminos principalmente en cuanto a sus espacios de aplicacioacuten y en los
objetivos que le corresponden
Un problema al que se ha enfrentado el disentildeo graacutefico es que en ocasiones se le ha considerado
como una actividad intrascendente y suntuaria enfocada soacutelo en la apariencia visual o como ya
se mencionoacute meramente vinculada con el consumismo Sin embargo el disentildeo cumple varias
tareas informa comunica relaciona identifica instruye facilita orienta promociona motiva
entre otras Estas tareas se pueden desempentildear simultaacuteneamente y su eacutenfasis dependeraacute de las
necesidades especiacuteficas del producto y el usuario
4 Manifiesto Lo primero es lo primero publicado por Ken Garland antildeo 1964 Atacaba la cultura consumista que
soacutelo se preocupaba por anunciar y vender cosas y reivindicaba la dimensioacuten humaniacutestica del disentildeo graacutefico
27
El disentildeo se crea en torno a una necesidad por lo tanto implica a un usuario que es la persona a
quien se dirige por lo regular el producto del disentildeo para que lo maneje ocupe se auxilie y en
definitiva disfrute con su uso es el ―quieacuten en el disentildeo Necesidad y usuario son los dos
elementos que dirigen el enfoque de la tarea del disentildeador tareas dentro de las que estaacute incluido
el motivar y persuadir pero no debe ser el enfoque final es parte de la estrategia en la buacutesqueda
del objetivo ―el disentildeo graacutefico negocia con el espectador-usuario y puesto que el objetivo del
disentildeador es persuadir o como miacutenimo comunicar se deduce que los asuntos a los que se
enfrenta el disentildeador tienen dos caras anticiparse a las reacciones del espectador-usuario y
satisfacer sus propias necesidades esteacuteticas Paul Rand (en Newark 200213)
El disentildeo se desarrolla en un contexto marcado por el tiempo y sus circunstancias que lo obligan
a considerar las convenciones del mismo y a la vez le ayudan a aportar significado pero el
disentildeo por su esencia creativa tiende a buscar siempre una evolucioacuten ―El disentildeo graacutefico estaacute
sujeto a la evolucioacuten de las tendencias intelectuales y esteacuteticas que influyen en el trabajo de los
disentildeadores y reflejan las actitudes de la sociedad en general (Ambrose y Harris 200924)
mismas que propician en el disentildeo una organizacioacuten acorde a un momento histoacuterico determinado
Asiacute podriacuteamos concluir que la evolucioacuten del disentildeo graacutefico no es secuencial ni se da en un
mismo lugar siempre surgen nuevas variantes que van construyendo nuevas definiciones del
mismo
112 La tarea del disentildeador graacutefico
Sumado a la definicioacuten por otro lado es conveniente identificar cuaacutel es el quehacer del disentildeador
graacutefico Su tarea principal es la organizacioacuten o estructura de una informacioacuten para crear un
mensaje mediante la aplicacioacuten de elementos visuales tales como tipografiacuteas colores signos
figuras texturas imaacutegenes Las que son arregladas o dispuestas de maneras variadas para facilitar
el proceso de comunicacioacuten con lo que se busca cubrir las necesidades planteadas
La composicioacuten u organizacioacuten realizada por un disentildeador graacutefico siempre debe centildeirse a una
planeacioacuten bien estructurada debe tener fundamentos en sus decisiones y la seleccioacuten que haga
28
de los materiales tendraacute una justificacioacuten el disentildeador ―siempre intenta dar sentido a los
materiales con los que trabaja sirvieacutendose de las formas y coacutedigos de un lenguaje visual en
continua transformacioacuten (Newark 200214) Por lo tanto el disentildeador con base en los
requerimientos planteados se da a la tarea de buscar soluciones genera ideas utiliza sus
conocimientos sus habilidades su sensibilidad visual y se auxilia de herramientas como las
teacutecnicas graacuteficas aplicaacutendolas como instrumentos de la expresioacuten de su creatividad que le
permiten la representacioacuten de ideas por medio de imaacutegenes maacutes o menos realistas ―su uso
depende de una intencionalidad concreta la voluntad de expresar una idea de mostrar un hecho y
de influir en determinado sentido en el aacutenimo y hasta en la conducta del perceptor (Costa y
Moles 199154)
El disentildeo se basa en la aplicacioacuten de la expresioacuten graacutefica y va mucho maacutes allaacute de hacer dibujos
bonitos o generar imaacutegenes interesantes como acompantildeantes de un texto e implica maacutes que el
hecho de decidir una composicioacuten de elementos se basa en lo que Bonsiepe (199330) denomina
como ―la dimensioacuten cognitiva del proceso proyectual y se refiere a un planteamiento en el
trabajo del disentildeador en el que lo maacutes valioso que existe es el concepto que genera y basado en
eacuteste decide una construccioacuten visual Con respecto a la expresioacuten graacutefica Joan Costa y Abraham
Moles aclaran ―no es una ilustracioacuten que acompantildea a un texto ni un estilo una categoriacutea o una
especializacioacuten del disentildeo teacutecnico La graacutefica es el resultado de la combinacioacuten de elementos
icoacutenicos siacutegnicos linguumliacutesticos y cromaacuteticos que son aplicados con fines diversos en el aacutembito
variado del disentildeo (199112) El trabajo de los teoacutericos del disentildeo se ha esforzado en tratar de
dejar bien claro esto no se trata solo de generar bonitos graacuteficos
En todo proyecto el disentildeador busca la mejor manera de transmitir el mensaje durante el proceso
tiene que ir tomando decisiones respecto a los elementos que selecciona y el coacutemo los organiza
dotaacutendolos de significado utilizando su loacutegica poniendo en juego su intuicioacuten para hacerlo de
manera atractiva y accesible ―Para comprender el papel del disentildeador graacutefico en el proceso de
produccioacuten mdashtanto impreso como digitalmdash debe considerarse el enfoque subyacente aplicado
por el disentildeador graacutefico al disentildeo (Ambrose y Harris 200914) Es importante recalcar que el
disentildeador graacutefico siempre busca cumplir prioritariamente con la necesidad planteada ya sea
29
informativa educativa orientadora o la que se requiera Un propoacutesito expresivo personal nunca
podraacute estar como fin primario en el disentildeo
El disentildeo graacutefico engloba muchos aacutembitos de accioacuten que van desde el social y educativo hasta
el comercial o publicitario e incluso el poliacutetico Por lo tanto igual que en muchas otras actividades
es comuacuten que el disentildeador se especialice en una o incluso en varias aacutereas y aunque su quehacer
parta de un mismo principio se tiene que enfocar en conocer los requerimientos y procesos
especiacuteficos del aacutembito seleccionado Tambieacuten encontramos disentildeadores que a traveacutes del tiempo
van cambiando su entorno de accioacuten o incluso otros cuya actividad de origen no era el disentildeo
graacutefico y cambiaron por ejemplo del disentildeo industrial al graacutefico o de la arquitectura o de las artes
graacuteficas etc Por otro lado el trabajo en el disentildeo graacutefico generalmente es multidisciplinar por lo
que tendraacute que relacionarse con otras actividades y el papel que desempentildee en el equipo podraacute
ser muy variado dependiendo de la constitucioacuten del mismo generalmente sus tareas estaacuten en la
etapa creativa y en la organizacioacuten del proceso de disentildeo pero en muchas ocasiones tambieacuten se
encarga de la realizacioacuten o produccioacuten del proyecto
113 La utilidad del disentildeo graacutefico
La aplicacioacuten del disentildeo graacutefico se da en muchos contextos encontramos sus productos en
muchas partes nuestra cotidianidad estaacute llena de ellos se ha aplicado tradicionalmente en medios
tanto impresos como audiovisuales a traveacutes de muy variados objetos tales como folletos
carteles revistas libros anuarios objetos promocionales papeleriacutea oficial audiovisuales
animaciones
El concepto del disentildeo graacutefico es mucho maacutes amplio que soacutelo la combinacioacuten de los elementos
visuales en un espacio determinado Es una unidad intencional de componentes visuales en la que
estaacute previamente definida lo que se va a comunicar y coacutemo comunicarlo a traveacutes del uso del
color la posicioacuten el tamantildeo y muchos maacutes elementos del lenguaje visual para que exprese
claramente el mensaje que debe llegar al usuario Se incluye el factor de funcionalidad pero
tambieacuten el de la expresioacuten significativa Por lo tanto el disentildeo es una unidad integrada por
30
distintos factores que establecen influencias y referencias entre ellos para llegar al mejor
resultado
El disentildeo graacutefico es considerado como un recurso de comunicacioacuten que informa y genera un
entorno visual agradable pero tambieacuten debe ser inteligible por lo tanto utiliza recursos graacuteficos
eficaces De acuerdo con Joan Costa ―su especificidad como disciplina es transmitir sensaciones
emociones informaciones y conocimiento (Costa 200311)
Existe otra cara del disentildeo que se manifiesta a traveacutes de su capacidad de motivacioacuten5 o
persuasioacuten generalmente asociado con el disentildeo publicitario del que se dice ―se basa en la
motivacioacuten esa capacidad de atraer despertar la atencioacuten interesar e implicar a los desconocidos
y numerosos consumidores potenciales en funcioacuten de polarizar sus actos decisionales de compra
(Costa y Moles 199140)
Esta forma de ver al disentildeo tiene su origen en antecedentes histoacutericos como la eacutepoca del
surgimiento del Styling en donde efectivamente lo que se buscaba era atraer la atencioacuten del
consumidor baacutesicamente con la intencioacuten de generar altas ventas sin importar la calidad del
producto Esta situacioacuten ha continuado en muchos mercados basada en la tendencia al
consumismo
Pero el disentildeo graacutefico no es soacutelo otorgar una agradable apariencia visual con intencioacuten de hacer
algo maacutes bonito decorarlo y lograr que consumamos Antecedentes remotos del disentildeo graacutefico
provienen desde la antigua eacutepoca en que el ser humano tuvo la necesidad de comunicarse de
forma no oral generando como solucioacuten los pictogramas despueacutes inventoacute los signos de escritura
y posteriormente propicio la invencioacuten del sistema tipograacutefico de impresioacuten que es en donde se
encuentran las raiacuteces primarias de la composicioacuten con una intencioacuten de reproduccioacuten en serie Lo
importante es que en todos estos antecedentes existiacutea en el fondo una necesidad humana de
comunicacioacuten Independientemente de las actividades que se han centrado en el consumismo o
5
La motivacioacuten es definida como ―ese factor psicoloacutegico consciente o no que predispone al individuo para realizar
ciertas acciones ya sea por necesidad o por una tendencia (Puigserver SPrats y Rovira J 19961100)
31
que han caiacutedo en una interpretacioacuten equivocada de lo que deberiacutea ser el disentildeo tanto en los
antecedentes del disentildeo graacutefico como en los trabajos posteriores se han visto manifestadas sus
posibilidades para comunicar y solucionar efectivamente problemas ayudando al ser humano
igual que lo hacen muchas otras actividades a generar un desarrollo
El disentildeo graacutefico se vale de su capacidad de representacioacuten para referir al usuario a un contexto a
otro ser a una situacioacuten y por lo tanto a una emocioacuten que lo lleva a un sentimiento ese
sentimiento a un pensamiento y ese pensamiento a una actitud ―La funcioacuten esencial del disentildeo
graacutefico es referencial porque para empezar los elementos baacutesicos de un disentildeo graacutefico son
representaciones de alguna realidad (Zimmerman 2002112) esas representaciones reflejan la
capacidad del disentildeo de generar una ―sentildea
12 El disentildeo graacutefico y la tecnologiacutea
Los avances tecnoloacutegicos a traveacutes del tiempo han influido tanto en la forma de produccioacuten del
disentildeo como en la posibilidad de uso de elementos visuales con caracteriacutesticas distintas El
desarrollo de los procesos automatizados que involucran variados campos de la actividad
humana fue fundamental en la constitucioacuten del disentildeo graacutefico
La tecnologiacutea es un factor inherente al disentildeo la praacutectica del disentildeo graacutefico tambieacuten incluye el
conocimiento de aspectos teacutecnicos y de produccioacuten y la consideracioacuten de estos en la generacioacuten
de la propuesta integral de disentildeo que busca ser idoacutenea para un proyecto especiacutefico ―La
tecnologiacutea influye en el formato de los disentildeos en el desarrollo de los diferentes estilos y en la
evolucioacuten del arte y la sociedad en general y esto se refleja en las distintas formas adoptadas por
el disentildeo (Ambrose y Harris 200932)
Generalmente los avances tecnoloacutegicos permiten una produccioacuten de maacutes calidad una vez
conocidos los sistemas incluso permiten maacutes variantes en menos tiempo disminucioacuten del tiempo
invertido en el desarrollo y manejos visuales que en otro momento seriacutean difiacuteciles de producir
Sin embargo la tarea baacutesica del disentildeador estaacute soportada en los mismos fundamentos aunque
32
cuando la tecnologiacutea cambia implica modificaciones en la forma de conceptualizar los procesos
y la produccioacuten de los disentildeos
Desde los antildeos ochenta el disentildeo graacutefico se ha visto modificado y beneficiado en muchos
aspectos debido al surgimiento de los computadoras personales lo que ha modificado los modos
de hacer en muchos aacutembitos del disentildeo como la impresioacuten la produccioacuten editorial el manejo de
imagen la formacioacuten o armado de originales que ahora se basan en una tecnologiacutea digital6
121 El disentildeo graacutefico y los nuevos medios7
Como ya se comentoacute el disentildeo graacutefico como muchas otras actividades humanas se han visto
modificado por la integracioacuten de la tecnologiacutea digital y los nuevos medios significando para eacuteste
su inclusioacuten en campos de accioacuten que antes no se contemplaban un claro ejemplo es la creacioacuten
de sitios web Hay aplicaciones que se han desarrollado velozmente gracias a la tecnologiacutea digital
tales como material didaacutectico interactivo ilustracioacuten digital animaciones videos graacuteficos
musicales cine de animacioacuten mapas dinaacutemicos videojuegos pantallas sensibles interfaces para
dispositivos portaacutetiles Ante eacutestas el disentildeo se ha tenido que adaptar de acuerdo con Veacutelez
(2001sp) ―el disentildeo es la adaptacioacuten de los conocimientos de composicioacuten graacutefica a cualquier
medio expresivo actualmente basados en el desarrollo de las nuevas tecnologiacuteas
En este contexto el disentildeador graacutefico se encontroacute repentinamente ante una situacioacuten positiva de
nuevos campos de trabajo pero tambieacuten con el desafiacuteo de aplicar adecuadamente sus
conocimientos a las caracteriacutesticas que destacan en estos medios que ofrecen y requieren nuevas
maneras de creacioacuten
6 Las tecnologiacuteas digitales consisten en convertir cualquier cosa que se les introduzca ya sea un sonido un texto una
fotografiacutea en unidades de coacutedigo binario basado en 1 y 0 que forman cadenas de nuacutemeros que se definen como
datos 7 Nuevos medios es el teacutermino que se emplea para describir la gran explosioacuten de sistemas de entretenimiento e
informacioacuten que se han desarrollado en los uacuteltimos diez antildeos todos ellos posibles gracias a los desarrollos en la
computacioacuten (Austin y Doust 200811)
33
Uno de los principales aspectos que caracteriza a los nuevos medios es la interactividad lo que
permite la intervencioacuten del usuario siendo uno de los aspectos de mayor atractivo para el mismo
La interactividad ha dado paso a nuevos papeles nuevas formas de pensar nuevos productos y
nuevas oportunidades comerciales para los disentildeadores graacuteficos (Austin y Doust 200813)
Debemos considerar que al cambiar los medios tambieacuten cambia la forma de comunicacioacuten y por
lo tanto las necesidades del disentildeo
Otras caracteriacutesticas de los nuevos medios son su dinamismo o versatilidad la facilidad de
interconexioacuten y de distribucioacuten la posibilidad de lectura no lineal las comunicaciones en tiempo
real la relacioacuten con bases de datos la personalizacioacuten etc Todas ellas han planteado el dilema al
disentildeador entre ajustarse a repetir formas de otros medios como la produccioacuten editorial los
videos las sentildealizaciones las presentaciones de programas televisivos ya conocidos para eacutel o
entrar a una nueva forma de produccioacuten especiacutefica creada en base a los nuevos medios y sus
caracteriacutesticas El surgimiento de los nuevos medios ha propiciado para el disentildeo aacutereas de
actividad emergentes que implican cambios constantes y al sumarse con la creatividad generan
un mundo infinito de posibilidades de disentildeo
122 Definiendo geneacutericamente al disentildeo web
Dentro de los nuevos medios de comunicacioacuten los sitios web se han difundido ampliamente
eacutestos surgen como resultado del avance de las tecnologiacuteas aplicadas en Internet y actualmente
existe una gran demanda de los mismos por lo que su nuacutemero cada vez va en aumento ya que es
una de las formas maacutes utilizadas para acceder a la informacioacuten y establecer una raacutepida
comunicacioacuten Situacioacuten que ha gestado una variante del disentildeo graacutefico el disentildeo de sitios web
al identificarse como un nuevo campo de accioacuten
El disentildeo web es una actividad que consiste en la planificacioacuten disentildeo e implementacioacuten de
elementos visuales para la pantalla de la computadora que organiza informacioacuten con base en una
estructura jeraacuterquica valieacutendose de los recursos propios del disentildeo graacutefico disentildeos que se
consideran comuacutenmente como paacuteginas y que se organizan en sitios viacutea la web Se le
34
considera dentro del disentildeo multimedia8 se fundamenta en la aplicacioacuten de los principios o
directrices baacutesicas del disentildeo a un nuevo espacio conocido como el ciberespacio9 que tiene
caracteriacutesticas que lo hacen uacutenico ya que reuacutene la posibilidad de la interactividad con la
multimedia Requiere tener en cuenta cuestiones tales como navegabilidad10
interaccioacuten11
usabilidad12
arquitectura de la informacioacuten13
y la integracioacuten de medios como el audio texto
imagen y viacutedeo
Un sitio web se convierte en el contacto entre el productor de los contenidos y el usuario La
unioacuten de un buen disentildeo con una jerarquiacutea bien planeada de contenidos aumenta la eficiencia de
un sitio web como canal de comunicacioacuten ―La cultura puntocom es cada diacutea maacutes aceptada y
cada vez llega a un mayor nuacutemero de usuarios muchos de los cuales no tienen que estar
necesariamente habituados a la red (Glenwright 200111) El trabajo de los disentildeadores
consistiraacute en crear un sitio que colabore con el usuario en su trayecto durante el uso hacieacutendolo
de una manera agradable accesible y organizada
En siacutentesis podemos reafirmar la idea de que en la web se busca que cualquiera pueda utilizarla
por eso se difundioacute su uso mediante una representacioacuten visual llamada interfaz graacutefica con la
intencioacuten de facilitar su manejo permitiendo la navegacioacuten del usuario de una paacutegina a otra o a
traveacutes de distintos sitios en Internet
8 Disentildeo multimedia es la combinacioacuten de medios digitales (audio video animacioacuten graacuteficos y texto) que se
antildeaden a un producto o una presentacioacuten (Fernaacutendez-Coca A 1998 Lynch P y Hortoacuten S 2000) 9
Ciberespacio teacutermino acuntildeado por William Gibson para describir la web interconectada de bases de datos enlaces
de telecomunicaciones y redes informaacuteticas que constituye un nuevo espacio para la comunicacioacuten y la actividad
entre humanos (en Austin y Doust 200813) 10
Por navegabilidad se entiende la posibilidad de desplazarse entre el contenido de diferentes sitios 11
La interactividad se fundamenta en la posibilidad de un diaacutelogo entre la computadora y el usuario que implica una
actividad inmediata y reciacuteproca 12
La usabilidad se refiere a la facilidad de uso de un sistema 13
Arquitectura de la informacioacuten es una de fases en el disentildeo de sitios web y es en la que se establece una
organizacioacuten de todos los elementos que conforman un sitio
35
123 El disentildeador graacutefico dentro del equipo de
creadores de sitios web
La produccioacuten de los nuevos medios tambieacuten ha puesto de manifiesto la necesidad de combinar
varias disciplinas para generar creaciones sorprendentes Un ejemplo de esto es el disentildeo de sitios
web desarrollar una serie de paacuteginas para la web puede ser un trabajo individual sin embargo
cuando se trata de un trabajo de gran magnitud y se busca una alta calidad la creacioacuten de un sitio
web se torna un proyecto complejo que requiere de varios profesionales para realmente cubrir de
manera oacuteptima los objetivos planteados
Lo ideal es que en el desarrollo de un sitio web participe un grupo diverso de profesionales la
combinacioacuten de sus conocimientos aportaraacute ventajas a los proyectos Por ejemplo pueden
requerirse licenciados en informaacutetica expertos en el contenido escritores arquitectos de la
informacioacuten disentildeadores graacuteficos programadores ilustradores fotoacutegrafos comunicoacutelogos
muacutesicos expertos en evaluacioacuten etc Siempre debe existir un encargado o comiteacute responsable de
coordinar el proyecto para llevarlo a una conclusioacuten satisfactoria integrando el trabajo
desarrollado por los distintos profesionales en sus tareas especiacuteficas
Asiacute el disentildeo de la interfaz y la construccioacuten de un sitio web involucra conocimientos de
distintas aacutereas computacioacuten interaccioacuten disentildeo graacutefico ergonomiacutea usabilidad y se agregaran
algunas otras dependiendo del contenido y el objetivo del sitio como podriacutea ser estrategias
educativas publicidad o comunicacioacuten Esto implica que ―el estereotipo de disentildeadores como
artistas solitarios se traduce en la realidad en los talentos combinados de un grupo o equipo
(Heskett 200296) Bajo esta perspectiva se requeriraacute de un equipo amplio y variable incluso no
permanente sino que puede modificarse de acuerdo a la etapa del trabajo
Comuacutenmente los apelativos desarrolladores productores creadores disentildeadores se usan casi
indistintamente dentro del contexto de creacioacuten de sitios web Para los fines de eacuteste trabajo
consideraremos dos figuras centrales a los que denominaremos como a) desarrolladores y b)
disentildeadores
36
Nos centramos en estas figuras ya que parecen ser las maacutes representativas dentro de la disyuntiva
forma o funcioacuten tema central del presente trabajo Definiremos como disentildeador a aquel que su
preparacioacuten se enfoca en gran medida en la expresioacuten visual y que generalmente seraacute el
encargado de hacer visible a traveacutes de la Interfaz Graacutefica de Usuario14
toda la informacioacuten
necesaria en la pantalla Y como desarrollador a aquel cuya formacioacuten se centra en la
programacioacuten o desarrollo informaacutetico La intencioacuten es buscar los puntos de coincidencia y la
posibilidad de la participacioacuten integrada entre estos dos profesionales se pretende que estos se
acerquen y comprendan el papel que le corresponde a cada uno y las habilidades con las que
cuentan para lograr un desarrollo adecuado
124 El disentildeador graacutefico y el disentildeo web
Con el surgimiento del disentildeo web se pasoacute de ver a la pantalla como una paacutegina en blanco
dispuesta a la composicioacuten a verla como un espacio de comunicacioacuten que establece relacioacuten con
el espacio virtual
De acuerdo con Lynch y Horton (2000IX) el proceso de inclusioacuten de los disentildeadores graacuteficos en
el disentildeo de sitios web se fundamentoacute en que ―las paacuteginas generadas a partir del lenguaje
HTML15
estaacutendar careciacutean de atractivo visualLos disentildeadores graacuteficos tomaron esta
herramienta de autoedicioacuten relativamente primitiva y la empezaron a doblegar y a adaptar a
unos propoacutesitos para los cuales nunca fue creada disentildeo graacutefico de paacuteginas Esto nos habla de
que el disentildeador graacutefico se fue introduciendo en un campo de trabajo que no surgioacute originalmente
como una de sus tareas
Cuando se generalizoacute el uso de los sitios web los creadores eran principalmente ingenieros o
especialistas en informaacutetica situacioacuten que ha cambiado gracias a las facilidades que ofrecen los
nuevos programas o software de formacioacuten que no requieren de extremos conocimientos en
14
La Interfaz Graacutefica de Usuario (Graphical User Interface GUI) se refiere a ―los graacuteficos en pantalla para mostrar
ventanas iconos menuacutes y dispositivos de sentildealizacioacuten (Austin T y Doust R 2008181) 15
Lenguaje HTML (HiperText Markup Language) es un lenguaje basado en un sistema de etiquetas o marcas que
especifican los estilos y tamantildeos tipograacuteficos la localizacioacuten de graacuteficos e imaacutegenes y toda la informacioacuten necesaria
para construir una paacutegina web (Glenwright J 2001)
37
programacioacuten El disentildeador graacutefico se va incorporando ayudando a hacer el medio cada vez maacutes
visual
Asiacute se fueron involucrando algunos disentildeadores graacuteficos con el nuevo medio sin embargo seguacuten
diversas opiniones y desde diversos enfoques parece que era un lugar que de manera natural les
correspondiacutea Refirieacutendose a las profesiones relacionadas en este campo Eduardo Mercovich
(1999sp) incluye al disentildeo graacutefico describieacutendolo como ―una actividad comunicacional anclada
y relacionada con una cierta cultura en un momento dado Fernaacutendez Coca (1998143) define
―disentildeo graacutefico es comunicacioacuten visual A traveacutes de graacuteficos textos y formas se expresan ideas
se venden conceptos La World Wide Web es un inmenso mercado global en el que todo el mundo
trata de vender algo es un lugar donde el disentildeador graacutefico tiene mucho que aportar La
posibilidad de la participacioacuten del disentildeador graacutefico se fundamenta en que estaacute capacitado para
dar soluciones a problemas de composicioacuten basado en principios conceptuales y teacutecnicos
Por lo tanto el disentildeador graacutefico se convierte en un participante valioso en el tratamiento de la
informacioacuten con bases profesionales en el desarrollo para la pantalla de la computadora que es lo
que hace visible a la interfaz
La caracteriacutestica del disentildeo graacutefico de trabajar con lo visual maacutes los principios propios del
disentildeo de organizar comunicar significar se han adaptado de manera natural para ir tomando
accioacuten en al campo del disentildeo web Su tarea se basa en el trabajo visual enriqueciendo la forma
de la construccioacuten de archivos de la web que de otra manera seriacutea una monoacutetona coleccioacuten de
archivos de texto y de carpetas que los contienen (Glenwright 200216) La principal aportacioacuten
del disentildeador es la conceptualizacioacuten y el desarrollo del componente graacutefico por el que
entendemos como todos aquellos elementos visuales que conforman la interfaz graacutefica mismos
que tienen un gran viacutenculo con la esteacutetica a partir del sentido de la vista y que se conforman bajo
los principios de la composicioacuten como son equilibrio contraste unidad punto focal relacioacuten
figura-fondo armoniacutea
Por otro lado el disentildeador graacutefico en su incorporacioacuten en el desarrollo de sitios web se ve
obligado a enfrentar la lucha por posicionar el valor de un trabajo disentildeado en contra de la
38
profusioacuten de productos desarrollados por personas que provienen de otros campos Esto es por
ejemplo cuando el disentildeador graacutefico tiene que interactuar con aficionados a la paqueteriacutea
expertos en la tecnologiacutea o por interesados en comunicar algo ya sea informacioacuten publicidad o
aprendizaje pero con un nulo o elemental conocimiento del lenguaje visual y del valor de su
correcta aplicacioacuten
Al ser la web un medio que se ha denominado como un medio democraacutetico y que tiende a
facilitar el acceso son cada vez maacutes las personas que estaacuten en posibilidad de crear sitios incluso
tomando como base las plantillas prefabricadas para facilitar un disentildeo Esto sirve como
referencia para ubicar la amplia variedad que puede existir en la formacioacuten de aquellos que estaacuten
en posibilidades de crear un sitio Esta situacioacuten genera conflictos pero tambieacuten surgen ventajas
desde diferentes enfoques por ejemplo mayor capacitacioacuten en programacioacuten manejo de
tecnologiacuteas de punta bajo costo
Conforme la tecnologiacutea avanza surge la necesidad de nuevas opciones de solucioacuten a la
preparacioacuten y capacitacioacuten de los creadores de sitios esto ha dado pie a los cuestionamientos de
cuaacutel debe ser la profesioacuten y el profesionista encargado de esas nuevas tareas ―estaacuten emergiendo
formas de comunicacioacuten completamente nuevas formas de comunicacioacuten que necesitaran nuevas
definiciones (Austin y Doust 200821)
La industria de la creacioacuten de paacuteginas web es todaviacutea joven y muy dinaacutemica Por lo que hay
muchas cosas en proceso de definicioacuten Una de estas es la consideracioacuten de cuaacutel seraacute el
profesional maacutes apto para desarrollar los trabajos de disentildeo web Actualmente la mayoriacutea de los
creadores son ingenieros en informaacutetica disentildeadores graacuteficos o creadores independientes
conocedores de las tecnologiacuteas de produccioacuten e incluso hay muchos creadores que perteneciendo
originalmente a otras aacutereas han puesto su atencioacuten y su trabajo en esta aacuterea por ejemplo
arquitectos pintores escultores disentildeadores industriales profesores o comunicoacutelogos
Algunas voces han propuesto que para la creacioacuten de sitios web se genere un nuevo perfil
profesional que se enfocariacutea directamente al nuevo contexto y se han sugerido nombres para este
nuevo perfil algunos de estos son disentildeador de la informacioacuten disentildeador de nuevos medios
39
disentildeador de hipermedios disentildeador digital e-disentildeador16
Otra posibilidad se refiere a propiciar
cambios en el mismo disentildeo graacutefico dado que de manera natural se ha insertado en este contexto
y se ha adaptado a los requerimientos de su aplicacioacuten La concrecioacuten de este nuevo perfil
corresponderaacute al futuro
En la actualidad el disentildeador graacutefico es uno de los profesionistas que participa activamente en el
desarrollo de las paacuteginas web De hecho se puede considerar que el objetivo principal del disentildeo
graacutefico no ha cambiado a pesar de involucrarse en los cambios tecnoloacutegicos y se ha adaptado
bien a las necesidades de este medio Como ha dicho Heller citado por Austin y Doust (200816)
―Puedes ser disentildeador graacutefico sin tener que tocar ni un solo piacutexel en el espacio virtual Pero no
puedes ser un e-disentildeador sin conocer el lenguaje del disentildeo graacutefico De manera que se
considera que las habilidades requeridas para el disentildeo de paacuteginas web siguen teniendo
coincidencia con las bases de la preparacioacuten del disentildeador graacutefico
Como ya se mencionoacute los medios cambian y esto supone un cambio en la forma de pensar crear
trabajar esto ha tenido que pasar con la incursioacuten de los disentildeadores graacuteficos en el disentildeo web
Por tanto han tenido que dejar atraacutes algunas de las convenciones de coacutemo se llevaba a cabo el
trabajo o incluso como se componiacutea para los medios tradicionales y han tenido que pensar en
nuevas estructuras Pero tambieacuten el disentildeador graacutefico ha utilizado su experiencia previa en la
produccioacuten de mensajes basada en la sensibilidad compositiva para integrase a este gran espectro
de los nuevos medios y en especial al disentildeo de Interfaz Graacutefica de Usuario (Graphic User
Interface GUI) para sitios web
16
El teacutermino e-disentildeador se refiere al disentildeador que surge tras la revolucioacuten digital que se abre en distintas
trayectorias profesionales como el disentildeo de juegos aplicaciones de medios interactivos graacuteficos animados para cine
y televisioacuten el disentildeo de quiosco de informacioacuten y que da forma a la experiencia del usuario (Heller S en
Amazoncom 2010)
40
CAPIacuteTULO
La perspectiva histoacuterica y actual de los conceptos forma
y funcioacuten en el arte y el disentildeo
En el capiacutetulo previo se abordoacute lo referente a los distintos usos de la palabra disentildeo en especial
al disentildeo graacutefico y se fijaron las definiciones respectivas a usar en este documento Asimismo se
hizo una revisioacuten de la participacioacuten del disentildeador graacutefico en el disentildeo de sitios web Este
capiacutetulo presenta la revisioacuten de posturas histoacutericas y actuales de la disyuntiva entre forma o
funcioacuten como elementos claves para el disentildeo
21 Forma y funcioacuten conceptos diferenciados
Concepto de Forma
En un primer acercamiento al concepto se puede definir como la apariencia externa de una cosa
Jesuacutes Solanas (198512) la define como ―la apariencia que poseen las cosas que las configura y
distingue es decir el conjunto de notas o caracteres aparentes por los que se identifican los
seres y objetos Este enfoque del concepto es el que se relaciona con la figura misma que podriacutea
ser descrita por ejemplo en dimensiones y en liacuteneas estructurales
Asiacute que generalmente al referirnos a la forma nos enfocamos en lo que es el perfil o el contorno
de un objeto mismo que lo hace perceptible y lo distingue de otros Sin embargo la forma no es
soacutelo exterior es toda una estructura interna y externa Las cosas no son soacutelo por fuera sino
tambieacuten por dentro Incluso el aspecto exterior y configurador es debido a la estructura y
organizacioacuten interna Jesuacutes Solanas (198512)
La forma es lo que permite al objeto ser lo que es y establece su interpretacioacuten desde un aspecto
cualitativo De acuerdo con Tulio Fornari (198911) la forma es no soacutelo la configuracioacuten del
periacutemetro o de las superficies limitantes de los objetos fiacutesicos sino tambieacuten los demaacutes aspectos
perceptivos de la misma tanto exteriores como interiores (textura color brillo temperatura
2
41
peso olor etc) En este sentido la forma de un objeto seriacutea su imagen percibida a traveacutes de un
conjunto complejo de canales sensoriales Esta imagen percibida representariacutea las propiedades
de la forma
La forma es la apariencia general de algo esto significa que en ausencia de la forma el objeto
simplemente no existiriacutea sin forma no hay objeto gracias a ella es percibido y existe para el
usuario Bajo una interpretacioacuten filosoacutefica de la forma la consideracioacuten total de sus propiedades
permite verla como lo que en verdad es Son las formas las que constituyen la realidad de los
objetos
Cuando la forma es considerada en el sentido esteacutetico adquiere particularidades muy especiacuteficas
ya que eacutesta no se diferencia del objeto material es parte del mismo contenido y adquiere un
aspecto singular e incluye lo sensible
Considerando las definiciones anteriores para fines de este trabajo definiremos a la forma como
el aspecto integral de algo conformado por interior y exterior mismos que generan una
estructura con base en relaciones de organizacioacuten que la distinguen y le asignan cualidades
generando aspectos perceptivos que podraacuten ser recibidos a traveacutes de un conjunto de canales
sensoriales
Concepto de Funcioacuten
En una definicioacuten baacutesica el concepto funcioacuten es entendido como la capacidad de accioacuten de algo
esta accioacuten debe ser apropiada al destino de ese algo De manera general se consideran dos
posibles oriacutegenes del destino de algo ya sea su condicioacuten natural o el asignado por el hombre
Cuando el destino es dado por el hombre podemos afirmar que lo hace con la intencioacuten de cubrir
una necesidad De aquiacute que la funcioacuten de un objeto siempre estaraacute vinculada con la causa que
originoacute su creacioacuten Tulio Fornari (198911) define el concepto de funcioacuten como el servicio que
presta o la accioacuten desarrollada para satisfacer la necesidad humana que le dio origen Se
42
considera que los objetos que son creados por el ser humano tienen razoacuten de ser soacutelo porque
sirven a una finalidad humana
La acepcioacuten maacutes empleada del teacutermino funcioacuten en el aacutembito del disentildeo es la que refiere a para
queacute sirve algo o para queacute es uacutetil algo La utilidad estaacute directamente relacionada con la funcioacuten
asiacute Garciacutea Olvera define (199661) la utilidad de una cosa constituye su funcioacuten es decir la
disposicioacuten de sus elementos para alcanzar su fin su dependencia del fin para el que se hizo El
principio de que un objeto sirva para una finalidad humana los convierte en objetos utilitarios
cumpliendo funciones particulares de distinto tipo
Cuando se habla de funcioacuten hay una referencia a la funcioacuten global del objeto pero esta es
susceptible de separarse en aspectos parciales y analizarse en este sentido
Todo lo que existe en el mundo que no sea natural ha sido creado por el ser humano para cubrir
una necesidad Las necesidades humanas pueden ser de distintos tipos y por lo tanto las funciones
tambieacuten Las necesidades pueden ser individuales o de una sociedad y existen necesidades
materiales y no materiales de acuerdo con Robert Gillam (19803) las necesidades humanas son
siempre complejas Todas ellas presentan dos aspectos uno funcional (entendiendo por funcioacuten
el uso especiacutefico a que se destina una cosa) y otro expresivo La funcioacuten de un objeto siempre
va a estar determinada por el coacutemo su estructura y organizacioacuten van a hacer posible que alcance
los fines para lo que fue concebido
Asiacute tomando en consideracioacuten el principio de relacioacuten entre las necesidades humanas y los
objetos que produce para cubrirlas en el aacutembito de este trabajo consideraremos como funcioacuten el
servicio que presta un objeto acorde con la finalidad para la que fue creado interpretando que las
finalidades y por lo tanto las funciones pueden ser muy variadas
Despueacutes de haber revisado los conceptos de los dos `participantes principales en este trabajo
(forma y funcioacuten) es importante considerar la razoacuten de su presencia conjunta en el mismo La
forma y la funcioacuten son dos elementos que siempre han estado presentes en el desarrollo del
43
disentildeo Sin embargo a traveacutes del tiempo se ha cuestionado si alguno de estos tiene preeminencia
sobre el otro
En su trabajo cotidiano el disentildeador se enfrenta a la necesidad de dar solucioacuten a problemas de
disentildeo poniendo en juego estos dos factores Esto ha generado la disyuntiva entre forma o
funcioacuten en el disentildeo
22 Antecedentes histoacutericos de la disyuntiva forma o funcioacuten
en el arte y el disentildeo
Las ideologiacuteas con respecto a la disyuntiva de la forma y la funcioacuten en el disentildeo han sido
variadas y se han desarrollado en los diferentes campos del disentildeo Eacutestas surgen y cambian a
traveacutes de las distintas etapas de la historia La disyuntiva existe desde la antiguumledad siendo maacutes
evidente en la creacioacuten de objetos como antecedente del disentildeo industrial en el que toma auge
desde mediados del siglo XVIII con la industrializacioacuten
En la comunicacioacuten graacutefica (campo principal de intereacutes en este trabajo) la disyuntiva se hace
evidente en la eacutepoca de los romanos con el desarrollo estiliacutestico de la caligrafiacutea pero destaca con
la Revolucioacuten Industrial dada la alta produccioacuten de objetos que requieren promocioacuten
Las diferentes corrientes ideoloacutegicas estaacuten vinculadas con un momento y contexto especiacutefico en
el que se da el desarrollo del arte la tecnologiacutea la produccioacuten de objetos y toda actividad
relacionada con el disentildeo En este contexto influye el desarrollo social poliacutetico y econoacutemico de
la humanidad La influencia de todos estos factores ha propiciado una numerosa combinacioacuten de
tendencias en cuanto a lo que es la cultura en la produccioacuten del disentildeo
Este estudio se interesa en conocer lo que ha pasado en torno a los factores forma y funcioacuten
dentro del disentildeo en el transcurrir de las diferentes eacutepocas y con base en las diversas corrientes
ideoloacutegicas
44
En una breve revisioacuten del desarrollo histoacuterico del disentildeo en diferentes campos del mismo
podemos encontrar que las ideologiacuteas referentes a la preeminencia entre la forma y la funcioacuten han
estado siempre presentes dando lugar a una disyuntiva entre el componente esteacutetico y el
utilitario A continuacioacuten se presenta una siacutentesis de los fundamentos y conceptos que se
desarrollaron en algunas de las eacutepocas maacutes significativas de la historia se obvian aspectos de
indudable intereacutes sociocultural o histoacuterico y se centra en cuestiones relativas al tema del presente
trabajo como lo esteacutetico formal tecnoloacutegico o funcional
Al ser el disentildeo graacutefico una disciplina muy reciente reconocido como tal apenas en los antildeos
veinte del siglo pasado la revisioacuten en torno a las diferentes ideologiacuteas requiere de un anaacutelisis a
traveacutes de especialidades consideradas como antecedentes de eacuteste y por otras aacutereas del disentildeo La
revisioacuten se presenta siguiendo en principio un orden cronoloacutegico que es alterado soacutelo cuando la
relacioacuten directa entre algunas corrientes de expresioacuten lo hace necesario
221 Eacutepoca preindustrial
Desde su origen el ser humano ha estado vinculado a los objetos y a la creacioacuten de eacutestos para
lograr una adaptacioacuten en su entorno de vida Como parte de su evolucioacuten el hombre desarrolloacute la
capacidad de inventar formas creativas para objetos que al cubrir necesidades le permitieran la
supervivencia la creatividad es factible porque el hombre ademaacutes de racionalidad posee
tambieacuten esa afectividad que le permite captar aquello que escapa a su razoacuten (Salinas 199220)
Utilizando la creatividad el hombre se fue rodeando de objetos que le otorgaron beneficios
A partir de que las sociedades humanas dieron el paso al sedentarismo surgioacute la posibilidad de
un trabajo especializado y el dominio sobre la produccioacuten de objetos se hizo cada vez mayor ya
que los procesos y teacutecnicas se fueron mejorando
En las civilizaciones maacutes evolucionadas el trabajo especializado va permitiendo la existencia de
objetos que no estaban enfocados soacutelo a necesidades baacutesicas surgen trabajos artesanales de gran
calidad y belleza e incluso objetos de caraacutecter simboacutelico
45
Con el crecimiento de las ciudades surge una mayor demanda de objetos lo que obliga al
desarrollo tecnoloacutegico y a un mayor comercio Las agrupaciones artesanales tomaron gran fuerza
y llegaron a tener una gran influencia en las comunidades ya que sus trabajos eran muy
apreciados por los ricos y poderosos Durante el siglo XVII principalmente en Europa los
artesanos y artistas llegaron a ser ciudadanos privilegiados dado el intereacutes que los ricos
aristoacutecratas teniacutean en los productos que ellos haciacutean ya que los consideraban objetos de
refinamiento y elegancia (Heskett 200521)
El hecho que originoacute el cambio en las condiciones de privilegio que teniacutean los artesanos fue el
cambio del feudalismo al capitalismo impulsado por los comerciantes gracias a la revolucioacuten en
la teacutecnica que incrementoacute la productividad y el comercio El capitalismo se vuelve predominante
desde 1450 hasta 1690 y junto con este se da un gran desarrollo de la ciencia lo que impulsoacute
procesos maacutes efectivos en la evolucioacuten de la teacutecnica mismos que llevaron al gran desarrollo que
fue la Revolucioacuten Industrial (Salinas 199215)
222 Surgimiento de la Revolucioacuten Industrial
La Revolucioacuten Industrial tuvo origen en Inglaterra se trata de un gran avance en los procesos de
produccioacuten de objetos que se desarrolloacute entre los antildeos 1760 y 1840 propiciando cambios
econoacutemicos y sociales El avance se fundamentoacute en nuevas formas de generacioacuten de energiacutea
como la maacutequina de vapor al inicio y posteriormente el uso de la electricidad y la gasolina lo
que dio pie al desarrollo de la manufactura mecaacutenica (Meggs 1991175)
La tecnologiacutea incrementoacute la produccioacuten y disminuyoacute los costos unitarios lo que aumentoacute la
disponibilidad de productos en el mercado El trabajo que antes haciacutea un artesano que incluiacutea
desde el disentildeo hasta la produccioacuten como una unidad llegoacute a su fin El proceso se separoacute
generando especialidades en el trabajo y procesos nuevos Los nuevos meacutetodos de produccioacuten
requeriacutean tambieacuten de nuevos conceptos en las formas los artistas y artesanos no teniacutean
conocimientos respecto a las tecnologiacuteas de produccioacuten lo que limitaba su incorporacioacuten esto
originoacute que la produccioacuten se centrara en aquellos objetos que se adaptaban a los nuevos sistemas
y que lograban una funcionalidad baacutesica quedando cada vez maacutes relegado el aspecto esteacutetico
46
El progreso industrial y tecnoloacutegico fue vertiginoso y repercutioacute en el desarrollo econoacutemico y
social ―Los criacuteticos de la nueva era industrial pensaban que la civilizacioacuten estaba cambiando los
valores humanos por el intereacutes econoacutemico que la preocupacioacuten por los bienes materiales
provocaba en la gente una peacuterdida de la comunioacuten con la naturaleza y de los valores esteacuteticos y
espirituales (Meggs 1991176) Se consideraba que la industria habiacutea llegado a un exceso
afectando el bienestar social desplazaba la mano de obra y generaba desocupacioacuten Ya no
importaba la creatividad implantaacutendose una vulgarizacioacuten de los objetos
La reaccioacuten de descontento de artistas y algunos sectores de la sociedad ante la circunstancia
ocasionada por la industrializacioacuten y a la vez la necesidad por atender a la tecnologiacutea y
aprovechar los beneficios que significaba despertoacute el intereacutes por una actividad que diera
respuesta a la nueva demanda de productos con forma y utilidad praacutectica llamada disentildeo
Desde entonces se han originado movimientos ideoloacutegicos importantes y escuelas de disentildeo
cuya influencia ha sido trascendental en la orientacioacuten posterior y praacutectica del mismo (Solanas
198536) El disentildeo cobroacute importancia ya que se veiacutea como la alternativa que podriacutea integrar
funcionalidad y esteacutetica
223 La industria y la esteacutetica
A finales del siglo XIX bajo la situacioacuten de disgusto por lo que se consideraba un abuso de la
mecanizacioacuten en la creacioacuten de los productos generados durante la Revolucioacuten Industrial surgen
reacciones en contra Manifiestan desacuerdo con el predominio que tiene la maquinaria en la
produccioacuten de objetos aun a costa de dejar fuera los valores esteacuteticos y la calidad (Meggs
1991225)
Henry Cole 1845
Una de las reacciones maacutes representativas es la llevada a cabo en 1845 por el ingleacutes Henry Cole
que organiza un movimiento con la intencioacuten de acercar a la industria con el artista o disentildeador
Promueve que empresas de prestigio aceptaran la integracioacuten de disentildeadores en la planeacioacuten y
47
elaboracioacuten de sus productos tambieacuten logroacute que se instituyera un premio anual a lo mejor del
disentildeo ornamental y que se realizaran exposiciones de los productos
La intencioacuten del grupo de Cole era hacerles ver a los industriales que en la produccioacuten de los
artiacuteculos era importante la mejora en la utilidad pero tambieacuten usar formas maacutes bellas Un paso
fundamental fue llevar a cabo la primera exposicioacuten internacional de la industria en Londres en
1851 un evento de gran importancia en el que se hicieron presentes los grandes avances
tecnoloacutegicos pero tambieacuten se evidenciaba la falta de preparacioacuten en el aspecto formal o esteacutetico
de los productores que se habiacutean dejado esclavizar por la maacutequina (Salinas 199230)
El movimiento de Artes y Oficios 1880 - 1896
El Movimiento de las Artes y Oficios maacutes conocido como Arts and Crafts se desarrolloacute en
Inglaterra durante las uacuteltimas deacutecadas del siglo XIX Es considerado como una reaccioacuten contra la
Revolucioacuten Industrial los integrantes de ese movimiento aborreciacutean los artiacuteculos producidos en
masa con maacutequinas ya que consideraban que esa forma de produccioacuten era incapaz de conseguir
formas esteacuteticas Consideraban que la tecnologiacutea y la industrializacioacuten hicieron que el arte se
separara de la sociedad alcanzando una etapa criacutetica Seguacuten John Ruskins considerado como el
inspirador de la filosofiacutea de este movimiento Las consecuencias fueron eclecticismo de
modelos histoacutericos declinacioacuten de la creatividad y del disentildeo realizada por ingenieros sin
preocupacioacuten esteacutetica (en Meggs 1991226) La propuesta del movimiento estaba centrada en
revivir el trabajo manual y fomentaron la inspiracioacuten en la naturaleza y en el arte medieval Los
diferentes oficios de artesanos tomaron nuevamente auge tratando de competir con la produccioacuten
industrializada
El principal defensor del movimiento de las Artes y Oficios fue William Morris que consideraba
que la falta de gusto en los artiacuteculos de produccioacuten masiva se evitariacutea uniendo el arte y el oficio
para obtener objetos bellosRuskins fomentoacute la idea de que las cosas bellas eran valiosas y
uacutetiles precisamente porque eran bellas (Meggs 1991226) La propuesta de Morris se vio
afectada ya que al negarse a utilizar los nuevos medios de produccioacuten los productos de sus
talleres tuvieron un costo elevado que restringiacutea la posibilidad de compra esto ocasionoacute que
48
incluso en algunas de sus uacuteltimas declaraciones llegaraacute a aceptar el uso de las maacutequinas pero
seguiacutea defendiendo la importancia de tener el dominio sobre ellas
La Sociedad de Exhibicioacuten de Artes y Oficios 1884
Esta sociedad surgioacute en el antildeo 1884 y cambioacute varias veces de nombre Su presidente fue Walter
Crane y su principal enfoque era patrocinar exhibiciones En 1888 se llevoacute a cabo la primera
exhibicioacuten mostrando trabajos en tapiceriacutea disentildeo de libros y tipografiacutea Este movimiento estuvo
muy vinculado al trabajo desarrollado por el Movimiento de Artes y Oficios Esta presentacioacuten
inspiroacute a William Morris en centrar su trabajo en el disentildeo de libros tomoacute como referencia la
eacutepoca de los caracteres llamados venecianos del siglo XV y la eacutepoca de los libros incunables
realizados cuatro siglos antes (Meggs 1991 Satueacute 1990)
Su principal aportacioacuten es que abogaban por la unidad en el disentildeo Walker consideraba que
soacutelo una planeacioacuten cuidadosa de todos los aspectos - el papel la tinta el tipo el espaciamiento
los maacutergenes las ilustraciones y los ornamentos - podiacutean dar por resultado la unidad del disentildeo
(Meggs 1991230) El trabajo de Morris se basaba en la buacutesqueda de la destreza el hacer lo
utilitario hermoso con su esfuerzo inspiroacute en otros artistas el intereacutes por el disentildeo y la
produccioacuten vinculados a un compromiso social
La comunidad del Siglo 1882
Este movimiento surgioacute en Londres en 1882 encabezado por un joven arquitecto Arthur H
Mackmurdo que conocioacute a William Morris y se inspiroacute en sus ideas El grupo estaba formado por
disentildeadores y artistas su ideal era reubicar a las artes del disentildeo al lado de la escultura y la
pintura que consideraban era el lugar que les correspondiacutea (Meggs 1991228)
Sus disentildeos se basaban en formas botaacutenicas y naturales incorporaban elementos del disentildeo
renacentista y del japoneacutes Se ubica como el eslaboacuten entre el movimiento de Artes y Oficios y la
estilizacioacuten floral del Art Nouveau
49
Mackmurdo tambieacuten fue el iniciador de un movimiento conocido como el de las prensas de
propiedad privada se trataba de un intereacutes por recuperar la impresioacuten de libros bellos cuidando
la formacioacuten en el disentildeo los materiales y la calidad de impresioacuten La comunidad del siglo editoacute
en el antildeo 1884 una revista llamada El caballito de juguete era una revista dedicada a las artes
visuales El disentildeador e ilustrador Selwyn Image escribioacute un artiacuteculo en 1887 en el que
argumentaba que todas las formas de expresioacuten visual mereciacutean la condicioacuten de arte (Meggs
1991229)
Las filosofiacuteas tuvieron que ir cambiando y adaptaacutendose al imparable desarrollo tecnoloacutegico
Nuevos grupos de artistas y disentildeadores adoptaron actitudes para que el disentildeo fuera praacutectico
pero no para unir las artes y los oficios sino el arte y la industria
El Art Nouveau 1890 - 1910
Es un movimiento y estilo desarrollado entre los antildeos de 1890 y 1910 Se basa en la introduccioacuten
de elementos naturalistas principalmente elementos florales carentes de raiacuteces la vid la figura
femenina los paacutejaros con liacuteneas estilizadas con lo que dejan atraacutes los revivals17
tradicionales que
se manejaron en antildeos anteriores recientes a este movimiento ―El Art Nouveau es el estilo de
transicioacuten que se desvioacute del historicismo propiciando la innovacioacuten por lo que se convirtioacute en la
fase inicial del movimiento moderno (Meggs 1991 246)
Las formas utilizadas llegaron tanto a las artes como al disentildeo se utilizoacute en la arquitectura en
muebles en objetos en los productos graacuteficos invadioacute todos los ambientes en que se vinculaba el
hombre
En el Art Nouveau la configuracioacuten del disentildeo estaba basada y se modificaba con relacioacuten al
disentildeo del ornamento contrario a las tendencias en las que el ornamento soacutelo se coloca sobre la
superficie Esto determinaba un principio nuevo del disentildeo la decoracioacuten la estructura y la
17
En el siglo XIX surgioacute un eclecticismo dentro de las creaciones artiacutesticas y un gran nuacutemero de artistas buscaron su
inspiracioacuten en estilos del pasado principalmente de los siglos XIV y XV
50
funcioacuten propuesta estaacuten unificadas (Meggs 1991247) A pesar de centrarse en el ornamento y
tener un alto nivel de complejidad formal mantuvo un orden visual en la composicioacuten
Se considera que la eacutepoca propicioacute la reivindicacioacuten de valores tanto espirituales como esteacuteticos
buscando que el arte formara parte de la vida cotidiana mediante los objetos Aunque se trata de
un movimiento formalista aceptaba de manera incondicional la intervencioacuten de la maacutequina
(Solanas 198536) No teniacutean la intencioacuten de desacreditar la produccioacuten mecaacutenica pero
defendiacutean la participacioacuten del artista en la eleccioacuten de materiales y en la creacioacuten de modelos
Los objetos del Art Nouveau al inicio eran principalmente de edicioacuten limitada pero ante la
demanda los fabricantes empezaron a producir maacutes objetos lo que ocasionoacute producciones de
calidad maacutes baja en buacutesqueda de un costo menor La principal herencia del Art Nouveau hacia el
siglo XX fue la consideracioacuten de los materiales los procesos y los valores de integracioacuten
mediante la utilizacioacuten de procesos industriales
Separatismo Vieneacutes 1903
Movimiento desarrollado en Francia y Alemania llegoacute a ser el movimiento contrario al Art
Nouveau se inspiroacute en la escuela de Glasgow que se basaba en la evolucioacuten del Art Nouveau
curviliacuteneo y floral a una fase rectiliacutenea La influencia floral ya se habiacutea agotado para el antildeo 1898
y los artistas se inclinaron a figuras planas y maacutes simples se trabajoacute mucho con modelos
geomeacutetricos y de composicioacuten modular aunque todaviacutea se conservaba una cualidad orgaacutenica
(Satueacute 1990110)
En el antildeo 1903 se fundaron los Talleres de Viena (Wiener Werkstaumltte) el objetivo de su creacioacuten
era ofrecer una alternativa basada en las artes aplicadas para la nueva produccioacuten de artiacuteculos
que ellos consideraban mal disentildeados o aquellos que se habiacutean centrado en el historicismo La
funcioacuten la bondad en los materiales y las proporciones armoniosas constituiacutean importantes
preocupaciones La decoracioacuten se usaba solamente cuando serviacutea a estas metas y no las violaba
Meggs (1991290)
51
224 La revolucioacuten de las concepciones de forma y funcioacuten
Los inicios del siglo XX es considerada una eacutepoca de importante transicioacuten en diversos aspectos
para las sociedades occidentales Las monarquiacuteas son remplazadas por la democracia surge el
socialismo se desatan la Primera Guerra Mundial (1914-1919) y la Segunda (1939-1945) se
manifiestan grandes avances tecnoloacutegicos como el automoacutevil las comunicaciones por radio
inalaacutembrica y el cinematoacutegrafo Los avances cientiacuteficos y tecnoloacutegicos transformaron el
comercio y la industria las artes visuales experimentaron revoluciones creativas basadas en el
cuestionamiento de su funcioacuten social vieacutendose influenciadas por las teoriacuteas psicoanalistas y las
nuevas teacutecnicas y materiales todo esto generoacute influencias en el disentildeo y en la forma de
interpretar su labor
Bajo las condiciones de esa eacutepoca surgen nuevos movimientos con ideas consideradas
vanguardistas se continuaba condenando la fealdad y la vulgaridad de los objetos teacutecnicos pero
no de la misma manera no en nombre de un paraiacuteso perdido ya no se haciacutean referencias al
pasado ya no se glorificaba una supuesta era idiacutelica o una naturaleza no profanada por la
maacutequina (Maldonado 1977135) En estos nuevos movimientos se aceptaban los beneficios que
propiciaba la industria y se buscaba sumar el arte a la produccioacuten
Movimiento de Artes Aplicadas 1920
Este movimiento se fundamenta en la conviccioacuten del gran poder que podiacutea tener el arte frente a la
industria no busca separarlos o enfrentarlos sino unirlos incluso se aceptaba a la produccioacuten
industrial como una posible fuente de belleza defendiacutean la integracioacuten del arte a la industria y el
control de los materiales y los procesos Fueron bastantes los artistas disentildeadores que entraron
en contacto con la produccioacuten industrial (Solanas 198536) Se consideraba que la integracioacuten
de tecnologiacutea y arte podiacutea significar una transformacioacuten en la sociedad algo que era tan necesario
despueacutes de haber pasado por una guerra mundial
Con base en el movimiento denominado como Artes Aplicadas se generaron dos corrientes Una
de eacutestas argumentaba que el problema de la mala calidad esteacutetica en los objetos industriales se
52
debiacutea a la arbitrariedad de los elementos artiacutesticos aplicados y sosteniacutea que bastaba con sustituir
los ornamentos naturalistas procedentes de los talleres de Wiener sezession o del Art Nouveau
(Maldonado 1977135) La otra corriente promoviacutea una ruptura con las influencias del arte
decorativo y con el pensamiento tradicional consideraban que no bastaba con antildeadir arte a los
objetos industriales Para fines de la Primera Guerra Mundial los disentildeadores graacuteficos los
arquitectos y los disentildeadores de productos comenzaron a desafiar eneacutergicamente las ideas
prevalecientes acerca de la forma y la funcioacuten (Meggs 1991341)
La influencia de las vanguardias artiacutesticas
A los movimientos artiacutesticos surgidos principalmente durante la primera mitad del siglo XX se
les conoce como vanguardias artiacutesticas Se basan en la creacioacuten de nuevas formas simplificadas
en la consideracioacuten de los conceptos simboacutelicos el eacutenfasis en la organizacioacuten visual la buacutesqueda
de una nueva forma de expresar que transgrediacutea las formas tradicionales Tambieacuten se le conocioacute
como arte de ruptura donde la forma de cada movimiento era cuestionada y propuesta la antiacutetesis
al respecto (Meggs 1991 Satueacute 1990 Prette y De Giorgis 2004)
Cubismo 1907
El cubismo crea una nueva forma de expresioacuten rompe con la influencia renacentista del arte
pictoacuterico se expresa a traveacutes de la abstraccioacuten de las figuras en planos geomeacutetricos Con los antildeos
el cubismo se desarrolloacute hasta llegar a una versioacuten llamada cubismo sinteacutetico se basaba en la
representacioacuten de la esencia de un objeto maacutes que en su apariencia exterior Se expresaba contra
las formas convencionales de la pintura por otra forma alterna (Meggs 1991302 Prette y De
Giorgis 2004198)
Futurismo 1909
Se funda en Pariacutes con la difusioacuten de un manifiesto Surge como un movimiento revolucionario en
las artes en el manifiesto declaraban amor al peligro a la violencia a la intrepidez pasioacuten por la
era de las maacutequinas enalteciacutean la agresioacuten como parte fundamental en la obra de arte y a la
53
velocidad como un atributo de belleza Intentan demostrar que lo que se consideraba la belleza
precaria de la maacutequina era superior a la belleza arqueoloacutegica esteacutetica y eterna de los museos
(Meggs 1991303)
Dadaiacutesmo 1916
Surgioacute en Suiza entre un grupo de artistas que se rebelaron contra los horrores de la Guerra
Mundial contra un mundo que a su parecer se habiacutea vuelto loco con una fe ciega en el progreso
tecnoloacutegico
Buscaban la libertad total la arbitrariedad rechazaban la tradicioacuten y a pesar de que ellos
buscaban burlarse de una sociedad loca y no pretendiacutean hacer arte enriquecieron en gran medida
el vocabulario visual Lo que ellos buscaban era provocar no ser comprendidos (Prette y De
Giorgis 2004216)
Surrealismo 1924
Surge en Pariacutes tiene raiacuteces en el dadaiacutesmo La base para sus creaciones era la magia del mundo
de los suentildeos el mundo de lo inconsciente la expresioacuten de la fantasiacutea rechazaban el
racionalismo manifestaban que lo importante era la expresioacuten del pensamiento alejado de
cualquier control ya sea ejercido por la esteacutetica o por razones morales
Buscaban la liberacioacuten de la humanidad de las convenciones sociales y morales dejando en
libertad a la intuicioacuten y al sentimiento Aunque muchas de sus imaacutegenes eran creadas como una
interpretacioacuten muy personal provocaron una respuesta universal basada en el sentimiento
siacutembolos o fantasiacuteas de las mismas (Meggs 1991314 Prette y De Giorgis 2004220)
Estos movimientos artiacutesticos proponiacutean romper con las formas que les antecediacutean bajo
argumentos como la critica a la situacioacuten social imperante cumpliendo asiacute una funcioacuten social y la
funcioacuten esteacutetica se manteniacutea
54
El Deutscher Werkbund 1907
El Deutscher Werkbund era una Asociacioacuten Artesanal Alemana su finalidad era la alta calidad en
el trabajo industrial El objetivo de la asociacioacuten era el ennoblecimiento del trabajo artesanal en
conjuncioacuten con el arte la industria y los oficios a traveacutes de la educacioacuten la propaganda y una
soacutelida posicioacuten ante los problemas cruciales (Solanas 198537)
Existiacutea una divisioacuten estiliacutestica entre los arquitectos alemanes en la que se contraponiacutean los que
defendiacutean el principio puramente funcional de sus disentildeos y los que defendiacutean la creacioacuten
artiacutestica basada en nuevas formas como soluciones a nuevos problemas Al primer grupo
perteneciacutean arquitectos como Behrens Muthesius Mies van der Rohe y Gropius y al segundo
grupo perteneciacutean Poelzing Berg Stoffregen Muthesius fundoacute el Deutscher Werkbund con el
afaacuten de defender su filosofiacutea estaba convencido que la industria de su paiacutes se debiacutea enfocar en la
utilidad crear productos praacutecticos de formas simples sin adornos basados en la tipificacioacuten Se
empezoacute a hablar de la forma alemana sus ambiciones crecieron y pretendiacutean llenar al mundo
con sus productos (Salinas 199288)
Peter Behrens y Allgemeine Elektricitats Gesellschaft (AEG) 1907
Behrens estudioacute en la escuela de Bellas Artes y desarrolloacute su actividad en diversos campos del
disentildeo como edificios muebles graacuteficos y tejidos Su trabajo fue muy importante para lograr la
transicioacuten que se dio de las artes decorativas y florales del siglo XIX a las formas baacutesicas y
funcionales del siglo XX
En el antildeo 1907 Behrens entra en la firma AEG su actividad incluiacutea todas las aacutereas del disentildeo
tales como planificacioacuten coordinacioacuten disentildeo de productos publicidad y construccioacuten graacutefica
de marcas y firmas Es considerado el primer disentildeador industrial asiacute nominado Colabora en la
definicioacuten de una postura racionalista en la construccioacuten de la forma de los productos
industriales se centroacute en disentildeos carentes de ornamentos Consideraba que la belleza formal se
desprendiacutea de la comodidad enalteciacutea la proporcioacuten y tomaba el arte claacutesico como referencia
(Meggs 1991 293 Solanas 198536)
55
De Stijl 1917
Es un movimiento de origen holandeacutes fundado por Theo Van Doesburg Proclamaba la
construccioacuten de la forma exenta de ornamentaciones e incluso manifestaba la grandeza de
nuestra eacutepoca estaacute en la incapacidad de crear un nuevo estilo ornamental (Solanas 198537)
Utilizaban un restringido vocabulario visual pretendiacutean la expresioacuten de la armoniacutea y la estructura
matemaacutetica del universo y de la naturaleza
Consideraban que las apariencias externas de los objetos ocultan su verdadero valor sosteniacutean
que la belleza se basa en la pureza de la obra Asiacute la depuracioacuten en el arte de la representacioacuten
del mundo natural de la dependencia de valores externos y de los caprichos subjetivos del
individuo se volvioacute de primer orden (Meggs 1991354) La composicioacuten formal se basaba en
elementos baacutesicos la liacutenea horizontal y vertical los tres colores primarios el blanco el negro y
gris Sosteniacutean que los objetos cotidianos producto del arte aplicado podiacutean ser elevados al nivel
del arte puro lo que lograriacutea permear en la sociedad
El Vkhutemas 1920
Fue una institucioacuten fundada en la Unioacuten Sovieacutetica surge en un contexto en el que urgiacutea la
reconstruccioacuten despueacutes de la destruccioacuten ocasionada por la revolucioacuten Se trataba de los Talleres
Superiores Artiacutesticos y Teacutecnicos del Estado se trataba de establecer una unioacuten entre el arte y la
teacutecnica pues la situacioacuten en ese momento manifestaba respecto a los ingenieros son
conservadores en el aspecto esteacutetico cuando no ignorantes Como resultado entre la forma y el
cometido del objeto existe una contradiccioacuten sorprendente (Aratov en Salinas 1992124)
Los estudios se basaban en los meacutetodos del pensamiento analiacutetico en la siacutentesis de la forma la
composicioacuten y en el estudio de los materiales Buscaban formar ingenieros disentildeadores que
lograran integrar de una mejor forma el arte y la teacutecnica Dentro del grupo de maestros que
formaban parte de los talleres se encontraban artistas pertenecientes al Suprematismo y al
Constructivismo rusos La tendencia en el programa de los talleres se enfocoacute a la creacioacuten
polifuncional tomando como fundamentos la economiacutea el orden y la belleza con base en
56
elementos estandarizados e intercambiables con una carencia total de ornamentos (Salinas
1992125)
El Suprematismo ruso 1910
En Rusia Kasimir Malevich fundoacute un estilo llamado Suprematismo una de las corrientes maacutes
audaces del arte abstracto basado en formas baacutesicas y de color puro a la que pertenecioacute Vassily
Kandinsky Los artistas del Suprematismo se oponiacutean al arte conservador y al viejo orden que
representaba los valores de la Rusia zarista (Satueacute 1990150)
Defendiacutean que el arte debiacutea de estar separado de las necesidades utilitarias y concentrarse en una
actividad espiritual Rechazaba tanto la funcioacuten utilitaria como la representacioacuten graacutefica ya
quebuscaba la expresioacuten suprema del sentimiento sin buscar valores praacutecticos ni ideas ni la
tierra prometida (Meggs 1991343) Consideraban que debiacutea ponerse atencioacuten a la forma y a su
accioacuten sobre la psique humana
El Constructivismo ruso 1920
En el antildeo 1920 surge una divisioacuten ideoloacutegica de lo que en un inicio fue el Suprematismo Esta se
basaba en el cuestionamiento de la funcioacuten del artista Artistas como Vladimir Tatlin y Alexander
Rodchenko proponiacutean a sus colegas dejar de producir cosas inuacutetiles centrarse en el disentildeo
industrial y la comunicacioacuten visual Consideraban que esto era un verdadero servicio a la
sociedad defendiacutean su trabajo por la capacidad de trasladarlo a la aplicacioacuten praacutectica
Uno de los artistas maacutes destacados del constructivismo fue Lissitzky quien consideraba que el
comunismo y la ingenieriacutea social creariacutean un orden nuevo la tecnologiacutea proveeriacutea las
necesidades de la sociedad y el artistadisentildeador forjariacutea una unidad entre el arte y la tecnologiacutea
al construir un mundo nuevo de objetos (Meggs 1991343) Lissitzky fue a vivir a Berliacuten
punto de reunioacuten para representantes de las diferentes tendencias artiacutesticas dadaiacutesmo
constructivismo De Stijl y Bauhaus lo que permitioacute una relacioacuten entre la Bauhaus y el Vkutemas
57
dos escuelas creadas en eacutepocas y circunstancias parecidas y que forjaron las bases de lo que
posteriormente seriacutea la ensentildeanza del disentildeo
Disentildeo graacutefico alemaacuten de los antildeos 20s
La situacioacuten generada despueacutes de la derrota en la primera Guerra Mundial permitioacute la inclusioacuten
de grandes agencias americanas en la publicidad Para el disentildeo de marcas y publicidad se
aplicaron las nuevas formas geomeacutetricas y abstractas que las vanguardias artiacutesticas habiacutean
propuesto generando nuevos lenguajes formales Desde la perspectiva de Satueacute (1990170) En la
debatida dicotomiacutea funcioacuten ndash forma que introdujo ya el Werkbund Institut como nueva mecaacutenica
disciplinar la deacutecada de los 20 integra ese lenguaje moderno (de formas escuetamente
geomeacutetricas y colores primarios) desde una concepcioacuten racionalista
Se implantoacute un estilo claramente teacutecnico y racionalista Se considera como elemento de
dependencia para el disentildeo a la teacutecnica de impresioacuten con lo cual la maacutequina sujeto conflictivo
en el debate teoacuterico del siglo anterior se convierte en los antildeos veinte en paraacutemetro obligado de
las formulaciones de la vanguardia racionalista en el campo del disentildeo graacutefico (Satueacute
1990181)
La Bauhaus 1919
Fue una escuela de disentildeo fundada en Weimar Alemania con la fusioacuten de la academia de Bellas
Artes y la escuela de Artes Aplicadas Inicioacute bajo la direccioacuten de Walter Gropius La idea era
expresar el arte a traveacutes de la produccioacuten industrial para transformar a la sociedad Declaraban
que se requeriacutea de una integracioacuten entre el artista y el artesano que todos los artistas debiacutean dejar
de lado actitudes clasistas y dedicarse a la artesaniacutea El aprendizaje se basaba en talleres mediante
la praacutectica
La postura inicial fue variando la produccioacuten manual ya no era la de mayor importancia seguiacutea
conservando el intereacutes por los materiales Ya en 1923 la Bauhaus mostrariacutea cierto intereacutes en la
produccioacuten mecaacutenica y en los problemas de disentildeo vinculados con este tipo de produccioacuten
58
(Banham 1985281) El cambio se fundamento en la objetividad teacutecnica y en conseguir el
maacuteximo efecto con el miacutenimo esfuerzo lo que llevoacute al uso de formas geomeacutetricas y abstractas
Gropius propuso el concepto de forma concebida como unidad orgaacutenica que en 1925 definioacute
como posibilidad de crear un objeto bello basaacutendose en el dominio absoluto de todos los
factores econoacutemicos teacutecnicos y formales de los que el objeto creado debiacutea ser el resultado y no
guarnecieacutendolo exteriormente con ornamentos decorativos (Maldonado 1977137)
Surge una nueva esteacutetica en los planteamientos de la escuela basada en severas formas de
composicioacuten formal al disentildeo graacutefico no lo consideraba como un factor de aplicacioacuten comercial
sino como una expresioacuten encaminada a un espiacuteritu racional
La Bauhaus generalmente es sentildealada como una escuela con una tendencia funcionalista sin
embargo esta tendencia surge en 1923 despueacutes de cuatro antildeos de su apertura esto se debe a que
la postura de Gropius iniciador de la Bauhaus distaba sobremanera de ser tan materialista o
funcionalista como habitualmente se lo considera maacutes auacuten la Bauhaus no atravesoacute por ninguna
fase funcionalista hasta que ocupoacute su direccioacuten Hanes Meyer (Banham 198586) Meyer se
convierte en el director de 1928 a 1930 tres antildeos antes del cierre de la escuela en 1933
Estilo Internacional 1920-1930
Durante los antildeos de 1920 a 1930 Alemania se convirtioacute en un punto en el que coincidiacutean
representantes de las diversas tendencias artiacutesticas y de disentildeo la Bauhaus De Stijl el
Vkhutemas esta confluencia empezoacute a dar lugar al nuevo Estilo Internacional o Movimiento
Moderno se basaba en la integracioacuten de la funcioacuten y la tecnologiacutea
Revaloriza la funcioacuten sobre la forma artiacutestica la forma es despojada de todo su ornato y se busca
la pureza elemental soacutelo en cuanto hace relacioacuten a la funcioacuten y a los procesos de produccioacuten
mecaacutenica (Solanas 198537) Muchos de los seguidores del estilo internacional adoptaron una
esteacutetica funcionalista otros en cambio desarrollaron una pureza esteacutetica que promoviacutea un mayor
universalismo en la arquitectura y el disentildeo
59
El Fordismo 1907-1923
Se trata de un caso especiacuteficamente relacionado con la produccioacuten de automoacuteviles La produccioacuten
se basoacute durante varios antildeos en un uacutenico modelo ya que Ford sosteniacutea que mediante la produccioacuten
en serie abaratando costos y produciendo una gran nuacutemero de autos lograriacutea cubrir todas las
necesidades En los inicios representoacute un gran eacutexito econoacutemico se vendioacute muy bien el automoacutevil
cuya construccioacuten se basaba en la normalizacioacuten y racionalizacioacuten y del que su forma y color
nunca varioacute
En contraste Alfred P Sloan en 1923 nombrado Presidente de la General Motors promovioacute la
idea de generar variedad en el producto tomando como base algunos componentes para
aprovechar la produccioacuten masiva pero daacutendoles una apariencia diferente para acceder a
compradores de distintos tipos y con distintos gustos Aplicoacute una gran variedad en los colores de
los autos ofrecioacute diversos motores equipos y modelos La promocioacuten se apoyoacute fuertemente en la
publicidad y las ventas fueron sorprendentes se habiacutea logrado atraer al comprador gracias al
atractivo de la apariencia formal (Salinas 1992128)
El Styling 1930
Fue una filosofiacutea industrial que surge hacia el antildeo 1930 en Estados Unidos se caracterizaba
porque la competitividad de un producto en el mercado dependiacutea principalmente de la forma del
mismo Su venta se debiacutea al poder de atraccioacuten que lograra tener sobre el consumidor La
tendencia de produccioacuten se enfocoacute en productos ya creados con anterioridad para los que se
teniacutean las liacuteneas de produccioacuten y soacutelo se cambiaba el exterior lo que significaba muy poca
inversioacuten pero que los haciacutea atractivos
Durante la eacutepoca del Styling se publicoacute un folleto de General Motors en 1955 que conteniacutea la
frase la creatividad es la facultad de materializar la belleza misma que reflejaba la visioacuten del
movimiento (Salinas 1992130)
60
Un grupo de disentildeadores que siguen la propuesta del Styling se inspiran en la velocidad siacutembolo
del avance en el desarrollo de los transportes y la representan mediante formas curvas estilizadas
generando un estilo denominado como Aerodinaacutemico muy difundido en estados Unidos
durante los antildeos treinta y cuarenta Era un disentildeo de estilo o estilizante sin consideracioacuten de los
requisitos primarios (Solanas 198523)
En los antildeos cincuenta la creatividad que era un punto a favor del Styling fue desapareciendo y la
produccioacuten de objetos se haciacutea soacutelo con base en seguir la moda del momento y continuar
apoyando a un sistema comercial y consumista
Art Decoacute 1920-1940
Este es un teacutermino acuntildeado en los antildeos 60s en una muestra retrospectiva llevada a cabo en Pariacutes
en 1966 se utilizoacute para referirse a los estilos artiacutesticos que surgieron entre las dos guerras
mundiales (1920-1940) Eacutepoca de una gran sensibilidad esteacutetica en realidad este no es un estilo
en siacute mismo ya que las fuentes de inspiracioacuten de esta eacutepoca eran muy variadas por un lado
tomando como modelo formas procedentes de los ballets rusos de las culturas egipcias mayas o
aztecas y por otro lado un gran contraste con el uso de formas geomeacutetricas simples de las
tendencias que luchaban por el funcionalismo
Una caracteriacutestica de esta eacutepoca es que el estilo se manifestaba en todo tipo de productos
mobiliario publicaciones pintura escultura arquitectura Algunos ejemplos de movimientos que
han quedado englobados con este nombre son LEsprit Nouveau de Le Corbusier la Bauhaus
el Aerodinamismo el Stream Line Camp de Chicago (Meggs 1991338)
Funcionalismo 1930-1940
El funcionalismo tuvo sus inicios antes de la Segunda Guerra Mundial principalmente en
Alemania Italia y Suecia En realidad el funcionalismo fue una tendencia que se generoacute poco a
poco y en la que tuvieron influencia varios movimientos desde el inicio del siglo partiendo de
61
ideas como atender maacutes a la funcioacuten que a la forma sintetizar la expresioacuten formal e incluso
atender maacutes a la teacutecnica de produccioacuten
El disentildeo de automoacuteviles se considera un ejemplo representativo en 1936 por encargo del
reacutegimen nazi el ingeniero-disentildeador Ferdinand Porsche disentildeoacute un automoacutevil que teniacutea las
caracteriacutesticas de ser muy econoacutemico y eficaz el Volkswagen (automoacutevil del pueblo) lo que a
fin de cuentas fue un triunfo de la funcioacuten sobre el estilo en lo referente al aspecto (Salinas
1992155) Surge una nueva forma de ver el disentildeo las formas se crean de acuerdo a la funcioacuten y
se une la tecnologiacutea con la calidad En Arquitectura toma actualidad la frase acuntildeada en 1896 por
el Norteamericano Louis Sullivan form follows function
Fin de la Segunda Guerra Mundial 1939-1945
Una vez terminada la Segunda Guerra Mundial inicioacute una eacutepoca de emigracioacuten de artistas y
disentildeadores de Alemania Rusia y de toda Europa a Estados Unidos que se tuvieron que adaptar a
un cambio de lenguaje de doctrina y a simplificar el denso bagaje intelectual que traiacutean de su
patria para adaptarse a la tendencia comercial de Estados Unidos
Los emigrantes fueron muy bien aceptados dada su gran profesionalidad y la demanda de
foacutermulas de venta que requeriacutea el comercio de Estados Unidos inmerso en un sistema
publicitario Se propicioacute un gran desarrollo y originalidad de la fotografiacutea la ilustracioacuten y el
disentildeo a nivel comercial
225 El desarrollo del disentildeo en la postguerra
La segunda mitad del siglo XX es la eacutepoca cercana al fin de la Segunda Guerra Mundial lo que
implica grandes necesidades principalmente en los paiacuteses devastados por la guerra y por otro
lado una situacioacuten de influencia de Estados Unidos en diversas partes del mundo
62
Escuela de Ulm el Nuevo Estilo Alemaacuten 1955-1968
Fue en1955 que se funda la Escuela superior de disentildeo (Hochschule fuumlr Gestaltung) (HfG) en la
ciudad de Ulm El primer director fue el arquitecto Max Bill ex alumno de la Bauhaus
reconocido por la difusioacuten del movimiento Gute Form (Buena Forma) que pugnaba por el uso de
las formas bellas pero aunadas a la funcioacuten de lo producido Fue sustituido como director por
Tomaacutes Maldonado que se enfocoacute en eliminar toda tendencia esteacutetico-formal e incluyoacute como
temaacuteticas de estudio la bioacutenica la ergonomiacutea y la metodologiacutea buscaba la unioacuten entre el disentildeo y
la ciencia Los principios del disentildeo en la HfG consistiacutean en el orden de los componentes baacutesicos
en la eliminacioacuten de todo lo innecesario y se basaban en una fuerte conciencia social
Uno de los maestros fundadores fue Otl Aicher que pone las bases para el establecimiento de un
Nuevo Estilo Alemaacuten basado en normas metodoloacutegicas rigurosas de una gran formalidad A
pesar de que fue un meacutetodo muy bien recibido quedan dudas de la adecuacioacuten del meacutetodo a toda
expresioacuten graacutefica La rigurosa obediencia a la norma implica como contrapartida a tan inflexible
disciplina un inevitable porcentaje de soluciones dudosas en las que el principio linguumliacutestico de la
forma o del signo se resienten de un patroacuten estructural tan riacutegido (Satueacute 1990320)
El Disentildeo Suizo 1945
Suiza fue un paiacutes que no se involucroacute en ninguna de las dos guerras mundiales esto le permitioacute
retomar los movimientos culturales de Alemania y de manera especial la estructura pedagoacutegica y
metodoloacutegica de la Bauhaus Los responsables del disentildeo Suizo baacutesicamente son de formacioacuten
extranjera Destaca el trabajo llevado a cabo en las escuelas de Artes y Oficios de Basilea y de
Zurich Las grandes empresas de Suiza apoyan el desarrollo del disentildeo graacutefico y se convierte en
un objeto mercantil muy solicitado en algunos mercados internacionales Se fundamentoacute en la
normalizacioacuten y en una planificada proyeccioacuten compositiva basada en el orden y la claridad lo
que lo ha llevado a ser considerado un modelo universal (Meggs 1991422)
63
El Estilo Americano
Despueacutes de la Segunda Guerra Mundial (1945) Estados Unidos se convirtioacute en la primera
potencia mundial del disentildeo graacutefico dado el crecimiento e influencia econoacutemica del que gozoacute
las empresas queriacutean construirse una imagen de identidad global para vender al consumidor no
soacutelo un producto sino incluso una experiencia El disentildeo se enfoca como una actividad de
planificacioacuten que aborda problemas que van maacutes allaacute de la forma o la publicidad se trata de una
estrategia en conjunto
Paul Rand es reconocido como el maacutes eminente disentildeador graacutefico de esta eacutepoca La descripcioacuten
que hace del trabajo de disentildeo dice asiacute Las comunicaciones visuales de cualquier clase ya sean
persuasivas o informativas deberiacutean contemplarse como una nueva encarnacioacuten de forma y
funcioacuten como la integracioacuten de lo bello y lo uacutetil (en Satueacute 1990268)
Al paso del tiempo la inclusioacuten de metodologiacuteas basadas en psicologiacutea sociologiacutea y encuestas de
mercado van reduciendo el campo creativo el contenido siempre es el mismo y en lo formal
nunca van maacutes allaacute del lenguaje y coacutedigos ya aceptados
Disentildeo de los antildeos sesentas 1960
En los antildeos sesenta se dio un cambio en el mercado estadounidense debido a que los usuarios se
decepcionaban cuando al comprar un producto por su forma no satisfaciacutea adecuadamente sus
necesidades prestan mayor atencioacuten a la calidad entonces el mercado se empezoacute a llenar de
productos importados que compiten con la produccioacuten del paiacutes disminuyendo las ventas Lo que
obliga a los productores a poner atencioacuten a la funcioacuten y a la calidad
Se establece una diferencia entre las empresas centradas en la publicidad y los despachos que
estaacuten a cargo de disentildeadores de prestigio En 1964 se reunioacute un grupo de disentildeadores que publicoacute
un manifiesto llamado Lo primero es lo primero criticaba el disentildeo en serie que por basarse en
un enfoque consumista careciacutea de valor Se invitaba a los disentildeadores a cambiar de enfoque y
engrandecer la capacidad expresiva del disentildeo (Newark 200244)
64
Neodadaismo (LObject) 1950-1960
El movimiento Neodadaacute o neodadaiacutesmo surge a finales de los antildeos 50 y principios de los 60
como reaccioacuten al arte del expresionismo abstracto su trabajo se expresaba a traveacutes de productos
extraiacutedos de la vida cotidiana y con los que formaban estructuras artiacutesticas El movimiento estaba
en contra de la sociedad capitalista consumismo obsesioacuten por la imagen ser el espectador y no
un participante las seudo necesidades la superficialidad Se criticaba que muchos de los objetos
que se realizaban estaban basados soacutelo en las exigencias de la moda y que los objetos careciacutean de
elegancia y originalidad que faltaba un criterio artiacutestico
Era una eacutepoca en la que se criticaba la produccioacuten de objetos esteacuteticamente desagradables y
sobre todo en los cuales los disentildeadores habiacutean colaborado Los neodadaiacutestas proclamaban la
idea de que el arte debiacutea volver a los objetos aun maacutes que el objeto fuera un objeto de arte
Existiacutea una gran oposicioacuten entre los artistas y los disentildeadores (Wikipedia 2010)
Pop Art 1954
En contraposicioacuten a la explotacioacuten del uso de la fotografiacutea en las agencias americanas de
publicidad surge un grupo de disentildeadores de los cuales el maacutes destacado es el taller Pus Pin
Studios fundado en 1954 por Milton Glaser Seymour Chwast Edward Sorel y Reynold Ruffins
su trabajo se centra en la ilustracioacuten lo que dio la sensacioacuten de regresar a una praacutectica artesanal
Este grupo dio origen al Pop Art que buscaba un planteamiento menos riacutegido que el buen
disentildeo de los antildeos cincuenta El disentildeo Pop era muy estilizado buscaba el efecto inmediato
Contrarrestoacute el sobrio dictado menos es maacutes del movimiento moderno
Este trabajo se realizoacute dirigido a otro tipo de consumidor distinto al que se enfocaba la publicidad
tradicional se buscaba a traveacutes de eacuteste ofrecer como alimento comercial editorial y
publicitario el patrimonio artiacutestico y claacutesico (desde el Renacimiento al Surrealismo) en una
traduccioacuten nueva resumida y claramente populista (Satueacute 1990284)
65
Posmodernismo 1960
Sus inicios se encuentran en los antildeos sesentas se trata de poner distancia con los movimientos
que establecieron en el disentildeo el uso de composicioacuten basadas en figuras geomeacutetricas simples Se
basa en el uso de formas generalmente arbitrarias con una aplicacioacuten de abundantes variedades
es un rompimiento con la sobriedad Los defensores del posmodernismo argumentaban que la
utilizacioacuten del movimiento moderno de la abstraccioacuten geomeacutetrica habiacutea deshumanizado al
disentildeo dado que en eacuteste primaba el funcionalismo y el racionalismo negando el simbolismo
Rescata elementos como las referencias histoacutericas la decoracioacuten y lo alusivo a las tradiciones
Los principios de esta tendencia se sustentan en el valor de la parte semaacutentica del producto se
afirma que el significado de un disentildeo es maacutes importante que ninguacuten objetivo praacutectico (Heskett
200533) Se basa en una forma de expresioacuten intuitiva espontaacutenea subjetiva y exceacutentrica
Minimalismo 1960
El minimalismo es una tendencia de disentildeo que tuvo su apogeo entre los antildeos 60s y 80s Los
principios de composicioacuten se basan en reducir al maacuteximo los elementos artiacutesticos los voluacutemenes
y formas en escultura Se origina como una respuesta a la sobre saturacioacuten de elementos que
caracterizoacute al Pop Art
El lema del movimiento fue Menos es mas Su intencioacuten era evitar el uso de elementos
superfluos en sus composiciones Se poniacutea un mayor eacutenfasis en lo que cada elemento podiacutea
comunicar dentro de una composicioacuten de manera individual Todaviacutea en la actualidad el
minimalismo toma auge y ha sido muy utilizado en el disentildeo de espacios interiores (Wikipedia
2010 sp)
Postmodernidad 1970
La deacutecada de los ochenta la crisis de interpretacioacuten artiacutestica es muy evidente los artistas ya no
proclaman manifiestos y las vanguardias en el arte han desaparecido por tanto se habla de crisis
66
de la modernidad Los teacuterminos de cultura artiacutestica posmoderna postvanguardia parecen
anunciar una nueva sensibilidad acontecida por el fin de la guerra friacutea el derrumbamiento del
reacutegimen sovieacutetico la caiacuteda del muro de Berliacuten (1989) dando inicio a una nueva era la era de la
globalizacioacuten y el Neoliberalismo
Se basa en la revalorizacioacuten de la naturaleza que se mezcla con la compulsioacuten al consumo Los
medios y el marketing se convierten en centros de poder ya no importa el contenido del mensaje
sino la forma que es transmitido los medios masivos de comunicacioacuten tienen un gran poder Fue
a finales de los 70 y principios de los 80 cuando surgioacute el disentildeo posmodernista sus impulsores y
maacuteximo exponente fue el grupo Memphis
Grupo Memphis 1980
Organizado por Ettore Sottsass que reunioacute a algunos disentildeadores famosos para formar un grupo
de disentildeo colaborativo Es un movimiento contra los disentildeos minimalistas de los antildeos setentas
considerados herencia de la Bauhaus que eran faltos de individualidad La inspiracioacuten del
movimiento se nutriacutea de otros movimientos como Art Deco Pop Art y el Kitsch o temas
futuriacutesticos Sus conceptos estaban riacutegidamente en contraposicioacuten con el supuesto Good Design
o Buen Disentildeo (Wikipedia 2010 sp)
El grupo Memphis disentildeoacute piezas brillantes coloridas e impactantes se basaba en una mezcla de
estilos colores y materiales del siglo XX Buscaban romper con lo convencional al parecer de
muchos estos disentildeos no se podiacutean describir por basarse en el buen gusto el trabajo del grupo
fue considerado como superficial y tras su cierre en 1988 el minimalismo volvioacute a tomar fuerza
Disentildeo Digital
Esta tendencia nace de la posibilidad de uso de las computadoras personales en los antildeos ochenta
principalmente con los programas de manejo de imagen y los sistemas de autoedicioacuten en 1984
Se abren nuevas posibilidades de aplicacioacuten del disentildeo pero tambieacuten nuevas alternativas de
67
manejo de los componentes visuales y obliga a nuevas praacutecticas en el proceso Al inicio las
limitaciones de las computadoras causaron complicaciones para el desarrollo de los disentildeos pero
posteriormente esas mismas limitaciones fueron fuente de creativas construcciones visuales
La aparicioacuten de las computadoras personales como tecnologiacutea tuvo una gran influencia en el
enfoque del disentildeo como nuevas formas de llevar el proceso pero tambieacuten como fuentes de
inspiracioacuten por las nuevas caracteriacutesticas que podiacutean imprimir a los elementos visuales Se
incrementa la produccioacuten de productos para pequentildeos nichos de mercado y los productos
personalizados
Hipermodernidad
La sociedad hipermoderna que se caracteriza por la fluidez el movimiento y la flexibilidad y se
distancia de los principios que estructuraron la modernidad ―Esta sociedad seguacuten Lipovetsky es
una segunda modernidad desreglamentada y globalizada que se basa en tres grandes principios el
mercado la eficacia teacutecnica y el individuo (Maya P 2008 sp)
Se considera la eacutepoca del individuo hipermoderno y del hiperconsumo que absorbe al individuo a
consumir para satisfacer sus necesidades personales El individuo hipermoderno orientado al
placer y hedonimso vive en una situacioacuten de tensioacuten por vivir en un mundo que se ha disociado
de la tradicioacuten
Presentacioacuten en una liacutenea de tiempo
Con el objetivo de propiciar una visioacuten general de los movimientos histoacutericos en torno al disentildeo
aquiacute presentados se optoacute por la integracioacuten de eacutestos en una liacutenea de tiempo Se pretende que esta
liacutenea del tiempo sirva como una presentacioacuten sinoacuteptica en la que graacuteficamente se mostraraacute la
posicioacuten de cada movimiento con respecto a la tendencia formalista o funcionalista dependiendo
de su colocacioacuten ya sea superior o inferior en relacioacuten a la liacutenea central (Revisar el esquema en
la paacutegina siguiente Graacutefico 21)
68
69
226 Conceptos histoacutericamente presentes en las tendencias
formalistas y funcionales
Las manifestaciones del disentildeo han sido muy variadas a traveacutes de la historia de la humanidad La
breve revisioacuten de eacutestas hace referencia a la existencia de diferentes concepciones respecto a la
disyuntiva forma o funcioacuten o podemos referirnos a la utilidad o la esteacutetica tratando de considerar
los dos factores de una manera maacutes amplia Podemos darnos cuenta que en la historia esta
disyuntiva se ha presentado con distintos enfoques con distintos nombres con distintas razones
pero siempre un elemento utilitario y uno esteacutetico entremezclados
Tambieacuten tenemos que atender a que cada una de estas tendencias tiene que estar situada en su
contexto preciso Hay ciertas eacutepocas en que pareciera que el factor esteacutetico queda supeditado soacutelo
a las poliacuteticas de venta y en otras es motivado por razones sociales o poliacuteticas
Es fundamental considerar que la disyuntiva forma o funcioacuten se entrelaza con otra serie de
conceptos colocados tambieacuten como disyuntivas que intentan encontrar su posicioacuten real Estas
oposiciones constantemente se enfrentan para definir si realmente tienen que estar en oposicioacuten o
quizaacute forman parte de una misma cosa si una tiene preeminencia sobre otra y una serie maacutes de
posibilidades
En el contexto del disentildeo cotidianamente aparecen otros planteamientos en disyuntiva tales
como forma y fondo arte y teacutecnica arte y disentildeo funcional y esteacutetico disentildeo graacutefico y
decoracioacuten forma y contenido lo praacutectico y lo bello
Al analizar los antecedentes histoacutericos e incluso los planteamientos actuales pudimos encontrar
muchas variantes entre las cuales siempre aparece un concepto al que se le relaciona con lo
funcional y otro con lo esteacutetico En base a los elementos identificados se realizoacute una siacutentesis que
se presenta en un esquema que contiene los elementos bajo el principio de polaridades lo que fue
de utilidad para ofrecer claridad en lo referente al marco teoacuterico Sobre eacuteste esquema se llevoacute a
cabo la revisioacuten de tres movimientos histoacutericos como ejemplos (Revisar Anexo 1)
70
23 Generalidades de la disyuntiva forma o funcioacuten en el disentildeo
En realidad esta es una falsa disyuntiva ya que no deberiacutea ser estrictamente necesario optar por
una de las opciones esto es no se trata de elegir negro o blanco Sin embargo nos referiremos a la
disyuntiva ya que asiacute es como tradicionalmente se le ha presentado y ha estado latente entre los
debates en el disentildeo principalmente en la creacioacuten de objetos industriales Para este estudio es
necesario identificar cuaacuteles son las diferentes tendencias ideoloacutegicas con respecto a la
disyuntiva18
forma-funcioacuten
Se han detectado baacutesicamente tres tendencias ideoloacutegicas con respecto a la relacioacuten que se puede
establecer entre la forma y la funcioacuten en el disentildeo Por supuesto que cada una de estas tendencias
puede tener diferentes matices Para los fines de este trabajo consideraremos las siguientes tres
tendencias La primera sostiene que la funcioacuten es considerada como preeminente colocando a la
forma como irrelevante ante eacutesta Se dan dos matices basados en esta tendencia uno en que la
forma es considerada soacutelo como un elemento productor de valores funcionales y otro cuando se
le considera uacutenicamente aportadora de embellecimiento o cosmeacutetica A primera vista esta
pareciera ser la ideologiacutea mayormente predominante con respecto a la relacioacuten forma-funcioacuten
La segunda tendencia es opuesta a la primera se basa en la sobrevalorizacioacuten de la forma
defiende como elemento principal la parte esteacutetica Se llegan a encontrar matices que caen en el
esteticismo19
dejando totalmente de lado la atencioacuten de los valores funcionales
Una tercera postura sostiene que para generar un buen disentildeo es necesario atender tanto aspectos
formales como funcionales ya que son dos cosas que no se pueden separar En esta tendencia lo
que adquiere importancia es lograr una integracioacuten equilibrada
Despueacutes de haber planteado las tres tendencias baacutesicas revisemos un panorama general de la
percepcioacuten que se tiene en el medio del disentildeo con respecto a la disyuntiva entre forma y funcioacuten
18
Disyuntiva alternativa entre dos cosas por una de las cuales hay que optar 19
Se usa el teacutermino esteticismo para referirse a la valoracioacuten que se hace de algo uacutenicamente desde el aacutengulo de lo
formal lo que ocasiona una reduccioacuten del conjunto de valores que algo puede poseer
71
Es comuacuten escuchar que el objetivo primario del disentildeo por encima de cualquier otro es resolver
aspectos funcionales de los objetos sin embargo la realidad es que en el momento de adquisicioacuten
de objetos generalmente el usuario da por supuesto el aspecto funcional y guiacutea su seleccioacuten con
base en otras caracteriacutesticas por ejemplo la forma la vista se siente atraiacuteda y complacida antes
que nada por el orden la armoniacutea la proporcioacuten la coherencia entre formas texturas y colores
presentes en ellos es decir por connotaciones de tipo esteacutetico Solanas (19855) Sin embargo
cuando el usuario se enfrenta al uso de objetos que eligioacute por esteacutetica pero que no cubren la
funcionalidad esperada le causa descontento y los califica negativamente ya que no cumplen con
todas sus expectativas
El ser humano ante los objetos crea expectativas mismas que son de diferentes tipos por eso el
disentildeo implica crear algo que suma la utilidad y la esteacutetica Esto es claramente comprensible
cuando atendemos a la idea de que el disentildeo tiene en principio el objetivo de cubrir necesidades
humanas mismas que pueden ser muy variadas
Remontaacutendonos a los inicios de la historia en cuanto a las primeras creaciones de objetos se ve
reflejada la necesidad utilitaria pero tambieacuten la sensibilidad de la naturaleza humana Solanas
(198522) explica que desde que el hombre comenzoacute a fabricarse sus objetos junto con la
utilidad ha pensado siempre en la belleza de los mismos de tal manera que si desde la
naturaleza propia del disentildeo nace la forma utilitaria de la naturaleza del ser humano nace la
belleza de la forma La variedad de necesidades establece el requerimiento de que un disentildeo
debe de cubrir una funcioacuten a partir de la necesidad utilitaria que lo originoacute pero tambieacuten debe
contemplar la naturaleza del ser humano a la que le es innata una parte sensible
A traveacutes de la historia ha existido una lucha entre la propuesta basada en la participacioacuten
interrelacionada de estos dos elementos y las posturas en ocasiones extremas de los diferentes
movimientos basados en las ideologiacuteas de la preeminencia de un factor sobre otro Pareciera
simple establecer que la postura loacutegica es la que se considera a los dos componentes sin la
preeminencia de ninguno sin embargo la disyuntiva y los cuestionamientos al respecto vuelven a
surgir a traveacutes del tiempo Esta circunstancia se puede deber a la dificultad para equilibrar las
necesidades del ser humano que no son soacutelo materiales tambieacuten tiene necesidades de orden
72
emocional y espiritual ―las necesidades humanas son siempre complejas Todas ellas presentan
dos aspectos uno funcional (entendiendo por funcioacuten el uso especiacutefico a que se destina una
cosa) y otro expresivo La importancia relativa de ambos aspectos funcioacuten y expresioacuten variacutea
seguacuten las necesidades (Gillam 19803)
La realidad es que auacuten bajo la conciencia y la comprensioacuten loacutegica de la conveniente coexistencia
de estos dos componentes siempre se siguen dando tendencias para defender la preeminencia de
uno sobre el otro esto es ocasionado por razones diversas que pueden ir desde las premisas
consideradas baacutesicas como razoacuten de ser de un disentildeo o debido a influencias culturales
comerciales o tecnoloacutegicas Tambieacuten puede ser condicionada por la formacioacuten profesional o
incluso basarse en situaciones maacutes profundas como el cuestionamiento que se hace el disentildeador
respecto al sentido de su quehacer profesional e incluso de sus emociones hacia este que lo
pueden llevar hacia una tendencia u otra
La circunstancia especiacutefica del creador o del disentildeador seguacuten su tiempo y contexto puede
generar actitudes muy diversas influyen en eacutel las situaciones de trabajo la circunstancia
econoacutemica social y poliacutetica del lugar en el que vive la tecnologiacutea disponible e incluso el espiacuteritu
creador personal Newark describe un caso representativo de estas posiciones contrarias tomando
como ejemplo a dos disentildeadores graacuteficos Dwiggins que veiacutea al disentildeo graacutefico en gran parte
como la organizacioacuten de materiales para obtener un resultado previsible y en el otro lado
Meynell que defendiacutea la parte poeacutetica y esteacutetica del disentildeo
La primera de estas posturas establece que el disentildeo es esencialmente una actividad funcional
que refleja ante todo las necesidades del cliente que lo paga La segunda prefiere entender el
disentildeo como algo demasiado importante algo que debe utilizarse de manera que pueda explorar
y poner de relieve su potencial expresivo (Newark 200210) Ante situaciones como esta se
hace evidente que la actividad creativa del ser humano ha jugado un papel fundamental en el
desarrollo de las posturas no soacutelo es el factor econoacutemico o tecnoloacutegico lo que las guiacutea el
potencial creador y expresivo innato del ser humano juega un papel fundamental
73
A traveacutes de la revisioacuten de las bases de las distintas tendencias en la disyuntiva planteada
podemos darnos cuenta que uno de los problemas es la interpretacioacuten que se hace de los
diferentes conceptos misma que puede ser muy variable o irse modificando por medio del paso
del tiempo o de la transmisioacuten de la informacioacuten tal es el caso de la conocida frase de Louis
Sullivan La forma sigue a la funcioacuten John Heskett (200536) explica que esta frase surge en
1896 bajo el entorno de la teoriacutea evolutiva de Darwin y es referido a elementos variados incluso
los de la naturaleza respecto a la adaptacioacuten de las leyes de la supervivencia temaacutetica de estudio
relevante en ese momento histoacuterico El contexto de ese momento y la explicacioacuten que hace
Heskett son mucho maacutes claros revisando el paacuterrafo completo en donde se localiza la siguiente
frase Es la ley dominante de todas las cosas orgaacutenicas e inorgaacutenicas de todas las cosas fiacutesicas y
metafiacutesicas de todas las cosas humanas y suprahumanas de todas las manifestaciones de la
mente del corazoacuten del alma que la vida es reconocible en su expresioacuten que la forma siempre
sigue a la funcioacuten Esa es la ley20
Hesket tambieacuten resalta que el concepto de funcioacuten para Sullivan englobaba el uso de la
decoracioacuten como elemento integrado al disentildeo y como otros autores defiende la importancia de
tomar en cuenta el concepto total de la vida humana por la que los disentildeos se inspiran y motivan
maacutes que soacutelo el sentido praacutectico hay que considerar suentildeos y aspiraciones es necesario ampliar
la visioacuten
Ya que el concepto de funcioacuten comuacutenmente se ha interpretado soacutelo en teacuterminos de utilidad
praacutectica y se ha dejado de lado la posibilidad de expresar el significado a traveacutes de la forma e
incluso de la decoracioacuten que tienen que ver maacutes con la expresioacuten y el sentido se requiere una
nueva visioacuten que permita amplitud en la consideracioacuten del teacutermino funcioacuten Hesket (200239)
propone en lugar de afirmaciones dogmaacuteticas que limitan la consideracioacuten de lo que es una
forma permisible hace falta una definicioacuten maacutes amplia e inclusiva de funcioacuten que pueda abrirse
dividiendo este concepto en dos los conceptos de utilidad21
y significado22
La propuesta de
20
Publicada en 1896 en texto titulado The Tall Office Building Artistically Considered escrito por el arquitecto
Louis Sullivan (en Hesket 2002 36) 21
La utilidad puede definirse como la cualidad de adecuacioacuten en el uso
74
ampliar el teacutermino de funcioacuten conlleva otra forma de interpretar la utilidad en donde esta puede
ser derivada de distintos tipos de factores por ejemplo aquellos que son fuente de placer esteacutetico
inspirados tambieacuten en necesidades humanas
Ha existido una postura en la que se argumenta el hecho que cuando un objeto cumple
adecuadamente su funcioacuten genera placer y por eso mismo es bello Esta surge de tendencias
funcionalistas en las que se asigna valor soacutelo a las funciones praacutecticas o utilitarias es una
percepcioacuten de la belleza que no es universal Para los funcionalistas lo bello y lo praacutectico son una
misma cosa
Funcional no es lo mismo que funcionalista un disentildeo es funcional cuando cumple con su
objetivo utilitario pero tambieacuten se encarga de la funcioacuten simboacutelica o incluso la considera maacutes
importante que la funcioacuten praacutectica Son funcionalistas las producciones de aquellos disentildeadores
y arquitectos que proyectan de acuerdo con la idea de que las funciones praacutecticas estaacuten por
encima de las simboacutelicas ya que estas uacuteltimas son innecesarias Campi (2008sp) para los
funcionalistas lo maacutes importante es la funcioacuten utilitaria al grado de poder llegar a considerarla
como la uacutenica importante
A traveacutes de las eacutepocas y de las culturas la percepcioacuten o forma de ver las relaciones entre utilidad
y belleza han cambiado y encontramos que el hecho de que un objeto sea adecuado a su uso es
decir praacutectico o funcional no necesariamente lo hace bello lo praacutectico y lo bello son categoriacuteas
diferentes y se pueden interrelacionar de manera muy variada en sociedades distintas sociedades
eacutepocas culturas edades o modos individuales de ser
Una postura de las maacutes recurrentes en esta aparente disyuntiva entre la forma y la funcioacuten es la
que trata de encontrar una respuesta considerando como fundamento la razoacuten de ser de un
producto de disentildeo esto es lo que originoacute su creacioacuten este puede ser un buen fundamento si se
22
El significado en cuanto a concepto de disentildeo se explica coacutemo las formas asumen la significacioacuten seguacuten el modo
en que se utilizan o las funciones y significaciones asignadas que a menudo se vuelven poderosos siacutembolos o iconos
en los patrones de haacutebitos o rituales
75
contempla a la razoacuten de ser desde una perspectiva que incluya el esquema de necesidades
humanas completas
La razoacuten de ser de un producto es fundamental considerando lo que significa disentildeo esta la que
genera su existencia Naranjo (2007sp) denomina a esta razoacuten de ser como el fondo y lo
confronta ante la forma preguntaacutendose si realmente uno es maacutes importante que el otro
Concluyendo que no es maacutes importante uno que otro sino que hay que considerarlos como parte
de una misma cosa y cuando alguno es alterado el otro tambieacuten se altera y concluye que al
hablar de disentildeo comunicacioacuten o arquitectura hay que decir que la forma hace parte de la
funcioacuten porque la forma es parte del mensaje o la estructura misma Al alterar el contenedor se
altera el contenido (Naranjo 20072)
Con respecto a una postura que defienda la forma como elemento de preeminencia pocos o casi
ninguno son los escritos que se encuentran sin embargo ya en los productos existentes es una
postura que se hace manifiesta y que se ve influenciada o alentada por tendencias tecnoloacutegicas
culturales artiacutesticas comerciales o incluso por la capacitacioacuten de los creadores Andreacutes Muglia
(2008sp) escribe a veces profesionales e idoacuteneos (los dos por igual) se dejan llevar por quieacuten
sabe queacute ideas seductoras iquestpublicitarias iquestefectistas dejando de lado la maacutes pura loacutegica (la maacutes
esencial) (la que no necesita de grandes teoriacuteas ni profundas consideraciones) la del sentido
comuacuten Se considera que si se aplica el sentido comuacuten o el buen juicio en los disentildeos no
habriacutea elementos que no aporten al disentildeo el problema es que el sentido comuacuten es un paraacutemetro
muy poco claro o es tan diverso y tiene rasgos culturales de lugar a lugar
Se considera que el auge de la forma y la tendencia que la coloca como preeminente sobre otros
valores es ocasionado por la eacutepoca de gran comercializacioacuten en la que nos encontramos de
infinitas posibilidades de difusioacuten en los diferentes medios audiovisuales en donde prevalecen los
intereses publicitarios y econoacutemicos que propician grandes competencias Actualmente tambieacuten
habriacutea que incluir las nuevas capacidades tecnoloacutegicas en el desarrollo de lo visual que invitan a
explorarlas y que en ocasiones se hace perdiendo de vista otros factores como la jerarquiacutea visual
la unidad el ritmo el significado etc
76
Retomando el concepto que propone Campi con respecto a que toda tendencia en realidad es una
forma de ver de quienes participan podemos darnos cuenta de que aunque se considera que estos
objetos son creados soacutelo bajo la base del placer visual y la frivolidad en realidad corresponden a
una sociedad inmersa en una eacutepoca con una cultura especiacutefica y de un sector especiacutefico que de
alguacuten modo encuentra un valor en esos objetos
Muchas de las manifestaciones que se hacen en contra o en defensa del componente formal
incluso desde la visioacuten de los disentildeadores tienen una interpretacioacuten equiacutevoca inadecuada o
incompleta y se considera como forma soacutelo a la imagen acompantildeante o a las decoraciones
olvidaacutendose de los componentes baacutesicos estructurales de la configuracioacuten y de la composicioacuten
del color por siacute mismo del espacio de la misma tipografiacutea las liacuteneas los contornos y el
significado que todo esto aporta
Nos hemos centrado en las tendencias que se refieren al dilema formandashfuncioacuten como uacutenicos o
principales elementos en la discusioacuten pero es evidente que existen otra serie de elementos
(tecnologiacutea cultura economiacutea usuario contenido etc) que generan influencia en el proceso y
los requerimientos del disentildeo y se convierten en condicionantes directos o indirectos en el
producto y la percepcioacuten que el usuario tenga del mismo
Existen enfoques en los que se considera que para poder analizar de un modo maacutes exacto al
disentildeo hay que sobrepasar los anaacutelisis que soacutelo contemplan la dimensioacuten formal o la puramente
funcional para entonces llegar a analizar el medio simboacutelico en el que surgen los disentildeos
considerando los valores de la cultura en la que se producen De acuerdo a Luis Herrera
(2002182) el disentildeo tiene un principio baacutesico fundamental que consiste en dar una significacioacuten
intencional a su producto a traveacutes de la forma y la funcioacuten Herrera afirma que en Meacutexico y en
muchos otros paiacuteses se ha caiacutedo en la falacia de que el disentildeo es un lujo del que se puede
prescindir y que un producto se puede generar sin la presencia de disentildeadores esto se debe
precisamente a una visioacuten incompleta del disentildeo en la que se olvida la importancia de la
significacioacuten
77
Ante este enfoque se hace latente que en la creacioacuten y el anaacutelisis de un disentildeo se necesita
considerar la parte social en la que se ve involucrado y en la que se produce en donde el
referente principal es el usuario por el que surge La propuesta que hacen los que defienden la
importancia del valor de significacioacuten se centra en la idea de que el disentildeo debe producir objetos
en los que se vean reflejadas intencionalmente las ideologiacuteas necesidades culturales gustos
expectativas etc ―Lo que hace la diferencia de profesionalizacioacuten del disentildeo respecto a otras
actividades similares es que la significacioacuten en el disentildeo es intencional dirigida planeada y
voluntaria (Herrera 2002191) Esta significacioacuten se debe basar en el anaacutelisis del problema y
sumar una interpretacioacuten racional y una emocional considerando que el factor emocional permite
motivar hacer recordable un mensaje o incluso persuadir al usuario
Vemos que la teorizacioacuten acerca del dilema forma-funcioacuten es muy variada y se puede interpretar
desde puntos de vista e intereses muy diversos pero podemos concluir que se centra en la
interpretacioacuten que se hace de los conceptos y en la percepcioacuten que se tiene de lo que es el disentildeo
y sus liacutemites El punto de coincidencia para las diferentes posturas se podriacutea encontrar en abrir la
capacidad de inclusioacuten en los conceptos y ver a forma y funcioacuten como elementos integrados que
tendraacuten que responder de manera distinta en su interrelacioacuten seguacuten un contexto especiacutefico
Llegar a un punto de coincidencia es difiacutecil ya que implicariacutea un acuerdo incluso desde bases
primarias De acuerdo con Tulio Fornari un motivo de discrepancias acerca de la relacioacuten forma-
funcioacuten estaacute dado por las diferentes maneras ndash no siempre explicitadas- en que se entienden las
cantidades y tipos de funciones que supuestamente deben realizar los productos (198932)
llegar a un acuerdo implicariacutea primero el explicitar la variedad de funciones lo que requiere de
un trabajo minucioso
Otro factor fundamental es el concepto previo que tiene desde el punto de vista profesional y
personal quien emite una postura Por ejemplo refirieacutendonos otra vez a la frase la forma sigue a
la funcioacuten Fornari (198932) refiere un enunciado contrario de Hans Hollein la forma no sigue
a la funcioacuten en torno a la que explica que se refiere a que no sigue uacutenicamente funciones fiacutesicas
como lo maneja el estrecho concepto de los funcionalistas que restringen la utilidad de la forma
soacutelo a la iacutendole fiacutesica Bajo otro matiz hay funcionalistas que aceptan la existencia de funciones
78
fiacutesicas23
y psiacutequicas24
pero consideran que las funciones psiacutequicas soacutelo son consecuencia del
cumplimiento de las funciones fiacutesicas y en contraste las posturas no funcionalistas defienden que
hay finalidades emocionales y espirituales con lo que se hariacutea referencia a las psiacutequicas y que
estas se logran cubrir con ciertos aspectos de las formas que no tienen que ver con los destinados
a cumplir funciones fiacutesicas
Tambieacuten hay que considerar que incluso la naturaleza del producto especiacutefico que se estaacute
disentildeando propicia formas distintas de apreciar el dilema de la forma y la funcioacuten Por ejemplo
Maldonado (1977141) refiere que en el caso de productos destinados a ser utilizados en los
sectores industrialesla expresioacuten esthetique industrielle25
provoca inevitablemente resistencias
psicoloacutegicas En estas industrias la acentuacioacuten del factor esteacutetico es motivo de desconfianza
esto se debe a costumbres o esquemas culturales tradicionales que rigen la forma especiacutefica de ser
de algunas cosas y que no son faacuteciles de cambiar
Dentro de estos diferentes matices se pueden ir encontrando referentes de las relaciones que
establecen la forma y la funcioacuten en la realidad objetual por ejemplo una funcioacuten puede ser
cumplida por objetos de formas diferentes o pueden surgir funciones adquiridas inferidas a partir
de la forma y que no fueron la razoacuten innata del objeto Dejan de ser teacuterminos de una oposicioacuten
irreducible para convertirse a nuestro juicio en enunciados de opciones posibles que a veces
llegan a seguirse temporalmente en referencia a un mismo producto (Fornari 198933)
Entonces la clave real no estaacute en analizar si existe una preeminencia entre los factores forma y
funcioacuten sino maacutes bien en encontrar como se entretejen sus relaciones que no estaacuten dadas de
manera lineal y se pueden ver modificadas por diferentes factores como el momento de creacioacuten
la interpretacioacuten o percepcioacuten del usuario el contexto de referencia o la tecnologiacutea de
produccioacuten
23
Fornari se refiere por funciones fiacutesicas a aquellas en las que su cometido es satisfacer una clase especiacutefica de
necesidad material 24
De acuerdo con Fornari y bajo la clasificacioacuten que el presenta por funcioacuten psiacutequica se refiere a aquellas que sirven
para satisfacer necesidades emocionales y espirituales que tienen que ver maacutes con el ser humano 25
Esthetique industrielle es la traduccioacuten francesa de industrial design cuya preocupacioacuten principal es la esteacutetica del
producto realizado
79
Existe una relacioacuten indisoluble entre la forma y la funcioacuten ya que crean un viacutenculo basado en la
propia naturaleza que permite a ciertas formas ser maacutes apropiadas para alguna accioacuten Vila Ortiz
sentildeala que la relacioacuten de forma y funcioacuten nace de la imposibilidad de un producto de cumplir
con su funcioacuten sin tener una forma adecuada para ello (en Fornari 198932) La naturaleza
permite al ser humano la capacidad para concebir forma y funcioacuten lo que se ha manifestado
desde los oriacutegenes de la humanidad en la creacioacuten de sus primeras herramientas el proceso de
adaptacioacuten implica la capacidad del cerebro humano para comprender las relaciones entre las
formas y las funciones (Heskett 200514) Esto es maacutes trascendente cuando el ser humano maacutes
allaacute de los oriacutegenes naturales crea formas nuevas originadas en su mente para ciertos objetos y
los objetos son por medio de la forma que sea cual sea eacutesta es la que le da existencia y
posibilidad de ser percibido La forma es inherente al disentildeo
Pero en el disentildeo no soacutelo existen la forma y la funcioacuten en juego existen un sin nuacutemero de
factores que tienen que ser considerados durante el proceso tales como costo tecnologiacutea de
creacioacuten y produccioacuten el sistema de distribucioacuten el usuario contexto de uso y el contenido
Incluso algunos de ellos llegan a presentar otras dicotomiacuteas manifestadas en ciertos aacutembitos o
eacutepocas como produccioacuten manual o industrial forma o contenido Esos otros elementos pueden
influir en la apreciacioacuten de la relacioacuten entre forma y funcioacuten Por ejemplo un producto del disentildeo
graacutefico como uno del disentildeo industrial necesitan ser proyectados para adquirir existencia fiacutesica y
esta existencia depende de su adecuacioacuten a los requerimientos tecnoloacutegicos que lo haraacuten factible
(Zimmermann 200229) Creacioacuten y tecnologiacutea o teacutecnica siempre han estado ligadas
Considerando los distintos puntos de vista podemos darnos cuenta que el disentildeador
cotidianamente se encuentra entre dos polos forcejeando ante la creacioacuten de un objeto que debe
ser eficaz pero que tambieacuten requiere de una forma esteacutetica que manifieste una expresioacuten en
donde ambas dependeraacuten de una necesidad inicial Por eso el disentildeador se ha tenido que hacer
preguntas tales como iquestDebe arriesgarse al fracaso y producir obras que trasciendan algo tan
mundano como un objetivo propuesto por un tercero o por el cliente iquestO debe utilizar el sentido
comuacuten relegando a un segundo plano la exploracioacuten y la invencioacuten y contentarse con la buena y
eficaz ejecucioacuten de cada una de las tareas que tiene entre manos (Newark 200211) El
80
disentildeador generalmente tiende a buscar una respuesta con base en paraacutemetros de lo que debe
cumplir un disentildeo que intenten incluir a los dos componentes para no caer en los errores que
puede generar el desatender una parte u otra pero estas voces de las distintas tendencias siempre
estaraacuten presentes mientras realiza su quehacer
Se debe dejar atraacutes la lucha por una preeminencia o incluso la actitud de unos o de otros de dar
por sentado cuaacutel de los dos factores es el maacutes importante Para poder llegar a un establecimiento
adecuado de la relacioacuten del factor esteacutetico y funcional se debe de contemplar que existe un
inmenso rango de posibles combinaciones entre los dos polos y que existe una incontable
cantidad de objetos que requieren de diferentes soluciones basadas cada una en un contexto
especiacutefico
Un enfoque distinto de esta poleacutemica es el planteamiento de Manuel de la Cera en el que expresa
estar convencido de que la discusioacuten respecto a que si la forma precede a la funcioacuten o la funcioacuten a
la forma estaacute superada y refiere una criacuteticas hecha por Tom Wolf a muchos de los intocables
mitos de los grandes santones de la Bauhaus forma proyecto funcioacuten y contenido de los
disentildeos son unidades estructurales indisolubles (en de la Cera 2002211) este enfoque se basa
en la importancia que debe de tener el eidos26
(impliacutecito en la configuracioacuten formal) al momento
de evaluar analizar o valorizar el disentildeo de hecho considera que sin el eidos es inimaginable el
verdadero disentildeo contempla la produccioacuten de creaciones praacutecticas y esteacuteticas capaces de
contener una fuerza emocional y una sabiduriacutea racional
Cuando se acepta que las formas en el disentildeo cumplen funciones de iacutendole psiacutequica emocional o
espiritual nos colocamos en una postura que trae consigo un problema que es la diversidad
cultural y la falta de una metodologiacutea terminada objetiva simple y aceptada para la aplicacioacuten o
anaacutelisis de los significados o conceptos sin embargo el que dentro del disentildeo se acepte ubique y
valore la participacioacuten de este componente de expresioacuten aumenta las posibilidades de lograr un
disentildeo integral y satisfactorio
26
El eidos es el concepto dentro de la forma y resulta de la abstraccioacuten e integracioacuten de los elementos o notas
caracteriacutesticas que la constituyen es un todo integrado que en nosotros nos remite a lo que estaacute fuera de nosotros es
el concepto (Garciacutea 1996 22)
81
24 El disentildeo web ante la disyuntiva forma o funcioacuten
Como ya se comentoacute el disentildeo de sitios web se ubica dentro del rubro del disentildeo de
hipermedios27
que implica la conectividad y la interactividad e incluye la multimedia por lo
tanto la combinacioacuten de texto imagen video animacioacuten y audio Esto implica que participen en
el disentildeo una gran variedad de elementos que han propiciado inmensas posibilidades con las que
el creador de sitios ha tenido que ir experimentando y generando una serie de conceptos y normas
especiacuteficas
Y es dentro de este aacutembito que toma actualidad la antigua pero siempre latente poleacutemica entre el
factor formal y el funcional en el disentildeo Tal vez este resurgimiento se debe a que la produccioacuten
de los sitios web estaacute estrechamente ligada con la tecnologiacutea y estaacuten estrechamente ligados el
proceso creativo y la produccioacuten lo que obliga al creador a estar al pendiente de factores
funcionales que son condicionados por la tecnologiacutea misma de hecho en cualquier campo del
disentildeo la tecnologiacutea formaraacute parte de las condicionantes para la creacioacuten
Los sitios web implican la consideracioacuten de factores que en otras expresiones del disentildeo graacutefico
no se veiacutean involucradas tales como la interactividad el movimiento la tecnologiacutea de
transferencia reproduccioacuten y recepcioacuten el factor tiempo y espacio todo en un contexto virtual
estas condiciones distintas han generado que se tenga que prestar atencioacuten a condiciones que tal
vez antes se daban por un hecho dada la costumbre a los medios tradicionales
Otra circunstancia que ha permitido que cobre actualidad el tema de la relacioacuten entre la forma y
funcioacuten es la diversidad de formaciones profesionales entre los creadores de sitios web En un
inicio fue un trabajo que realizaron los ingenieros en sistemas o en computacioacuten pero despueacutes y
sobre todo cuando surge la posibilidad de los entornos graacuteficos para interaccioacuten los disentildeadores
graacuteficos entran a este campo surgiendo una divisioacuten ya que plantea un problema para los
27
La hipermedia es la tecnologiacutea que nos permite estructurar la informacioacuten de una manera no-secuencial a traveacutes
de nodos interconectados por enlaces La informacioacuten presentada en estos nodos podraacute integrar diferentes medios
(texto sonido graacuteficos video etc)
82
informaacuteticos o programadores dada la importancia del manejo de lo visual y puesto que esto no
era su campo de accioacuten
Posteriormente bajo el esquema de una sociedad digital en la era de la informacioacuten en donde
muchos usuarios sobre todo las generaciones maacutes joacutevenes se relacionan de forma cotidiana con
estos medios surgen un sin nuacutemero de interesados que aprenden el manejo del software para la
produccioacuten de sitios y entran al campo de desarrollo
Esto se incrementa cuando muchas personas de muy distintos campos de desarrollo como
educacioacuten comercio investigacioacuten arte interesadas en las grandes posibilidades de este medio
se involucran pero no como integrantes de un equipo multidisciplinario sino como creadores
uacutenicos lo que ocasiona distintas situaciones tales como la sobreproduccioacuten la sobrevaloracioacuten o
uso inadecuado de las capacidades del medio el abuso de las capacidades tecnoloacutegicas afectando
a otras aacutereas como la calidad que no siempre es buena en los diferentes aspectos (contenido
organizacioacuten navegacioacuten interaccioacuten velocidad disentildeo visual) pudiendo estar entre los polos
de muy malo a muy bueno
En el contexto del disentildeo para sitios web generalmente nos encontramos entre los creadores con
tres posibles tendencias respecto a la relacioacuten entre forma y funcioacuten por un lado los que
consideran al componente graacutefico casi como un mal innecesario o como un elemento que
obstaculiza el logro del maacuteximo nivel de usabilidad28
en esta tendencia se llega a encontrar
quienes incluso siguen principios restrictivos que limitan al disentildeo a una mera ubicacioacuten lineal de
los contenidos poniendo atencioacuten soacutelo al texto En el otro extremo estaacuten aquellos con tendencias
estiliacutesticas que se van a disentildeos efectistas centraacutendose en la apariencia sin darse cuenta de que
restringen el nivel de la usabilidad
28
De acuerdo con la Organizacioacuten Internacional de Normas (ISO) la usabilidad se define como la efectividad
eficiencia y satisfaccioacuten con los cuales usuarios especiacuteficos alcanzan metas especiacuteficas en un ambiente particular
(ISO DIS 9241-11) La usabilidad estaacute involucrada con hacer sistemas faacuteciles de aprender y faacuteciles de usar
83
El tercer grupo fundamenta sus disentildeos en una integracioacuten de forma y funcioacuten considerando que
actualmente el usuario espera un alto nivel de sofisticacioacuten en el disentildeo debido a la revolucioacuten
visual que han propiciado las nuevas tecnologiacuteas en este campo pero del mismo modo la
aplicacioacuten que ha tenido este medio como herramienta de trabajo obliga a tomar en consideracioacuten
la funcionalidad orientando a los creadores a buscar la integracioacuten de ambos componentes
En el siguiente graacutefico No22 se presentan las tendencias en cuanto a la relacioacuten formandashfuncioacuten
en el disentildeo web Esta clasificacioacuten se basa en puntos extremos con el fin de sintetizar y aportar
claridad por supuesto que no hay que olvidar que se pueden dar matices entre estas tendencias
que son los que en realidad predominan
Tendencia funcionalista
Considera al componente formal
como un elemento que
obstaculiza el logro del maacuteximo
nivel de usabilidad
Tendencia estiliacutestica
Producen disentildeos efectistas
centraacutendose en la apariencia sin
considerar que restringen el nivel
de usabilidad
Tendencia de
integracioacuten
Centrado en una serie
de principios de disentildeo
propuestas por varios
autores En las que se
contemplan factores
esteacuteticos y funcionales
en forma diferenciada
Tendencias en la relacioacuten
forma-funcioacuten en el disentildeo web
Graacutefico No 22 Tres tendencias en la relacioacuten forma-funcioacuten
84
Al tomar actualidad el tema de la relacioacuten entre el componente formal y el funcional los
desarrolladores de los sitios web incluso se ha llegado a plantear el cuestionamiento iquestTienen los
expertos en usabilidad tan mal gusto o son los disentildeadores tan malos en usabilidad (Manchoacuten
2002c sp) Este tipo de cuestiones demuestra el intereacutes recobrado en esta poleacutemica que surge
ante las caracteriacutesticas especiacuteficas de este medio y confirma la dificultad que supone combinar
adecuadamente la utilidad y la esteacutetica
Jakob Nielsen uno de los desarrolladores y teoacutericos de construccioacuten de sitios web que ha
centrado su trabajo en la aplicacioacuten de la usabilidad opina que las paacuteginas web deben ser
disentildeadas pensando en la rapidez de hecho la velocidad debe ser el criterio principal (Nielsen
200014) Eacutel considera que la simplicidad debe ser la base del disentildeo en las paacuteginas y se
fundamenta en que a su manera de ver los usuarios no suelen ir a un sitio para disfrutar del
disentildeo Propone revisar los elementos de disentildeo uno por uno y acabar con ellos si el disentildeo
tambieacuten funciona sin estos la sugerencia es basarse en un pequentildeo vocabulario visual que
reforzaraacute el sitio y haraacute maacutes raacutepido el tiempo de descarga ―los usuarios prefieren que el sitio sea
raacutepido antes que atractivo (Nielsen 200015)
La propuesta de los autores que como Nielsen dan prioridad al tiempo de descarga tiene un
fundamento en las cuestiones tecnoloacutegicas que tambieacuten hay que considerar cada componente que
se ubique en pantalla va a significar bits de informacioacuten que tendraacuten que ser transmitidos para lo
que hay que considerar las velocidades de transmisioacuten elementos graacuteficos muy desarrollados
aunque pueden ser muy adecuados para llamar la atencioacuten del usuario pueden imponer un tiempo
muy alto de descarga que llegara a cansar al usuario La disyuntiva entre una paacutegina principal de
apariencia graacutefica atractiva y descarga lenta y una paacutegina principal con una lista prosaica de
enlaces de formato de texto pero de descarga aacutegil refleja la necesidad de ajustarse a un puacuteblico
diversificado con distintas expectativas (Lynch y Horton 200013) Este punto de vista refleja
un punto central de la disyuntiva que es la posicioacuten de ajustarse a las diferentes necesidades y
expectativas aquiacute se refiere a una paacutegina principal o de inicio pero esta misma puede ser
aplicada a todo un sitio
85
Ampliando el punto de visioacuten ante esta situacioacuten incluso dentro de la tendencia defensora de la
usabilidad se termina reconociendo que el aspecto formal hace aportaciones al disentildeo web que
seriacutean difiacuteciles de conseguir de otro modo De acuerdo con Nielsen (200092) no hay duda de
que la apariencia visual es literalmente lo primero que ve el usuario al entrar en un sitio y los
buenos efectos visuales constituyen una buena oportunidad para establecer la credibilidad Por
supuesto que dentro de la tendencia de la usabilidad toda flexibilidad siempre se haraacute poniendo
central atencioacuten a la escrupulosa seleccioacuten de los elementos visuales para que no afecten la
usabilidad
Actualmente dentro del entorno de los sitios web la experiencia del usuario con el uso de un sitio
es uno de los puntos a los que maacutes atencioacuten se les pone ya que del grado de satisfaccioacuten
dependeraacute que el usuario vuelva al sitio entonces se tiene que considerar cuaacutel o cuaacuteles son los
factores que propician una mejor experiencia A pesar de que a primera vista lo que antes
percibe el usuario es el disentildeo graacutefico el aspecto que causa mayor impacto en su experiencia seraacute
la organizacioacuten de la web (Lynch y Horton 200018) En este caso la experiencia es referida a la
organizacioacuten pero hay muchas maacutes cosas que participan en la experiencia de usuario y cada
autor le da importancia a alguna que considera principal Para Manchoacuten (2002sp) ―los procesos
de uso y la experiencia personal generan emociones maacutes intensas y duraderas que los elementos
esteacuteticos que generan emociones maacutes superficiales
Al satisfacer unas necesidades se pueden perder de vista otras y el enfoque debe ser considerar
todas Cada una es la dimensioacuten adecuada en donde el liacutemite seraacute que el trabajo de una no
perjudique a la otra
Entre los defensores de la funcioacuten se hace referencia a que el uso limitado de los elementos
graacuteficos no tiene que significar que las paacuteginas sean aburridas sin embargo la razoacuten del uso de
los elementos graacuteficos va maacutes allaacute del hecho de amenizar un sitio ―El disentildeo graacutefico o las
particularidades de un grafismo singular no sirven soacutelo para alegrar las paacuteginas web El
componente graacutefico es un aspecto fundamental en la experiencia del usuario con el sitio (Lynch
y Horton 200021) Este es uno de los problemas a los que se enfrenta la solucioacuten de la aparente
86
disyuntiva que es la poca valorizacioacuten del componente formal ya que se le considera un mero
adorno
Con respecto a la integracioacuten de la usabilidad y los elementos graacuteficos Ramiro Sueiro y Marcos
Blanco (200118) hacen una interpretacioacuten en la que inician por decirnos ―no debemos considerar
el desarrollo graacutefico como un mero adorno ya que sus funciones van mucho maacutes allaacute de la mera
percepcioacuten esteacutetica sin embargo aclaran que el desarrollo graacutefico no es lo mismo que disentildeo
web para ellos ―Disentildeo web = usabilidad + desarrollo graacutefico Lo que se busca es aclarar o
poner los liacutemites de los dos componentes fundamentales en disentildeo web Para Glenwright
(200121) en el disentildeo se suman la forma y la funcionalidad para crear algo que ademaacutes de bello
es uacutetil
Los conceptos anteriores parten de la idea que debe de existir una integracioacuten equilibrada entre
componente formal y componente funcional para lograr disentildeos adecuados lo que significariacutea
una misma base de partida para todos los disentildeos y que soacutelo hay que dar el eacutenfasis necesario
durante el proceso creador hacia un lado o el otro dependiendo del contexto Sin embargo para
Jakob Nielsen existen dos enfoques baacutesicos en el disentildeo web el ideal artiacutestico de expresarse y
el ideal teacutecnico de resolver un problema a un cliente (Nielsen 200011) Considera que lo
principal es cubrir necesidades de usuarios fundamentado en una tendencia utilitaria ya que ante
su visioacuten el objetivo de la mayoriacutea de los sitios web es facilitar a los usuarios la realizacioacuten de
tareas olvidando otro tipo de necesidades
La conceptualizacioacuten respecto al componente visual dentro del disentildeo de sitios web presenta
conceptos como los siguientes los fundadores de la Red ignoraron los aspectos visuales del
reparto de informacioacuten fundamentales para una comunicacioacuten efectiva Las paacuteginas generadas a
partir del lenguaje HTML estaacutendar careciacutean de atractivo visual y obviaban el progreso del disentildeo
graacutefico (Lynch y Horton 200013) fundamentando con esto la importancia que tiene lo visual
Otra conceptualizacioacuten con la que nos encontramos es en la que el sitio web es considerado en siacute
mismo como algo visual Un sitio web es la representacioacuten visual (y en ocasiones sonora) de lo
que de otra manera seriacutea una monoacutetona coleccioacuten de archivos de texto y de carpetas que los
87
contienen (Glenwright 200130) cuando se trata de colocar al elemento formal frente al
funcional de acuerdo con Sueiro y Blanco (200116) ―el desarrollo graacutefico no es un estorbo para
la consecucioacuten de los objetivos sino una pieza imprescindible para que la usabilidad funcione
El componente visual es considerado como un elemento importante tambieacuten dentro del campo de
sitios web para la educacioacuten Cualquier producto multimedia presenta un componente esteacutetico
de alta relevancia es decir el producto entra por los ojos Nadie quiere un producto que pueda
ser muy efectivo en favorecer al aprendizaje de los alumnos si su esteacutetica deja mucho que
desear (Romer 2003sp) Podemos hablar de que al valor cognoscitivo se le suma un valor
esteacutetico que puede incluso generar motivacioacuten en el proceso de aprendizaje
En contraste a los conceptos en donde el componente visual es valorado por las distintas
aportaciones que se considera pueden hacer en la creacioacuten de un sitio encontramos que se piensa
que el disentildeo visual estorba a la usabilidad Inclusive en algunos casos los disentildeadores graacuteficos
han sido empujados a un lado y considerados una molestia todo por el malentendido que su labor
es uacutenicamente hacer que las cosas se vean bonitas (Valdivieso 2009 sp)
Lo maacutes grave es que en algunos casos la desvalorizacioacuten del componente formal se debe a
causas atribuibles a los mismos disentildeadores por un uso inadecuado mediante la proliferacioacuten y
saturacioacuten de elementos graacuteficos a veces sin ninguacuten sentido Generalmente estos productos
surgen de creadores con tendencias esteticistas que incluso muchas veces sin una intencioacuten
previa caen en esta situacioacuten olvidando los objetivos perseguidos por un disentildeo centraacutendose
uacutenicamente en el efectismo y la apariencia (Revisar anexo No5) se presentan ejemplos de
disentildeos referentes a diferentes tendencias)
Se requiere entrar a una visioacuten de clarificar la participacioacuten del elemento graacutefico y considerar el
valor significativo mediante la comprensioacuten del concepto del lenguaje visual aplicado a este
medio De acuerdo con Joan Costa (2003144) es necesario comprender primeramente a Internet
como un soporte diferente con otra apariencia fiacutesica en el que se presenta la informacioacuten
entonces surge como un nuevo objeto de comunicacioacuten graacutefica generando posibilidades
88
diferentes y enriquecedoras a la aplicacioacuten de recursos visuales pero enfrentando a la creatividad
a un factor tecnoloacutegico que establece caracteriacutesticas propias del medio
Entonces el disentildeador se convierte en el creador que considerando las caracteriacutesticas del medio
deberaacute de tener la capacidad para organizar los contenidos de tal forma que los presente de un
modo diferenciador que comuniquen transfieran significados motiven seduzcan al usuario
mediante su disentildeo en la pantalla Pero no soacutelo eso debe ser funcional que incorpore
adecuadamente el factor tecnoloacutegico aliaacutendose a las caracteriacutesticas propias del medio que estaacuten
dictadas por la necesidad de respetar factores de usabilidad
Rescatar el valor de la imagen no significa saturar de imaacutegenes sino comprender a la pantalla en
siacute misma ya como un espacio visual compositivo y reflexionar en que todo lo que coloquemos en
ella va a influir en el usuario puede o no comunicar pero siacute va a significar y mediante su
significado propiciaraacute reacciones en eacuteste Y seraacuten estos elementos visuales los que en conjunto
con los funcionales lleven al usuario a una experiencia de uso con el medio No soacutelo el medio
influye en esta nueva forma de aplicacioacuten de los recursos graacuteficos tambieacuten las caracteriacutesticas de
la sociedad actual de la informacioacuten que demanda elementos comunicativos atractivos y
funcionales
El disentildeador graacutefico propone la organizacioacuten de los elementos en la pantalla desarrollaacutendolos
para transcribir la idea al lenguaje graacutefico ayudando a que el usuario comprenda el funcio-
namiento del sistema basado en convenciones culturales presentando pantallas optimizadas
seguacuten criterios estudiados y cuidando la transmisioacuten de los mensajes y la presentacioacuten visual
Todos estos son factores a considerar ya que ―los condicionamientos o convenciones culturales y
la apreciacioacuten esteacutetica junto con los factores humanos y la ergonomiacutea pueden potenciar o
desalentar el uso y la venta de un sistema o herramienta (Mercovich 1999 sp)
Un hecho latente que influye en la poleacutemica entre los creadores de sitios igual que sucede en
todas las aacutereas del disentildeo es la variedad de aplicaciones que pueden existir entre los sitios
propiciando intenciones y necesidades que pueden ser muy variadas dependiendo del usuario y la
tarea que pretenda realizar Este es un tema que evidentemente tambieacuten ha significado reflexioacuten
89
dentro de los creadores y los teoacutericos Los que visitan una web de poesiacutea pueden estar buscando
algo maacutes que simple informacioacuten y tal vez deseen una experiencia de arte o entretenimiento En
estos casos una fachada misteriosa enigmaacutetica y esteacuteticamente agradable puede incitarlos a
cruzar el umbral (Lynch y Horton 200018) Esta reflexioacuten es de autores que consideran
importante la integracioacuten de forma y de funcioacuten
Dentro la tendencia de autores que se fundamentan en la usabilidad encontramos argumentos
tales como toda empresa que convierta su sitio web en algo faacutecil de usar tendraacute una ventaja
sobre sus competidores independientemente del sector al que pertenezca (Nielsen 200014)
Pero aun dentro de los firmes defensores de la usabilidad logra tener cabida la aplicacioacuten de
distintos niveles de forma y funcioacuten dependiendo del enfoque que tenga el sitio cuando existen
dificultades para crear procesos usables sacrificar usabilidad en beneficio de una esteacutetica de la
que no tenemos claro sus beneficios soacutelo parece al alcance de un pequentildeo nuacutemero de webs
puramente artiacutesticos (Manchoacuten 2002a sp)
La importancia de considerar el contexto de aplicacioacuten que tenga un sitio parece ser uno de los
temas predominantes en la definicioacuten de preeminencia de forma o funcioacuten por supuesto que
tambieacuten uno de los que implica maacutes poleacutemica y dificultades porque no es faacutecil determinar los
paraacutemetros de medicioacuten para la integracioacuten de los factores De hecho Scolari (200430) sostiene
que es un error pretender generar guiacuteas de desarrollo para la creacioacuten de la interfaz Por su parte
Sueiro y Blanco (200117) argumentan ―desgraciadamente existen muchos tratados estructu-
ralistas que fijan la unidad de medida para millones de sitios distintos De manera general las
recomendaciones maacutes aceptadas son aquellas que toman una postura centrada que se adapta con
base en el contexto y en juzgar la situacioacuten para cada caso y la determinacioacuten estariacutea dada por el
contenido y el usuario
Es importante mencionar que la circunstancia de inclinarse hacia la utilidad o a la esteacutetica ha sido
planteada a traveacutes de otras temaacuteticas referentes e importantes en la construccioacuten de un sitio web
El concepto Interaccioacuten Persona Ordenador (IPO) desarrollado en el campo de la informaacutetica se
refiere a un aacuterea de estudio centrada en el fenoacutemeno de interaccioacuten entre usuarios y sistemas
informaacuteticos cuyo objetivo es proporcionar bases teoacutericas metodoloacutegicas y praacutecticas para el
90
disentildeo y evaluacioacuten de productos interactivos que puedan ser usados de forma eficiente eficaz
segura y satisfactoria (Hasaan Fernaacutendez y Francisco 2005sp) Podemos darnos cuenta que
teacuterminos como eficiente eficaz y segura aluden a componentes funcionales pero se incluye
satisfactoria que definitivamente implica la consideracioacuten de la interpretacioacuten humana Esta aacuterea
de estudio surge a raiacutez de la incursioacuten de las tecnologiacuteas de la informacioacuten en todos los aacutembitos
de la vida del ser humano
En este contexto el concepto de interfaz es adaptado a la necesidad de comunicacioacuten entre el
hombre y la computadora Aquiacute surgen las llamadas interfaces amigables o faacuteciles de usar
basadas en elementos graacuteficos y en metaacuteforas29
Scolari (200424) describe que paralelamente a
esta difusioacuten masiva de las interfaces user- friendly se fue instalando entre los disentildeadores
digitales y los investigadores de la Interaccioacuten Persona-Ordenador una visioacuten de los procesos de
interaccioacuten en teacuterminos puramente instrumentales Se considera eacutesta como una visioacuten limitante
ya que ha enfocado sus estudios en las habilidades y procesos cognitivos del usuario centraacutendose
en el comportamiento racional y dejando de lado el emocional
Dando un paso hacia adelante de las visiones instrumentalistas se considera que los aspectos
emocionales influyen en la valoracioacuten del producto por eso la tendencia actual es incluir el
estudio de los estados de aacutenimo del usuario durante el uso del producto y tambieacuten cuaacuteles son los
efectos emocionales ocasionados por el mismo que puede ser por emociones evocadas o por
asociaciones previas que el usuario genera
Fundamentado en la reflexioacuten de la importancia que pueden tener las emociones se retoma el
concepto Experiencia de usuario que se refiere a la sensacioacuten sentimiento respuesta
emocional valoracioacuten y satisfaccioacuten del usuario respecto a un producto (Hassan y Fernaacutendez
2005) Con base en este concepto se ampliacutea la visioacuten que antes se centraba en la creacioacuten y
evaluacioacuten soacutelo mediante la buacutesqueda de eficacia y eficiencia ahora tambieacuten se hace eacutenfasis en la
importancia de atributos esteacuteticos del disentildeo
29
El uso de la metaacutefora se basa en la simulacioacuten de espacios conocidos se explotan modelos ya asimilados situando
al usuario en un entorno que se asemeja a una situacioacuten real Los aspectos que puede cubrir la metaacutefora son la
presentacioacuten la estructura la interactividad
91
La esteacutetica puede evocar emociones de forma taacutecita La cual juega un papel fundamental en la
satisfaccioacuten y placer de uso y que paradoacutejicamente hasta el momento ha recibido muy poca
atencioacuten por los investigadores en Interaccioacuten Persona-Ordenador (Tractinsky en Hassan y
Fernaacutendez 2005sp)
Este planteamiento ha llevado a la necesidad de definir la esteacutetica dentro de los sitios web y se ha
insistido en que no soacutelo se refiere a la apariencia visual del producto sino que hay que considerar
a la interaccioacuten que significa un intercambio de informacioacuten entre usuario y sistema Para
Cantildeada (2005sp) si aceptamos que la esteacutetica es la consecuencia de percibir algo bello
entonces la esteacutetica se encuentra en un conjunto de factores orden magnitud proporcioacuten
equilibrio armoniacutea simetriacutea regularidad etc
El enfoque debe ser no encargarse uacutenicamente de los elementos graacuteficos sino centrarse en la
esteacutetica como un elemento integral Esteacutetica que proviene del griego aisthetikos derivado de
aisthesis y significa percepcioacuten por los sentidos teacutermino que a su vez viene de aisthenomai con
el que se dice yo percibo yo comprendo de ahiacute que etimoloacutegicamente la palabra esteacutetica
significa lo referente a la percepcioacuten sensible (Garciacutea 199615) En torno a la esteacutetica se ha dado
un gran trabajo para definirla y precisarla todaviacutea hay puntos de vista diferente pero queda claro
que ha tomado gran importancia en la cultura de la sociedad actual sobre todo cuando se
considera que tiene por objeto de estudio la relacioacuten de las cosas materiales con el hombre y no
soacutelo con la obra de arte la esteacutetica ―examina nuestra respuesta afectiva del dominio a un objeto o
a un fenoacutemeno (Wikipedia 2010 sp)
Vistos a traveacutes del concepto de la esteacutetica los elementos graacuteficos estaraacuten integrados a todo un
sistema que al ser contemplado de manera global puede hacer maacutes evidente los efectos que
genera en el momento de interaccioacuten con un sitio otorgaacutendole valores que van maacutes allaacute de los
utilitarios Como nos dice Anderson (2009 sp) aesthetics is not just about the artistic merit of
web buttons or other visual effects but about how people respond to these elements Esto nos
habla de que la esteacutetica se refiere a como las personas se sienten ante los elementos
seleccionados y en su interrelacioacuten con el objeto
92
En el disentildeo de cada pantalla se conjugan diversos aspectos como proporcioacuten y armoniacutea de las
formas sin embargo un sistema interactivo bello no lo es soacutelo por lo visual tambieacuten por coacutemo
propone los intercambios de informacioacuten coacutemo marca el tiempo entre usuario y sistemaLos
elementos visuales tambieacuten contribuyen (Cantildeada 2005sp) Al disentildear debemos considerar
coacutemo nuestro cerebro interpreta el significado del color sombreados tipografiacuteas y demaacutes
elementos visuales que al parecer por estar bien disentildeados el usuario no les presta atencioacuten De
acuerdo con Anderson (2009sp) pareceriacutea que las personas soacutelo le ponen atencioacuten a las opciones
esteacuteticas cuando las identifican como incorrectas
Cuando nos encontramos con algo visual que consideramos inadecuado esto repercute en la
evaluacioacuten de la utilidad y cuando no nos parece esteacutetico puede influenciar en la utilidad pero
no en la real sino en la percibida Asiacute como en otros aacutembitos de la vida humana la percepcioacuten
que se tiene incluso a primera vista de una persona un lugar un objeto influye en nuestras
expectativas en la confianza en la credibilidad y en otras emociones y en la interaccioacuten con un
sitio web sucede lo mismo product personality influences our perceptions (Anderson 2009sp)
la personalidad del producto manifestada a traveacutes del disentildeo de la interfaz graacutefica influye en la
percepcioacuten del sitio
Ante estos planteamientos surgen cuestionamientos con respecto a iquestqueacute pasa con lo
importante referido al valor de realizar una tarea en poco tiempo y de la manera maacutes eficiente
surge el cuestionamiento de si iquestlos productos atractivos son lo mejor y como respuesta se
encuentra un estudio que refiere Norman (200512) en el que se pusieron a prueba dos cajeros
bancarios con ideacutenticas funciones pero con diferente presentacioacuten visual y el resultado fue que
los usuarios consideraron que las maacutequinas que funcionaban mejor eran las maacutes atractivas (hay
que recordar que teniacutean ideacutenticas funciones) La interpretacioacuten de estos resultados es que no se
puede separar el conocimiento loacutegico del afecto
Esto nos lleva a considerar otro de los conceptos que ha generado gran intereacutes dentro de la
creacioacuten de sitios web Es el concepto de disentildeo emocional siempre se ha sabido que el disentildeo
93
puede evocar emociones ahora se estaacute considerando a fondo la forma en que esto influye en la
creacioacuten de sitios web
Existen varias personas estudiando este fenoacutemeno a la vez cada una desde distintos enfoques o
sobre diferentes disciplinas disentildeo graacutefico de producto disentildeo interactivo comunicacioacuten visual
etc Pero un libro que ha dejado una huella es el escrito por Donald Norman Emotional Design
why we love (or hate) everyday things en esteacute Norman habla que las cosas atractivas funcionan
mejor que las que soacutelo se centran en aspectos funcionales
Norman explica coacutemo el proceso por el que odiamos o deseamos objetos se basa en tres
funciones cognitivas visceral conductiva y reflexiva Nuestra respuesta visceral a los objetos es
la primera reaccioacuten instintiva la respuesta cognitiva es la que se produce por efecto del placer de
usar un objeto de forma eficiente y finalmente las respuestas reflexivas son las que se producen
a largo plazo
Por otro lado algunos creadores o estudiosos del disentildeo web (Jorge y Botana 2006 Scolari
2004) hablan de la importancia de considerar algunos otros factores como la semaacutentica30
y la
semioacutetica31
en el disentildeo La consideracioacuten base es que los usuarios de la web mientras navegan
estaacuten usando su propio conocimiento semaacutentico por lo tanto la sugerencia es que los disentildeadores
contemplen el modelo mental del usuario al momento de disentildear el sitio y todos los elementos de
la interfaz tales como cabeceras tiacutetulos botones enlaces etc Tambieacuten se propone que esto sea
considerado dentro de los estudios de usabilidad ya que forma parte del eacutexito del sitio
La disyuntiva en cuanto a la relacioacuten que se tiene que establecer entre forma y funcioacuten es un tema
poleacutemico y que se puede ver desde muy diversas aristas El avance tecnoloacutegico y la experiencia
de creadores y usuarios a traveacutes del tiempo tambieacuten van generando cambios en los conceptos que
se pueden tener al respecto como en el caso que plantea Cantildeada (2005sp) Norman ha dedicado
casi toda su carrera a evangelizar sobre la importancia de la usabilidad en el disentildeo Justo ahora
30
El teacutermino semaacutentica se refiere a los aspectos del significado sentido o interpretacioacuten del significado de un
determinado elemento siacutembolo palabra expresioacuten o representacioacuten formal 31
La semioacutetica se define como el estudio de los signos su estructura y la relacioacuten entre el significante y el concepto
de significado
94
que cuenta con una legioacuten de seguidores ciegos que le aclaman al grito de usabilidad usabilidad
ha sorprendido con su uacuteltima proclama las cosas atractivas funcionan mejor Nosotros
consideramos que es parte de la evolucioacuten loacutegica que deben de tener todos los sistemas que el ser
humano crea y que lo maacutes valioso es que se abren nuevas perspectivas para considerar de manera
integral forma y funcioacuten
Hay un nuevo enfoque hacia el componente visual la esteacutetica y la emociones aunque queda claro
que esto puede presentar un dilema es mucho maacutes faacutecil dar reglas para disentildear productos
usables que hacerlo para disentildear productos placenteros (Norman en Cantildeada y Hout 2005sp)
Definitivamente estos rubros caen en la zona de lo subjetivo lo que hace maacutes difiacutecil la tarea de su
integracioacuten valorizacioacuten y evaluacioacuten en el disentildeo web
Es evidente que el usuario de un sitio web quiere cubrir las necesidades por las que acceso a eacuteste
y lo quiere hacer en forma satisfactoria con el menor nuacutemero de complicaciones y en el menor
tiempo posible Todo debe ser faacutecil y raacutepido y esto se logra con elementos claros de
comunicacioacuten estructuras faacuteciles y eficaces pero tambieacuten esteacuteticas que guiacuteen el uso pero que
hagan referencia a lo quiere transmitir quien enviacutea el mensaje contemplando lo que los usuarios
pueden percibir El considerar todo lo anterior corresponderiacutea al concepto de disentildeo web de
acuerdo con Valdevieso (2009sp) es resolver retos de comunicacioacuten es darle significado a las
cosas es proveer contexto y provocar emocioacuten Es crear enfoque establecer relaciones entre los
elementos es guiar al usuario a cumplir su objetivo Un disentildeo visualmente atractivo es lo que
atrae al usuario y los hace navegar por maacutes tiempo es lo que reafirma el profesionalismo y
credibilidad del sitio
Despueacutes de estas variadas argumentaciones nos damos cuenta que la tendencia predominante es
la que busca equilibrar forma y funcioacuten Incluso para los defensores de usabilidad el aspecto
formal es un integrante del disentildeo de sitios ya que la forma es inherente a las cosas aunque la
importancia que se le da es miacutenima y generalmente con base en principios utilitarios pero tiene
una presencia Entonces nos enfrentamos al cuestionamiento que plantean Sueiro y Blanco
(200116) ―iquestDeberiacutea existir realmente este enfrentamiento entre funcionalidad y apariencia y
ellos responden Evidentemente no La clave del eacutexito de un sitio estaacute en el equilibrio entre
95
usabilidad y desarrollo graacutefico aunque este equilibrio no es el mismo para todos los casos
Definitivamente el logro de la integracioacuten del componente formal y funcional parece ser el
camino maacutes adecuado para lograr un cumplimiento satisfactorio e integral de objetivos
Dadas estas dificultades consideramos que es conveniente buscar herramientas que colaboren en
hacer maacutes clara la manera en que se da la integracioacuten entre componente utilitario y componente
esteacutetico Sueiro y Blanco (200118) expresan su forma optimista de ver la relacioacuten de elemento
forma y funcioacuten a traveacutes de esta frase desarrollo graacutefico y usabilidad no hacen tan mala pareja
como algunos guruacutes nos han pretendido vender es maacutes lo cierto es que se quieren con locura
Interpreto esta afirmacioacuten como una invitacioacuten a la buacutesqueda de pasos que nos ayuden a
identificar y a aclarar coacutemo es que se da la interrelacioacuten entre factor esteacutetico y utilitario en la
interfaz graacutefica de usuario para el disentildeo de sitios web
A continuacioacuten se presenta un esquema (Graacutefico No 23) que pretende ayudar en la explicacioacuten
de la alternativa que parece ser la que aportaraacute mejores resultados se trata de la integracioacuten de
componente formal y funcional en equilibrio Cabe aclarar que lo que se sugiere es el
planteamiento de un equilibrio proporcional o armoacutenico no un equilibrio basado en igualdad de
pesos o dimensiones
Los componentes del esquema son una barra horizontal que representa la liacutenea de polos opuestos
entre forma y funcioacuten y esta se mantiene en equilibrio Tambieacuten tenemos dos componentes
primordiales que son contenido y usuario gracias a los que se puede establecer en integracioacuten
mutua que tanto de forma y que tanto de funcioacuten cuando alguno de estos se inclina hacia forma o
funcioacuten el otro corresponde para lograr el equilibrio ya que si sobrecarga la barra de equilibrio
hacia un extremo contrario de lo que marca contenido y usuario se tendraacute una descompensacioacuten
perdiendo el equilibrio
96
Graacutefico No 23 Equilibrio proporcional en la relacioacuten forma-funcioacuten
97
CAPIacuteTULO
Factores lenguajes y enfoques en el disentildeo
de sitios web
Son muchos los factores que forman parte del disentildeo de sitios web estos influyen sobre las
caracteriacutesticas especiales que adquiere la disyuntiva forma o funcioacuten en este contexto Por lo
tanto en este capiacutetulo abordaremos lo relacionado con los factores los lenguajes y el proceso bajo
los que se desarrolla un sitio Tambieacuten los enfoques a traveacutes de los que se decide su
conformacioacuten
31 Descripcioacuten general de la World Wide Web
La World Wide Web conocida con las siglas www o simplificada como la Web es una vertiente
de Internet que se basa en una serie de sitios web conformados por paacuteginas conectadas entre siacute y
con otros sitios por medio de viacutenculos o enlaces permitiendo una comunicacioacuten mundial y
acceso a todo tipo de informacioacuten enlaces y conexiones que conectan con la misma sencillez
documentos proacuteximos a nuestro propio servidor o que se hallan en el otro confiacuten del mundo
(Fernaacutendez-Coca 1998118)
Internet es una red global a nivel mundial en la que se conjuntan muchas redes que son
compatibles entre siacute Se compone de una red ilimitada de ordenadores interconectados Es un
producto de la sociedad globalizada que surge a partir de la necesidad de comunicacioacuten
instantaacutenea y permanente en un aacutembito en el cual las nuevas tecnologiacuteas van reemplazando a las
anteriores a una velocidad asombrosa
Internet cuenta con variados servicios pero la Web ha resultado el maacutes atractivo Causoacute gran
novedad desde su inicio gracias a su caraacutecter de multimedio interactivo Una de las grandes
virtudes de la Web es la facilidad de acceso por parte de casi cualquier usuario Pero de las
caracteriacutesticas que maacutes atraen al usuario es la interactividad y su estructura multimedia ya que
permite combinar texto sonidos graacuteficos imaacutegenes y animaciones
3
98
Lo que generoacute el gran desarrollo de la Web fue la aplicacioacuten de un protocolo de comunicacioacuten
conocido por sus siglas como HTTP Hypertext Transfer Protocol y que significa protocolo de
transferencia por medio de hipertexto que es la aplicacioacuten que permite la comunicacioacuten entre
ordenadores mediante la cual se logran construir las asociaciones entre las distintas
informaciones que se localizan en Internet y navegar entre ellas La implementacioacuten de este
protocolo fue en el antildeo de 1980 pero fue hasta 1992 cuando se propuso y disentildeoacute la aplicacioacuten de
un navegador con una Interfaz Graacutefica de Usuario especiacuteficamente para los sitios web a partir de
ahiacute se difundioacute profusamente su uso
Un sitio web (website) es un conjunto de paacuteginas web comunes a un dominio32
de Internet o
subdominio en la World Wide Web todos los sitios web a los que hay un acceso puacuteblico la
constituyen Un sitio estaacute formado por una serie de paacuteginas que se unen entre siacute por medio de
viacutenculos o enlaces intencionalmente programados estos se pueden programar para generar
viacutenculos exteriores con puntos de conexioacuten muy lejanos fiacutesicamente a nosotros A las paacuteginas de
un sitio web se accede desde un una direccioacuten raiacutez comuacuten a todas llamado portada portal o home
que normalmente reside en un servidor fiacutesico y organiza las paacuteginas en una jerarquiacutea
determinada
Diferencia entre hipertexto multimedia e hipermedia
Estos son conceptos que se aplican en el contexto de los sitios web y que en ocasiones llegan a
crear confusioacuten de ahiacute que se considere importante aclararlos
El hipertexto es la organizacioacuten de la informacioacuten en diferentes nodos que estaacuten conectados entre
siacute a traveacutes de enlaces o viacutenculos Los nodos pueden contener sub-elementos con un manejo
independiente La tecnologiacutea multimedia es la que permite integrar diferentes medios tales como
sonido imaacutegenes video etc en una misma presentacioacuten
32
Dominio en Internet se refiere a una direccioacuten uacutenica que sirve para que el navegador encuentre un sitio web
determinado
99
Generalmente se considera que la hipermedia surge de la fusioacuten de estas dos tecnologiacuteas el
hipertexto y la multimedia La hipermedia es la tecnologiacutea que nos permite estructurar la
informacioacuten de una manera no secuencial a traveacutes de nodos interconectados y en donde la
informacioacuten podraacute integrar diferentes medios como texto sonido graacuteficos
Las caracteriacutesticas de un sitio web lo hacen pertenecer al grupo de los hipermedios La
posibilidad de participacioacuten del usuario maacutes la construccioacuten basada en el hipertexto incluye a
los sitios web en el campo del disentildeo la interaccioacuten
32 Fases baacutesicas de desarrollo de un proyecto web
Un sitio web se construye con base en una serie de paacuteginas vinculadas entre ellas que deben
permitir y facilitar el acceso del usuario a la informacioacuten y a los servicios que se le estaacuten
brindando
Todo proyecto web se fundamenta en tres etapas generales que siempre estaraacuten presentes
independientemente de las subdivisiones que se puedan plantear en diferentes procesos Incluso
distintos procesos de creacioacuten se pueden incluir en estas tres etapas al ser una referencia global
Estas etapas son a) el planteamiento inicial b) el desarrollo de la produccioacuten y c) la evaluacioacuten
de los resultados
a) El planteamiento inicial implica la definicioacuten de objetivos del proyecto la identificacioacuten del
usuario la precisioacuten del contenido el establecimiento de los servicios incluidos el recuento de la
tecnologiacutea de la que se dispone definicioacuten de recursos econoacutemicos y personales con los que se
cuenta se establece la estrategia y plan de trabajo incluyendo una calendarizacioacuten una cuidadosa
planificacioacuten y un claro juicio de los objetivos que son claves del eacutexito en el disentildeo web
b) El desarrollo se refiere a la produccioacuten de todos los componentes del sitio estaacute conformado
baacutesicamente por tres elementos el contenido la estructura de navegacioacuten y el disentildeo de la
interfaz Aquiacute se tomaraacuten decisiones precisas en lo concerniente a cada uno de estos
100
c) La evaluacioacuten es una etapa recomendable si se quiere tener eacutexito en alcanzar los objetivos
existen formas diversas de llevarla a cabo y generalmente incluyen aspectos como contenidos
actualizacioacuten interactividad interfaz accesibilidad usabilidad etc
A continuacioacuten se presenta un esquema del proceso de disentildeo y una explicacioacuten de sus etapas
desarrollado por Hassan Fernaacutendez y Iazza (2004sp)
Primera etapa
Planificacioacuten En esta primera etapa se identifican los objetivos del sitio asiacute como las
necesidades requerimientos y objetivos de la audiencia potencial
Graacutefico 31 Proceso de disentildeo web centrado en el usuario (Hassan
Fernaacutendez y Iazza 2004)
101
Segunda etapa
Disentildeo La etapa de Disentildeo es el momento del proceso de desarrollo para la toma de decisiones
acerca de coacutemo disentildear
Disentildeo conceptual El objetivo es definir el esquema de organizacioacuten funcionamiento y
navegacioacuten del sitio Una vez definida la estructuracioacuten del sitio es necesario documentarla se
suele hacer a traveacutes de grafos y esquemas con el objetivo de que sean de faacutecil y raacutepida
comprensioacuten
Disentildeo visual y definicioacuten del estilo En este momento se especifica el aspecto visual del sitio
web composicioacuten de cada tipo de paacutegina aspecto y comportamiento de los elementos de
interaccioacuten y presentacioacuten de elementos multimedia
Disentildeo de contenidos De lo que se trata es de disentildear contenidos interrelacionados y
vinculados manteniendo cierta coherencia informativa comunicacional y organizativa
Tercera etapa
Implementacioacuten y lanzamiento Es el momento de explicar a los usuarios el sitio de ensentildearles
a usarlo darles la bienvenida vendeacuterseloDespueacutes de esos primeros meses de vida la
audiencia del sitio habraacute cambiado pero seguiraacute habiendo usuarios que accedan por primera vez
Mantenimiento y seguimiento Un sitio web no es una entidad estaacutetica es un objeto vivo cuyos
contenidos cambian cuya audiencia necesidades y perfiles cambian y que por lo tanto requiere
de continuos redisentildeos y mejoras
De acuerdo con (Lynch y Horton 200010) todo proyecto significativo de sitio web supone retos
particulares pero el proceso de desarrollo en su conjunto sigue generalmente estas seis grandes
fases metodoloacutegicas
1 Definicioacuten del sitio y planificacioacuten
2 Arquitectura de la informacioacuten
3 Disentildeo
4 Construccioacuten
5 Marketing
6 Rastreo evaluacioacuten y mantenimiento
102
El punto de coincidencia entre diferentes propuestas para el proceso de realizacioacuten de un
proyecto de disentildeo web estaacute en que el paso inicial debe ser el establecimiento de objetivos y el
planteamiento de una serie de consideraciones Mismas que influiraacuten en la forma final de las
caracteriacutesticas del proyecto
La divisioacuten orden o inclusioacuten de los diferentes elementos que forman parte de un proceso variacutean
de una propuesta a otra pero parten siempre de las tres etapas baacutesicas presentadas Aquiacute se
tomaraacuten como guiacutea los pasos planteados por Lynch y Horton (200013) y las listas que sugieren
como apoyo de cada etapa Esto nos permitiraacute ir explicando de manera global cada uno de los
pasos e incluir informacioacuten especiacutefica al respecto
Fase 1 Definicioacuten del sitio y planificacioacuten
Se definiraacuten los objetivos y las metas para el sitio web se especificaraacuten y justificaraacuten todos los
recursos que se requieren se estableceraacuten las estrategias especiacuteficas de coacutemo se llevaraacute a cabo
todo el desarrollo contemplando el tiempo que duraraacute el disentildeo de la paacutegina asiacute como cuaacutentos
periacuteodos de evaluacioacuten seraacuten y cuaacutentas mediciones cualitativas y cuantitativas se han de incluir
para asegurar el eacutexito del sitio web Tambieacuten se tendraacuten que definir los contenidos recursos
tecnoloacutegicos y humanos
El disentildeo de un sitio web es un proceso continuo que requiere de un trabajo de mantenimiento
constante Se deberaacute considerar coacutemo se llevaraacute a cabo y tambieacuten el costo que significaraacute
Debemos iniciar planteaacutendonos una serie de preguntas de distintos enfoques mercadoloacutegico
conceptual de comunicacioacuten y de estilo del sitio
o iquestCuaacutel es la idea principal del tipo de proyecto
o iquestA queacute mercado se dirigiraacute
o iquestCuaacutel es el contenido
o iquestQueacute estilo de interactividad se prefiere
o iquestCuaacutel seraacute el destinatario final
o iquestQuieacutenes lo desarrollaraacuten
o iquestQuieacutenes lo mantendraacuten actualizado
103
No es necesario el seguimiento detallado de cada uno de los rubros seguir la loacutegica del
planteamiento de cualquier proyecto de disentildeo permitiraacute establecer estrategias acorde a las
necesidades Los desarrolladores en grandes empresas a menudo estaacuten acostumbrados a disentildear
paacuteginas web y en sus meacutetodos de trabajo va impliacutecita esta forma sistemaacutetica (Sysban 2009 sp)
Sin embargo se recomienda utilizar una lista de verificacioacuten o chequeo como la que se presenta a
continuacioacuten muy similar a la que plantean Lynch y Horton (20005) para no perder de vista
alguacuten factor importante
Lista de verificacioacuten y chequeo
Produccioacuten
o iquestCoacutemo se compone su equipo de produccioacuten
o iquestCuaacuteles son los objetivos del sitio
o iquestA quieacuten se dirige el sitio
o iquestQuieacuten va a gestionar el proceso de disentildeo web
o iquestQuieacutenes son sus expertos en contenidos
o iquestQuieacuten seraacute el enlace con los contratistas externos
o iquestQuieacuten seraacute a largo plazo el webmaster encargado del mantenimiento del disentildeo de sitio
web
Tecnologiacutea
o iquestPara queacute navegadores y sistemas operativos se crearaacute su sitio
Windows Macintosh UNIX Linux o Mozilla Internet Explorer HTML dinaacutemico
(HyperText Markup Language) y funciones avanzadas
o iquestCoacutemo seraacute la conexioacuten que utilizaraacuten sus usuarios
o iquestCoacutemo llegaraacute a los lectores el apoyo de personal
o iquestSe requeriraacute apoyo de bases de datos Por ejemplo para registro del usuario para entrar
en alguna zona
iquestCuaacuteles seraacuten los contenidos audiovisuales y como se colocaran
104
Servidor web
o iquestQueacute alojamiento de paacuteginas web elegir
Se tiene que considerar el escoger a un proveedor de servicios de Internet o si se cuenta con un
servidor interno contemplar el traacutefico de usuarios estadiacutesticas de visitantes los motores de
buacutesqueda apoyo teacutecnico y de mantenimiento espacio asignado etc
Presupuestar
o Sueldos de personal a mediano y largo plazo
o Presupuesto de la empresa de disentildeo web
o Hardware y software en el centro de desarrollo de los miembros del equipo
o La capacitacioacuten del personal en el uso de la web bases de datos web comercial y disentildeo
de paacuteginas web
o Desarrollo de nuevos contenidos y actualizaciones
Fase 2 Arquitectura de la informacioacuten
Se llama Arquitectura de la informacioacuten a la manera en que estaacute dispuesto el contenido en un
sitio tambieacuten se le denomina como estructura del sitio estructura baacutesica de la informacioacuten
hipertexto del proyecto es lo que genera el concepto base de la organizacioacuten
Se definiraacute de manera detallada la organizacioacuten y los contenidos para todo el sitio el equipo
deberaacute precisar todos los contenidos determinar lo que es necesario y establecer la estructura
organizativa del trabajo Una vez que la arquitectura de contenidos se ha esbozado se deben
construir prototipos de pequentildeas partes del sitio para poner a prueba lo que se siente al moverse
dentro de la web y poder comprobar coacutemo se adapta a los contenidos y a la propuesta de
navegacioacuten
Los resultados de esta etapa podriacutean incluir
105
Descripcioacuten detallada del contenido
Las especificaciones detalladas de los recursos teacutecnicos necesarios
o Navegador de la tecnologiacutea de apoyo
o Velocidad de la conexioacuten
o Servidor web y los recursos del servidor
Propuestos para crear la programacioacuten o la tecnologiacutea para apoyar a las caracteriacutesticas
especiacuteficas del sitio
Un calendario para la aplicacioacuten del disentildeo del sitio web y construccioacuten
Uno o varios prototipos de varias paacuteginas basados en la estructura
Bocetos de la forma o la esteacutetica para la interfaz del sitio web
Fase 3 Disentildeo
En esta fase el proyecto adquiere su aspecto visual Basados en el bocetaje previo se establecen
las guiacuteas maestras a nivel graacutefico se basa en la definicioacuten de la retiacutecula de la paacutegina y se precisan
y disentildean los elementos que la integraraacuten Es el momento de realizar o solicitar las ilustraciones
las fotografiacuteas y todos y cada uno de los graacuteficos o contenidos audiovisuales para el sitio La
escritura la organizacioacuten la edicioacuten del contenido de texto y el disentildeo tipograacutefico tambieacuten se
realizan en este periacuteodo Es en esta etapa donde se disentildea y realiza todo el material y quede listo
para usarse en la fase de produccioacuten
Al final se podriacutea contar con una lista de productos parecida a la siguiente
Componentes referentes al contenido y aspecto visual
El texto editado corregido y formado
Especificaciones de disentildeo graacutefico para todas las paacuteginas acabados graacuteficos de la interfaz
de plantillas de paacutegina web encabezados logotipos botones fondos iconos etc
Composiciones en detalle de las paacuteginas y libro de estilo graacutefico
Interfaz de disentildeo de la paacutegina maestra plantillas de la paacutegina
Ilustraciones fotografiacuteas videos animaciones
106
Componentes funcionales
Scripts de Java disentildeo de aplicaciones en Java
Base de datos de los cuadros y la programacioacuten
Motor de buacutesqueda disentildeado y probado
Fase 4 Construccioacuten
En esta fase del proyecto es cuando se construyen las paacuteginas del sitio web Con base en la
definicioacuten de la arquitectura el contenido se empieza a insertar en el disentildeo ya se cuenta con
guiacuteas precisas para la integracioacuten de todos los elementos Es en esta etapa cuando se llevaraacute a
cabo la integracioacuten de todos los viacutenculos y la programacioacuten de tal modo que el sitio quede
integrado con respecto a la estructura programada
Aquiacute es en donde se articulan componentes formales y funcionales para integrase en un sistema
que constituiraacute un todo
En el proceso de construccioacuten siempre se debe estar abierto a la posibilidad de redefinir algunos
puntos en el disentildeo Navegando a traveacutes del sitio se pueden descubrir los puntos que no
funcionan adecuadamente para mejorar la navegacioacuten la estructura del contenido o el disentildeo
visual Una vez que el sitio se ha construido con todos los componentes colocados y la
programacioacuten realizada se tendraacute que proceder a realizar la prueba beta que es conveniente
llevarla a cabo con usuarios externos al equipo de desarrollo
Un esquema al final de esta fase podriacutea incluir
HTML para todas las paacuteginas web
Todos los contenidos de la paacutegina en su lugar
Estructura de viacutenculos de navegacioacuten y enlaces
Toda la programacioacuten en el lugar y vinculado a las paacuteginas listo para pruebas beta
Todos los componentes de base de datos en el lugar y vinculado a las paacuteginas web
Todos los elementos de disentildeo graacutefico en su lugar ilustraciones fotografiacuteas
107
Todos los contenidos del sitio perfectamente corregidos
Las pruebas de la base de datos de programacioacuten y funcionalidad
Pruebas de todos los procedimientos de apoyo al usuario como correo electroacutenico
Creacioacuten de archivos de seguridad para todos y cada uno de los elementos que componen
el sitio
Fase 5 Marketing
Este es el momento de dar a conocer el sitio web debe ser parte integrante de todas las campantildeas
de marketing y es necesario incluir la direccioacuten del sitio en todos los documentos que emita la
compantildeiacutea Dependiendo de los usuarios para los que va dirigido el sitio se deberaacuten elegir los
medios adecuados para promocionarlo En Internet es muy comuacuten recurrir a la promocioacuten
cruzada con organizaciones o sitios hechos especialmente para informacioacuten en relacioacuten a un
tema pero no se deben olvidar los medios tradicionales que seguramente el asesor en
mercadotecnia sugeriraacute tales como anuncios de la radio y la televisioacuten tarjetas de visita
papeleriacutea prensa carteles y vallas publicitarias El sitio web se vuelve parte de un todo que debe
articularse con las necesidades de la empresa incluso en la publicidad
Fase 6 Rastreo y mantenimiento
El seguimiento de lo que sucede con un sitio una vez colocado en un servidor nos permite tener
una gran informacioacuten sobre coacutemo estaacute funcionando para los usuarios Podemos obtener
abundante informacioacuten sobre los visitantes del sitio web gracias a las herramientas que
proporcionan las empresas de alojamiento web
Se puede hacer un anaacutelisis de las visitas de doacutende provienen los visitantes y con queacute palabras nos
encuentran en los buscadores Los registros indicaraacuten queacute paacuteginas son las maacutes populares y queacute
marcas y versiones de navegador web utilizan los usuarios asiacute como la ubicacioacuten geograacutefica de
los mismos Por medio de estos datos podemos deducir puntos importantes respecto a aspectos
variados del sitio
108
El mantenimiento de un sitio es indispensable no se puede abandonar una vez que la produccioacuten
se ha terminado y se ha publicado Desde la fase de planeacioacuten se debe considerar el trabajo
posterior a la colocacioacuten del sitio Un sitio que no recibe recursos para su mantenimiento
envejece y deja de funcionar tendraacute que comprobar perioacutedicamente los enlaces a paacuteginas fuera
de su sitio Los aspectos funcionales y esteacuteticos de una web requieren atencioacuten y mantenimiento
continuados (Lynch y Horton 200010) Se tendraacute que nombrar a un responsable de la
coordinacioacuten y control de los nuevos contenidos el mantenimiento y actualizacioacuten de lo graacutefico y
editorial y asegurar que la programacioacuten permanece y funciona incluso aunque no se desee
hacer cambios constantemente siacute es necesario revisar la funcionalidad
Hasta aquiacute se han comentado las fases metodoloacutegicas Asiacute del proceso de creacioacuten se desprenden
una serie de factores que es indispensable considerar Los comentaremos de manera separada ya
que no son etapas del proceso pero siacute influyen de manera determinante en eacuteste dada la influencia
que tienen en el contexto del disentildeo de sitios web
33 Participantes en la creacioacuten de sitios web
Realizar un sitio web profesional es una tarea que no es recomendable llevar a cabo de forma
individual si se quiere lograr un trabajo de alta calidad El enfoque actual en el disentildeo de
interfaces es incluir a todo un equipo de creadores es un trabajo de caraacutecter multidisciplinario
De acuerdo con Mercovich (1999sp) el disentildeo de interfaces pertenece a un campo mayor del
conocimiento llamado Human Computer Interaction que se caracteriza por ser de origen
altamente interdisciplinario
En el desarrollo de un sitio web participan distintos profesionales cada uno de ellos tendraacute una
misioacuten precisa expertos en contenido escritores arquitectos de la informacioacuten disentildeadores
graacuteficos especialistas en medios expertos teacutecnicos expertos en usabilidad expertos en
mercadotecnia un productor o comiteacute responsable de llevar el proyecto a su conclusioacuten etc
―Cada uno tiene conocimiento acerca de un aacuterea especiacutefica y su participacioacuten a lo largo del
desarrollo aumenta las probabilidades de eacutexito (Mercovich 1999 sp)
109
A continuacioacuten se presenta una lista de los cargos que de acuerdo con Austin y Doust (200883)
se pueden desempentildear dentro de una empresa que realiza trabajos de sitios web
o El equipo suele estar encabezado por un director creativo responsable del desarrollo del
concepto la comunicacioacuten y la colaboracioacuten efectiva entre los equipos
o Los arquitectos de informacioacuten encargados de disentildear la estructura del sitio las capas los
viacutenculos y la navegacioacuten
o El disentildeador de la interfaz de usuario encargado de recordar al equipo la gran variedad de
capacidades relacionadas con la web que tienen los clientes
o El estratega de contenidos responsable de la direccioacuten del contenido de la supervisioacuten de
las fuentes de informacioacuten y la edicioacuten del texto
o El teacutecnico front-end encargado de codificar el contenido a coacutedigos compatibles con la
web como por ejemplo a HTML XML o VRML Flash o Javascript
o El teacutecnico back-end que se encarga del formato de archivos bases de datos la
programacioacuten y la configuracioacuten del servidor del sitio
o Los contables responsables de garantizar que los proyectos se ajusten al presupuesto y
produzcan beneficios (Ver graacutefico 32)
Graacutefico 32 Cargos a desempentildear en una empresa (Austin y Doust 2008)
110
Independientemente del ideal de contar con un grupo multidisciplinario e interdisciplinario para
llevar a cabo un proyecto de sitio web la realidad es que muchos de los sitios que existen en la
red son creados por una sola persona y dentro de los creadores existe una gran variedad de
profesiones y niveles de capacitacioacuten
En el presente trabajo con la intencioacuten de propiciar claridad en el establecimiento de las
diferentes perspectivas profesionales que se involucran en la disyuntiva forma o funcioacuten
diferenciaremos especiacuteficamente a los desarrolladores y a los disentildeadores
Nos referimos a los desarrolladores como aquellas personas que en su planteamiento respecto a
la creacioacuten de los sitios no estaacute contemplada una atencioacuten considerable o preocupacioacuten por la
parte esteacutetica y que generalmente tienen como profesioacuten una ingenieriacutea en informaacutetica Y por
otro lado a los disentildeadores como aquellos que aunque no necesariamente hayan realizado
estudios en disentildeo en artes plaacutesticas o en cualquier otro campo referente al manejo del lenguaje
visual siacute tengan una perspectiva que contempla de manera importante el aspecto visual y esteacutetico
durante la produccioacuten de un sitio web
34 Organizacioacuten del sitio
Este es un factor de suma relevancia tiene un caraacutecter estructural Para que un sitio web funcione
requiere de una organizacioacuten loacutegica acorde con los objetivos del mismo con los contenidos el
usuario tipo el nivel de interactividad que queremos y basada en la consideracioacuten de los
requerimientos y principios baacutesicos referentes Se fundamenta en la consideracioacuten de tres
elementos clave la organizacioacuten del contenido la arquitectura de la informacioacuten y los
componentes del sitio
La organizacioacuten del contenido es fundamental en la construccioacuten del sitio ya que esta seraacute la
primera pauta para establecer un orden y una loacutegica sin la cual el sitio no funcionaraacute
adecuadamente a pesar de tener un contenido interesante original de calidad y actualizarlo
cotidianamente pero si no estaacute adecuadamente organizado de nada serviraacute
111
De acuerdo con Lynch y Horton (200024) son cinco los pasos esenciales para llevar a cabo la
organizacioacuten del contenido
1 Dividir el contenido en unidades loacutegicas
2 Establecer una jerarquiacutea de importancia entre las unidades
3 Utilizar la jerarquiacutea para estructurar los viacutenculos entre unidades
4 Construir un sitio que siga de cerca la estructura de informacioacuten propuesta
5 Analizar el eacutexito funcional y esteacutetico del sistema
La mejor forma de presentar el contenido en la red es en trozos pequentildeos que puedan ser
visualizados de forma raacutepida tiene que ser una informacioacuten especiacutefica y relevante que permita
los enlaces ayude a la organizacioacuten que sea consistente y loacutegica lo que permitiraacute que el usuario
aplique sus experiencias previas en la forma de recorrer un sitio En un sitio web es fundamental
una organizacioacuten jeraacuterquica y con base en la jerarquiacutea se organizaraacuten los elementos y se
definiraacuten los enlaces Una organizacioacuten loacutegica del sitio permite al usuario prever eficazmente
doacutende puede encontrar las cosas (Lynch y Horton 200025) es necesario crear una estructura
predecible ya que el usuario construye un esquema mental propio que le permite adivinar
como estaacuten disentildeados los viacutenculos
Una vez decidida la organizacioacuten del contenido seraacute el momento de establecer la arquitectura de
la informacioacuten Esta se refiere a la organizacioacuten de todos los elementos del sitio De eacutesta
dependen otros factores como la navegacioacuten la interaccioacuten y el mismo disentildeo visual Hassan y
Ortega (2009) lo definen como la actividad y resultado de organizar clasificar ordenar
estructurar y describir los contenidos de un sitio web con el fin que sus usuarios puedan
satisfacer necesidades informativas con el menor esfuerzo posible Es el elemento que sostiene
el contenido guiacutea su estructura y da luz de coacutemo se manejaraacuten los otros factores estableciendo
requerimientos especiacuteficos La arquitectura de la informacioacuten pretende lograr una organizacioacuten
que sea intuitiva para los usuarios
La caracteriacutestica del manejo de estructuras que se basan en el concepto del hipertexto en la red
suponen un gran reto en cuanto a la organizacioacuten ya que no se trata de unir o vincular una cosa
112
con otra soacutelo porque se puede es importante considerar un orden loacutegico que sea comprensible
que permita al usuario crear un esquema mental de coacutemo estaacute organizada la informacioacuten Una
web no funcionaraacute sin fundamentos loacutegicos de la organizacioacuten aunque los contenidos baacutesicos
sean precisos atractivos y bien escritos (Lynch y Horton 200024)
La forma maacutes comuacuten de llevar a cabo la planeacioacuten de la arquitectura de la informacioacuten es
mediante esquemas o mapas de nodos y enlaces debidamente codificados considerados una
herramienta baacutesica para el desarrollo del proyecto en este mapa normalmente se consideran la
fragmentacioacuten de la informacioacuten los viacutenculos entre eacutesta que daraacute origen al aacuterbol de navegacioacuten y
el lay out inicial de las paacuteginas que es el esquema que muestra coacutemo se disponen los elementos
Las decisiones acerca de enlaces internos y externos determinan la experiencia del usuario con el
interactivo se debe disentildear una estructura predecible basada en una loacutegica y consistencia que
permitan al usuario comprender y prever en doacutende puede encontrar lo que busca o lo que
sucederaacute si activa alguacuten componente Se deben evitar dificultades con las cuales se pueda sentir
frustrado Uno de los aspectos maacutes importantes en el disentildeo de la informacioacuten es evitar la
sobrecarga informativa demasiada informacioacuten (textual visual) en un mismo nodo confunde y
agota al usuario (Hassan 2002 sp)
Es necesario considerar que el disentildeo de la estructura igual que el de la navegacioacuten es un trabajo
que requiere de una propuesta inicial que pasaraacute por ajustes y reformulacioacuten hasta encontrar un
equilibrio que resulte adecuado para el tipo de sitio que estamos produciendo El primer paso es
saber exactamente cuaacutel es el objetivo del sitio las necesidades y requerimientos del usuario para
lograr un proyecto adecuado
Los componentes del sitio son las partes visibles del mismo En estos se veraacute reflejada la
arquitectura de la informacioacuten y se generaraacuten en apoyo a la presentacioacuten del contenido Estos
elementos se hacen visibles a traveacutes de la interfaz graacutefica y generalmente se constituyen en
paacuteginas reunidas por el home Los componentes de un sitio pueden variar pero de acuerdo a las
caracteriacutesticas del medio existe una serie de elementos de uso tradicional tales como portada
menuacutes iacutendices mapas de sitio enlaces elementos multimedia etc
113
35 Factores de orden utilitario en el disentildeo de sitios web
A continuacioacuten se revisaran algunos de los factores fundamentales en la construccioacuten de sitios
web es a partir de algunos de ellos que se definen las caracteriacutesticas del medio y otros se tienen
que considerar para hacer un producto funcional
351 Interactividad
El factor de la a interactividad se define como el grado y modo en el que se ha contemplado la
participacioacuten activa de los usuarios permite que el usuario no sea un espectador pasivo sino que
ademaacutes de mirar y comprender puede interactuar a distintos niveles con los elementos que se le
presentan en el sitio Por medio del disentildeo de la interaccioacuten vamos a definir el comportamiento
interactivo del sitio web es decir queacute acciones se ofreceraacuten al usuario en cada momento y coacutemo
responderaacute la aplicacioacuten a las acciones que realice (Hassan y Ortega 2009)
El disentildeo de la interaccioacuten surge a mediados de los antildeos noventa dado que en ese momento se ha
incrementado la existencia de interfaces y surge la necesidad de dar soluciones a los problemas
de comunicacioacuten entre un usuario (humano) y un sistema (maacutequina)
La interactividad no soacutelo se refiere en permitir dar ―click en un viacutenculo o botoacuten determinado la
idea es permitir que el usuario personalice su recorrido e incluso las paacuteginas En este caso la
respuesta o interaccioacuten modificaraacute incluso la paacutegina en siacute misma Actualmente se considera
desde el punto de vista de los usuarios que la personalizacioacuten publicacioacuten y participacioacuten son las
claves de la interaccioacuten
La interaccioacuten y lo faacutecil de esta determinaraacute que el usuario se sienta seguro coacutemodo interesado
en continuar en el sitio Para Fernaacutendez-Coca (1998) la interactividad ideal es aquella que
presenta una navegacioacuten muy clara que invita a ir descubriendo nuevos elementos dentro de un
documento www a medida que lo vamos visitando
114
Algunas de las consideraciones respecto a la interaccioacuten
o Las solicitudes deben tratar de anticipar lo que el usuario quiere y necesita
o Dar a los usuarios un respiro Los usuarios aprenden raacutepidamente y tienen una idea
raacutepida de dominio cuando se ponen a cargo
o Los usuarios se sienten maacutes coacutemodos en un ambiente que no es ni limitado ni infinito un
entorno explorable pero no peligroso
o Aplicar los mecanismos de estado de uso para mantener a los usuarios conscientes e
informados
o Ninguna autonomiacutea puede existir en la ausencia de control y el control no puede ejercerse
en ausencia de informacioacuten suficiente
o Atender la importancia de mantener la coherencia
o Las personas no estaacuten dispuestas a gastar su tiempo tratando de averiguar coacutemo
desplazarse Por esto es muy importante la guiacutea adecuada manifestada a traveacutes del
componente graacutefico desarrollado en la interfaz
o Evitar la uniformidad disentildear objetos compatibles visualmente con su comportamiento
352 Navegacioacuten
La nocioacuten previa que hay del concepto de navegacioacuten estaacute referido al contexto de la mar esto nos
puede dar pistas claras de que este factor es el componente que permitiraacute al usuario moverse a
traveacutes de una ruta que puede ser determinada por la estructura del sitio o idealmente puede partir
de la libre eleccioacuten por parte del usuario o navegante
Todo sitio web estaacute dividido en partes que se relacionan entre siacute y es muy importante considerar
coacutemo se estableceraacuten los viacutenculos o enlaces entre ellas esto daraacute la pauta para generar los
recursos de navegacioacuten que son los medios a disposicioacuten del usuario para explorar un
interactivo
El criterio que rige la incorporacioacuten de recursos de navegacioacuten es facilitar el desplazamiento del
usuario a traveacutes del sitio y por lo tanto facilitar la tarea al usuario La idea es aportar al usuario un
115
conjunto suficiente de elementos graacuteficos que le permitan la navegacioacuten hacia el contenido
Proveer un conjunto de botones de navegacioacuten consistente y predecible supone tambieacuten ofrecer
al usuario una manera de percibir la estructura y organizacioacuten del sitio web manifestando
visualmente su loacutegica y estructura (Lynch y Horton 200019)
La estructura de nuestro sitio web la facilidad para encontrar la informacioacuten mediante la
navegacioacuten interna el presentar una estructura aacutegil y flexible facilitando muacuteltiples maneras y
viacuteas de encontrar la misma informacioacuten son elementos importantes Una tarea del sistema de
navegacioacuten es ofrecer una diversidad de enlaces hacia material relacionado
La estructura y los elementos de navegacioacuten deben estar interrelacionadas y seraacute de suma
importancia contemplar la composicioacuten y cantidad de los elementos de navegacioacuten ya que podriacutea
resultar complicado tener una barra de navegacioacuten con un exceso botones debido a que no se hizo
una planeacioacuten consciente Se considera que para el usuario promedio 6 u 8 opciones son
reconocibles a simple vista pero maacutes dificultariacutean la diferenciacioacuten y seleccioacuten
Fernaacutendez-Coca (1998) plantea cinco puntos baacutesicos a considerar a la hora de definir la
navegacioacuten
o Hay que facilitar enlaces con todos los puntos que al usuario puedan serle necesarios
o Es conveniente indicar siempre el camino de vuelta al punto desde el que partimos
o Si se establecen enlaces con documentos externos hay que cuidar que estos aparezcan por
ejemplo en otra ventana a modo de evitar que el usuario salga del documento original
o Hay que especificar los nombres exactos de las paacuteginas con las que enlazamos
o Es uacutetil presentar una paacutegina en la que se incluya el aacuterbol de navegacioacuten como guiacutea para el
usuario y que los campos sean interactivos
Es necesario definir una estructura en la paacutegina y determinar queacute informacioacuten voy a dar y coacutemo
la voy a ordenar Mediante un guioacuten interactivo o aacuterbol de navegacioacuten se pueden plantear los
enlaces que se estaacuten proponiendo entre los distintos componentes del sitio y constituiraacute la
estructura baacutesica del proyecto Se basa en un esquema que tiene un elemento baacutesico principal que
116
generalmente le corresponderiacutea a lo que consideramos el home page o paacutegina principal y despueacutes
mediante pequentildeos rectaacutengulos se van indicando sus ramificaciones considerando los distintos
niveles y estableciendo con conectores las relaciones esto va a generar a su vez diferentes
jerarquiacuteas de barras de navegacioacuten botones links textos imaacutegenes etc
La razoacuten para disentildear correctamente la estructura o sistema de navegacioacuten radica en prevenir que
los usuarios puedan hallarse perdidos y experimenten sensaciones de confusioacuten frustracioacuten o ira
Los usuarios nunca deben sentirse atrapados Deben tener un camino claro hacia fuera Sin
embargo es primordial hacer muy faacutecil el permanecer adentro del sitio
353 Interfaz Graacutefica de Usuario (GUI Graphic User Interface)
La interfaz graacutefica de usuario es la que permite la comunicacioacuten entre el usuario y el sistema o
equipo cumple la funcioacuten de traductor para interpretar al usuario a traveacutes de sus acciones al
lenguaje que la maacutequina reconoceraacute La interfaz graacutefica de usuario conocida tambieacuten como GUI
(del ingleacutes graphical user interface) es un tipo de interfaz de usuario que utiliza un conjunto de
imaacutegenes y objetos graacuteficos para representar la informacioacuten y acciones disponibles en la interfaz
(Wikipedia 2009sp) Es el elemento tecnoloacutegico que posibilita a traveacutes del uso del lenguaje
visual una interaccioacuten amigable con un sistema informaacutetico
A traveacutes de la interfaz graacutefica de usuario es que se veraacute manifestado el trabajo de los disentildeadores
graacuteficos que deberaacute tener un criterio apoyado en una serie de fundamentos y guiacuteas para la
eleccioacuten de tipografiacuteas colores graacuteficos ilustraciones etc en el disentildeo buscando un resultado
adecuado
Para el usuario de los sitios web uno de los atractivos maacutes importantes es la posibilidad de
interaccioacuten pero le gusta hacerlo de una manera novedosa y es justamente esto lo que permite la
interfaz graacutefica de usuario que tiene el objetivo de proporcionar al puacuteblico un control directo
sobre el sitio haciendo efectiva la interactividad y ayudaacutendolo a su navegar de una manera faacutecil
La interfaz graacutefica haraacute posible el entendimiento y comunicacioacuten entre el usuario y la aplicacioacuten
multimedia interactiva con la que estamos trabajando (Fernaacutendez-Coca 199891) La interfaz
117
siempre tendraacute que jugar este papel de enlace entre el sistema y el usuario nunca interponerse o
dificultarle una tarea
La interfaz graacutefica incorpora metaacuteforas para la interaccioacuten conceptos en la transmisioacuten de
funciones y significados mediante imaacutegenes graacuteficos e iacuteconos permite la secuencia funcional de
interacciones en el tiempo que proporciona singularidad un contexto y apariencia especiales de
los sitios web
Existen tres modos baacutesicos para la presentacioacuten de la informacioacuten
o Textual Toda la informacioacuten soacutelo se presenta por medio de textos no existen graacuteficos o
son muy concretos
o Iconograacutefica Con un uso mayoritario de imaacutegenes siendo muy utilizados los mapas de
imaacutegenes
o Mixta Combina textos y graacuteficos que son interactivos
El disentildeo de la interfaz tanto en estructura como en aspecto visual dependeraacute de las necesidades
concretas del usuario y de los objetivos del mismo Para Lynch y Horton (200011) el
componente graacutefico es un aspecto fundamental en la experiencia del usuario con el sitio En
documentos interactivos es imposible separar totalmente el disentildeo graacutefico de la definicioacuten y
construccioacuten de la interfaz
El disentildeo visual de la interfaz depende de una gran variedad de condiciones que tienen origen en
diversos componentes del disentildeo web Estos hacen de este trabajo un proceso interdependiente y
en el cual se tienen que considerar una serie de aspectos que se refieren no soacutelo a lo visual Para
Lynch y Horton (200011) a pesar de que la red de documentos hipermedia interactivos plantea
nuevos retos a los disentildeadores de informacioacuten la mayoriacutea de los consejos que necesitan para
disentildear crear montar editar y organizar muacuteltiples elementos en distintos formatos no son
radicalmente distintos de los que utilizamos en la praacutectica actual del medio impreso
118
Para un disentildeador graacutefico esto ya es una buena base considerando que se tiene claramente
comprendido el concepto de que el disentildeo parte de la observacioacuten de necesidades que estableceraacute
prerrequisitos No estaacute de maacutes contemplar algunas recomendaciones en aspectos que no debemos
olvidar al momento de proponer el componente visual especiacuteficamente para el disentildeo web ya que
entre estos encontramos rubros distintos a los de un disentildeo impreso
Objetivos del sitio el aspecto visual va sumamente relacionado con el contexto
del sitio
Respaldar la arquitectura de la informacioacuten cuidar el acceso directo a los
contenidos no generar callejones sin salida
Apoyos a la interaccioacuten que sea clara y considere la retroalimentacioacuten
Ayudas claras para la navegacioacuten la eficacia de los controles de navegacioacuten radica
en su legibilidad sencillez expresividad y facilidad para ser reconocidos y
recordados
Caracteriacutesticas del usuario edad profesioacuten cercaniacutea o lejaniacutea con el medio
Facilidades tecnoloacutegicas disentildear de acuerdo con las tecnologiacuteas que se cuenta
como ancho de banda navegadores tipo de red etc
Identificacioacuten y ubicacioacuten considerar la representacioacuten de la identidad visual del
cliente o institucioacuten fechas referencia de paacutegina principal etc
Composicioacuten disposicioacuten de los elementos visuales en la interfaz La composicioacuten
determina la apariencia esteacutetica de la aplicacioacuten y facilita la interpretacioacuten de los
elementos de la interfaz
Factores ergonoacutemicos y de percepcioacuten
Consistencia integridad y claridad visual en el tema graacutefico
Uno de los principales objetivos en el disentildeo de la interfaz graacutefica de usuario es presentar todos
los componentes en una forma clara y organizada poder tener en una visioacuten general toda la
informacioacuten necesaria disponible para la navegacioacuten Un sistema reticular concebido a
conciencia para la pantalla permite al disentildeador establecer este orden y a los usuarios orientarse
con facilidad (Gotz 2002011) El uso de una retiacutecula ayuda a generar una estructura formal y
119
una jerarquiacutea permitiendo lograr una consistencia en el disentildeo misma que serviraacute de orientacioacuten
al usuario
Una retiacutecula plantea una estructura loacutegica para comunicar una organizacioacuten faacutecilmente
reconocible pero que tambieacuten permita variedad La retiacutecula es el primer elemento formal que
daraacute estructura al disentildeo visual de la interfaz sin embargo este principio de consistencia tambieacuten
tendraacute que aplicarse en el disentildeo de los otros elementos visuales encaminado a que una vez que
el usuario reconozca y sea capaz de interpretar el disentildeo de la interfaz podraacute utilizar el sitio con
facilidad
Los componentes de un sitio tradicionalmente son los siguientes
Paacutegina Principal es el punto a partir del cual se organiza un sitio web y hacia la que se enlazan
todas las paacuteginas que componen el sitio Es el lugar donde se colocan los menuacutes de enlaces o las
listas de contenidos la direccioacuten de esta paacutegina es la que daraacute a conocer el sitio
Portada o paacutegina de bienvenida utilizadas como presentacioacuten o fachada para el sitio en las
que se presentan animaciones imaacutegenes alguacuten texto breve respecto al sitio Las portadas o
paacuteginas de bienvenida de una web son probablemente el elemento maacutes discutido de todo el
disentildeo web Para muchos usuarios las portadas no son maacutes que un fastidioso clic de ratoacuten que lo
distancia de los contenidos que estaacuten buscando (Lynch y Horton 200040) Su utilizacioacuten es
cada vez menos comuacuten pero en realidad dependeraacute del tipo de sitio y usuario para el que se esteacute
trabajando
Menuacutes estos permitiraacuten el acceso a las paacuteginas internas del sitio se localizaraacuten en la paacutegina
principal y se pueden realizar con base en graacuteficos textos o ambos
Iacutendices o mapas del sitio su utilidad es dar informacioacuten de la organizacioacuten estructura y
profundidad de los contenidos del sitio
120
Hipertexto es fundamental como elemento que facilita la atomizacioacuten de los contenidos
mediante nodos y la interrelacioacuten entre ellos mediante enlaces
Textos de informacioacuten son las columnas en las que se presenta la informacioacuten en texto
continuo
Botones se utilizan para producir los viacutenculos y efectos especiacuteficos
Elementos multimedia
Imaacutegenes fueron los primeros elementos multimedia que se incorporaron al texto siguiendo una
esteacutetica cercana al libro en cuanto suponiacutean la ilustracioacuten de dichos contenidos textuales
Tambieacuten pueden formar parte del estilo graacutefico
Animaciones ofrecen grandes posibilidades tanto desde el punto de vista esteacutetico como para
efectuar demostraciones y simulaciones
Viacutedeo incluye la realizacioacuten de un guioacuten los procesos de produccioacuten y la realizacioacuten del mismo
Sonido Posiblemente sea el elemento maacutes importante dentro de una aplicacioacuten multimedia basta
para ello por ejemplo con visualizar la animacioacuten aplicada anteriormente sin sonido para
comprender el efecto que causa la presencia o ausencia del mismo Dentro del sonido podemos
distinguir entre las locuciones la muacutesica y efectos especiales
Como parte final de este tema es importante comentar que existen un gran nuacutemero de
recomendaciones especiacuteficas respecto al disentildeo visual de un sitio mismas que se dan con base en
los factores de la lista anterior estas recomendaciones no las colocamos aquiacute debido a su
especificidad a la gran cantidad y a que algunas de estas seraacuten comentadas en el capiacutetulo cuatro
en el rubro 44 correspondiente a las consideraciones para la evaluacioacuten
121
354 Costos y economiacutea
El factor econoacutemico interviene en la creacioacuten de los sitios web pero tambieacuten estos sitios se han
convertido en un instrumento importante de la economiacutea mundial Para las empresas e
instituciones actualmente un sitio web es un insumo en el que se invierte es parte del activo fijo
es un medio que le permite brindar una serie de servicios especializados a sus clientes o se
vuelve un medio de comunicacioacuten y difusioacuten o simplemente de publicidad es un vendedor en
potencia es un escaparate en viacutea puacuteblicalsquo
Entonces se vuelve una inversioacuten dentro de la empresa este es un medio que en principio es
considerado como muy econoacutemico debido a su faacutecil distribucioacuten y reproduccioacuten sin embargo
existen puntos clave que se deberaacuten contemplar pues afectaraacuten directamente a la economiacutea como
es el desembolso inicial ya que como se ha comentado si se quiere un trabajo de calidad se
requiere un equipo multidisciplinario lo que significa una cantidad considerable en sueldos o
pagos por actividad especializada y el otro factor es el mantenimiento ya que se requeriraacute de un
equipo constante de actualizacioacuten y tal vez de un redisentildeo o ampliacioacuten
Algunos creadores estaacuten a favor de la utilizacioacuten de disentildeos que ahorran trabajo y por tanto una
aplicacioacuten puede desarrollarse a precios maacutes competitivos Un ejemplo de disentildeo que ahorra
trabajo es aquel que permite automatizar la construccioacuten de aplicaciones y baacutesicamente consiste
en la utilizacioacuten de un nuacutemero limitado de tipos de paacuteginas en su disentildeo de esta manera la
programacioacuten de la aplicacioacuten resulta maacutes sencilla gracias a la reutilizacioacuten de coacutedigo Es un
punto a considerar y que como todo dependeraacute de un anaacutelisis de los objetivos puesto que el
factor econoacutemico puede influir en el resultado final ya sea en niveles de usabilidad interaccioacuten
en el resultado graacutefico o en dificultades para evaluacioacuten actualizacioacuten o mantenimiento
355 Optimizacioacuten
El factor de la optimizacioacuten ha sido muy mencionado desde el surgimiento de la creacioacuten de
sitios web relativo al tiempo de respuesta a la solicitud de informacioacuten Es la velocidad un signo
de nuestra eacutepoca del siglo XXI sabemos lo desagradable que puede ser para el usuario la espera
122
por lograr acceder a un sitio Pero este se debe a que Mientras el ancho de banda no permita una
transferencia maacutes raacutepida debemos tener en cuenta que las paacuteginas integran diversos elementos
que deben ser creados con mucho cuidado Los tiempos de respuesta raacutepidos constituyen el
criterio de disentildeo maacutes importante de las paacuteginas web (Nielsen 200042) Es muy importante la
consideracioacuten de optimizar todos los elementos de nuestro sitio especialmente el peso y cantidad
de imaacutegenes el tiempo miacutenimo de descarga tiene que ver con la optimizacioacuten de los elementos de
la paacutegina y con el uso planeado de los recursos graacuteficos
Existen variables tecnoloacutegicas a considerar en nuestras decisiones para un disentildeo oacuteptimo
o La velocidad de transferencia
o Los distintos tamantildeos de visualizacioacuten del monitor y dimensiones de pantalla
o El software que el navegante utiliza
o Los navegadores que pueden ser modificadas en tamantildeo y formato
o La posibilidad de personalizar las propiedades del navegador (fuentes tamantildeo
color de links o viacutenculos)
Lo importante es que el usuario pueda llegar a la utilizacioacuten del sitio La competencia que se da
en la red es por la atencioacuten y permanencia de los usuarios y si estos no pueden acceder a un sitio
o alguna de sus partes raacutepidamente consideran que no vale la pena la espera
356 Accesibilidad
Hablar de accesibilidad se refiere a un factor que estaacute relacionado con la intencioacuten de lograr un
acceso universal a la web independientemente del tipo de hardware software infraestructura de
red idioma cultura localizacioacuten geograacutefica y capacidades de los usuarios
Los usuarios utilizan servicios de red distintos servidores distintos computadoras con sistemas
operativos diferentes y potencias diferentes con pantallas de resolucioacuten distintas y navegan con
programas distintos Estas diferencias debemos de considerarlas porque un sitio web debe ser
accesible sin importar las configuraciones de nuestro cliente entonces la idea principal radica en
123
hacer la web maacutes accesible y amable para todos los usuarios independientemente de las
circunstancias y los dispositivos involucrados a la hora de acceder a la informacioacuten
Partiendo de esta idea una paacutegina accesible lo seraacute tanto para una persona que se encuentre bajo
circunstancias ajenas que dificulten su acceso a la informacioacuten como para cualquier otra persona
por ejemplo con discapacidad Una paacutegina web accesible puede ayudar a personas con
discapacidad a que participen maacutes activamente en la sociedad
Esta accesibilidad significa inclusive que grupos sociales con alguacuten tipo de discapacidad van a
poder hacer uso de la web En concreto al hablar de accesibilidad se estaacute haciendo referencia a
un disentildeo web que va a permitir que estas personas puedan percibir entender navegar e
interactuar con la Web (Shawn 2005sp) Busca englobar muchos tipos de discapacidades
incluyendo problemas visuales auditivos fiacutesicos cognitivos neuroloacutegicos y del habla
Actualmente la mayoriacutea de los sitios web presentan barreras de accesibilidad lo que dificulta o
imposibilita la utilizacioacuten de estos sitios para muchas personas con discapacidad Para hacer el
contenido web accesible se han desarrollado las denominadas pautas de accesibilidad al
contenido en la web cuya funcioacuten principal es guiar el disentildeo de sitios hacia un disentildeo accesible
La accesibilidad web beneficia tambieacuten a personas sin discapacidad uno de sus principios
baacutesicos es la flexibilidad con el objetivo de satisfacer diferentes necesidades situaciones y
preferencias esto beneficiaraacute a todas aquellas personas que utilizan la web incluyendo las que
debido a determinadas situaciones tienen dificultades para acceder por una situacioacuten especial
por ejemplo aquellas personas que sufren una incapacidad temporal (un brazo roto) y personas
de edad avanzada Con la accesibilidad se busca otorgar igualdad de oportunidades
357 Usabilidad
Este factor vino a cumplir una funcioacuten no cubierta en el disentildeo de sitios web en el
establecimiento de criterios de utilidad que permitieran definir y delimitar los atributos de los
productos La usabilidad (usability) proviene de otros contextos emerge desde raiacuteces
124
interconectadas con factores y disciplinas como graacutefica computarizada interfaces humanas
procesos cognitivos ingenieriacutea industrial entre otros (Montes de Oca 2004 sp) de los que se
ha transferido de manera natural dada la cercaniacutea de contextos de usos semejantes
La usabilidad en una forma simple se refiere a la facilidad de uso de un producto u objeto sin
embargo su definicioacuten es en realidad maacutes compleja ya que incluye diversos factores Revisemos
algunas definiciones buscando clarificar el concepto Usabilidad se refiere al grado de eficacia
eficiencia y satisfaccioacuten con la que usuarios especiacuteficos pueden lograr objetivos especiacuteficos en
contextos de uso especiacuteficos (ISO 9241-11 1998) en donde
o La efectividad significa el grado de exactitud con el que unos usuarios logran sus
objetivos en un entorno determinado
o La eficiencia mide los recursos invertidos en relacioacuten con la exactitud con la que se han
logrado o no los objetivos
o La satisfaccioacuten se refiere al grado de aceptacioacuten del sistema por el usuario
La usabilidad de un sistema o herramienta es una medida de su utilidad facilidad de uso
facilidad de aprendizaje y apreciacioacuten para una tarea un usuario y un contexto dado (Mercovich
1999) en doacutende
o La utilidad es la capacidad que tiene una herramienta para ayudar a cumplir tareas
especiacuteficas
o La facilidad de uso estaacute en relacioacuten directa con la eficiencia o efectividad
o La facilidad de aprendizaje es una medida del tiempo requerido para trabajar con cierto
grado de eficiencia en el uso de la herramienta y alcanzar un grado de retencioacuten de estos
conocimientos luego de alguacuten tiempo de no usar la herramienta o sistema
(Mercovich 1999)
Los componentes de la usabilidad son prioritarios ya que a traveacutes de ellos es que se conforma en
si el concepto Un fundamento de la usabilidad es que para ser evaluada debe ser medida y
cuantificada entonces se mide a traveacutes de sus componentes fundamentales los cuales deben
125
cuantificarse objetivamente por ejemplo contabilizando el nuacutemero de errores que el usuario
comete en una tarea especiacutefica esto nos serviraacute para medir la eficacia y si se mide el tiempo que
tarda en realizar una tarea se podraacute cuantificar la eficiencia El grado de satisfaccioacuten es la maacutes
complicada de cuantificar generalmente se hace cuestionando a los usuarios una vez finalizadas
sus tareas Es un concepto que engloba a una serie de meacutetodos que apoyan a la evaluacioacuten
La usabilidad busca hacer que un sistema sea faacutecil de usar y de aprender Conforme Hassan
Fernaacutendez e Iazza (2004sp) se compone de dos tipos de atributos
Cuantificables de forma objetiva como son la eficacia o nuacutemero de errores cometidos por el
usuario durante la realizacioacuten de una tarea y eficiencia o tiempo empleado por el usuario para la
consecucioacuten de una tarea
Cuantificables de forma subjetiva como es la satisfaccioacuten de uso medible a traveacutes de la
interrogacioacuten al usuario y que tiene una estrecha relacioacuten con el concepto de Usabilidad
Percibida La usabilidad subjetiva o percibida se refiere a coacutemo valoran los usuarios el disentildeo
total del sitio y cuaacutel es su grado de satisfaccioacuten pero soacutelo se puede conocer a traveacutes del mismo
usuario no depende de resultados como la eficacia y eficiencia (Ver graacutefico 33)
Graacutefico 33 Modelo de usabilidad aparente e inherente (Hassan y Fernaacutendez 2005)
126
De manera desglosada los atributos que conforman la usabilidad de acuerdo con Shneiderman
son cinco (en Baeza y Rivera 2002)
1 Facilidad de aprendizaje
iquestCuaacutento le toma al usuario tiacutepico de una comunidad aprender la manera en coacutemo se usan los
comandos relevantes a un conjunto de tareas
2 Velocidad de desempentildeo
iquestCuaacutento le toma a un usuario completar un grupo de tareas especiacuteficas (benchmark tasks)
3 Tasas de error por parte de los usuarios
iquestCuaacutentos y queacute errores hace la gente al ejecutar un grupo de tareas especiacuteficas
4 Retencioacuten sobre el tiempo
iquestQueacute tan bien recuerdan los usuarios la manera en coacutemo funciona el sistema despueacutes de una hora
un diacutea o una semana
5 Satisfaccioacuten subjetiva
iquestQueacute tanto le gustaron a los usuarios los distintos atributos del sistema
En el disentildeo de sitios web la medicioacuten de la usabilidad es la estrategia maacutes difundida para tomar
como base en la evaluacioacuten de sitios Tambieacuten en lo referente al establecimiento de guiacuteas o
paraacutemetros para el disentildeo de un sitio En usabilidad se realizan estudios cualitativos y estudios
cuantitativos o meacutetricos (ver Capiacutetulo 4) estos dos tipos de estudio se complementan y permiten
tener un acercamiento a la usabilidad desde distintos enfoques
36 Factores de orden esteacutetico en el disentildeo de sitios web
Esteacutetica y componente graacutefico no son lo mismo suelen relacionarse o equipararse dado que las
obras visuales han sido tradicionalmente identificadas como creaciones enfocadas al placer
esteacutetico La esteacutetica tiene que ver con las sensaciones y los sentidos por lo tanto el componente
graacutefico tiene un viacutenculo directo con ella El sentido de la vista es el primero en captar lo que
conforma una interfaz graacutefica de usuario cuando se habla de la forma los elementos visuales los
colores la composicioacuten etc Todos contienen impliacutecitamente un viacutenculo inseparable con la
esteacutetica misma que se encuentra en un conjunto de factores como orden magnitud proporcioacuten
127
equilibrio armoniacutea simetriacutea regularidad etc sin embargo la esteacutetica es un concepto mucho
maacutes amplio
361 El componente graacutefico en los sitios web
El componente graacutefico es fundamental en el disentildeo ya que este es un medio eminentemente
visual es de suma importancia para el eacutexito del sitio web Los elementos que lo constituyen
determinaraacuten el look amp feel del sitio (Montes de Oca 2004) La interfaz que es el elemento
que permite la interaccioacuten estaacute conformada por el componente graacutefico es el rostro la primera
impresioacuten que se tiene sobre el sitio Este aspecto es evaluado por los usuarios de forma
inconsciente y subjetiva pero tiene una gran influencia en el criterio con el que los usuarios
opinan sobre el sitio
Para el intereacutes de este trabajo identificaremos como se sentildealo al inicio al componente graacutefico
como todos aquellos elementos visuales que conforman la interfaz graacutefica mismos que tienen un
gran viacutenculo con la esteacutetica a partir del sentido de la vista y que se conforman bajo los principios
de la composicioacuten como son equilibrio contraste unidad punto focal relacioacuten figura-fondo
armoniacutea etc
El componente graacutefico es la representacioacuten de todo lo que conforma el sitio web refleja el
contenido su organizacioacuten los objetivos del sitio y genera una imagen de la institucioacuten persona
o empresa que lo emite es en gran medida el medio de comunicacioacuten entre usuario y sistema
El componente graacutefico de la interfaz se presenta como una unidad compositiva en la que cada
elemento independientemente de tener un significado individual se relaciona con el resto y
ofrece un concepto en conjunto los elementos graacuteficos se agrupan en subestructuras loacutegicas y
funcionales tratando de expresar cada uno alguacuten tipo de informacioacuten concreta al usuario La
informacioacuten que ofrecen estos elementos se basa en convenciones esto significa que sus
estructuras formales tienen aspectos acordes con experiencias previas en la representacioacuten de
elementos de control y navegacioacuten aquiacute no soacutelo cuenta la forma de cada elemento tambieacuten la
ubicacioacuten y distribucioacuten
128
El tema del componente visual tiene muchas aristas que lo hacen complicado y muy amplio
incluso se presta a confusiones con el estilismo33
y el grafismo34
El componente graacutefico en su
dimensioacuten esteacutetica significa un aspecto difiacutecil de aplicar y evaluar adecuadamente dada la
subjetividad que se le asocia Considerando que en el disentildeo de la interfaz para sitios web se debe
interpretar lo esteacutetico de una manera maacutes profunda y amplia incluyendo lo sonoro lo visual y
todas las sensaciones generadas
Las funciones del componente graacutefico en el disentildeo web van mucho maacutes allaacute de decorar o hacer
una presentacioacuten visual juega un papel muy importante en diferentes aspectos es la principal
herramienta para el logro de las funciones utilitarias establece una organizacioacuten contiene un
significado y puede generar emociones
Las tareas del componente graacutefico en un sitio seraacuten
o Dar una personalidad al sitio
o Dirigir la atencioacuten del usuario
o Facilitar la navegacioacuten
o Establecer coacutedigos visuales faacutecilmente asimilables
o Establecer una coherencia visual
o Organizar la informacioacuten y contenidos
o Comunicar la funcioacuten
o Contextualizar un concepto
o Evocar emociones
o Identificarse con el coacutedigo de lectura
La composicioacuten visual de la pantalla es la primer impresioacuten que el usuario va a recibir debe estar
basada en la organizacioacuten y acorde con el contenido (el cual se considera el punto de intereacutes
previo de un usuario) lo que hace evidente que el disentildeo graacutefico y la tipografiacutea son importantes a
33
Estilismo tendencia a cuidar del estilo atendiendo maacutes a la forma que al fondo de la obra 34
Grafismo expresividad graacutefica en lo que se dice o en coacutemo se dice (Puigserver Prats y Rovira 1996)
129
la hora de convencer al receptor de que la informacioacuten que se le presenta es uacutetil y relevante
(Gotz 2002011) Mediante principios de composicioacuten visual como unidad jerarquiacutea equilibrio
contraste se le transmite al usuario que la informacioacuten presentada tiene caracteriacutesticas de orden y
confiabilidad
Cuando un usuario trabaja con un sitio para el desarrollo de una tarea y le fue posible interactuar
y navegar adecuadamente esto lo motiva a seguir utilizaacutendolo pero para haberlo utilizado
primeramente tuvo que ser motivado a hacerlo y en primera instancia eso se logra con el
contenido y la presentacioacuten visual salvo en casos en donde su uso se basa en una obligacioacuten o
necesidad preeminente
Comuacutenmente la inclusioacuten de un componente graacutefico maacutes o menos elaborado se justifica bajo las
caracteriacutesticas de un usuario especiacutefico para cierto tipo de contenido y por el contenido mismo
Por ejemplo se habla de un caso en que la temaacutetica sea la poesiacutea al estar relacionada de una
manera maacutes tangible con las artes y las emociones se considera que sus usuarios pueden estar
buscando algo maacutes que informacioacuten y tal vez deseen una experiencia de arte o entretenimiento
En estos casos una fachada misteriosa enigmaacutetica y esteacuteticamente agradable puede incitarlos a
cruzar el umbral (Lynch y Horton 200040) Bajo esta consideracioacuten queda claro que para cada
temaacutetica y usuario tipo se requeriraacute un disentildeo con diferente concepto
Por ejemplo los sitios cuyos contenidos estaacuten dirigidos al comercio electroacutenico deben resaltar los
elementos graacuteficos con la finalidad de impresionar y deslumbrar al usuario Pero no debe
exagerarse en el uso de imaacutegenes porque se podriacutea causar distraccioacuten requiere informacioacuten
dinaacutemica inclusioacuten de servicios en liacutenea maacutexima accesibilidad
Tendriacuteamos un escenario contrastante en la creacioacuten de un sitio experimental en el que el disentildeo
es lo fundamental no requeriraacute de la integracioacuten de servicios e incluso no tendraacute un gran
fundamento de comunicacioacuten directa y formal
130
Los sitios con contenidos acadeacutemicos no requieren de excesivos efectos visuales pero esto no
implica deslucirlos con grandes masas de textos sin imaacutegenes Se pueden incluir elementos
graacuteficos con el objetivo de amenizar la lectura
En contraste con el anterior los sitios que presentan contenidos orientados al entretenimiento
demandan el empleo de imaacutegenes y efectos impactantes Se persigue causar la sensacioacuten de
diversioacuten en el usuario
Las tareas que cumple el componente graacutefico son muchas e importantes y se encuentran
relacionadas con todos los demaacutes elementos en el disentildeo de sitio web sin embargo la
consideracioacuten general es que un buen disentildeo visual fortalece un disentildeo de producto bien
ejecutado pero no podraacute salvar un producto mal disentildeado (Nelson 2006sp) Por supuesto que
la idea no es que un componente u otro salve el producto o el disentildeo maacutes bien se trata de la
consideracioacuten de una serie de componentes integrados en la direccioacuten y proporcioacuten necesaria
362 La esteacutetica en los sitios web
Otro componente del que se empieza a hablar en los uacuteltimos antildeos (alrededor de 2004) y el que se
considera subyace en la satisfaccioacuten y placer de uso es la esteacutetica35
A pesar de esto
paradoacutejicamente hasta el momento ha recibido muy poca atencioacuten por los investigadores en
Interaccioacuten Persona-Ordenador (Tractinsky 2004 en Hassan y Fernaacutendez 2005sp) Como ya
lo comentamos los criterios de disentildeo y evaluacioacuten que han prevalecido en la produccioacuten de
sitios web estaacuten basados en principios de utilidad
Cuando se reconoce la dimensioacuten esteacutetica como un factor a considerar que es inherente al disentildeo
de sitios web se presenta el problema de definir coacutemo el valor esteacutetico estaacute impliacutecito por lo
tanto de manera simple muchas veces se hace la atribucioacuten de ese factor soacutelo en la inclusioacuten de
imaacutegenes bellas o decorativas de poner o agregar algo bonito Por eso es que en ocasiones
35
Es uno de los valores que el hombre ha concebido para medir su acercamiento a las cosas de tipo sensual o
sensitivo De acuerdo a Platoacuten lo esteacutetico estaacute asociado a la belleza Un disentildeo esteacutetico puede ser un disentildeo bello La
esteacutetica trabaja sobre nuestra experiencia emocional
131
cuando se enfrenta la esteacutetica a la usabilidad de manera erroacutenea tratando de explicar la forma
adecuada de aplicar la esteacutetica se habla de la conveniencia de no colocar cosas innecesarias o de
no saturar la pantalla incluso de que la esteacutetica soacutelo es permitida para alguacuten tipo de sitios que
tengan la intencioacuten de un disfrute con esta intencioacuten
La dimensioacuten esteacutetica a nivel visual puede tener varias expresiones pero tiene dos
fundamentales la formal inherente (la cosa que se ve) y la forma reiterativa (con lo que se
relaciona)
La esteacutetica se refiere a mucho maacutes cosas que a la belleza Por ejemplo desde el momento en que
se toma la decisioacuten de cuaacutento espacio blanco vamos a conservar las dimensiones de nuestro
texto queacute colores vamos a aplicar estamos tomando decisiones que ejerceraacuten un efecto en el
usuario y la esteacutetica en parte se refiere a coacutemo las personas responden a este efecto por la
emocioacuten positiva o negativa que provoca
Si tomamos en cuenta el concepto de esteacutetica podremos comprender maacutes su amplitud Garciacutea nos
dice que por su raiacutez etimoloacutegica se refiere a la percepcioacuten sensible y que el asunto de la
esteacutetica es el conocimiento en forma de sentimiento tambieacuten que la teoriacutea de la esteacutetica lo que
busca aclarar es la relacioacuten que existe entre la expresioacuten del hombre en sus obras y el hombre
mismo es decir que trata de explicar las experiencias de los hombres sus juicios y la
terminologiacutea especial que en consecuencia crea (Garciacutea 199615)
Haciendo la referencia del concepto de esteacutetica al contexto de disentildeo de sitios web podemos ver
que incluye la sensacioacuten del usuario ante los disentildeos mismos que representan expresiones y que
la conformacioacuten de estos tiene la capacidad de generar experiencias y emociones simplemente
por ejemplo con la eleccioacuten de un color y la carga connotativa que este trae con eacutel dependiendo
de la percepcioacuten36
que el usuario tendraacute de esto
36 Percepcioacuten sensacioacuten interior que resulta de una impresioacuten material hecha en nuestros sentidos
Percibir recibir por uno de los sentidos las imaacutegenes impresiones o sensaciones externas (Puigserver Prats y
Rovira 1996)
132
Se considera que cada rama del disentildeo expresaraacute la parte esteacutetica en elementos especiacuteficos seguacuten
sus caracteriacutesticas especiales En relacioacuten a la esteacutetica en productos interactivos algunos autores
opinan que no soacutelo nos referimos a la apariencia visual del producto sino a la esteacutetica de la
interaccioacuten donde la apariencia es una parte (Djajadiningrat Overbeeke Wensveen 2000 en
Hassan y Fernaacutendez 2005sp) Consultar tambieacuten (Cantildeada 2005sp) En el caso de la interfaz
graacutefica de un sitio web se requiere la consideracioacuten de la interactividad que puede provocar
placer o cierto goce esteacutetico de logro satisfaccioacuten o alcance de metas u objetivos Lo que lo hace
diferente a las expresiones tradicionales del disentildeo visual
La consideracioacuten esteacutetica referida a esta participacioacuten del usuario debe contemplar la manera en
que se propone el intercambio de informacioacuten siendo la idea base romper con un esquema lineal
y permitirle al usuario comprender el efecto de sus elecciones y el decidir ampliaacutendose con esto
la experiencia en la posibilidad de movimiento en el espacio y en el tiempo en donde el espacio
se representa a traveacutes del movimiento entre viacutenculos la dimensioacuten de eacutestos y el manejo del
tiempo se interpreta en esta posibilidad de ir y regresar de un punto a otro en un orden y momento
no necesariamente definido
En el contexto del disentildeo de sitios web bajo el enfoque de la primaciacutea de la usabilidad se llegan a
hacer interpretaciones equivocadas como el que lo esteacutetico o lo graacutefico es poco claro y que
conviene maacutes sustituirlo por un texto Afirmacioacuten que pertenece al plano de lo utilitario y que es
equivocada ya que una cosa no puede sustituir a la otra En la que no se estaacute considerando que en
el texto por siacute mismo con la eleccioacuten que se haga de tipografiacutea tamantildeo organizacioacuten y color ya
se estaacute contactando con lo esteacutetico Al parecer cuando el componente formal mantiene una
esteacutetica de perfil moderado o bajo no sobresaliente suele admitirse sin observaciones cuando al
contrario se sobrepone a la funcioacuten utilitaria y la sobrepasa en ocasiones estorbando es sujeta de
criticas radicales
363 Componente graacutefico esteacutetica y experiencia de uso
Como ya se ha comentado en la creacioacuten de sitios web es fundamental el concepto de experiencia
de uso y en este sentido se debate entre que si es la funcioacuten o es la esteacutetica la que va a generar
133
una mejor experiencia Para Manchoacuten (2002c sp) los procesos de uso y la experiencia personal
generan emociones maacutes intensas y duraderas que los elementos esteacuteticos que generan emociones
maacutes superficiales Se consideran superficiales ya que el factor esteacutetico de un producto
generalmente ha sido interpretado bajo una intencioacuten de mercadotecnia considerando que los
productos maacutes agradables van a vender mejor
La experiencia de uso estaacute basada en un conjunto de factores incluso en la actitud del usuario
ante la tarea que estaacute realizando Para Manchoacuten (2002c sp) no es posible separar los procesos
cognitivos de uso de los estados afectivos (emocionales) la influencia es mutua La experiencia
de uso pertenece al plano de la esteacutetica se mueve en esa relacioacuten de objeto y humano La
dimensioacuten esteacutetica es la que genera una experiencia con mayor peso un disentildeo esteacutetico es aquel
que resulta agradable ya sea para los sentidos para la imaginacioacuten o para nuestro
entendimiento (Hassan 2006 sp)
El afecto o las emociones y sensaciones influyen sobre el concepto que el usuario se crea
respecto al sitio que estaacute usando Esto significa que las cosas que nos son agradables nos parecen
maacutes eficientes y faacuteciles de utilizar del mismo modo a traveacutes de la composicioacuten y estilo visual
podemos propiciar sentimientos
Se ha establecido que existe la usabilidad inherente y la usabilidad percibida Los atributos
relacionados con la usabilidad inherente son la eficacia y eficiencia y el atributo de la satisfaccioacuten
queda en la usabilidad percibida Hassan (2006 sp) sostiene que estos atributos no se
correlacionan de una manera proporcional y sugiere considerar a la usabilidad como un
componente maacutes dentro de los que se requieren para asegurar una experiencia de uso satisfactoria
(ver graacutefico 34) La esteacutetica tiene relacioacuten directa con la experiencia de uso satisfactoria ya que
la esteacutetica estudia como percibimos e interpretamos el mundo
134
El componente graacutefico le ayuda al usuario a entender por ejemplo coacutemo interactuar con el sitio
pero la interpretacioacuten que hace el usuario no se da aisladamente Debemos considerar coacutemo
trabaja el cerebro humano revisar en torno a queacute genera la percepcioacuten sobre un producto los
condicionamientos o convenciones culturales y la apreciacioacuten esteacutetica junto con los factores
humanos y la ergonomiacutea pueden potenciar o desalentar el uso (Mercovich 1999sp) Los
usuarios generan un propio modelo mental de lo que se le estaacute presentando como de la manera en
que funciona
Considerando que la esteacutetica tiene una influencia en la experiencia de uso satisfactoria no estaacute de
maacutes recordar que el uso de recursos esteacuteticos no significa una utilizacioacuten vigorosa de elementos
Lo que ha sucedido con la tendencia efectista es que ha caiacutedo en la buacutesqueda del lucimiento
desarrollando graacuteficos que retrasan en tiempo la accesibilidad para el usuario o que son poco
claros lo que ha implicado en muchas ocasiones una experiencia negativa o frustrante para el
usuario
Si el enfoque del componente graacutefico no se centra en lo efectista sino que se hace considerando a
la interfaz como todo un espacio de composicioacuten y teniendo conciencia de que para tomar la
decisioacuten de integrar o no los distintos elementos se debe considerar todos los factores que forman
parte del disentildeo de sitios web tales como optimizacioacuten accesibilidad intereses y caracteriacutesticas
de los usuarios objetivos del sitio etc entonces no tendriacutea por queacute haber alguna limitante para la
integracioacuten de una intencioacuten esteacutetica incluso la simplicidad tan promovida por la usabilidad
implica una nocioacuten compositiva que apela a la esteacutetica
Graacutefico 34 Relacioacuten satisfaccioacuten-usabilidad (Hassan 2006)
135
El problema es que independientemente de posturas personales la tendencia en contra del
componente graacutefico se ha reforzado a raiacutez de una serie de situaciones en donde el mal manejo de
eacuteste ha llevado a problemas en el uso incluso en algunos casos olvidando el principio baacutesico de
comunicar generando una mala experiencia de usuario algunos de los problemas que podemos
encontrar al revisar sitios se describen brevemente a continuacioacuten
o Los colores chillones o fuertes contrastes son excesivamente llamativos y tras su
utilizacioacuten masiva generan la llamada ceguera a los banners o insensibilizacioacuten a
este tipo de recursos
o El insuficiente contraste entre texto y fondo dificulta la lectura aunque pueda ser
esteacuteticamente agradable
o El uso de elementos excesivamente simeacutetricos y uniformes reduce las posibilidades de
jerarquizar destacar o diferenciar un elemento del resto
Una buena experiencia de usuario puede estar muy bien integrada con el componente graacutefico si
no se cae en el exceso estiliacutestico en donde las paacuteginas se ven sobrecargadas de elementos incluso
a veces innecesarios produciendo en el usuario la sensacioacuten de saturacioacuten y desorientacioacuten
Queda claro que todos los excesos son negativos pero la dificultad radica en definir iquestqueacute tanto
es malo iquestcuaacutel es la medida
Es indispensable recordar que no existe un paraacutemetro adaptable a todos los casos Que la serie de
recomendaciones que existen son planteadas bajo experiencias previas y criterios que tratan de
guiar de una manera general Pero siempre para cada caso hay que reconsiderarlos y aplicarlos
cuando ayudan a la experiencia del usuario con el sitio
37 Lenguajes en el disentildeo de sitios web
En la creacioacuten de un sitio web interfieren dos tipos de lenguajes el lenguaje de programacioacuten
que es el que estaacute directamente relacionado con la tecnologiacutea a traveacutes de la cual funciona el
sistema computacional Gracias a este lenguaje surge la posibilidad de contar con un sistema que
136
lleve a cabo todas las funciones Por otro lado estaacute el lenguaje graacutefico que un sitio web utiliza
para establecerse como un medio de comunicacioacuten Este se ve reflejado a traveacutes de la interfaz
graacutefica ya que esta es la que permite el diaacutelogo sistema-usuario
Cabe aclarar que el coacutedigo HTML (HiperText Markup Language) con el que principalmente se
construyen las paacuteginas web no es propiamente un lenguaje de programacioacuten sino un sistema
para etiquetar texto que se complementa con lenguajes como el Java Script y que cada vez maacutes
es sustituido por paquetes de software que facilitan la tarea de creacioacuten
Cada medio de comunicacioacuten tiene caracteriacutesticas propias que son la base para la construccioacuten
de su lenguaje en el caso de los sitios web destacan como sus principales caracteriacutesticas la
bidireccionalidad y la interactividad Para referirse a las bases del lenguaje de disentildeo que se
requiere en la web Joan Costa introduce en el antildeo 2002 el teacutermino lenguaje eDesign lo define
asiacute tiene la capacidad de transmitir el mayor nuacutemero de datos con el menor nuacutemero de
elementos con el miacutenimo espacio de tiempo y el miacutenimo esfuerzo para el internauta posee la
condicioacuten de establecer las rutas y guiar literalmente la navegacioacuten Joan Costa (2003139)
El punto de encuentro entre el lenguaje de programacioacuten y el lenguaje visual estaacute en que los dos
deben de enfocarse en permitir al usuario el logro de su cometido de la mejor manera y con el
menor esfuerzo A continuacioacuten describiremos brevemente lo que es lenguaje de programacioacuten y
abundaremos un poco maacutes en el lenguaje visual ya que esteacute forma parte de los intereses
concretos de este trabajo
371 El lenguaje de programacioacuten
Los lenguajes de programacioacuten forman parte de un grupo maacutes grande denominados lenguajes
informaacuteticos Dentro de este grupo se encuentra el lenguaje de etiquetas para paacuteginas web
(HTML) que no es considerado propiamente un lenguaje de programacioacuten sino un conjunto de
instrucciones sin embargo parte de los mismos principios que los lenguajes de programacioacuten
(Alegsacomar 2010sp)
137
Un lenguaje de programacioacuten es un coacutedigo formado por siacutembolos y palabras es un idioma creado
artificialmente que permite introducir oacuterdenes y tareas en las maacutequinas por parte del hombre
Estaacute conformado por un conjunto de siacutembolos y reglas de organizacioacuten que definen claramente el
significado de sus elementos es usado para crear programas de computadoras y permite la
combinacioacuten entre el software y el hardware Se aplican mediante procedimientos loacutegicos
permite indicar de manera precisa datos de operacioacuten a una computadora para realizar tareas
computacionales
Cuando se genera un programa con un lenguaje de programacioacuten se espera que sea portable esto
es que se pueda llevar a otros sistemas distintos al que fue disentildeado Que funcione correctamente
esto es que haga lo que se le indicoacute tal y como se indicoacute Que facilite el uso o aplicacioacuten al
usuario sin posibilidad de malos entendidos o equiacutevocos En el contexto de este campo del
conocimiento nuestra experiencia como humanos es eminentemente cognitiva nuestra loacutegica y
razoacuten toman el control de nuestro cerebro
372 El lenguaje visual
Los medios que utilizan la imagen como parte de sus mensajes se han expandido de tal manera
que ya es un componente de vital importancia en la comunicacioacuten Esto ha permitido que se
desarrolle un lenguaje de comunicacioacuten visual abundante Este lenguaje se estructura en base a
distintas dimensiones dentro de las que se encuentran las fisioloacutegicas las psicoloacutegicas las
simboacutelicas y las esteacuteticas
El concepto del lenguaje visual se basa en la analogiacutea con el lenguaje verbal en el que se
considera la integracioacuten de los mensajes mediante signos que se organizan basados en la
gramaacutetica y en la sintaxis Convencionalmente el lenguaje visual estaacute integrado por los
elementos que constituyen la arquitectura baacutesica de la imagen graficada como son la liacutenea el
punto el volumen el claroscuro la textura el plano y el peso visual En el caso particular del
disentildeo graacutefico sin temor a equivocarnos tendriacuteamos que agregar la tipografiacutea (Gold y Toledo
200325)
138
A traveacutes del tiempo la experiencia visual del ser humano ha ido en aumento debido a las
tecnologiacuteas que le han permitido conocer otros lugares otras culturas generar archivos
representar la realidad reproducirla difundirla y tambieacuten alterarla
Como cualquier otro lenguaje el visual tiene su propia estructura en la que se dan relaciones que
generan un sistema el ser humano va aprendiendo este sistema mediante el uso Cada persona da
significado a una expresioacuten visual seguacuten su historia su formacioacuten su cultura y contexto y del
mismo modo interviene su imaginacioacuten El lenguaje visual es la capacidad que tiene un signo
elemento o color ndashbien sea aislado o integrado en una composicioacutenndash de suscitar sensaciones o
reacciones de interpretar o expresar una idea o de hacer una determinada comunicacioacuten visual
(Martiacuten 197468)
El lenguaje visual es un poderoso medio de comunicacioacuten no verbal y que es capaz de llegar maacutes
allaacute que al mero sentido de la vista ―Es el ver y el sentir de un objeto de disentildeo creado por
elementos como color proporcioacuten tipografiacutea forma textura Comunica algo independientemente
de los elementos descriptivos -literales o simboacutelicos- de las imaacutegenes Transmite mensajes
emocionales a la audiencia (Bonnici 200024) Debido a la gran cantidad de elementos visuales
que rodean nuestro mundo cotidiano estamos familiarizados con el lenguaje visual ya sea de
manera consciente o inconsciente lo interpretamos A partir de esta interpretacioacuten emitimos
juicios y actuamos
Estamos conscientes de que mediante un proceso intelectual leemos el contenido de las imaacutegenes
distinguimos los elementos que la conforman incluso podemos dar una interpretacioacuten basados en
los significados comunes que se comparten en una comunidad Pero una construccioacuten visual
involucra un mensaje de tipo emocional Lo que leemos o maacutes bien lo que percibimos son
significados esto es que mediante los elementos graacuteficos podemos evocar sentimientos
Asiacute el lenguaje visual puede usarse para componer o comprender mensajes de muy diversas
iacutendoles y situados en niveles muy distintos desde lo intencionalmente funcional hasta la maacutexima
expresioacuten artiacutestica y emocional
139
La parte de la informacioacuten visual que es claramente definible se conoce como denotativa Se
refiere a una experiencia compartida y que podriacutea ser comprendida incluso desde espacios
culturales distintos La denotacioacuten radica en el significado que tienen los signos expliacutecitamente
(Loacutepez 1993) Se fundamenta en una relacioacuten clara y simple entre el signo y su significado
cumple una funcioacuten de hacer referencia a algo
Pero estos signos como denotativos conllevan a una interpretacioacuten connotativa La connotacioacuten
es el significado que queda impliacutecito en los mismos (Loacutepez 1993) Es una parte de la
comunicacioacuten que no es dicha que no es referente especiacutefico de algo pero sin embargo estaacute
presente Se considera un significado menos claro pero que puede generar aportes maacutes
enriquecidos En las connotaciones es justamente en donde participan los valores afectivos es la
parte del lenguaje visual que llega a las emociones La ciencia de la semioacutetica ha demostrado
desde hace ya medio siglo que es posible la lectura de signos en las culturas
Anteriormente la imagen cumpliacutea un papel puramente esteacutetico o ilustrativo Con la llegada de los
medios de comunicacioacuten de masas la utilizacioacuten de la imagen se convirtioacute en un elemento de
comunicacioacuten de vital importancia Ha tenido un gran desarrollo y ha demostrado su efectividad
en casi todas las actividades del hombre La palabra imagen se deriva del latiacuten imago e indica
toda representacioacuten figurada y legible de objetos que pueden ser reconocidos por el hombre por
su analogiacutea o su semejanza perceptiva
El pensamiento del hombre y lo que espera de los mensajes tambieacuten se ha visto modificado
Actualmente se espera algo especial de la imagen al verla en una pantalla en una revista en un
cartel en cualquier medio que involucre lo visual
Asimismo las imaacutegenes son destinadas a necesidades muy variadas por ejemplo imaacutegenes
realistas que representan el mundo las imaacutegenes esquemaacuteticas hacen imaginable una cosa antes
de existir hay imaacutegenes que son siacutembolos y se vuelven universales las imaacutegenes publicitarias
hacen apetecible algo las imaacutegenes son reflejo de una realidad especiacutefica en la que se ven
inmersos tanto el espectador como el creador
140
Es preciso aclarar que las imaacutegenes no son propiamente elementos del lenguaje visual estas son
representaciones construidas que usan el lenguaje visual y que forman parte de la expresioacuten
graacutefica ―Son expresiones totalmente formadas que usan elementos del lenguaje visual como
color proporcioacuten tono textura etc (Bonnici 200070)
En el disentildeo graacutefico las imaacutegenes en forma de ilustraciones o fotografiacuteas tienen la funcioacuten
inicial de informar por ellas mismas o de reforzar un contenido y sabemos bien que las imaacutegenes
poseen significados Esta funcioacuten se trasciende cuando el lenguaje visual establece una
comunicacioacuten con el espectador llegando al terreno de las connotaciones Lo que determina la
diferencia entre imaacutegenes que cumplen adecuadamente su funcioacuten y las que no es la coherencia
entre informacioacuten y evocacioacuten Tambieacuten sabemos que se han establecido convencionalmente
significados para las imaacutegenes y los elementos del lenguaje visual
Los objetos de disentildeo graacutefico se fundamentan en la comunicacioacuten visual y en esta encontramos
dos elementos baacutesicos que la conforman estos son el texto o lenguaje escrito y el icoacutenico La
combinacioacuten entre estos dos elementos es basa en el contexto en el que estaacute inmerso el objeto que
los contiene Es evidente que en un medio publicitario o infantil es de gran importancia lo
icoacutenico y en contraste en un medio informativo o literario el lenguaje escrito toma preeminencia
sin embargo estos dos elementos estaacuten siempre en relacioacuten generando una complementariedad
La complementariedad de la imagen y el texto en la comunicacioacuten se basa en el hecho de que
los sistemas escritoimagen se dirigen a un solo canal de percepcioacuten la visioacuten (Costa 200339)
El trabajo del disentildeador graacutefico se fundamenta en el logro adecuado de la composicioacuten con estos
dos elementos en complementariedad Se trata de crear interacciones que se complementen
aprovechando la parte praacutectica del texto y la expresiva de lo icoacutenico No hay que dejar de lado
que la tipografiacutea con la que se genera el texto tambieacuten tiene un aspecto formal que la dota de
posibilidades de comunicacioacuten maacutes allaacute de lo que diga el escrito
El texto tiene la gran virtud de comunicar con claridad y no permite las imprecisiones ni la
subjetividad sin embargo de acuerdo con Joan Costa (200316) tarda en hacerse ver y llegar a
141
nuestro pensamiento en cambio el lenguaje visual nos atrapa de manera inmediata en el primer
contacto seraacute el que predomine
Percepcioacuten sensacioacuten y lenguaje visual
Las imaacutegenes se transmiten por sensaciones visuales que cuando son comparadas y asociadas
por el cerebro se transforman en percepciones Esto significa que el espectador ante un disentildeo
busca proporcioacuten orden parecidos diferencias intenta reconocer algo que ya conoce y al mismo
tiempo intenta encontrar las intenciones del disentildeador el resultado de este proceso concluye con
la percepcioacuten de lo visto que se instala en la mente La percepcioacuten es la aprehensioacuten que se hace
de la realidad al recibir por uno o maacutes de los sentidos un dato que nos permite conocer o
comprender una cosa
La percepcioacuten se ve relacionada con todo lo que rodea al sujeto con todo lo que hay en el interior
del mismo tanto intelectual como emocional y con los mecanismos que generan una
vinculacioacuten entre lo exterior y lo interior Se convierten en percepciones a las que
convencionalmente se les atribuyen significados (Costa 1991) El sujeto interpreta de acuerdo
con sus experiencias pasadas
Por otro lado la sensacioacuten se refiere a la captacioacuten que hacemos a traveacutes de nuestros sentidos de
ciertas cualidades e impresiones y que pueden producir una alteracioacuten en el aacutenimo Estaacute muy
relacionada con el impacto que es el efecto que se produce por un suceso o accioacuten Una
sensacioacuten requiere de menos tiempo para concretarse que la percepcioacuten Muchos de los
paraacutemetros con los que se interpreta el significado del lenguaje visual se basan en el proceso de la
percepcioacuten humana de ahiacute su importancia
Elementos baacutesicos de construccioacuten del lenguaje visual
A continuacioacuten se presenta un breve recuento de los componentes baacutesicos del lenguaje visual ya
que aunque no es tema central de este trabajo nos permite aportar claridad en torno a los
principios baacutesicos conforme a los que se organiza
142
Es con base en la seleccioacuten y combinacioacuten de estos elementos que utilizando determinadas
teacutecnicas se logra una organizacioacuten o composicioacuten de acuerdo al significado que se pretende
(Dondis 200453)
El punto es la unidad miacutenima de comunicacioacuten visual Los puntos se pueden contar visualmente
y generar una sensacioacuten de direccioacuten Su composicioacuten agrupada es capaz de crear la ilusioacuten
oacuteptica de tono
La liacutenea es una sucesioacuten de puntos que no pueden identificarse Se suele definir como un punto
en movimiento Implica una trayectoria seguida Es el medio indispensable de expresioacuten de las
formas
El contorno las liacuteneas describen los contornos Existen tres contornos consideradas como las
figuras baacutesicas el triaacutengulo equilaacutetero el cuadrado y el ciacuterculo
La direccioacuten es la relacioacuten de una figura con las direcciones del espacio compositivo Las
fuerzas direccionales modifican fuertemente la intencioacuten compositiva Las direcciones baacutesicas
son la vertical y la horizontal
La forma consiste en una relacioacuten entre la configuracioacuten que implica organizacioacuten en el objeto
El tamantildeo y la posicioacuten que se establece en relacioacuten con el campo mismo
El tono se refiere a las intensidades de oscuridad o claridad del objeto visto la luz ilumina a los
objetos que ya poseen una oscuridad o claridad relativas
El color tiene un significado asociativo estaacute cargado de informacioacuten Fiacutesicamente se debe a la
forma en que la superficie de los objetos recibe o reflejan las ondas de luz del espectro visible
El color tiene tres dimensiones que pueden medirse el matiz que es el color en siacute la saturacioacuten
que es la pureza de un color y por uacuteltimo el brillo que es el valor de gradaciones tonales
143
La textura en el lenguaje bidimensional es la representacioacuten graacutefica de lo que seriacutea una textura
taacutectil o fiacutesica Se basa en variaciones diminutas en la superficie Puede estar representado por una
ilustracioacuten fotografiacutea o manipulacioacuten digital
La proporcioacuten es la relacioacuten armoacutenica que hay en los objetos y entre un conjunto de eacutestos
La escala se refiere a la capacidad de los objetos de modificarse unos a otros estaacute basada en la
comparacioacuten No soacutelo se refiere al tamantildeo relativo de los objetos tambieacuten se relaciona con el
campo visual y el entorno que es el que determina la escala
La dimensioacuten se refiere a la representacioacuten plana o volumeacutetrica en el espacio
El movimiento es una de las fuerzas visuales maacutes predominantes en la experiencia humana En
los medios visuales en general se basa en una ilusioacuten oacuteptica
El plano de representacioacuten en el espacio bidimensional nos sugiere la sensacioacuten de
profundidad
El ritmo es el movimiento marcado por una recurrencia regular periodicidad
El contraste se basa en la yuxtaposicioacuten Exalta un significado por medio de grados de
diferencias entre elementos
La unidad se basa en la idea de una relacioacuten necesaria entre las partes y el todo Percibimos los
elementos como partes de un todo
38 Enfoques en el disentildeo de sitios web
El disentildeo de los sitios web como lo identificamos ahora inicia con el surgimiento del navegador
Mosaic distinguido por contar con una interfaz graacutefica enfocada para los usuarios comunes y
data de 1992 A partir de ese momento los enfoques a traveacutes de los que se han planteado los
144
principios del disentildeo han variado en la buacutesqueda de lograr cada vez mejores resultados en la
interaccioacuten A continuacioacuten se presentan algunos de los enfoques maacutes destacados mismos que se
han ido construyendo uno a partir del otro incluyendo cada vez nuevas perspectivas
381 La Interaccioacuten Persona Ordenador
La Interaccioacuten Persona-Ordenador (IPO) es un aacuterea de estudio centrada en el fenoacutemeno de
interaccioacuten entre usuarios y sistemas informaacuteticos cuyo objetivo es proporcionar bases teoacutericas
metodoloacutegicas y praacutecticas para el disentildeo y evaluacioacuten de productos interactivos que puedan ser
usados de forma eficiente eficaz segura y satisfactoria (Hassan y Fernaacutendez 2005sp) Es un
aacuterea que ha desarrollado un gran trabajo y que como ya se menciono se conoce
internacionalmente como Human Computer Interaction (HCI)
La visioacuten que se tiene dentro del campo de la IPO es puramente instrumental en la que la interfaz
es considerada una simple extensioacuten o proacutetesis del cuerpo (Scolari 200431) Dado que la
interaccioacuten que se da en el uso de las interfaces de usuario incluye a un ser humano los procesos
de desarrollo han visto la clara necesidad de contemplar los factores humanos el objeto de
estudio del campo de los Factores Humanos son las personas se trata de un campo de
conocimientos multidisciplinar que engloba conocimientos de diferentes ciencias como la
antropometriacutea la fisiologiacutea la biomecaacutenica la psicologiacutea etc
En los antildeos ochenta del siglo XX con el surgimiento de las necesidades de interaccioacuten en el
entorno del disentildeo de interfaces de usuario se ha dado pie a la buacutesqueda de soluciones con un
nuevo enfoque maacutes integrador tradicionalmente la investigacioacuten en el campo de la IPO ha
centrado su estudio en las habilidades y procesos cognitivos del usuario estudiando uacutenicamente
su comportamiento racional y dejando de lado su comportamiento emocional (Hassan y
Fernaacutendez 2005sp) lo que significaba perderse de una gran parte de informacioacuten de los factores
que influyen en el uso de los productos
145
382 Usabilidad
La aplicacioacuten de la usabilidad como enfoque ha logrado una gran relevancia en el disentildeo y
evaluacioacuten de sitios web Forma parte fundamental en el proceso de disentildeo utilizada como
indicador de paraacutemetros en la toma de decisiones y como sistema de evaluacioacuten de los productos
y del proceso mismo
La usabilidad parte del principio de que el usuario tendraacute que llevar a cabo un esfuerzo para
obtener beneficios de alguacuten sitio y la idea es disminuirlo lo maacutes posible La disposicioacuten que
tenga el usuario de realizar un mayor o menor esfuerzo dependeraacute de la percepcioacuten respecto a la
utilidad que podraacute obtener del mismo
Esto no significa que el usuario se va a ver atraiacutedo por un sitio fundamentado en el nivel de
usabilidad los usuarios no buscan usabilidad buscan utilidad ―lo que motiva al usuario es la
capacidad que percibe del producto para resolver sus necesidades o deseos (Hassan y Ortega
2009sp) La utilidad y la usabilidad son conceptos diferentes pero dependientes el beneficio o la
utilidad que obtiene un usuario de usar un producto junto con el esfuerzo ejecutado determinaraacuten
el grado de usabilidad que al final se veraacute complementado por la percepcioacuten que el usuario tenga
respecto a la utilidad
Un producto no puede ser por siacute mismo usable ya que el grado de usabilidad depende tambieacuten
del usuario e indirectamente de un contexto La usabilidad no puede ser valorada estudiando un
producto de manera aislada (Manchoacuten 2002ordf sp) El disentildeo de un producto siempre tendraacute
como base la intencioacuten de satisfacer las necesidades de una audiencia concreta y determinada por
eso es que los productos son planeados con base en un uso especiacutefico y a unas condiciones de
uso Un producto seraacute maacutes usable en cuanto maacutes adaptado sea su disentildeo a la audiencia
especiacutefica
Ya se mencionoacute que el concepto maacutes difundido con el que se asocia la usabilidad es la facilidad
de uso de manera general se considera que esta tiene que ver directamente con dos aspectos que
son la arquitectura de la informacioacuten y la interfaz graacutefica Entonces la usabilidad no soacutelo
146
depende de la estructura y organizacioacuten de un sitio sino tambieacuten del disentildeo de la interfaz se trata
de poner en praacutectica procesos orientados a construir la interfaz maacutes usable posible dadas ciertas
condiciones del entorno (Mercovich 1999)
En el enfoque de la usabilidad destaca la premisa con respecto a la simplicidad y disminucioacuten de
elementos La idea es reducir la complejidad y prescindir de cualquier elemento sin funcioacuten ni
relacioacuten alguna llegar a una simplicidad funcional sin ornamentacioacuten innecesaria Nielsen
(200012) sostiene que la usabilidad soacutelo se preocupa de los elementos graacuteficos en cuanto eacutestos
influyen en la interaccioacuten con el usuario se trata de un enfoque de disentildeo sin exceso de
elementos ni contenidos irrelevantes pero esto no debe hacernos creer que simplicidad es
sinoacutenimo de usabilidad (Hassan y Ortega 2009sp) Lo importante es que todo esteacute organizado y
presentado para aportar informacioacuten y funcionalidad
En su esencia la usabilidad tiene caracteriacutesticas que la hacen parecer centrada en el utilitarismo
sin embargo ha ido evolucionando y transformaacutendose considerando una serie de factores que
ampliacutean el campo de observacioacuten En su definicioacuten se incluye el factor apreciacioacuten que en sus
oriacutegenes no era considerado y que se define como la medida de las percepciones opiniones
sentimientos y actitudes generadas en el usuario por la herramienta o sistema una medida si se
quiere de su seduccioacuten o elegancia (Mercovich 1999sp)
La usabilidad se ha visto obligada a considerar la incidencia sobre el factor humano ya que se
trata de la interaccioacuten entre una persona y una computadora generalmente se considera que
intenta maximizar los resultados de las tareas y propone soluciones a las carencias o defectos
detectados pero no garantizaraacute la calidad de la experiencia del usuario (Ergo estudio 2005sp)
Por eso es que surgen alternativas que buscan aplicar lo estudiado por la usabilidad y sumar otros
factores a considerar
383 Disentildeo Centrado en el Usuario
Este enfoque es actualmente considerado como el maacutes relevante en el contexto de la creacioacuten de
sitios web El Disentildeo Centrado en el Usuario (DCU) es una evolucioacuten de antecedentes tales como
147
la IPO y la usabilidad El DCU surge en la buacutesqueda de un nuevo enfoque en doacutende se considere
de manera maacutes integral al usuario
Centrar el disentildeo en los usuarios implica centrarse en conocer coacutemo son queacute necesitan para queacute
usan el sitio es conocer todo lo que sea posible sobre quieacuten va a usar el producto investigar
coacutemo reaccionan ante el disentildeo coacutemo es su experiencia de uso con los productos
El origen de este enfoque surge en la deacutecada de los cincuenta del siglo XX en el aacutembito del
disentildeo industrial y militar En esa eacutepoca los disentildeadores consideraban que para que los productos
se adaptaran al ser humano y serle uacutetiles la creacioacuten se teniacutea que fundamentar en bases de
antropometriacutea ergonomiacutea o biomecaacutenica esto maacutes allaacute de la funcionalidad les abrioacute las puertas
a una nueva manera de enfocar el disentildeo donde la utilidad no estaba rentildeida con el placer de uso
(Hassan y Ortega 2009sp) Posteriormente esta tendencia fue muy acogida por el campo de la
mercadotecnia buscando que los productos le sean uacutetiles al usuario pero tambieacuten que los
disfrute
Aunque actualmente es difiacutecil identificar el liacutemite entre el enfoque de la usabilidad y el del DCU
dado que algunos autores refirieacutendose a la usabilidad consideran que incluye la contemplacioacuten de
factores humanos es importante aclarar que no es lo mismo La usabilidad es un atributo de
calidad del disentildeo mientras que el DCU es una viacutea para alcanzar y mejorar empiacutericamente la
usabilidad del producto (Hassan y Ortega 2009sp)
El enfoque principal de este concepto estaraacute en el usuario visto desde acercamientos variados y
las caracteriacutesticas y necesidades de este predominaraacuten sobre otros factores no significa que los
demaacutes no tengan una gran importancia por supuesto que la tienen y seraacuten los que iraacuten
construyendo el producto alrededor del usuario
El DCU implica necesariamente un trabajo multidisciplinario que contemplar al ser humano
desde distintas perspectivas en lo que concierne al disentildeo web las principales ramas del
conocimiento relacionadas son la Arquitectura de Informacioacuten la Usabilidad el Disentildeo de
Interaccioacuten Disentildeo de Interfaces y el Disentildeo Graacutefico Establecer los liacutemites entre una y otra es
148
complicado estas disciplinas participan dentro del proceso de desarrollo y se relacionan en
teacuterminos de dependencias y temporalmente (Nelson 2006sp) (Revisar el graacutefico 35)
Se ha propiciado una nueva perspectiva enfocada en ayudar al usuario consideraacutendolo como un
ser integral en donde se contempla de forma incluso relevante la parte emocional Tambieacuten ha
permitido enfocar al disentildeo de sitios web como un trabajo interdisciplinario con un producto que
ya no soacutelo busca cubrir la parte utilitaria Para Cesar Martiacuten (2002sp) hay tres elementos a
considerar en el disentildeo de sitios web partiendo del DCU trabajamos para seres humanos que
quieren realizar una tarea de una forma sencilla y eficaz y en este caso particular la deben
realizar frente a un ordenador en un entorno graacutefico la web
La apertura de visioacuten que se ha logrado mediante la aplicacioacuten del DCU ha permitido poner
mayor atencioacuten a la implicacioacuten del componente graacutefico su factor esteacutetico hace especial eacutenfasis
en factores de la interaccioacuten tradicionalmente poco o mal considerados como son el
comportamiento emocional del usuario y la importancia de atributos de disentildeo como la esteacutetica
en este comportamiento (Hassan y Fernaacutendez 2005sp)
Graacutefico 35 Curvas de participacioacuten de las diferentes disciplinas durante el
desarrollo de un proyecto (Nelson 2006)
149
En la buacutesqueda de enfoques de disentildeo maacutes integradores que contemplen los factores humanos
desde sus diferentes aacutengulos se ha centrado la atencioacuten en el concepto Experiencia del Usuario
(UX User eXperience) mismo que se ha utilizado y desarrollado cotidianamente a partir del antildeo
2002 en el contexto del disentildeo web
Este concepto tiene su origen en el campo del marketing En el disentildeo web se ubica dentro del
DCU y se podriacutea considerar como su eje rector un proyecto centrado en la experiencia del
usuario conllevariacutea no soacutelo analizar los factores que influyen en la adquisicioacuten o eleccioacuten de un
determinado producto sino tambieacuten analizar coacutemo los consumidores usan el producto y la
experiencia resultante de su uso (Kankainen 2002sp)
El principio de este concepto radica en evaluar la experiencia del usuario su atencioacuten se centra en
el modelo mental que crea el usuario a partir de lo que experimenta en el momento de la
interaccioacuten con el producto La experiencia es el resultado de varios factores el conjunto de
ideas sensaciones y valoraciones del usuario resultado de la interaccioacuten con un producto es
resultado de los objetivos del usuario las variables culturales y el disentildeo del interfaz (Knapp B
2003 en Hassan y Fernaacutendez 2005sp) Los elementos que integran las bases para el disentildeo de
un sitio influenciaran en la experiencia del usuario (Ver graacutefico 33)
150
En el contexto del disentildeo web se establece la buena experiencia del usuario como un objetivo lo
que se persigue es generar sensaciones y valoraciones de los usuarios hacia nuestro sitio web lo
maacutes agradables positivas y satisfactorias posibles (DNX 2005 en Hassan y Fernaacutendez 2005
sp) La buena experiencia de usuario es una meta ya que el origen del producto estaacute vinculado
con el contexto y las necesidades del usuario final y el enfoque seraacute generar una experiencia
suficientemente satisfactoria como para llegar a conseguir fidelidad del usuario
En los planteamientos expresados por los especialistas existen diferencias en cuanto a queacute es lo
que determina de manera fundamental la experiencia del usuario de acuerdo con Manchoacuten
(2002sp) es determinada en gran parte por los procesos cognitivos de anaacutelisis de la
Graacutefico 36 Rueda de la experiencia de usuario (Tossete)
151
informacioacuten Estos procesos son maacutes racionales y analiacuteticos y no es tan fuerte la influencia de
procesos baacutesicos Con procesos baacutesicos se refiere a los maacutes cercanos a las emociones En
contraparte Hassan y Fernaacutendez (2005sp) definen la experiencia del usuario como la sensacioacuten
sentimiento respuesta emocional valoracioacuten y satisfaccioacuten del usuario respecto a un producto
Las diferencias se basan en la importancia que se le da a la participacioacuten de la parte emocional en
relacioacuten a la racional en la determinacioacuten de la experiencia del usuario
En la experiencia del usuario son diferentes factores los que intervienen y estos han sido
estudiados y clasificados por diferentes autores Morville (2004sp) propone el anaacutelisis de la
Experiencia del Usuario con base en siete facetas o propiedades que debe cumplir un sitio web
Uacutetil Usable Deseable Encontrable Accesible Creiacuteble y Valioso
Graacutefico 37 Propiedades que debe cumplir un sitio web centrado en el meacutetodo de
Disentildeo Centrado en el Usuario (Morville 2004)
(uacutetil)
(utilizable) (deseable)
(faacutecil de encontrar)
(creiacuteble)
(valioso)
(accesible)
152
o Uacutetiles (useful) Debemos de preguntarnos si nuestros productos y sistemas son uacutetiles y
aplicar nuestro conocimiento para definir soluciones innovadoras que sean maacutes uacutetiles
o Utilizable (usable) Facilidad de uso es vital sin embargo no aborda todas las
dimensiones del disentildeo web La usabilidad es necesaria pero no suficiente
o Deseable (desirable) Nuestra buacutesqueda de la eficiencia debe ser moderada por una
apreciacioacuten del poder y el valor de la imagen identidad marca y otros elementos de
disentildeo emocional
o Faacutecil de encontrar (findable) Debemos esforzarnos para disentildear sitios web
navegables y localizables para que los usuarios puedan encontrar lo que necesitan
o Accesible (accessible) Los sitios web deben ser accesibles para las personas con
discapacidad
o Creiacuteble (credible) Los elementos de disentildeo influyen en que los usuarios confiacuteen y
crean lo que les decimos
o Valioso (valuable) La experiencia del usuario debe avanzar en el objetivo especiacutefico
correspondiente del sitio
Se habla de manera especial de la influencia que ejercen las experiencias previas y las
expectativas del usuario Arhippainen y Tahti (2003sp) proponen un modelo que incluye los
diferentes factores que condicionan la experiencia del usuario clasificaacutendolos en cinco grandes
grupos propios del usuario sociales culturales del contexto de uso y propios del producto (ver
graacutefico 38)
153
Conociendo los diferentes factores que participan en la experiencia de usuario se puede destacar
que son directamente relacionados con el usuario el producto y el contexto Se afirma que para
lograr una experiencia positiva es necesario lograr un balance entre las metas econoacutemicas y el
contexto el usuario y su comportamiento con la gran variedad de contenidos (Morville 2004sp)
Lograr el balance entre estos elementos es uno de los maacutes importantes retos dentro del disentildeo de
sitios web ya que estos van a condicionarse mutuamente propiciando la experiencia final
Bajo esta concepcioacuten pasamos revista a las tres dimensiones consideradas como puntos
fundamentales en el disentildeo de los sitios web Todos igualmente importantes usuario contenido y
contexto que enseguida se desarrollan
Usuario
Las caracteriacutesticas del usuario son un factor fundamental en la toma de decisiones respecto al
disentildeo de un sitio tenemos que considerar factores que van desde los muy baacutesicos como la edad
su experiencia previa con el uso de sitios hasta factores como son sus expectativas
Graacutefico 38 Modelo de factores que condicionan la experiencia de usuario Este graacutefico es traduccioacuten
de su versioacuten original en ingleacutes Arhippainen y Tahti (2003)
154
motivaciones personalidad emociones Por supuesto que el disentildeo de un sitio no es un trabajo
personalizado sin embargo la consideracioacuten de un perfil determinado es indispensable al
momento de disentildear
Lo maacutes probable es que a quien va dirigido el sitio va a estar interesado en el contenido del
mismo sin embargo esto no es suficiente para que lo use y permanezca en el Nuestro producto
realmente seraacute completado en el momento de contacto con el usuario por ejemplo el tipo de
navegacioacuten que se lleva a cabo en un sitio web es asociativa pero las relaciones de asociacioacuten
variacutean de un usuario a otro
En el caso de los sitios web las razones para su uso y las reacciones ante estos pueden ser muy
variadas entre los usuarios Una de las diferencias maacutes claras estaacute entre los que los hacen como
entretenimiento y los que lo hacen por una necesidad de informacioacuten
Los internautas que estaacuten acostumbrados a la tecnologiacutea web y a navegar buscan sitios con
disentildeos novedosos y sorprendentes con un gran nuacutemero de imaacutegenes colores animaciones
aunque esto sacrifique el tiempo de descarga la informacioacuten queda en segundo plano Entre los
usuarios que acceden en buacutesqueda de informacioacuten existen aquellos que no estaacuten acostumbrados a
navegar y prefieren disentildeos claros y faacuteciles en los que puedan sentir dominio sobre el sitio En
este grupo tambieacuten se localizan los que estaacuten familiarizados con los sitios pero su uacutenico intereacutes es
localizar informacioacuten concreta con referencia al tema o materia con la que trabajan desean
invertir el menor tiempo posible
Contenido
Es el quelsquo de la informacioacuten la sustancia la esencia la razoacuten de ser de la cosa disentildeada Es uno
de los componentes preeminentes ya que para el usuario es lo que establece el intereacutes inicial por
lo tanto guiaraacute junto con el usuario y el contexto las decisiones de disentildeo El contenido establece
caracteriacutesticas determinantes como el tipo y cantidad de componentes de la interfaz graacutefica
155
Deben analizarse muy bien las necesidades informativas obtenidas en el estudio de los usuarios
para determinar queacute contenidos seraacuten apropiados para satisfacer las necesidades existentes y las
fuentes de informacioacuten de doacutende se extraeraacuten dichos contenidos
Para cada campo temaacutetico existen requerimientos especiales por ejemplo los contenidos con
caraacutecter comercial generalmente se basan en un alto nivel tecnoloacutegico soporte teacutecnico y
seguridad en los contenidos con caraacutecter acadeacutemico a menudo no requieren de prestaciones
funcionales complejas lo maacutes importante es el procesamiento y representacioacuten de los contenidos
En contraste los contenidos dirigidos al entretenimiento u ocio presentan grandes requerimientos
tecnoloacutegicos que van desde un ancho de banda en el servidor que posibilite la raacutepida descarga de
los Applets (programas utilizados por muchos juegos en liacutenea y chats) hasta una compleja
programacioacuten y personalizacioacuten a nivel de usuario
Contexto
Es el doacutendelsquo se hace o se prefigura que operara la cosa disentildeada y es de caraacutecter cultural no
precisamente lugar fiacutesico
Existe toda una serie de factores que conforman una circunstancia especial que rodearaacute tanto al
usuario como al producto mismo estos factores tienen que ver con el espacio fiacutesico o virtual la
tecnologiacutea la economiacutea el tiempo del usuario potencial los factores culturales etc Estas
circunstancias crearaacuten un contexto que influiraacute en el resultado final de la experiencia de uso y
por lo tanto valdraacute la pena considerarlos dentro de lo posible en el disentildeo hay ocasiones en que
no seraacute posible tener un conocimiento previo de este contexto y su consideracioacuten deberaacute servir
para tener alternativas a su posible influencia por ejemplo la indicacioacuten tan comuacuten de disentildear
para los diferentes navegadores que pueda tener el usuario
Dada la variedad de contextos en los que podriacutea ubicarse un producto surgen cuestionamientos
cotidianos tales como iquestQueacute es maacutes importante para un sitio web que sea deseable o accesible
iquestQueacute es prioritario que sea uacutetil o creiacuteble iquestQueacute tiene preeminencia la forma o la funcioacuten entre
otros Definir con precisioacuten cuaacuteles seraacuten las prioridades en el disentildeo es una tarea complicada
dentro de la cual siempre existiraacuten tendencias hacia una u otra postura
156
Sin embargo lo que siacute parece crear acuerdo son los factores participantes que nos ayudan a
tomar estas decisiones El diagrama de Garrett (ver graacutefico 39) representa la vinculacioacuten entre
los objetivos del sitio y las necesidades de los usuarios basada en el proceso de disentildeo
identificando estos dos componentes principales se clarifica la influencia que puede tener uno
sobre otro en cada etapa del proceso
Graacutefico 39 Diagrama del Proceso de Disentildeo Centrado en el Usuario (James Garrett 2000)
157
384 Disentildeo emocional en el disentildeo web
La aplicacioacuten del DCU propicioacute una apertura a la inclusioacuten del aspecto emocional en el disentildeo
sin embargo el trabajo que logroacute poner este tema en la mesa de anaacutelisis y discusioacuten fue el
desarrollado por Donald Norman con la publicacioacuten en el 2005 de su libro El disentildeo
Emocional Por queacute nos gustan (o no) los objetos cotidianos del que habiacutea anticipado un
artiacuteculo en el antildeo 2002 El impacto de este libro se debe a que su autor habiacutea sido considerado
como de los principales defensores de la usabilidad Eacutel mismo explica cuando escribiacute el libro
The Design of Everyday Things no tuve en cuenta las emociones En aquellas paacuteginas abordeacute los
temas de la utilidad y la usabilidad de la funcioacuten y la forma todo ello de un modo loacutegico y
desapasionadoPero ahora en este libro he cambiado de opinioacuten (Norman 200523)
El intereacutes por incluir la parte emocional nominada como tal en aacutereas cercanas al disentildeo por
supuesto no es nueva Se ha presentado por ejemplo en la arquitectura El arquitecto mexicano
alemaacuten Mathias Goeritz escribioacute el ―Manifiesto de Arquitectura Emocional a propoacutesito de la
obra del Museo experimental ―El Eco en 1953 que se basaba en el concepto que a traveacutes de la
arquitectura se generaran emociones Como producto de la obra misma buscaba dejar de lado el
exceso de funcionalidad permitir una actitud de buacutesqueda
En el mundo del disentildeo de productos y la mercadotecnia uno de los autores reconocidos como
iniciadores de este tema es Patrick Jordan con la publicacioacuten de su libro Disentildeo de Productos
placenteros Introduccioacuten a los nuevos factores humanos considerado junto con Norman los
iniciadores del nuevo camino en lo que concierne concretamente al disentildeo Estudios en otras
aacutereas del conocimiento como los desarrollados por el Neurobioacutelogo Antonio Damasio que ha
trabajado con las emociones y sensaciones estaacuten influyendo para que en muchos aacutembitos del
quehacer humano se voltee a ver la parte emocional
Las consideraciones de Donald Norman cobran intereacutes por referirse al contexto en el que estaacute
impliacutecito el presente trabajo Eacutel indica como razones para su cambio de opinioacuten los avances
cientiacuteficos que demuestran que emocioacuten y cognicioacuten se hallan iacutentimamente entrelazadas la
claridad de que utilidad y la usabilidad son importantes pero que sin las emociones nuestra
158
existencia seriacutea incompleta y agrega junto con las emociones hay que tener en cuenta otro
tema la esteacutetica la atraccioacuten y la belleza y por uacuteltimo la razoacuten que maacutes fuertemente impulsoacute su
cambio fue la criacutetica de los disentildeadores respecto a que si seguiacutean las recetas que el proponiacutea los
disentildeos seriacutean usables pero feos Usables pero feos Un juicio maacutes bien severo Por desgracia
aquella criacutetica estaba en lo cierto Los disentildeos usables no son necesariamente agradables de usar
(Norman 200523)
Las emociones hacia un producto surgen de diversos factores ―las emociones evocadas por el
producto durante la interaccioacuten el estado de humor del usuario y los sentimientos pre-asociados
por el usuario al producto (Hassan y Fernaacutendez 2005sp) A la vez el humor seraacute condicionante
de que el producto genere o no ciertas emociones y es una condicioacuten previa en la que se
encontraraacute el usuario propiciada por otros factores externos o personales que podraacute ser
modificado por el contacto con el producto Las experiencias previas con ese producto o
productos similares propiciaraacuten los sentimientos que el usuario tenga y que estaraacuten basados en
asociaciones que haga
La consideracioacuten actual bajo la perspectiva del disentildeo emocional es que los aspectos emocionales
juegan un papel fundamental en la interaccioacuten del usuario como indica Norman (200525) los
estados emocionales afectan a los procesos cognitivos Seguacuten el estado emocional el usuario
podraacute resolver mejor o no un problema En el mundo virtual mientras navegamos por un sitio las
emociones surgen y contribuyen a las percepciones y preferencias (Desmet Hekkert y Hillen
2003sp)
Norman (200533) refiere un experimento que ha servido como comprobacioacuten de coacutemo el afecto
influye en la percepcioacuten que crea el usuario respecto a la funcionalidad de un objeto llevado a
cabo inicialmente por Kurosu y Kashimura en Japoacuten y posteriormente ratificado por Tractinsky
quien repitioacute el experimento en Israel El experimento trataba del uso de cajeros automaacuteticos
disentildeados con ideacutenticas funciones pero con presentaciones distintas unos muy bien presentados y
otros con una apariencia descuidada el resultado fue que los usuarios ante el cuestionamiento
consideraban que habiacutea sido maacutes faacutecil utilizar los cajeros de mejor presentacioacuten haciendo una
159
evaluacioacuten inconsciente del factor esteacutetico Experimento que dio como conclusioacuten que ante una
mejor presentacioacuten el usuario se siente estimulado y puede resolver mejor los problemas
Se considera que las emociones influyen en la capacidad de atencioacuten y memorizacioacuten
modificando el rendimiento del usuario Conocer cuaacuteles pueden ser las causas de las emociones
del usuario principalmente aquellas dependientes del disentildeo del producto se vuelve de suma
importancia El disentildeo de un producto puede evocar emociones de forma impliacutecita a traveacutes de su
esteacutetica pero tambieacuten lo puede hacer bajo una expresioacuten no intencionada en el disentildeo ya que ―no
podemos separar cognicioacuten de emocioacuten (Anderson 2009) por lo que el usuario reaccionaraacute no
soacutelo movido por un anaacutelisis consciente y racional tambieacuten agregaraacute una carga emocional durante
el uso del producto
Lo comuacuten es que se considere que cognicioacuten y emocioacuten son factores contrapuestos y se da
preeminencia al pensamiento loacutegico sin embargo estudios dentro de la ciencia cognitiva han
demostrado que las emociones son inseparables de la cognicioacuten y son una parte necesaria de este
proceso (Norman 200522) Las emociones modifican nuestro pensamiento ademaacutes con base en
las emociones es que tomamos decisiones raacutepidas a diferencia del proceso cognitivo que tiene
que interpretar y comprender El componente afectivo o emocional asigna valor a las cosas
mientras que el cognitivo le asigna significado
El cerebro humano estaacute conformado de una forma compleja destacando que los atributos
humanos parten de tres sectores diferentes el visceral el conductual y el reflexivo y es a partir
de estos que Donald Norman (200520) propone tres aspectos diferentes del disentildeo y considera
que no es posible un disentildeo sin que esteacuten presentes los tres
o Disentildeo Visceral se ocupa de las apariencias
o Disentildeo Conductual tiene que ver con el placer y la efectividad de uso
o Disentildeo Reflexivo se ocupa de la racionalizacioacuten y la intelectualizacioacuten de un
producto
160
Cada uno de los niveles plantea requisitos de disentildeo diferente
Disentildeo visceral es preconsciente es en donde se forman las primeras impresiones Trata del
impacto inicial de un producto de su apariencia del tacto y de las sensaciones que produce
Disentildeo conductual trata del uso de la experiencia que tenemos con un producto y la
experiencia estaacute conformada por la funcioacuten el rendimiento y la usabilidad
Disentildeo reflexivo se basa en la interpretacioacuten y la conciencia Aquiacute residen los niveles superiores
de la sensibilidad que son las emociones y la cognicioacuten Es vulnerable a las experiencias la
educacioacuten y las diferencias individuales
En base a la revisioacuten de la informacioacuten en torno al tema y las mismas platicas entre creadores se
hace evidente que en la actualidad entre las posturas en torno al disentildeo de sitios web toman
fuerza dos el disentildeo centrado en el usuario y el disentildeo emocional los enfoques son
complementarios y evidencian preocupacioacuten ante una avalancha de visiones unidimensionales
pero a su vez como se ha visto en estas posturas intereacutes en el fin uacuteltimo del disentildeo el ser
humano
A traveacutes de la revisioacuten de la teoriacutea y los conceptos aquiacute comentados podemos identificar todos los
elementos que participan en el disentildeo de sitios web lo que permite tener una interpretacioacuten
completa de las necesidades de un proyecto Tambieacuten permite rescatar que la idea actual entre
muchos disentildeadores es la creacioacuten de disentildeos que vayan maacutes allaacute de lo funcional que la
experiencia del usuario esteacute integrada de emociones no tomar como norma la recomendaciones
generalizadas sobre la funcioacuten y la eliminacioacuten de componente graacutefico sino analizar su uso o no
pensando en la efectividad para cada contexto y tener en mente siempre el disfrute del usuario El
intereacutes se centra en obtener disentildeos que provoquen gratas experiencias para el usuario no soacutelo
disentildeos efectivos sino placenteros respecto a una tendencia tradicional en la usabilidad que es el
utilizar lo menos posible en el componente graacutefico esto es enfocarse en la simplicidad Ahora se
dice que la simplicidad se logra con la organizacioacuten no con la eliminacioacuten El disentildeo es creado
por humanos para ser usado por humanos con todas sus capacidades tanto cognitivas como
afectivas
161
CAPIacuteTULO
Consideraciones respecto al buen disentildeo de sitios web
En este capiacutetulo se revisaraacute el concepto de lo que se considera un buen disentildeo37
de manera
general y un buen disentildeo en el contexto de sitios web Se identificaraacuten cuaacuteles son los
componentes fundamentales en la definicioacuten Posteriormente describiremos brevemente la
situacioacuten actual en cuanto a calidad en disentildeo de sitios web y los criterios y meacutetodos que de
manera general se usan para la evaluacioacuten Todo esto con el objetivo de identificar el nivel de
participacioacuten que tienen los componentes formales y funcionales en la consideracioacuten del buen
disentildeo web
41 iquestQueacute es un buen disentildeo
Establecer queacute es un buen disentildeo resulta difiacutecil ya que tanto el proceso como el resultado de un
disentildeo web tienen muchas aristas Dentro de eacutestas hay que considerar como las maacutes importantes
el concepto de los creadores el concepto de los usuarios y de manera especial la tarea a realizar
misma que establece la necesidad y el contexto en el que se crea el disentildeo
En principio un buen disentildeo se refiere a la creacioacuten de una respuesta adecuada38
ante una
necesidad planteada La determinacioacuten de lo que es adecuado se complica ante la perspectiva que
el contexto para cada disentildeo es muy especiacutefico
El punto de coincidencia entre algunos autores para definir que es un buen disentildeo se encuentra
en la propia definicioacuten de lo que es el disentildeo (ver Capiacutetulo 1) Es importante recordar que todo
disentildeo surge de un problema o necesidad planteada y con base en eacutesta es que se genera el
designio o intencioacuten y eacutesta seraacute el eje rector del disentildeo
37
Nos referimos a la consideracioacuten de un disentildeo que resulta adecuado dado que cumple con las expectativas del
usuario en torno a cubrir una necesidad especiacutefica No a la tendencia Buen disentildeo de los antildeos 50 del siglo XX 38
Adecuado proviene del verbo adecuar que se refiere a acomodar una cosa a otra
4
162
Entonces si el surgimiento o creacioacuten de todo disentildeo se fundamenta en una necesidad el hecho
de cubrir esa necesidad es en principio lo que va definiendo el concepto de un buen disentildeo Un
buen disentildeo seriacutea aquel que cubre la necesidad que le dio origen
Ahora esa necesidad podriacutea ser cubierta por un sin fin de disentildeos variados Ante esta perspectiva
se establece que para la consideracioacuten de un buen disentildeo se deberaacute tener en cuenta que el
requerimiento inicial estaacute conformado por varios factores o causas Zimmermann (2002112)
afirma que si las soluciones aportadasresponden satisfactoriamente a todos los requerimientos
baacutesicos exigibles (teacutecnicos semaacutenticos psicoloacutegicos culturales) entonces el designio ha
cumplido su funcioacuten esencial
De aquiacute que el disentildeo no puede generarse de manera aislada tiene que contemplar una serie de
factores que intervienen en la solucioacuten El queacute tan integrados esteacute en la propuesta de solucioacuten
todos los factores que se requiere considerar en cada caso daraacute las pautas para definir si un
disentildeo es bueno
En principio todo disentildeo tiene que considerar un aspecto funcional basado en su razoacuten de ser y
otro formal La cosa en si misma posee forma sin la cual no seriacutea posible verla y de ahiacute su disentildeo
La calidad del resultado reside en una cercana y adecuada correspondencia entre la forma y su
sentido (Potter 1999155)
Una vez que un objeto cubre el primeriacutesimo requisito de existir viene despueacutes la forma de esa
forma Asiacute es que la forma se convierte en un componente prioritario puesto que tiene la
posibilidad de incrementar o disminuir la capacidad de cubrir la necesidad de la que parte el
disentildeo De acuerdo con Scott Gillam (19807) si la forma creada satisface la causa primera si se
expresa a traveacutes de materiales apropiados si eacutestos estaacuten bien tratados y por fin si la totalidad se
realiza con economiacutea elegancia podremos afirmar que es un disentildeo y un buen disentildeo Podemos
determinar que algunos de los factores a considerar son la economiacutea la tecnologiacutea los
materiales la esteacutetica la psicologiacutea la cultura
163
Podemos establecer que el buen disentildeo para definirse asiacute debe responder de manera concreta a
una necesidad misma que originoacute su razoacuten de ser Deberaacute considerar todos aquellos factores que
se vuelven condicionantes del resultado Entre maacutes factores cubra de manera acertada acorde con
la necesidad y el usuario se acercaraacute a ser considerado bueno
A continuacioacuten se presenta la lista de los diez principios del buen disentildeo seguacuten Dieter Rams
(Wikipedia 2010sp) reconocido disentildeador industrial y considerado figura clave en el
renacimiento del disentildeo Funcionalista alemaacuten Seguacuten estos principios el buen disentildeo
o Es innovador
o Hace uacutetil a un producto
o Es esteacutetico
o Ayuda a entender un producto
o No molesta
o Es honesto
o Es duradero
o Es minucioso hasta el uacuteltimo detalle
o Se preocupa por el medio ambiente
o Es tan poco disentildeo como sea posible
Este tipo de listados recomendaciones o principios tienen una aceptacioacuten variable porque por un
lado pueden funcionar como una excelente guiacutea para el disentildeador y para la evaluacioacuten Por otro
lado son criticados por que se considera que no pueden corresponder a todos los proyectos de
manera similar de hecho existe la interrogante en cuanto a si los criterios para evaluar un disentildeo
pueden ser universales
De seguirse ciegamente listas de principios el disentildeo a nivel formal no progresariacutea se convertiriacutea
en un solo estilo estereotipado implicando el riesgo de romper con unas de las caracteriacutesticas que
forman parte de la descripcioacuten de la actividad del disentildeo que son la creatividad y la innovacioacuten
164
Dentro del contexto especiacutefico del disentildeo graacutefico Gotz (2002) define como disentildeo graacutefico
oacuteptimo aquel que genera una loacutegica visual y busca el equilibrio ideal entre proporcionar
sensaciones visuales y transmitir el contenido Esta referencia hace evidente que cuando el
concepto se centra en un campo maacutes reducido surgen como partes determinantes de la calidad las
especificidades de la materia
Un disentildeo estaacute basado en una serie de decisiones que ha tomado el disentildeador decisiones de un
ser humano (hombre social) lo que nos recuerda que los disentildeos no estaacuten determinados soacutelo por
procesos tecnoloacutegicos factores econoacutemicos o sociales estos soacutelo forman parte del contexto La
bondad o lo atinado de un disentildeo no puede valorarse faacutecilmente sin conocer su propoacutesito y
algunas veces sin conocer su contexto circunstancial (Potter 1999162) El contexto especiacutefico
para cada disentildeo genera una variedad de alternativas entre las que el disentildeador elige en la
buacutesqueda de alcanzar los objetivos este contexto siempre formaraacute parte de un entorno cultural
La definicioacuten de lo que es un buen disentildeo es inseparable de la evaluacioacuten La evaluacioacuten estaraacute
influenciada por coacutemo se hizo su aplicacioacuten o implementacioacuten La conjetura de si en un disentildeo
es buena o mala la solucioacuten a una necesidad planteada tendraacute mucho que ver con las bases sobre
las que se juzgue o evaluacutee Existe relatividad en los valores bajo los que se puede evaluar el
disentildeo Los juicios a los que llegamos producto de la evaluacioacuten derivan de interpretaciones
preexistentes que tambieacuten son juicios - y con frecuencia prejuicios - desde los cuales partimos
(Zamora 2002156) En el graacutefico 41 podemos apreciar que en la evaluacioacuten interfieren la
objetividad y la subjetividad asiacute como tambieacuten factores cuantitativos y cualitativos
165
42 Definiendo un buen disentildeo web
La importancia del disentildeo de un sitio web radica en el nivel en que posibilite o no la consecucioacuten
de los objetivos o tareas que pretende realizar el usuario (encontrar informacioacuten comprar
comunicarse aprender etc) esto es que cubra las expectativas o necesidades que el usuario
tenga
Las consideraciones para la definicioacuten de un buen disentildeo y evaluacioacuten de un sitio web se
fundamentan en los diferentes aspectos que son la base en la integracioacuten del mismo como son
interactividad navegacioacuten accesibilidad estructura del contenido actualizacioacuten desarrollo
graacutefico coherente y claro Lo que define un buen disentildeo es dar una solucioacuten adecuada
considerando todos estos puntos acorde con indicaciones establecidas para cada uno de ellos
Considerando siempre que son elementos inseparables que pueden interferir unos con los otros
Graacutefico 41 La evaluacioacuten como proceso de explicitacioacuten de referentes Zamora 2002
166
De manera general podemos decir que para que un disentildeo web sea considerado bueno debe de
construirse como un sitio accesible esteacutetico y utilizable
o Accesible por facilitar el acceso
o Esteacutetico por su forma que logre provocar sensaciones placenteras
o Utilizable por facilitar su uso y permitir la realizacioacuten de una tarea
No hay que olvidar que la creacioacuten de un sitio web incluye muchos aspectos El contenido la
estructura la interactividad la actualidad y de especial intereacutes en este trabajo la interfaz graacutefica
En el caso especiacutefico de la interfaz graacutefica su importancia radica en que seraacute esta la que permite
la interaccioacuten entre usuario y el sitio
Un buen disentildeo seraacute aquel que posea un modelo claro el cual describe a la organizacioacuten que sea
faacutecil de transitar en el que la metaacutefora utilizada esteacute acorde con la temaacutetica Conforme a la teoriacutea
de la Interaccioacuten Persona Ordenador un buen disentildeo de interfaz analizado desde perspectivas
ergonoacutemicas tendraacute en cuenta las capacidades psicoloacutegicas y semioloacutegicas del ser humano
facilitaraacute el diaacutelogo y la interaccioacuten hombre-ordenador(Veacutelez 2001sp)
En caso de no cumplir con las expectativas del usuario mediante forma y funcioacuten o peor auacuten no
permitirle el acceso y una navegacioacuten con un nivel aceptable el resultado seraacute que el usuario
frustrado por la dificultad funcional del sitio decida abandonarlo en busca de otro en donde la
tarea le sea maacutes faacutecil Y auacuten maacutes hay que considerar un objetivo coincidente entre todos los
sitios web que es el intereacutes de que el navegante regrese no soacutelo se pretende que entre una vez
cuando quizaacutes por casualidad haya estado navegando o porque localizoacute el sitio en un buscador
La intencioacuten final es que se convierta en usuario y regrese con frecuencia y ademaacutes recomiende
su uso y contenido
Para tratar de definir queacute es un buen disentildeo web un criterio a considerar puede ser revisar
algunas de las caracteriacutesticas respecto a usabilidad accesibilidad forma y otros aspectos que se
consideran en el momento de las evaluaciones
167
A partir de considerar la utilidad Betsy Richmond (1996) propone diez aspectos para evaluar
una interfaz exitosa
Contenido Habla sobre la intencioacuten del contenido queacute tan actual es la informacioacuten y si
el tiacutetulo es reconocido
Credibilidad Se refiere si es o no conocido al autor confiable autorizado en la materia
tambieacuten sobre el propoacutesito de la informacioacuten
Pensamiento criacutetico Contesta a las preguntas iquestPueden aplicarse el conocimiento previo
y la experiencia para evaluar el sitio de Internet
Copyright o Derechos de Autor Indica quieacuten es el autor o responsable del documento
tambieacuten si estaacute protegido por las convenciones de derechos de autor
Citas o referencias Debe citar las fuentes utilizadas para dar creacutedito al autor y proveer
al lector de pistas para una investigacioacuten posterior
Continuidad Se refiere a la posibilidad de mantener el sitio como estaacute o si hay la
necesidad de actualizarlo
Efecto de censura iquestSe considera la censura y la privacidad de los documentos cuando se
utiliza Internet
Conectividad Debe de considerarse el acceso y la funcionalidad del sitio para todos
ellos iquestTienen todos los usuarios acceso correcto al sitio iquestEstaacuten familiarizados los
usuarios con las herramientas y aplicaciones iquestEs posible ver el sitio con todos los
navegadores
Comparacioacuten iquestEl sitio de Internet contiene informacioacuten comparable y completa
168
Contexto Debe poder contestar a las preguntas iquestCuaacutel es el contexto de su investigacioacuten
iquestPuede encontrarse todo sobre el toacutepico sujeto a investigacioacuten
Utilizando la lista anterior como herramienta para evaluar un sitio la pregunta final tendriacutea que
ser iquestEs uacutetil o iquestNo es uacutetil
Desde el punto de vista de las recomendaciones y consideraciones de lo concerniente a factores
formales aquiacute se incluye una lista de las maacutes comuacutenmente expresadas (Fidalgo 2002
Foria2002 Gotz2002 Hassan y Ortega 2009)
o Respecto al disentildeo visual del sitio es conveniente mantener una coherencia y estilo comuacuten
entre todas las paacuteginas
o En cuanto a la estructura y estilo hay que proporcionar una consistencia visual a todo el
sitio
o Agrupe visualmente la informacioacuten relacionada
o En el uso de colores se debe ofrecer suficiente contraste entre texto y fondo para no
dificultar la lectura
o Al utilizar imaacutegenes se debe cuidar su resolucioacuten y tamantildeo
o Para evitar la sobrecarga memoriacutestica se recomienda definir menuacutes de navegacioacuten con un
nuacutemero de opciones reducido normalmente no maacutes de nueve diferentes
o Es importante conservar el estaacutendar del subrayado de los viacutenculos que los hace
identificables y el coloreado que diferencia los visitados de los no visitados
o Tener prudencia en la aplicacioacuten de animaciones y textos parpadeantes
o No disentildear columnas de texto demasiado anchas dado que cansan la vista y pueden
confundir al lector dificultando la lectura
169
43 Situacioacuten actual de la calidad en disentildeo web
La calidad39
entendiendo eacutesta como las caracteriacutesticas que hacen maacutes o menos apropiado un
disentildeo a sus objetivos que actualmente se puede encontrar en el disentildeo de sitios es muy variable
Jerry Glenwright en el antildeo 2001 escribioacute en su libro wwwlayout ―en el mundo virtual escasean
los buenos disentildeos A la fecha la situacioacuten que presenta el disentildeo de sitios web es parecida a
como era entonces pero la consideracioacuten actual no parte de que escaseen los buenos disentildeos en
realidad lo que sucede es que hay un gran nuacutemero de malos disentildeos situacioacuten que se deriva de
diversos factores tales como el acelerado cambio tecnoloacutegico la faacutecil integracioacuten de creadores
de sitios sin importancia de su preparacioacuten soacutelo por ser conocedores del software o por la
apertura natural que el medio ha creado el desconocimiento de los principios para la creacioacuten de
sitios las tendencias extremistas entre los desarrolladores y los disentildeadores hacia la forma o
hacia la funcioacuten
Ha habido avances muy importantes en el aspecto tecnoloacutegico por ejemplo el aumento en la
capacidad de transferencia nuevas modalidades de conexioacuten aparatos portaacutetiles creacioacuten de
software maacutes faacutecil de manejar inclusioacuten de herramientas para brindar maacutes servicios nuevos
modelos de comunicacioacuten e interaccioacuten como los chats y las redes virtuales
Esto ha significado la necesidad de nuevas estructuras de organizacioacuten tambieacuten ha implicado
cambios en la calidad de los componentes visuales que se pueden incluir en los medios y la
necesidad y posibilidad de uso de nuevos componentes esto hace de la web un lugar de constante
cambio y experimentacioacuten
Actualmente se ha dado un gran avance en la difusioacuten de conceptos que ayudan a generar disentildeos
adecuados por ejemplo usabilidad disentildeo centrado en el usuario optimizacioacuten de graacuteficos
interactividad metodologiacuteas de produccioacuten La experiencia que los desarrolladores han adquirido
tambieacuten ha sido un factor fundamental en la buacutesqueda de lograr buenos disentildeos sin embargo al
39
Calidad se refiere a la manera de ser de una cosa De manera figurativa a la importancia o cualidad que algo tenga
y en base a ello se establecen condiciones o requisitos para su nominacioacuten que podraacuten o no ser posteriormente
calificados (Puigserver Prats y Rovira 1996)
170
igual que antes se siguen agregando cada vez maacutes creadores sin los conocimientos necesarios
dada la facilidad de acceso que existe hoy diacutea en los programas de desarrollo e incluso los
disentildeos prefabricados
Esta situacioacuten ha influido fuertemente en la proliferacioacuten de malos disentildeos La referencia de
malos disentildeos se debe a que en muchos de ellos principalmente los casos extremos no existe la
maacutes miacutenima consideracioacuten de los factores funcionales aquellos que son determinados por las
propias caracteriacutesticas del medio y mucho menos son considerados principios de composicioacuten
visual La pantalla constituye una plataforma abierta a todo aquel que desee expresarse al
margen del cual sea su nivel de formacioacuten visual por lo que las presentaciones se convierten
cada vez maacutes en una jungla informativa impenetrable (Gotz 2002 010010) La formacioacuten de los
creadores en el aspecto visual seriacutea sumamente importante dada la aplicacioacuten de la interfaz
graacutefica de usuario como medio de comunicacioacuten e interaccioacuten pero tambieacuten un conocimiento de
los principios de todas aquellas asignaturas que participan en la creacioacuten de un sitio web como
arquitectura de la informacioacuten usabilidad disentildeo de la interaccioacuten disentildeo centrado en el usuario
La integracioacuten de creadores o desarrolladores40
no adecuadamente preparados se ha dado por las
facilidades que la tecnologiacutea de produccioacuten brinda La elaboracioacuten de una paacutegina web es de
hecho un proceso relativamente simple el lenguaje en el que estaacuten basados la gran mayoriacutea de los
documentos en la Web es el HTML este es un lenguaje bastante faacutecil de usar Inclusive para
crear un documento en HTML no es necesario saber el lenguaje mismo Existen una gran
cantidad de herramientas que nos permiten escribir un documento listo para publicar en la Web
Incluso los procesadores de texto maacutes populares (MS Word WordPerfect StarWriter) dan la
opcioacuten de guardar los archivos directamente en HTML y brindan ayuda para publicar el
documento en la Web
Sin embargo todas estas facilidades para la creacioacuten de paacuteginas web no se han traducido en una
mejora en cuanto a la experiencia del usuario La cantidad de sitios web es inmensa pero soacutelo un
pequentildeo porcentaje de ellos han seguido normativas para conseguir que la informacioacuten que
40
Ver capiacutetulo tres al respecto de participantes en la creacioacuten de sitios web
171
ofrecen sea faacutecilmente accesible permitiendo al usuario que logre sus objetivos en muchas
ocasiones los usuarios se encuentran en espacios desorganizados donde por ejemplo las opciones
de navegacioacuten dentro del lugar no son claras
Han proliferado productos que no son consistentes se basan en una distribucioacuten compositiva y
elementos visuales inadecuados sin una organizacioacuten coherente de la informacioacuten y lo que
propicia un proceso de interaccioacuten muy difiacutecil para sus usuarios La sencillez de utilizar un
software de tratamiento de imaacutegenes 2D tal como Photoshop hace posible que cualquier persona
se sienta creativa y que en el caso que nos ocupa introduzca sus realizaciones en la World Wide
Web sin maacutes criterio que el de mostrar algo propio que no tiene ni pies ni cabeza y que puede
llegar a confundir al usuario (Fernaacutendez-Coca 1998142) Los usuarios tienen que esforzarse
incluso durante la realizacioacuten de una actividad simple como puede ser navegar ociosamente en
Internet
Hay una tendencia hacia mejorar la calidad de disentildeo web Y aunque pareciera predominar la
falsa creencia de que saber usar algunos programas y aplicarlos es lo mismo que saber disentildear
parece vislumbrarse un camino de mejora La difusioacuten cada vez mayor a traveacutes de los propios
sitios y los blogs de todos los conceptos y recomendaciones relacionados con el logro de un buen
disentildeo parece poder dar un buen resultado iniciando por hacer consciente a todo creador de lo
que debe de considerar
Existen una serie de errores que afectan la usabilidad y se cometen con frecuencia en el proceso
de disentildeo de un sitio web Eacutestos ocurren generalmente cuando no se han considerado las
necesidades y particularidades de la audiencia y se ha omitido la aplicacioacuten de las teacutecnicas de
arquitectura de informacioacuten y usabilidad durante el proceso de disentildeo A continuacioacuten se
enumeran los errores que Nielsen (2005 sp) califica como de mayor recurrencia y se ofrece una
breve explicacioacuten de ellos Esto no quiere decir que sean los uacutenicos que puedan cometerse sino
que son los maacutes frecuentes Es importante aclarar que el orden de aparicioacuten no es el orden de
importancia ni de frecuencia
172
Uso de marcos o frames al usar marcos se rompe el esquema mental que los usuarios
tienen sobre un sitio web
Uso excesivo de tecnologiacutea visual es posible que los navegadores utilizados no sean
capaces de mostrar lo que se ha querido programar con toda la exactitud concebida y por
tanto no se transmitiraacute el mensaje deseado
Empleo indiscriminado de marquesinas animaciones y textos desplazables los
efectos de continuos movimientos causan distraccioacuten y alteran la visioacuten perifeacuterica
Terminan por desorientar al usuario y producen un ruido en la comunicacioacuten
Empleo de complejas URL se dificulta la memorizacioacuten y reproduccioacuten de la direccioacuten
y el entendimiento de la estructura del sitio
Paacuteginas hueacuterfanas debe comprobarse que todas las paacuteginas del sitio incluyan
informacioacuten indicativa del sitio al que pertenecen
Paacuteginas que requieren mucho desplazamiento (scroll) para su visualizacioacuten debe
evitarse la creacioacuten de paacuteginas excesivamente extensas en cuanto longitud
Insuficiente apoyo a la navegacioacuten es importante crear un sistema de apoyo al usuario
de modo que le suministre una visioacuten lo maacutes exacta posible sobre la estructura del sitio y
la ubicacioacuten de los contenidos El disentildeo de un buen mapa de sitio y la creacioacuten de
opciones de buacutesqueda en el sistema de navegacioacuten serviraacuten de apoyo
Empleo de colores no estaacutendares para los hiperviacutenculos si se utilizan colores que no
se emplean habitualmente para este fin se le estaraacuten enmascarando las etiquetas al
usuario y por tanto reduciendo las opciones de navegacioacuten
Informacioacuten desactualizada este es uno de los errores maacutes graves Los contenidos
constituyen la piedra angular de todo web porque son productos de informacioacuten
Tiempo de descarga excesivo la demora en la descarga de la paacutegina impacienta y
desalienta al usuario que finalmente optaraacute por ir a un sitio diferente El tiempo de
descarga es un factor de competitividad
173
44 Buen disentildeo web y consideraciones para la evaluacioacuten
La consideracioacuten de la calidad de un disentildeo o el poder hablar de si es bueno o no
necesariamente debe de tener como referente la evaluacioacuten misma que se considera como la
emisioacuten de un juicio sobre algo y eacutesta no se puede llevar a cabo sin la consideracioacuten del modelo
o criterios que se tomaraacuten como base No tiene sentido hablar de la eficiencia en general sin
indicar al mismo tiempo los estaacutendares impliacutecitos seguacuten los cuales un producto es evaluado
como eficiente para una accioacuten en determinado dominio (Bonsiepe 19931-23) Evaluar es
medir por lo tanto se deben tener referencias o escalas de valor previamente establecidas
Respecto a la evaluacioacuten de los sitios web y de su interfaz graacutefica existe una gran variedad de
material y propuestas que incluyen diversos sistemas e instrumentos las dimensiones de
evaluacioacuten y los paraacutemetros variacutean de un enfoque a otro y de un sistema a otro La evaluacioacuten
puede estar encaminada especiacuteficamente a alguno de los componentes de todos aquellos que
integran la totalidad de un sitio
Jim Kapoun propuso en 1998 un modelo a seguir con los criterios que consideroacute los maacutes
importantes para evaluar la calidad de una paacutegina web en cuanto a contenido (en Nova Scotla
agricultural College 2010 sp)
Exactitud referido a la precisioacuten y a queacute tan serio y libre de errores estaacute la informacioacuten
Autoridad referido a queacute tan acreditado es el autor que escribe
Objetividad referido a la informacioacuten con un miacutenimo de sesgos o tendencias
Actualidad referido a si el contenido estaacute actualizado o si se indica claramente la fecha
de publicacioacuten
Cobertura referido a queacute toacutepicos estaacuten incluidos en el trabajo o queacute tan profundo se ha
investigado cada toacutepico
Propoacutesito referido al sitio y el tipo de audiencia a la que se dirige
Autoriacutea referido al autor del contenido o de cierta colaboracioacuten en el texto iquestCuaacutel es su
ocupacioacuten posicioacuten doacutende trabaja formacioacuten experiencia si estaacute afiliado a alguna
organizacioacuten institucioacuten o asociacioacuten en particular
174
Audiencia referido a la forma de dirigirse a ella va a ser distinta seguacuten el sector al que
va encaminado el lenguaje debe ser adecuado al puacuteblico dirigido
Idioma referido a que debe propiciar que no soacutelo sea visitado y consultado por usuarios
locales tambieacuten por los internacionales
Contenido referido a que debe ser correcto exacto serio uacutetil y rico en informacioacuten
interesante y agradable carecer de errores tipograacuteficos o gramaticales
Fecha referido a que se coloque la fecha en que fue escrito el material
Ligas referido a que debe haber un balance entre las que apuntan hacia el interior del
sitio y las que apuntan hacia otros sitios
Estructura referido a que debe conformarse con coherencia y loacutegica interna en los
documentos
Formato referido a facilitar el uso y agradable desde el punto de vista esteacutetico
Texto referido a su cuidadosa construccioacuten para facilitar la lectura
Iconos referido a que deben representar correctamente la actividad que se pretende
Registro referido al registro de un usuario conviene que este no sea un problema maacutes a
resolver sino un simple traacutemite
Durante mucho tiempo el principal enfoque de los profesionales de la evaluacioacuten de sitios web se
ha basado en la aplicacioacuten de teacutecnicas de usabilidad Medir la emocioacuten del usuario es difiacutecil y
ademaacutes caro por eso la mayor parte de los trabajos relativos a la evaluacioacuten de interfaces se
centran en aspectos cognitivos y subjetivos en lugar de hacerlo en la dimensioacuten afectiva (De
Lera y Garreta 2007) Sin embargo el centrarse soacutelo en la usabilidad propicia una evaluacioacuten
parcial por eso es importante considerar en la evaluacioacuten todos los enfoques
Los meacutetodos de la usabilidad se basan en la medicioacuten del funcionamiento de un sistema a traveacutes
de medir principalmente la facilidad de uso Estos meacutetodos se han ampliado y se han extendido
hacia los terrenos del disentildeo centrado en el usuario teniendo como enfoque el evaluar la
Experiencia del Usuario En este sentido Irons defiende la importancia de los meacutetodos
175
etnograacuteficos41
para suplir las carencias de los meacutetodos de laboratorio propios de la ingenieriacutea de
la usabilidad enfatizando la importancia del contexto en la experiencia del usuario (en Hassan y
Fernaacutendez 2005sp)
El componente afectivo tambieacuten debe ser considerado El analizar y evaluar los signos
emocionales proporcionaraacute datos que serviraacuten de complemento a los rubros que tradicionalmente
se evaluacutean Este es un campo con grandes posibilidades de desarrollo
Generalmente la usabilidad se mide con relacioacuten al desempentildeo de los usuarios al realizar una
determinada cantidad de tareas orientadas por el evaluador (Hassan 2005sp) Las mediciones
baacutesicas que se realizan son
Tiempo que requiere la realizacioacuten de una tarea o grupo de tareas
Porcentaje de error al realizar las tareas orientadas
Porcentaje de tiempo que los usuarios siguen la ruta de navegacioacuten de forma oacuteptima
Nuacutemero de veces que es necesario regresar atraacutes en la navegacioacuten por encontrarse
desubicado
Pueden evaluarse usuarios inexpertos y usuarios con amplia experiencia En el estudio de sitios
para Internet se recomienda emplear usuarios con poca experiencia y que en su mayoriacutea
conozcan sitios web generales debido a que marcaraacuten la pauta del internauta con menor
conocimiento del web pero que es importante tomar en cuenta ya que revelaraacute la calidad de
nuestro sitio y puede ser un futuro usuario
441 Teacutecnicas de evaluacioacuten
Las teacutecnicas de evaluacioacuten son muy variadas y se enfocan en diferentes puntos de intereacutes La
intencioacuten general de las teacutecnicas de evaluacioacuten es obtener una idea del estado del sitio con base
en la experiencia del usuario esto significa presentaacuterselo de alguacuten modo para que despueacutes o
41
Por meacutetodos etnograacuteficos se refiere a aquellos meacutetodos de investigacioacuten que incorporan el anaacutelisis de aspectos
cualitativos dados por los comportamientos de los individuos y del coacutemo interactuacutean en el contexto Etnograacutefico es
un teacutermino que se deriva de la antropologiacutea (Wikipedia 2010sp)
176
mientras que eacutel lo usa se obtengan datos de cuaacutel es su vivencia o experiencia y asiacute poder
determinar cuaacuteles son los elementos que se tienen que corregir Para realizar las evaluaciones en
general se requiere la presencia de especialistas en usabilidad durante la realizacioacuten de la
evaluacioacuten ellos estaraacuten presentes junto al usuario pero en realidad el trabajo final de evaluacioacuten
se debe fundamentar en la realizacioacuten de sesiones de grupo ya que estas permiten recolectar
opiniones sobre el sitio desde distintos aspectos En estas sesiones se puede llegar a conclusiones
efectivas de los cambios que se necesitan bajo la percepcioacuten de los diferentes integrantes del
equipo de creadores
Entre las teacutecnicas de evaluacioacuten maacutes utilizadas de acuerdo a diversos autores (Hassan Y
Fernaacutendez F 2005 Martiacuten C 2002) se encuentran las siguientes
Chequeo cognitivo el objetivo de esta evaluacioacuten es valorar los prototipos con la
finalidad de identificar imperfecciones y proceder a su mejora
Evaluacioacuten de caracteriacutesticas esta es una evaluacioacuten estrateacutegica Se evaluacutea el nivel de
accesibilidad y de utilidad que tiene un sitio a partir del anaacutelisis de las caracteriacutesticas y
prestaciones que ofrece al usuario
Evaluacioacuten de consistencia es una evaluacioacuten dirigida al aseguramiento integracioacuten y
coherencia de los contenidos y la interface de sitios web interrelacionados que comparten
sus servicios o informaciones
Evaluacioacuten de prueba o test de usuario en estas evaluaciones el usuario es el principal
actor porque interacciona con los prototipos de disentildeo y los evaluadores obtienen
informacioacuten proveniente de observar el desempentildeo de los usuarios
Evaluacioacuten heuriacutestica se evaluacutea el cumplimiento de una lista de reglas definidas Las
maacutes conocidas son los 10 heuriacutesticos de Nielsen (ver adelante)
Dentro de eacutestas las dos maacutes habitualmente usadas son la evaluacioacuten heuriacutestica y el test de
usuario incluso la recomendacioacuten es utilizarlas como medios complementarios
177
La evaluacioacuten heuriacutestica
La evaluacioacuten heuriacutestica es un meacutetodo creado para hallar problemas de usabilidad en el disentildeo de
una interface de usuario estaacute basada en la observacioacuten por parte de uno o varios expertos en
usabilidad o en interfaces quienes examinaraacuten la interfaz y emitiraacuten su juicio sobre si cumple o
no con una serie de principios paraacutemetros o guiacuteas generales de usabilidad conocidos como
heuriacutesticos
En forma general la evaluacioacuten heuriacutestica es difiacutecil de realizar por una sola persona debido a que
un soacutelo evaluador no podraacute detectar todos los problemas de usabilidad que puede presentar un
sitio Existen fallas que saltan a la vista de todo evaluador pero hay otras que soacutelo pocos las
detectan Lo mismo sucede con los usuarios algunos notaraacuten determinadas deficiencias que para
otros pasaraacuten inadvertidas
Existen diez aspectos o principios que Nielsen (2005sp) ha nombrado como heuriacutesticos y son la
base para realizar este tipo de evaluacioacuten dentro de las teacutecnicas de usabilidad
Visibilidad del estado del sistema El sistema siempre debe mantener informado al
usuario acerca de lo que estaacute pasando a traveacutes de una retroalimentacioacuten apropiada dentro
de un plazo razonable
Partido entre el sistema y el mundo real El sistema debe hablar el lenguaje de los
usuarios con palabras frases y conceptos familiares Debe seguir las convenciones del
mundo real haciendo que la informacioacuten aparezca en un orden natural y loacutegico
Control de usuarios y la libertad Los usuarios a menudo eligen funciones del sistema
por error y seraacute necesario un auxilio sin tener que pasar por extensos diaacutelogos Apoyo de
deshacer y rehacer
Coherencia y normas Los usuarios no deberiacutean tener que preguntarse si diferentes
palabras situaciones o acciones significan lo mismo
Prevencioacuten de errores Mejor que los mensajes de error es un disentildeo cuidadoso que
impida que un problema se produzca en primer lugar Conviene una opcioacuten de
confirmacioacuten antes de que el usuario se comprometa a la accioacuten
178
Reconocimiento maacutes que recordar Minimizar la carga de memoria del usuario
haciendo que los objetos acciones y opciones visibles sean faacuteciles de identificar
La flexibilidad y la eficiencia del uso Acelerar la interaccioacuten para el usuario experto de
tal manera que el sistema puede satisfacer tanto a usuarios sin experiencia como con
experiencia
Esteacutetica y disentildeo minimalista42
Los diaacutelogos no deben contener informacioacuten que sea
irrelevante o poco necesaria Cada unidad adicional de informacioacuten en un diaacutelogo compite
con las unidades de informacioacuten relevante y disminuye su visibilidad relativa
Ayudar a los usuarios a reconocer diagnosticar y recuperarse de los errores Los
mensajes de error deben ser expresados en un lenguaje sencillo (sin coacutedigos) se indica
con precisioacuten el problema y se debe sugerir una solucioacuten constructiva
Ayuda y documentacioacuten Aunque es mejor que el sistema pueda ser usado sin
documentacioacuten o registro eacuteste puede ser necesario para proporcionar ayuda e
informacioacuten Esta informacioacuten debe ser faacutecil con acciones concretas que se llevaraacuten a
cabo y no ser demasiado grande
Hassan y Fernaacutendez (2005sp) proponen las siguientes dimensiones para realizar la evaluacioacuten
heuriacutestica
Aspectos generales Objetivos look amp feel coherencia y nivel de actualizacioacuten de
contenidos
Identidad e informacioacuten Identidad del sitio e informacioacuten proporcionada sobre el
proveedor y la autoriacutea de los contenidos
Lenguaje y redaccioacuten Calidad de los contenidos textuales
Rotulado Significacioacuten y familiaridad del rotulado de los contenidos
Estructura y navegacioacuten Idoneidad de la arquitectura de informacioacuten y navegacioacuten del
sitio
Lay-out de la paacutegina Distribucioacuten y aspecto de los elementos de navegacioacuten e
informacioacuten en la interfaz
Buacutesqueda Buscador interno del sitio
42
Es importante aclarar que con este concepto el autor no se refiere al estilo compositivo asiacute nombrado de los antildeos
sesenta del siglo XX Pero si toma de ese estilo la referencia de poner el menor nuacutemero posible de elementos
179
Elementos multimedia Grado de adecuacioacuten de los contenidos multimedia al medio
web
Ayuda Documentacioacuten y ayuda contextual ofrecida al usuario para la navegacioacuten
Accesibilidad Cumplimiento de directrices de accesibilidad
Control y retroalimentacioacuten Libertad del usuario en la navegacioacuten
Test de usuario
Un test de usuario tambieacuten conocido como test de usabilidad es una medida concreta y objetiva
se trata de una herramienta o sistema tomada a partir de usuarios verdaderos con tareas reales A
un grupo de usuarios con un perfil predefinido se les solicita la realizacioacuten de determinadas tareas
y posteriormente se les realizan preguntas referentes a diferentes paraacutemetros Hay muchas escalas
en las que se puede llevar a cabo un test de usabilidad desde pequentildeos test de 5 usuarios y 2 oacute 3
diacuteas de duracioacuten hasta test de gran escala de varias semanas con decenas de usuarios en
laboratorios especiales Esto depende del tipo de producto y del presupuesto con el que se cuente
El objetivo de los test no es aprobar o desaprobar algo sino permitir tomar decisiones
informadas Los test no nos diraacuten queacute acciones debemos tomar para solucionar los problemas de
disentildeo pero siacute en queacute aspectos problemaacuteticos debemos actuar
Otros sistemas
Los sistemas de evaluacioacuten para sitios web tienen como antecesores en su aplicacioacuten la
evaluacioacuten de productos multimedia de software en este caso Cabrero y Duarte (1999sp)
presentan una propuesta para la evaluacioacuten de materiales y medios en soporte multimedia con
enfoque en contextos educativos Las ocho dimensiones propuestas son
Caracteriacutesticas y potencialidades tecnoloacutegicas
Disentildeo del programa desde el punto de vista teacutecnico y esteacutetico
Disentildeo del programa desde el punto de vista didaacutectico
Contenidos
180
Utilizacioacuten por parte del estudiante manipulacioacuten del programa e interactividad
Material complementario
Aspectos econoacutemicos distribucioacuten
Contexto
Esta propuesta se basa en la realizacioacuten de una serie de preguntas posteriores al uso del sistema
para la cual proponen una perspectiva de evaluacioacuten colaborativa en la que participen los
disentildeadores profesores y alumnos Se determina que el valor que se le asigne a cada una de las
dimensiones deberaacute decidirlo el lector igual que el tipo de escala y que las valoraciones
dependeraacuten del tipo de material y de los objetivos que se persigan
En materia de evaluacioacuten del aspecto afectivo se han desarrollado algunos meacutetodos entre los que
el maacutes difundido es una herramienta no-verbal basada en 18 animaciones de un personaje de
coacutemic en el que cada animacioacuten representa una emocioacuten positiva o negativa Este es un meacutetodo
llamado PrEmo creado por Desmet Cada participante del test debe seleccionar aquella animacioacuten
que se corresponda con su propia reaccioacuten emocional ante el producto (Tomado de Hassan y
Fernaacutendez 2005sp)
Graacutefico 42 Herramienta PrEmo creado por Desmet para evaluar emociones
181
Existen una serie de meacutetodos y herramientas para la medicioacuten o reconocimiento de los estados
afectivos del usuario algunos difiacutecilmente practicables como el reconocimiento de la expresioacuten
facial o el uso de electroencefalogramas Son difiacuteciles de aplicar ya que requieren de un
sofisticado y costoso equipo Con otros sistemas maacutes sencillos como el uso de cuestionarios se
considera que el problema es que soacutelo son capaces de medir la experiencia consciente de emocioacuten
y humor y lo que se busca es encontrar meacutetodos capaces de evaluar la emocioacuten real sin pasar por
un proceso de concientizacioacuten por parte del usuario
Eva de Lera y Muriel Garreta opinan que tanto los cuestionarios para medir emociones como el
sistema PrEmo son insuficientes ya que consideran que representan una informacioacuten subjetiva
puesto que se basan en la percepcioacuten del usuario de su propio estado emocional y que no
permiten entender las emociones en manera directa Ellas hacen una propuesta preliminar
llamada los 10 heuriacutesticos emocionales
Es un meacutetodo que se basa en la observacioacuten por evaluadores preparados en el tema y estaacute
enfocado en considerar las reacciones emocionales instantaacuteneas del usuario toma como
fundamento las teoriacuteas que relacionan reacciones expresivas del cuerpo con diferentes emociones
concretas centradas en el lenguaje no verbal Las creadoras describen su sistema como pautas
que ayudan a medir con facilidad el estado afectivo sin un coste elevado y transculturalmente
(De Lera y Garrreta 2006sp) Basaacutendose en sistemas como Facial Action Coding System
(FACS) y Maximally Discriminative Facial Moving Coding System (MAX) que estudian las
expresiones corporales de las emociones tomaron como base rasgos expresivos simples que
permitiraacuten evaluar parcialmente la reaccioacuten emocional instantaacutenea de los usuarios al interactuar
con el producto Pretende dar otra dimensioacuten a las evaluaciones tradicionalmente realizadas y
complementarlas con el componente afectivo
Existen muchos instrumentos para evaluar los sitios pero ante esta variedad es necesario
contemplar que el propoacutesito de la evaluacioacuten determinaraacute en parte la seleccioacuten de los criterios que
necesitan aplicarse
182
Para poder evaluar la calidad del sitio es necesario establecer primeramente queacute tipo de sitio es y
cuaacuteles son sus objetivos especiacuteficos Del mismo modo seguacuten el tipo de usuario se evaluaraacuten
distintos aspectos y de acuerdo con esto se podraacuten establecer las dimensiones o paraacutemetros a
considerar para que con base en estos realice el cuestionario adecuado De manera general se
puede deducir que para evaluar un sitio se requieren tres pasos
Identificar el tipo de paacutegina
Aplicar el instrumento adecuado
Basado en el criterio del instrumento determinar la calidad relativa del sitio
A continuacioacuten se presenta una siacutentesis con algunos ejemplos de los aspectos que se evaluacutean en
los sitios web y ejemplos de preguntas que se utilizan (Mercovich 1999 Fernaacutendez Coca 1998 y
Hassan 2005)
Confiabilidad
iquestHay informacioacuten acerca del autor o del patrocinador de este material
iquestLa informacioacuten refleja que se tiene conocimiento sobre toacutepico o que se ha consultado a
expertos
Las fuentes de la informacioacuten iquestson citadas en el texto o en una lista
Contenido
iquestEl tiacutetulo u otra informacioacuten sugieren que el material incluye una opinioacuten vaacutelida y materiales de
soporte confiables
iquestEl autor incluye diferentes puntos de vista u opiniones en el texto
iquestLa informacioacuten cumple con sus expectativas
Actualidad
iquestLa fecha listada en la informacioacuten relaciona una liacutenea de tiempo del material presentado
iquestLa fuente incluye informacioacuten que todaviacutea es uacutetil o vaacutelida
183
Queacute tan apropiada es la informacioacuten
iquestLa informacioacuten parece soportar una tesis sobre el toacutepico
iquestPuede entenderse la informacioacuten sin tener una educacioacuten o entrenamiento especial
iquestLa informacioacuten contiene suficiente detalle sobre el toacutepico para ser uacutetil
Identidad e Informacioacuten
iquestSe muestra claramente la identidad de la empresa-sitio a traveacutes de todas las paacuteginas
En artiacuteculos noticias informes iquestSe muestra claramente informacioacuten sobre el autor fuentes y
fechas de creacioacuten y revisioacuten del documento
Estructura y Navegacioacuten
La estructura de organizacioacuten y navegacioacuten iquestEs la maacutes adecuada
iquestLos enlaces son faacutecilmente reconocibles como tales iquestSu caracterizacioacuten indica su estado ya
sea visitado o activo
Lay-Out de la Paacutegina
iquestEs una interfaz limpia sin ruido visual
iquestExisten zonas en blanco entre los objetos informativos de la paacutegina para poder descansar la
vista
iquestSe hace un uso correcto del espacio visual de la paacutegina
Elementos Multimedia
iquestLas fotografiacuteas estaacuten bien recortadas iquestSon comprensibles iquestSe ha cuidado su resolucioacuten iquestLas
metaacuteforas visuales son reconocibles y comprensibles por cualquier usuario en poco tiempo
Generales
iquestEs reconocible el disentildeo general del sitio web iquestEs coherente el disentildeo general del sitio web
iquestEl sitio web se actualiza perioacutedicamente iquestIndica cuaacutendo se actualiza
Podemos concluir que existen muchos sistemas y herramientas para evaluar sitios y que la
seleccioacuten del mismo dependeraacute del objetivo de la evaluacioacuten No hay que dejar de considerar que
184
el establecer un procedimiento de evaluacioacuten efectivo es un proceso que ha estado en constante
evolucioacuten y que debe seguir avanzando desde diferentes enfoques No se puede ser estricto en
un medio tan dinaacutemico como lo es Internet ni ante una audiencia tan disiacutemil y heterogeacutenea Por
esta razoacuten se considera que no existen soluciones perfectas en este sentido (Montes de Oca
2004sp)
Hay que recordar que la evaluacioacuten en disentildeo de sitios web es un proceso iterativo esto quiere
decir que se estaacute en un constante trabajo de correccioacuten y evaluacioacuten Podriacuteamos tomar la misma
consideracioacuten para el propio objetivo de evaluar Debe estar en constante crecimiento y
evaluacioacuten hasta que se tengan sistemas que sean adecuados (seguramente en conjunto) para
cubrir todas las dimensiones importantes en la evaluacioacuten tales como contenido organizacioacuten
interaccioacuten navegacioacuten desarrollo graacutefico confiabilidad accesibilidad estados afectivos etc
185
CAPIacuteTULO
Identificacioacuten de las interrelaciones entre componentes
formales y funcionales en la interfaz graacutefica de sitios
web a traveacutes de una matriz de relacioacuten
Considerando el objetivo de este trabajo es necesario utilizar una herramienta que permita
integrar los datos de los elementos formales y funcionales del disentildeo de interfaz graacutefica
seleccionados Herramienta que serviraacute para identificar las interrelaciones que entre ellos
pudieran generarse para lo cual se ha decidido utilizar una matriz de relaciones En este capiacutetulo
tambieacuten se presenta un esbozo de la opinioacuten de los creadores de sitios web respecto al binomio
forma y funcioacuten
51 Definicioacuten y uso de una matriz de relacioacuten
Una matriz es un modelo que ordena en una estructura de filas y columnas un conjunto de
elementos de cualquier naturaleza El origen de las matrices se encuentra en las matemaacuteticas de
donde se han retomado sus principios de construccioacuten y se han aplicado a otras aacutereas generando
herramientas como la matriz de relaciones o diagrama matricial
La matriz de relaciones es un graacutefico de filas y columnas que facilita la identificacioacuten de
relaciones que pudieran existir entre dos o maacutes factores por ejemplo causas y procesos meacutetodos
y objetivos o cualquier otro conjunto de variables Tambieacuten se le llama matriz de priorizacioacuten o
matriz de seleccioacuten
El uso de la matriz de relaciones es muy variado se ha utilizado en muchos campos como la
educacioacuten la estadiacutestica los controles de calidad en la industria permiten priorizar alternativas
de solucioacuten en funcioacuten de la ponderacioacuten de criterios es muy uacutetil cuando se trata de tomar
decisiones maacutes objetivas
5
186
La dimensioacuten de una matriz es muy variable y en cualquier momento se puede modificar
dependiendo de las necesidades
52 Uso de una matriz de relaciones como herramienta ante la
disyuntiva forma o funcioacuten respecto a la interfaz graacutefica de usuarios
de sitios web
Dando por hecho que en el disentildeo de una interfaz graacutefica los componentes formales y funcionales
establecen interrelaciones se propone utilizar una matriz que permite la identificacioacuten puntual de
los elementos interrelacionados
Al analizar la problemaacutetica se decidioacute poner a prueba la matriz de relaciones en base a
o La existencia de posturas diferentes en la disyuntiva forma-funcioacuten a) la que defiende la
preeminencia del factor funcional b) la que se centran en factor formal c) la que
reconoce que el disentildeo web se basa en la combinacioacuten de factores tanto funcionales como
formales
o La dificultad para determinar con objetividad cuaacutel es el papel que juegan los componentes
formales en el ejercicio del disentildeo web
o Debido a la gran variedad de sitios que existen es difiacutecil definir con precisioacuten la
integracioacuten de los factores formales y funcionales en los diferentes tipos de sitios
o Las dificultades para valorar el papel que juegan los factores formales en alguna medida
se basan en las apreciaciones erroacuteneas que se hacen de lo que es lo formal Sin darse
cuenta de que el simple hecho de elegir un color de fondo una fuente tipograacutefica y una
organizacioacuten para nuestro sitio estaacute dentro del aspecto formal El componente formal no
se reduce a colocar imaacutegenes no son las animaciones no son los adornos
187
o Los sistemas maacutes utilizados para evaluar un disentildeo web se basan en la usabilidad pero
centrados en el componente utilitario No obstante se ha visto modificado por los
argumentos de la teoriacutea del disentildeo centrado en el usuario y del disentildeo emocional
o Los componentes formales han quedado relegados dada la dificultad para evaluarlos
objetivamente maacutes aun si se consideran los componentes de significacioacuten esteacutetico o
emocional que estaacuten relacionados con este
o Cuando se evaluacutean factores formales se utilizan conceptos muy subjetivos que se remiten
casi al nivel de las preferencias personales por lo que se requeririacutean meacutetodos que ayuden
a tener una evaluacioacuten mucho maacutes objetiva
Esta matriz de relaciones se propone como una alternativa que permite la identificacioacuten de los
componentes formales y funcionales situando a cada uno en el grupo correspondiente y
facilitando la identificacioacuten de los elementos que efectivamente establecen una interrelacioacuten
Una ventaja de utilizar la matriz es que permite la identificacioacuten inmediata de los componentes y
sus interrelaciones de manera graacutefica
Existe la posibilidad de sesgos en la interpretacioacuten e identificacioacuten de las interrelaciones entre los
elementos al usar la matriz No obstante es un esfuerzo para dar objetividad y servir de
orientacioacuten para la identificacioacuten de la relacioacuten forma y funcioacuten
53 Construccioacuten de la matriz
Para la construccioacuten de la matriz se consideraron los siguientes principios
o Incluir distintos grupos o categoriacuteas de funciones identificados para el disentildeo web
o Hacer un desglose minucioso de los componentes formales para centrarse en su revisioacuten
188
o Considerar de forma separada los recursos expresivos del disentildeo visual en los distintos
componentes formales de la interfaz graacutefica logrando un anaacutelisis maacutes detallado Por
ejemplo la forma de un botoacuten puede ser adecuada para una necesidad identificada y su
color tambieacuten pero no la tipografiacutea o el icono que lo acompantildea
o Basarse en una presentacioacuten graacutefica esquemaacutetica faacutecil de comprender
o Se aplicaraacute a la parte visible del disentildeo de un sitio web que es la interfaz graacutefica
o Para la inclusioacuten de los componentes funcionales se tomo en consideracioacuten las diferentes
dimensiones y criterios que se consideran en distintas propuestas enfocadas a la
evaluacioacuten de sitios web y especiacuteficamente de evaluacioacuten de interfaz graacutefica de usuario en
su dimensioacuten funcional Otros paraacutemetros que se tomaron en consideracioacuten son aquellos
que establecen las definiciones de lo que se considera un buen disentildeo web
Para la clasificacioacuten de los componentes funcionales de la matriz se tomoacute como guiacutea la propuesta
hecha por Tulio Fornari (1989) para un Sistema de anaacutelisis y evaluaciones del rendimiento
funcional de las formas de la cual retomamos la perspectiva que presenta de incluir diferentes
tipos de funciones dentro de las que incluye funciones fiacutesico-funcionales y psiacutequico-funcionales
de estas uacuteltimas se consideran especiacuteficamente las informativas No obstante se incluyeron otras
dimensiones fundamentadas en los requerimientos analizados del disentildeo web
A continuacioacuten se presenta una lista de los componentes formales y funcionales que se integran
en la matriz
189
Componentes formales
Relativo a Componente Explicacioacuten
Color y textura
El color de fondo
El color en el plano fiacutesico permite la definicioacuten de
los espacios y contornos de las formas gracias a
una amplia gama cromaacutetica Los colores estaacuten
iacutentimamente relacionados con significados de
caraacutecter emocional
El fondo hace referencia al espacio en el que estaacute
contenida la figura y que en esencia no es parte de
ella El fondo tambieacuten tiene forma y es parte de la
composicioacuten visual total El fondo es la forma
negativa
Existe una intensa relacioacuten figura fondo
El fondo muchas veces es considerado como un
espacio vaciacuteo Lo que le permite producir una
sensacioacuten de descanso a la vista
El color de fondo tendriacutea que considerarse desde la
perspectiva del contraste y el descanso visual
El color de la tipografiacutea
El color de la tipografiacutea plantea primero un
problema referido al contraste de la figura con el
fondo lo que influiraacute en la legibilidad de los
signos Y por otro lado un problema referido al
significado
El color de los viacutenculos
La importancia de este componente radica en un
acuerdo de uso que hace referencia a la experiencia
previa de los usuarios Ya que convencionalmente
se maneja un color especiacutefico para los viacutenculos
mismo que al alterarse pierde su funcioacuten de
referente
El color del menuacute
Referirse al color del menuacute como si fuera uacutenico
implica una postura irreal ya que un menuacute estaacute
compuesto por un variado nuacutemero de elementos y
por obviedad tiene que estar constituido por varios
colores La referencia es de acuerdo al color que
predomina en la construccioacuten del menuacute
El color del menuacute tendriacutea que considerarse desde el
principio del contraste para facilitar la
identificacioacuten de sus componentes Y desde la
armoniacutea para formar parte de un todo integral
190
Color y textura
La textura del fondo
La textura visual tiene una clara relacioacuten con la
textura taacutectil es la representacioacuten visual de lo que
serian diferentes superficies taacutectiles
La textura como componente visual se debe de
analizar principalmente desde la consideracioacuten del
contraste Con la textura se puede aportar una
diferenciacioacuten de componentes pero tambieacuten hay
que tener cuidado de no producir interferencias en
la definicioacuten de elementos
Forma y
significado
La figura de los botones
Estaacute constituida por una liacutenea que describe un
contorno y enmarca un espacio
La constitucioacuten de este contorno implica tener en
cuenta las dimensiones praacutecticas referentes a la
organizacioacuten y composicioacuten Poniendo especial
eacutenfasis en dimensiones y unidad
Por otro lado cada una de las figuras construidas
tiene un componente relacionado con atribucioacuten de
significados a considerar
Los iconos de los botones
Se refiere a los signos graacuteficos que tienen una gran
carga asociativa con un concepto o idea y que son
de conocimiento comuacuten basado en experiencias
previas
Generalmente se usan con la idea de representar de
manera graacutefica sintetizada una idea Estos tendraacuten
que analizarse en relacioacuten con su significado
cuidar la legibilidad y adaptarse a un estilo graacutefico
especiacutefico de acuerdo al sitio
El estilo graacutefico del menuacute
El anaacutelisis de este componente se basa en lo que es
la armoniacutea y la Unidad ya que seraacuten los principios
que determinan su construccioacuten en torno a un
significado que se quiere aportar
Los graacuteficos que acompantildean la
informacioacuten
Su funcioacuten principal es la de respaldar el contenido
de la informacioacuten vertida en el texto En este caso
la atencioacuten se debe centrar en la calidad de la
imagen referida a la definicioacuten de los componentes
Pueden plantear un problema importante en el
aspecto compositivo dado por su tamantildeo estilo
visual o por necesidades de seguimiento con el
texto
191
Forma y
significado
Los graacuteficos como parte del
disentildeo visual
Estos elementos son fundamentales en la sintaxis
visual ya que en torno a ellos se establece una
estructura compositiva y se guiacutea el seguimiento de
la misma
Son los componentes que aportaran personalidad al
sitio Estaacuten iacutentimamente relacionados con la parte
del significado de los signos visuales
Tipografiacutea
La tipografiacutea de los viacutenculos
La consideracioacuten de este componente se
fundamenta en un acuerdo de uso que hace
referencia a la experiencia previa de los usuarios
Para los viacutenculos convencionalmente se maneja
una tipografiacutea con una caracteriacutestica especiacutefica que
es el subrayado que sirve de referente junto con el
color Este componente es un claro ejemplo de la
unidad que se requiere entre varios elementos
denotativos para construir uno connotativo
La tipografiacutea seleccionada
El anaacutelisis de este componente debe de hacerse
principalmente en torno a la relacioacuten figura- fondo
que permite el reconocimiento Si existe una clara
definicioacuten de la forma sobre el fondo se puede
hablar de la legibilidad de los signos que permitiraacute
un buen principio para facilitar la lectura
Por otro lado la configuracioacuten de la tipografiacutea
tendraacute un valor asociativo o de evocacioacuten
El tamantildeo de la tipografiacutea
El tamantildeo de un componente visual estaacute
relacionado con lo que es la escala Lo que nos
lleva a que podremos definir si es pequentildea o
grande soacutelo en yuxtaposicioacuten con otros elementos
Por lo tanto la referencia especiacutefica en cuanto al
tamantildeo de la tipografiacutea la consideraremos en
cuanto a la posibilidad que ofrezca de ayudar en la
legibilidad de los signos y en facilitar lectura
Tabla No 51 Listado descriptivo de componentes formales para la matriz
192
Componentes funcionales
Relativo a
Componente
Explicacioacuten
Estructura
Indicar la organizacioacuten
del sitio
Se trata de indicarle al usuario de una
manera sencilla y global todo lo que puede
encontrar en el sitio y bajo que estructura
se encuentra organizado
Establecer jerarquiacuteas entre
los contenidos
Los contenidos de un sitio deben ser
jerarquizados por importancia y por tipo de
contenido esto se logra mediante la
ubicacioacuten y el manejo graacutefico (tipografiacutea
tamantildeo color etc)
Navegacioacuten Propiciar la orientacioacuten del usuario
Se trata de dar informacioacuten al usuario de
donde esta incluir elementos que indiquen
su ubicacioacuten y que pueda moverse hacia la
parte que desee
Indicar los diferentes elementos de
navegacioacuten
Deben tener un aspecto visual que los
identifique como tal Guardando los estilos
generales de la paacutegina pero teniendo la
suficiente carga visual como para ser
localizados de forma raacutepida sin distraer la
atencioacuten del usuario
Propiciar la predictibilidad de
una accioacuten
Los elementos de navegacioacuten deben tener
un aspecto visual que los identifique con su
funcioacuten para esto es importante considerar
los disentildeos que ya se han establecido como
caracteriacutesticos
Comunicar la ubicacioacuten dentro
del sitio
Se trata de que por el disentildeo visual o
graacuteficos que lo indiquen sumado al
contenido el usuario pueda saber en queacute
parte del sitio se encuentra
Organizacioacuten
espacial
Generar la armoniacutea en la composicioacuten
Generaraacute un efecto esteacutetico pero tambieacuten
ayudaraacute a la organizacioacuten e identificacioacuten
de los elementos contenidos en la paacutegina
Establecer jerarquiacuteas entre los
componentes de la interfaz
Actualmente la cantidad de elementos que
conforman una paacutegina es muy grande lo
que hace de gran importancia la
jerarquizacioacuten entre estos para ayudar al
usuario en una faacutecil localizacioacuten
193
Retroalimentacioacuten Propiciar la retroalimentacioacuten
La interactividad se basa en la
retroalimentacioacuten y el usuario esperaraacute
indicios de que la accioacuten que estaacute
realizando tiene alguacuten resultado esta
retroalimentacioacuten se suele dar con cambios
en los componentes visuales o la aparicioacuten
de alguacuten elemento
Comunicar el estado de los botones
(activo inactivo etc)
Es frecuente utilizar en estos efectos
dinaacutemicos para acentuar el caraacutecter
interactivo de los mismos y el proceso en el
que esta El efecto maacutes habitual es el
conocido rollover en el que alguacuten
componente cambia de aspecto al situar el
usuario el puntero sobre este
Optimizacioacuten Visualizacioacuten adecuada de los
componentes graacuteficos
Las caracteriacutesticas de los componentes
graacuteficos que se usan para pantalla son muy
distintas de lo que se puede usar en un
medio impreso y tambieacuten el hecho de que
sea a traveacutes de red implica tener atencioacuten en
la manera en que se trabajan
Favorecer la carga raacutepida de las
paacuteginas
Es importante cuidar el peso y la manera en
que estaacuten trabajados los componentes
visuales que permitan que la transmisioacuten
de la informacioacuten sea raacutepida para que el
usuario no tenga que esperar mucho para
ver los contenidos
Identidad
Propiciar la identificacioacuten del sitio con
una compantildeiacutea o institucioacuten
Identificar el sitio web mediante el
tratamiento visual el logotipo y el nombre
del mismo con la empresa propietaria o la
marca que representa
Manifestar un estilo visual y la
diferenciacioacuten del sitio
Dar personalidad propia al sitio definiendo
un estilo propio que exprese su naturaleza e
identidad basado en los colores y el
tratamiento graacutefico
Lecturabilidad Facilitar la legibilidad de la tipografiacutea
Permitir la definicioacuten clara de los perfiles
de las letras y su identificacioacuten
Facilitar la lectura de los textos
Se logra gracias a una buena legibilidad y
una composicioacuten adecuada cuidando
espacios tamantildeos de letra y longitudes de
liacutenea
194
Informativos Propiciar la coherencia en el sitio
Busca identificar cada una de las paacuteginas
pertenecientes al sitio web con elementos
comunes en todas ellas creando con ello
una unidad
Establecer una conexioacuten con
experiencias previas de navegacioacuten
Contemplar los elementos que ya forman
parte del contexto de disentildeo web y que son
plenamente reconocidos en el aacutembito para
situar al usuario con elementos que ya
reconoce
Propiciar la pertenencia a un tipo
de sitio
Atendiendo a una cultura y a acuerdos
previamente establecidos dentro de esta el
manejo de los elementos visuales tiene que
contemplar que se adapten al contexto de
referencia no es lo mismo el tratamiento
visual para un sitio de nintildeos que para
deportistas o ingenieriacutea mecaacutenica
Ayudar al usuario a separar
jeraacuterquicamente lo que se cree
importante de la informacioacuten
El contenido central del sitio debe ser
identificable en un primer instante por el
usuario ya que este es uno de los
componentes que maacutes le interesa y
determina su permanencia
Tabla No 52 Listado descriptivo de componentes funcionales para la matriz
195
En la matriz se consideroacute soacutelo un nuacutemero baacutesico de componentes con el objetivo de hacer claro el
ejercicio y concretar la prueba de la forma maacutes objetiva posible No obstante es necesario
reconocer que podriacutean incorporarse algunas otras dimensiones que intervienen en el disentildeo por
ejemplo utilitarias esteacuteticas emocionales semaacutenticas etc
54 Aplicacioacuten de un cuestionario como herramienta para la
identificacioacuten de opiniones de los profesionales en el ramo
Con el objetivo de contar con una herramienta que ayude a dar certidumbre respecto a las
premisas planteadas en la hipoacutetesis se formuloacute un cuestionario que estaacute integrado por dos
secciones
o Primera seccioacuten estaacute conformada por 6 preguntas las primeras dos son en torno al perfil
profesional de quien la contesta Las otras cuatro indagan sobre el componente formal y el
funcional en el disentildeo de sitios web Los resultados obtenidos mediante estas preguntas
brindan una informacioacuten sinteacutetica y objetiva respecto a la importancia que para los
creadores de sitios web tiene el factor formal frente al factor funcional en el proceso de
creacioacuten de un sitio
o Segunda seccioacuten estaacute conformada por 22 reactivos que son los mismos que conforman
la matriz de relacioacuten Los resultados de esta seccioacuten son la base para la identificacioacuten de
las interrelaciones entre forma y funcioacuten incluidas en la matriz de acuerdo a la percepcioacuten
de los creadores
Universo de investigacioacuten
Para la aplicacioacuten del cuestionario se consideroacute como universo de investigacioacuten a los
profesionales que se dedican a la creacioacuten de sitios web con las siguientes caracteriacutesticas
o Edad entre 20 y 50
o Nacionalidad mexicana
o Actividad que desarrolla desarrollador o disentildeador de sitios web
o Educacioacuten formal teacutecnica o profesional
196
o Profesioacuten Cualquier profesioacuten (preferentemente disentildeadores graacuteficos e ingenieros en
computacioacuten)
Muestra representativa
Se obtuvo como muestreo no probabiliacutestico o circunstancial por conveniencia y criterio
Determinado por la facilidad de acceso a las personas que tienen la informacioacuten
El cuestionario fue aplicado a un total de 15 profesionales conocedores de la temaacutetica del disentildeo
de sitios web
Para conocer la estructura y preguntas exactas del cuestionario remiacutetase al Anexo No 4
55 Resultados e interpretacioacuten del cuestionario aplicado
Resultados de la primera seccioacuten del cuestionario
En esta primera seccioacuten del cuestionario conformada por las preguntas 1 2 3 4 5 y 6 se obtiene
informacioacuten sinteacutetica y objetiva respecto a la importancia que para los creadores de sitios web
tiene el factor formal frente al factor funcional
Es importante aclarar que las preguntas 1 y 2 corresponden a datos profesionales de los
encuestados
A continuacioacuten se presentan las preguntas de acuerdo a su orden de aparicioacuten en el cuestionario y
se muestran los datos obtenidos tras la aplicacioacuten del mismo La informacioacuten se complementa
con graacuteficas que muestran los porcentajes que se obtuvieron para cada opcioacuten de respuesta
197
Pregunta realizada
3 Marque con los nuacutemeros 1 y 2 respecto al orden de importancia los dos problemas
referidos a la funcioacuten que considera predominan en el disentildeo de sitios web
Con esta pregunta se busca conocer cuaacutel es la percepcioacuten de los creadores con respecto a los
problemas de funcioacuten que predominan en los sitios web lo que serviraacute para ratificar la
coincidencia o no de estos problemas de acuerdo a lo detectado en la bibliografiacutea al respecto del
mismo modo nos aportaraacute datos sobre el problema preeminente y por uacuteltimo podraacute servir para
establecer si tiene o no alguna relacioacuten con el componente formal
De acuerdo a los datos obtenidos los creadores consideran que el problema que se encuentra en
primer lugar referido a la funcioacuten es la mala orientacioacuten en la navegacioacuten y el problema ubicado
en segundo lugar es la falta de interactividad (Ver graacuteficas No 53 54 y 55)
El problema referente a la funcioacuten que se ubica en primer lugar es la mala orientacioacuten en la
navegacioacuten En la graacutefica podemos observar que el 65 eligioacute esta opcioacuten
Graacutefica No 53 Problemas referidos a la funcioacuten Seleccioacuten 1er lugar Opinioacuten de los creadores
mala orientacioacuten en la navegacioacuten
falta de interactividad
velocidad
198
Respecto a la opcioacuten marcada como el problema en segundo orden de importancia el resultado
indica que bajo la percepcioacuten de los expertos encuestados es la falta de interactividad En la
graacutefica podemos observar que el 50 eligioacute esta opcioacuten (Ver graacutefica No 54)
Por otro lado tambieacuten es conveniente observar que tanto velocidad como mala orientacioacuten en la
navegacioacuten tambieacuten tienen un nuacutemero considerable en la seleccioacuten lo que podemos interpretar
como la manifestacioacuten de que son problemas existentes y que se consideran de importancia
Podemos considerar que entre la seleccioacuten de un primer y segundo lugar fue maacutes faacutecil determinar
el nuacutemero uno ya que la distancia en porcentaje con las otras opciones es menor sin embargo la
seleccioacuten de un segundo lugar no fue tan contundente entre los encuestados
Graacutefica No 54 Problemas referidos a la funcioacuten Seleccioacuten 2ordm lugar Opinioacuten de los creadores
mala orientacioacuten en la navegacioacuten
velocidad
falta de interactividad
199
Una vez revisadas de manera independiente la seleccioacuten de primer y segundo lugar revisamos la
respuesta en conjunto de estas y la suma de las selecciones de 1ordm y 2ordm lugar indica que el
problema referido a lo funcional que se considera predominantes es la mala orientacioacuten en la
navegacioacuten dando una suma correspondiente al 90
El resultado obtenido con la suma de 1ordm y 2ordm lugar coincide con el resultado de eleccioacuten
considerado soacutelo el primer lugar reforzando que ante la percepcioacuten de los encuestados el
problema preeminente es la mala orientacioacuten en la navegacioacuten (Ver graacutefica No 55)
Con respecto a la relacioacuten que puede tener este problema con el componente formal podemos
decir que es probable que exista una alta relacioacuten ya que normalmente la orientacioacuten se establece
mediante el menuacute de navegacioacuten y con los elementos graacuteficos que pueden servir de ubicacioacuten en
los niveles sin embargo tambieacuten se relaciona con la arquitectura de la informacioacuten
Esto evidencia que es necesario identificar los criterios que se consideran respecto a la
construccioacuten de la navegacioacuten y compararlos con lo que pasa en el uso real para el usuario
Graacutefica No 55 Problemas referidos a la funcioacuten Suma seleccioacuten 1ordm y 2ordm lugar Opinioacuten de los creadores
mala orientacioacuten en la navegacioacuten
velocidad
falta de interactividad
200
Pregunta realizada
4 Marque con los nuacutemeros 1 y 2 respecto al orden de importancia los dos problemas
referidos a la forma que considera predominan en el disentildeo de sitios web
Con esta pregunta se busca conocer cuaacutel es la percepcioacuten de los creadores con respecto a los
problemas referidos a la forma que predominan en los sitios web lo que serviraacute para ratificar la
coincidencia o no de estos problemas de acuerdo a lo detectado en la bibliografiacutea al respecto del
mismo modo nos aportaraacute datos sobre el problema preeminente y por uacuteltimo podraacute servir para
establecer si afectan al componente formal y vislumbrar en que se tiene que poner atencioacuten en
relacioacuten al disentildeo del componente graacutefico
Los expertos encuestados consideran que el problema nuacutemero uno respecto a la forma que se
encuentra en el disentildeo de sitios web es el desorden compositivo Al revisar la graacutefica podemos
observar que el 50 de los encuestados lo seleccionoacute como primer lugar
Graacutefica No 56 Problemas referidos a la forma Seleccioacuten 1er lugar Opinioacuten de los creadores
exceso de elementos
exceso de animaciones
graacuteficos descontextua-lizados
desorden compositivo
mala calidad de graacuteficos
201
En la buacutesqueda del resultado con respecto al problema referido a la forma que los expertos
consideran en segundo lugar se dio el fenoacutemeno de que la seleccioacuten repitioacute el mismo concepto
que el seleccionado en primer lugar esto es el desorden compositivo quedando muy cercano a
este el concepto de exceso de elementos Indicado en la graacutefica con el 40 que estaacute muy cercano
en porcentaje con el indicado en primer lugar 45 (Ver graacutefica No 57)
En el caso de esta pregunta se hace evidente que las respuestas que tienen un claro predominio
son el desorden compositivo y el exceso de elementos que contrastan con el resto que fueron
considerados en un porcentaje muy menor Es conveniente hacer notar que las opciones elegidas
estaacuten iacutentimamente relacionadas con la esencia del componente visual
Graacutefica No 57 Problemas referidos a la forma Seleccioacuten 2ordm lugar Opinioacuten de los creadores
exceso de elementos
exceso de animaciones
graacuteficos descontextua-lizados
desorden compositivo
mala calidad de graacuteficos
202
Una vez revisadas de manera independiente la seleccioacuten de primer y segundo lugar revisamos la
respuesta en conjunto de estas y la suma de las selecciones de 1ordm y 2ordm lugar indica que el
problema referido a la forma que se considera predominantes es el desorden compositivo dando
una suma correspondiente al 95
De acuerdo a los datos obtenidos como resultado global respecto a los problemas referidos a la
forma los creadores consideran que el principal problema es el desorden compositivo mientras
que el segundo es el exceso de elementos (Ver graacutefica No 58)
Este resultado refuerza la idea global que existe respecto a que los componentes visuales se
utilizan en exceso y con desorden lo que nos da un punto de partida para revisar lo referente a la
integracioacuten del componente formal que ante esta perspectiva estariacutea afectando el equilibrio con
la funcioacuten
Graacutefico No 58 Problemas referidos a la forma Suma seleccioacuten 1ordm y 2ordm lugar Opinioacuten de los creadores
exceso de elementos
exceso de animaciones
graacuteficos descontextua-lizados
desorden compositivo
mala calidad de graacuteficos
203
Pregunta realizada
5 iquestCuaacutel de las siguientes oraciones describe mejor su punto de vista respecto al binomio
forma-funcioacuten en el disentildeo de interfaz para sitios web
o la funcioacuten es lo maacutes importante
o la forma es lo maacutes importante
o se basa en el equilibrio
o depende del contenido del sitio
o no tienen ninguna relacioacuten
De acuerdo a los datos obtenidos encontramos que en cuanto a lo que mejor describe el binomio
forma y funcioacuten la mayoriacutea de los profesionales que respondieron la encuesta considera que se
basa en el equilibrio alcanzando un 55 de las selecciones (Ver graacutefica No 59)
Este resultado muestra el intereacutes por lograr el equilibrio lo cual nos demuestra que hay una
conciencia de la interaccioacuten equilibrada que debe existir entre funcioacuten y forma No obstante
tambieacuten es importante destacar que la forma se muestra subvalorada ya que ninguno de los
usuarios la considero como lo maacutes importante en contraste con la funcioacuten que alcanza un 30 y
la otra opcioacuten que fue considerada es la dependencia de acuerdo al contenido del sitio
Graacutefica No 59 Binomio forma-funcioacuten Opinioacuten de los creadores
la funcioacuten es lo maacutes importante
la forma es lo maacutes importante
se basa en el equilibrio
depende del contenido del sitio
no tienen ninguna relacioacuten
204
Pregunta realizada
6 iquestConsidera que en el disentildeo de sitios web la relacioacuten forma-funcioacuten ha significado un
problema
En donde las opciones para respuesta eran
o si
o no
Respecto al cuestionamiento de si la relacioacuten forma-funcioacuten plantea un problema la mayoriacutea de
los creadores respondieron que siacute alcanzando el 80 del total (Ver graacutefica No 510)
Las respuestas obtenidas nos confirman que la relacioacuten forma y funcioacuten efectivamente se
considera un problema que no ha encontrado una respuesta satisfactoria Por lo tanto intentar
esfuerzos en esta direccioacuten es un aporte valioso para el campo del disentildeo graacutefico y la creacioacuten de
sitios web
Graacutefico No 510 Relacioacuten forma-funcioacuten como posible problema Opinioacuten de los creadores
205
56 Aplicacioacuten de la matriz para la identificacioacuten de interrelaciones
entre componentes formales y funcionales
El uso de la matriz tiene como objetivo la identificacioacuten de las interrelaciones que se pueden
establecer entre los componentes formales y los componentes funcionales en el disentildeo de la
interfaz de sitios web Consiste en una matriz en la que se identifican por medio de filas y
columnas los componentes susceptibles de establecer interrelaciones En esta matriz se vaciacutean los
resultados de la segunda seccioacuten del cuestionario en la cual se solicitoacute a los expertos encuestados
seleccionaran las interrelaciones que a su parecer podriacutean establecerse de acuerdo a unos listados
presentados Para ver detalles del cuestionario consultar anexo No 4
El proceso de aplicacioacuten de la matriz se realizoacute mediante los siguientes pasos 1) Matriz
conceptual y 2) Matriz de comparacioacuten
1 Creacioacuten de la Matriz conceptual construida con base en cada uno de los componentes tanto
formales como funcionales seleccionados y ubicados en el lugar correspondiente En esta se
presentan las interrelaciones que se considera existen entre los componentes seleccionados
Es importante recordar que el nuacutemero de elementos susceptibles de incluirse en la matriz podriacutea
aumentar considerablemente Para el ejercicio se seleccionaron aquellos que se consideraron los
maacutes representativos de la interfaz Ver la matriz conceptual (Graacutefico 511)
Para determinar los componentes que establecen interrelaciones se consideroacute si alguno de los
componentes formales influye en el logro de los componentes funcionales indicados y a la vez si
estos condicionan el disentildeo especiacutefico de alguno de los componentes formales Las
interrelaciones se encuentran indicadas con color gris claro sobre las columnas y filas de cruce
entre los dos componentes
Las consideraciones que sirvieron como apoyo en la determinacioacuten de las interrelaciones se
tomaron de los paraacutemetros e indicaciones generales que existen respecto a la creacioacuten y
evaluacioacuten de sitios web tales como la coherencia entre elementos de navegacioacuten la
206
identificacioacuten visual de viacutenculos la representacioacuten de las retroalimentaciones etc Temas
revisados en el marco conceptual correspondiente a los capiacutetulos 3 y 4 de este trabajo
Resultados del anaacutelisis de la matriz conceptual
Una vez construida la matriz e identificadas las posibles interrelaciones entre componentes
formales y funcionales se llevo a cabo una revisioacuten global que permite reconocer lo siguiente
o Todos los componentes formales y funcionales generan por lo menos una interrelacioacuten
o Hay componentes que se destacan por ejercer un mayor nuacutemero de interrelaciones
o Dentro de los componentes formales destacan los elementos relacionados con el menuacute
estos establecen relaciones con casi todos los componentes funcionales con excepcioacuten de
la lecturabilidad
o Dentro de los componentes funcionales destacan los elementos informativos relacionados
a la transmisioacuten de un tipo de sitio que establecen relacioacuten con casi todos los
componentes formales con excepcioacuten de etiquetas de viacutenculos
o Los componentes formales que menos interrelaciones establecen son los referidos a las
etiquetas de viacutenculos Correspondiente a 5 sobre una posibilidad maacutexima de 22
o Los componentes funcionales que menos interrelaciones establecen son los relacionados
con estructura Correspondiente a 2 sobre una posibilidad maacutexima de 13
o En su gran mayoriacutea las interrelaciones que establecen los diferentes componentes son
pertenecientes a rubros similares
o De manera global en la matriz se manifiesta una relacioacuten equilibrada entre los cruces de
componentes que establecen una relacioacuten (indicadas con gris) y los que no (conservados
en blanco)
Para la mejor comprensioacuten de los puntos enlistados revisar graacutefico No 511
207
Graacutefico No 511 Matriz conceptual de interrelaciones entre
componentes formales y funcionales en el disentildeo de interfaz
208
2 Matriz de comparacioacuten en esta matriz se comparan los datos presentados en la matriz
conceptual esto es las interrelaciones definidas y se le suman los datos obtenidos mediante los
cuestionarios aplicados a los expertos en el tema Las zonas en gris se refieren a la matriz
conceptual y sobre estas se sentildealan los datos que aportaron los creadores de sitios web
Para la lectura de la matriz se utilizan diferentes figuras
Figura A Se utiliza cuando el porcentaje de respuestas afirmativas sobre la interaccioacuten
fue menor al 333
Figura B Se utiliza cuando el porcentaje de respuestas afirmativas sobre la interaccioacuten
se encuentra entre el 334 y 666
Figura C Se utiliza cuando el porcentaje de respuestas afirmativas sobre la interaccioacuten
es mayor al 666
La eleccioacuten de estos rangos fue definida con la intencioacuten de poder hacer una lectura graacutefica de la
interrelacioacuten de los elementos Asimismo se pueden destacar las interacciones que predominan de
manera maacutes contundente (Veacutease la matriz de comparacioacuten graacutefico 512)
Resultados del anaacutelisis de la matriz de comparacioacuten
Una vez que se contabilizaron las respuestas obtenidas mediante el cuestionario se vaciaron en la
matriz y se representaron con las figuras A B y C explicadas anteriormente se llevoacute a cabo una
revisioacuten global que permite reconocer lo siguiente
o Todos los componentes generan interrelaciones
o Sorprende que los creadores encuestados consideraron muchas maacutes interrelaciones de
las indicadas en la matriz conceptual
209
o Los componentes que tuvieron una respuesta maacutes contundente respecto al
establecimiento de interrelaciones coinciden con las zonas indicadas por la matriz
conceptual
o Los componentes formales que establecen interrelaciones que se manifiestan en los
porcentajes maacutes altos (indicados por la figura C) son los referentes a imaacutegenes fondos
y seleccioacuten de tipografiacutea
o Los componentes funcionales que establecen interrelaciones que se manifiestan en los
porcentajes maacutes altos (indicados por la figura C) son los referentes a identidad
lecturabilidad e informativos
o Las interrelaciones determinadas en porcentajes altos (indicados por la figura C) son
pocas lo que puede dar una idea de la falta de claridad que existe entre los creadores
respecto a la influencia de los componentes visuales
o El nuacutemero de interrelaciones sentildealado con el rubro de porcentajes menores (indicados
por la figura A) son muchas lo que puede indicar la dificultad de establecer con
claridad la referencia especiacutefica de cada uno de los conceptos y la dificultad que hay
entre los creadores para determinar la influencia de los componentes visuales
Para la mejor comprensioacuten de los puntos enlistados revisar graacutefico No 512
210
Graacutefico No 512 Matriz representativa de las interrelaciones
determinadas bajo encuesta a profesionales
211
Conclusiones
Con los elementos presentados a lo largo de este trabajo sobre la valorizacioacuten de la situacioacuten que
se presenta como una disyuntiva entre forma o funcioacuten en el disentildeo y especiacuteficamente en el
disentildeo de sitios web se pueden establecer las siguientes conclusiones
1 Es necesario que en el aacutembito del disentildeo nos cuestionemos respecto a la pertinencia de la
aseveracioacuten de la existencia o no de una disyuntiva ya que disyuntiva significa tener la
alternativa entre dos cosas por una de las cuales hay que optar El disentildeo no tiene que elegir entre
forma o funcioacuten porque ambos forman parte de sus principios creadores Entonces la creencia de
una disyuntiva entre componente formal y utilitario aparece como un planteamiento equiacutevoco o
falso creado a traveacutes de enfoques polarizados originados por factores histoacutericos tecnoloacutegicos y
profesionales entre otros
2 Esta aparente disyuntiva forma o funcioacuten ha estado presente a traveacutes de toda la historia del
disentildeo manifestada como un par antagoacutenico expresado como la preeminencia de la utilidad
(funcioacuten) sobre la esteacutetica (forma) El origen de esta disyuntiva estaacute vinculado a la misma
definicioacuten del concepto disentildeo y a las interpretaciones que se hacen de la misma Las variadas
interpretaciones estaacuten condicionadas a las necesidades que dan origen al producto de disentildeo
3 Con el surgimiento del disentildeo web la disyuntiva forma o funcioacuten ha regresado a los primeros
planos Esto se debe a una participacioacuten interdisciplinaria muy variada en la creacioacuten de los sitios
y a condicionamientos tecnoloacutegicos importantes donde se confunde la importancia del aporte
teacutecnico utilitario y el teacutecnico formal
4 El anaacutelisis histoacuterico del tema ha permitido observar diferentes etapas de preeminencia entre lo
formal y lo funcional Asiacute destaca que cuando ocurrioacute un desarrollo muy pronunciado hacia la
ponderacioacuten de valores cognoscitivos se produjo una reaccioacuten contraria hacia los aspectos
afectivos en una relacioacuten inversamente proporcional
212
5 A lo largo de la historia y en diferentes etapas el componente formal ha sido subvalorado
porque se confunde con ornamento o se considera soacutelo como apoyo para el logro de objetivos
funcionales pero sus aportaciones van maacutes allaacute Este tiene que ver con emociones que siente el
usuario respecto al producto y por lo tanto propicia actitudes respecto al mismo por ejemplo el
color puede inducir estados de aacutenimo o asociaciones con un concepto especiacutefico El aspecto
visual influye en la percepcioacuten de la personalidad que se transmite de un sitio mediante el cual
podemos decir es serio es formal es profesional o es improvisado entre otros Maacutes allaacute las
cosas deben servir y resolver necesidades sociales pero ademaacutes deben cautivar y ennoblecer el
espiacuteritu con su belleza
6 En el disentildeo web comuacutenmente el rechazo a lo visual se debe en gran medida a que
equivocadamente se le relaciona soacutelo con la publicidad y por ende con los efectos visuales por
ejemplo las animaciones que buscan la atraccioacuten de consumidores Estos efectos provocan
rechazo debido al abuso que se ha hecho de ellos Los disentildeadores graacuteficos y todos aquellos
interesados en propiciar la valorizacioacuten del componente formal se tienen que cuestionar si el uso
que hacen de este es correcto o se ha caiacutedo en el esteticismo hueco vaciacuteo non sense Al parecer
cuando el componente formal mantiene una esteacutetica de perfil moderado o bajo no sobresaliente
suele admitirse sin observaciones cuando al contrario busca resaltar y se sobrepone a la funcioacuten
utilitaria y la sobrepasa en ocasiones estorbando es sujeta de criticas radicales
7 Muchas veces el componente formal se interpreta soacutelo como el hecho de incluir imaacutegenes La
imagen no es la forma ni representa a la totalidad del componente formal este es la integracioacuten
de una serie de elementos graacuteficos que de manera visual son capaces de comunicar un mensaje y
con la habilidad de llegar a los sentidos del usuario para propiciar una interpretacioacuten El
componente formal estaacute integrado por elementos baacutesicos de expresioacuten como la liacutenea el punto la
textura el color que se organizan con unos principios compositivos incluso el espacio en blanco
constituye un elemento fundamental
8 Auacuten en los casos en que se acepta a la forma como un componente necesario ya que es lo que
hace visible a la interfaz no es faacutecil para aquellas personas que no estaacuten relacionadas con el
lenguaje visual identificar y diferenciar los componentes que lo integran ni apreciar su valor lo
213
que ocasiona interpretaciones equivocadas en su uso Esto se debe a que la eleccioacuten aplicacioacuten
y evaluacioacuten del componente formal implica procesos subjetivos como el gusto la atraccioacuten la
emocioacuten la satisfaccioacuten difiacuteciles de traducir a paraacutemetros concretos
9 Incluso dentro de la tendencia que considera que no debe existir enfrentamiento entre
funcionalidad y apariencia esteacutetica existen una serie de situaciones que dificultan el manejo
adecuado de estos dos factores Las que son evidentes a primera vista son la dificultad de coacutemo
determinar con exactitud queacute corresponde a cada uno de los factores dentro de un medio
especiacutefico y queacute significa el equilibrio entre estos Igualmente el coacutemo localiza el creador las
necesidades del usuario las diferentes formaciones profesionales de los creadores el que cada
sitio estaacute referido en un contexto distinto esto significa que el disentildeo no se puede basar en guiacuteas
uacutenicas y precisas y finalmente la dificultad que implica identificar los valores que el componente
esteacutetico estaacute aportando
10 Es necesario que en el aacutembito del disentildeo en general se desarrolle un trabajo teoacuterico maacutes
profundo que permita el surgimiento de nuevas definiciones y metodologiacuteas novedosas que
ayuden a interpretar y evaluar el componente formal de una manera maacutes objetiva Asimismo
queda claro que evaluar el componente visual y el esteacutetico resulta complejo No obstante es muy
importante realizar una evaluacioacuten
11 La evaluacioacuten en disentildeo de sitios web es un proceso iterativo esto quiere decir que se estaacute en
un constante trabajo de correccioacuten y evaluacioacuten Podriacuteamos tomar la misma consideracioacuten para
el propio objetivo de evaluar Debe estar en constante crecimiento y evaluacioacuten hasta que se
tengan sistemas que sean adecuados (seguramente en conjunto) para cubrir todas las dimensiones
importantes en la evaluacioacuten tales como contenido organizacioacuten interaccioacuten navegacioacuten
desarrollo graacutefico confiabilidad accesibilidad estados afectivos
12 En todo contexto de disentildeo y por lo tanto en el disentildeo web los componentes formal y
funcional se vuelven inseparables e interdependientes La existencia y resultado de un disentildeo
depende de las interrelaciones que se establecen entre componentes formales y funcionales
hacieacutendolos inseparables En el disentildeo de sitios web es necesario sumar a la lectura racional una
214
de caraacutecter afectivo emocional La clave real no estaacute en analizar si existe una preeminencia entre
los factores forma y funcioacuten sino maacutes bien en encontrar coacutemo se entretejen sus relaciones que
no estaacuten dadas de manera lineal que se pueden ver modificadas por diferentes factores como el
momento de creacioacuten la interpretacioacuten o percepcioacuten del usuario el contexto de referencia o la
tecnologiacutea de produccioacuten
13 Debido a la variedad en las aplicaciones que tienen los sitios web los paraacutemetros de creacioacuten
no pueden ser iguales para todos no pueden establecerse guiacuteas uacutenicas Igual que en todas las
aacutereas del disentildeo tambieacuten en la creacioacuten de sitios web en cada ocasioacuten se disentildea para un proyecto
especiacutefico con necesidades concretas y en un contexto uacutenico Estas guiacuteas apenas son un
primeriacutesimo paso en la comprensioacuten de leyes o normas miacutenimas ya que su universalizacioacuten
llevariacutea a un estereotipo que seriacutea contra naturaleza del disentildeo mismo su innovacioacuten y
creatividad
14 La consideracioacuten de cuaacutel factor entre forma o funcioacuten tiene preeminencia depende en gran
medida del campo profesional de quien emite la opinioacuten Esto tiene antecedentes en el
surgimiento de las tecnologiacuteas de produccioacuten masiva en donde los ingenieros toman un papel
fundamental como conocedores de la teacutecnica y entran en oposicioacuten con los disentildeadores como
defensores del aspecto o presentacioacuten de los productos
15 En el disentildeo de sitios web existe una confusioacuten o poleacutemica respecto a quieacuten es el que dirige el
disentildeo o quieacuten es el maacutes apto para llevar la pauta en el proceso de disentildeo Se presentan dos
entidades que entran especialmente en el conflicto por un lado los ingenieros o desarrolladores
destacaacutendose como conocedores del manejo de la informaacutetica y por otro lado los disentildeadores
graacuteficos identificados como conocedores de la comunicacioacuten a traveacutes del lenguaje visual El
enfoque que parece resultar el maacutes adecuado en esta poleacutemica es la del trabajo multidisciplinario
en donde un proyecto se desarrolla con varios participantes Situacioacuten que se ha presentado en
otros aacutembitos del disentildeo por ejemplo en el campo de la mercadotecnia el disentildeador juega un
papel muy importante pero realiza una tarea acompantildeado de otros profesionales como
psicoacutelogos mercadoacutelogos economistas y en la produccioacuten industrial el disentildeador tiene un
intercambio con ingenieros profesionales en ergonomiacutea teacutecnicos etc
215
La formacioacuten de los creadores en el aspecto visual -sea cual sea su profesioacuten origen- seriacutea
sumamente importante dada la aplicacioacuten de la interfaz graacutefica de usuario como medio de
comunicacioacuten e interaccioacuten pero tambieacuten un conocimiento de los principios de todas aquellas
especialidades que participan en la creacioacuten de un sitio web como arquitectura de la informacioacuten
usabilidad disentildeo de la interaccioacuten disentildeo centrado en el usuario Es importante reconocer que
actualmente para la gran mayoriacutea de los disentildeadores graacuteficos existen necesidades ante la creacioacuten
de un sitio que escapan a su preparacioacuten como los lenguajes de programacioacuten y que dados los
avances de aplicacioacuten de los sitios se requieren cada vez maacutes
16 La discusioacuten sobre la preeminencia de forma o funcioacuten aunque ocurre en un nivel local en el
disentildeo web corresponde a concepciones y tendencias maacutes generales quizaacute que estaacuten por encima
de la propia determinacioacuten del disentildeo El arte y el disentildeo no son autoacutenomos ambos son
expresiones de situaciones sociales maacutes determinantes Como hemos visto pudo cambiar la forma
en los movimientos artiacutesticos pero la funcioacuten esteacutetica (no utilitaria) se mantuvo En el disentildeo
lograr maacutes utilidad con menos forma estuvo supeditado al avance tecnoloacutegico en la disciplina
17 La integracioacuten del componente formal y el funcional se debe basar en el equilibrio entendido
como una relacioacuten de proporcioacuten no como una medida igual Las caracteriacutesticas del usuario y el
contenido especiacutefico del sitio determinaran que tanto de forma y que tanto de funcioacuten se integra
La determinacioacuten de coacutemo establecer el equilibrio entre componentes formales y funcionales no
puede aislarse de un contexto especiacutefico en el que se ven involucrados un sin fin de factores
como tecnologiacutea cultura economiacutea educacioacuten entre otras Se debe dejar atraacutes la lucha por una
preeminencia para llegar al acuerdo de que en la relacioacuten del factor esteacutetico y lo funcional
existen un inmenso rango de posibles combinaciones y que hay una incontable cantidad de
productos que requieren diferentes soluciones basadas cada una en un contexto una cultura un
usuario y un contenido especiacutefico
18 La discusioacuten de la disyuntiva entre la preeminencia de forma o funcioacuten es una discusioacuten que
pertenece a los siglos XIX y XX no podemos quedarnos en esa situacioacuten se requiere trascender
hacia una visioacuten maacutes holiacutestica en donde se contemple la totalidad del ser humano y tambieacuten la
totalidad del contexto en el que surge el disentildeo Dejar atraacutes la discusioacuten de preeminencia para
216
pasar a coacutemo lograr la integracioacuten y coacutemo establecer el valor y la medicioacuten de los distintos
componentes El mundo a traveacutes de su historia es un eterno escaparate de dualidades parecieran
ser algo propio de la naturaleza humana y de la evolucioacuten pero el cambio el progreso se logra
cuando se trascienden las polaridades y se establece un equilibrio
Prospectiva
A partir del proceso de este trabajo de investigacioacuten de los hallazgos y las conclusiones
obtenidas se hizo manifiesta la gran variedad de temas vinculados con el tema desarrollado
mismo que puede ser investigado desde muy diversos enfoques Se considera puede ser un punto
de partida para el desarrollo de principios que lleven hacia una integracioacuten de los elementos
formales y funcionales en el disentildeo tambieacuten se identificaron temas que generan una expectativa
de estudio que pueden ser de profundo intereacutes para el campo del disentildeo graacutefico y concretamente
para el disentildeo de Interfaz Grafica de Usuario para sitios web
Identificacioacuten de los elementos relacionados con el aspecto graacutefico que actualmente son
evaluados en el disentildeo de la interfaz y de la manera en que estos son considerados lo que podraacute
llevar a un planteamiento maacutes adecuado de su integracioacuten en las evaluaciones Se sugiere sumar
un anaacutelisis de las construcciones tradicionales de interfaz desde un enfoque del lenguaje visual
lo que podraacute dar la pauta para un planteamiento inicial de la manera adecuada en su evaluacioacuten
Continuar con un estudio de las interrelaciones entre elementos formales y funcionales que se dan
en el disentildeo de interfaz considerando indistintos tipos de valores que debe tener un sitio incluso
el emocional
Considerando todos los factores que intervienen en el disentildeo de interfaz ayudar en la definicioacuten
del perfil indicado para el disentildeador de interfaz graacutefica de sitios web
Tomando en cuenta los estudios realizados respecto a la evaluacioacuten del aspecto emocional
sumarse a la tarea de definir coacutemo influye el aspecto graacutefico en este rubro y como la
consideracioacuten de este puede beneficiar a los disentildeos
217
Bibliografiacutea
Abbagnano N (sf) Diccionario de filosofiacutea Meacutexico Fondo de Cultura Econoacutemica
Alegsa comar (Ed) (2010)Diccionario de informaacutetica Consultado noviembre 8 de 2010
Disponible en httpwwwalegsacomarDiclenguaje20de20programacionphp
Ambrose G y Harris P (2009) Fundamentos del disentildeo graacutefico Barcelona Espantildea Parramoacuten
Arhippainen L Taumlhti M (2003) Empirical Evaluation of User Experience in Two Adaptative Mobile Application
Prototypes Proceedings of the 2nd International Conference on Mobile and Ubiquitous Multimedia Recuperada
enero de 2010 Disponible en httpwwwepliuseecp011007ecp011007pdf
Austin T y Doust R (2008) Disentildeo de nuevos medios de comunicacioacuten Barcelona Espantildea Blume
Anderson S (2009) In Defense of Eye Candy A list apart No 282 Abril 21 2009 Recuperada el 10 de agosto de
2009 Disponible en httpwwwalistapartcomarticlesindefenseofeyecandy
Baeza R y Rivera C (2002) Arquitectura de la informacioacuten y usabilidad en la web Centro de Investigacioacuten de la
Web Depto de Ciencias de la Computacioacuten Recuperado el diacutea 12 de mayo de 2010 Disponible en
httpwwwdccuchilecl~rbazzainfusabilidadhtml
Banham R (1985) Teoriacutea y disentildeo en la primera era de la maacutequina Barcelona Ediciones Paacuteidos
Bonnici P (2000) Lenguaje Visual El medio oculto de comunicacioacuten Meacutexico LHR
Bonsiepe G (1999) Del objeto a la interfaz Meacutexico Infinito
Cabero J y Duarte A (1999) Evaluacioacuten de medios y materiales de ensentildeanza en soportes multimedia revista de
Medios y educacioacuten No 13 Recuperada el 28 de mayo de 2010
Disponible en httpwwwtecnologiaeduusesedutec2libroedutec99411htm
Calvera A (2007) Introduccioacuten Materiales para una esteacutetica del disentildeo En Calvera A (Ed) De lo bello de las
cosas (pp 9-30) Meacutexico Gustavo Gili
Campi I (2008) Lo funcional como categoriacutea esteacutetica Foro Alfa Barcelona Espantildea Recuperada el 01 de junio de
2009 httpforoalfaorgesarticulo150Lo_funcional_como_categoria_estetica
Cantildeada J (2005) Los elementos del disentildeo de interaccioacuten y la esteacutetica Terremotonet Recuperada el 15 de julio de
2009 Disponible en httpwwwterremotonetxarchivos000191html000191
Cantildeada J y Van Hout M (2005) Entrevista a Donald Norman Donald Norman y el disentildeo emocional Arce
Asociacioacuten de revistas culturales de Espantildea Visual nordm 113 marzo 2005 Recuperada el 08 de octubre de 2009
Disponible en
httpwwwrevistasculturalescomarticulos65visual3171donald-norman-y-el-diseno-emocionalhtml
Costa J (2003) Disentildear para los ojos Bolivia Design Coleccioacuten Joan Costa
Costa J y Moles A (1991) Imagen Didaacutectica Barcelona Espantildea Ceac Enciclopedia del disentildeo
218
De la Cera M (2002) La importancia del eidos formal en la evaluacioacuten del disentildeo En Coacuterdoba C y Tamayo S
(Eds) Evaluacioacuten del disentildeo (pp 195-212) Meacutexico Universidad Autoacutenoma Metropolitana Azcapotzalco
De Lera E y Garreta D (2006) Diez Heuriacutesticos Emocionales Recuperado el 18 de mayo de 2010 Disponible en
httpwwwrevistafazorgarticulos06_diezheuristicos_delera_garretapdf
Desmet DMA Hekkert P Hillen MG (2003) Values and emotions an empirical investigation in the
relationship between emotional responses to products and human values Proceedings of the fifth European academy
of design conference Barcelona Spain Recuperada el 10 de abril de 2010 Disponible en
httpstaticstudiolabiotudelftnlgemsdesmetpapervaluesemotionpdf
Dondis D (2004) La Sintaxis de la Imagen Barcelona Gustavo Gili 17a tirada
Encina J (1977) El estilo Meacutexico Universidad Nacional Autoacutenoma de Meacutexico
Ergoestudiocom (2005) Disentildeo de sitios web Recuperada 20 de marzo de 2010
Disponible en httpwwwergoestudiocominiciopreguntasindexphp
Euniciano M (1974) La Composicioacuten en Artes Graacuteficas Tomo segundo Barcelona Edebeacute
Fernaacutendez-Coca A (1998) Produccioacuten y disentildeo graacutefico para la World Wide Web Barcelona Piados
Fidalgo A (2002) Usabilidad la gran desconocida Espantildea Recuperada el 01 de septiembre de 2002
Disponible en httpwwwemergianetecosartiacuteculos000603htm
Foriacutea C (2002) Principios de disentildeo centrado en el usuario Recuperada el 01 de septiembre de 2002
Disponible en httpwwwareacommxusabilidadqueesdcuhtm
Fornari T ( 1989) Las funciones de la forma Meacutexico Universidad Autoacutenoma Metropolitana Azcapotzalco
Coleccioacuten Tilde
Garciacutea O F (1996) Reflexiones sobre el disentildeo Meacutexico Universidad Autoacutenoma Metropolita Azcapotzalco
Gill M (2000) e-zines Disentildeo de Revistas Digitales Meacutexico Gustavo Gili
Gillam S (1980) Fundamentos del disentildeo Argentina Viacutector Leruacute
Glenwright J ( 2001) wwwlayout Como disentildear y componer sitios web Meacutexico Gustavo Gili
Gold B y Toledo FG (2003) El dibujo como proceso de configuracioacuten para la ensentildeanza del disentildeo de la
comunicacioacuten graacutefica Meacutexico Universidad Autoacutenoma Metropolitana- Azcapotzalco
Gonzaacutelez T L (1996) Factores ergonoacutemicos en el disentildeo graacutefico Universidad Autoacutenoma Metropolitana
Azcapotzalco Meacutexico
Gotz V (2002) Retiacuteculas para Internet y otros soportes digitales Barcelona Index Books SL
Hassan Y (2002) Disentildeo de hipermedia centrado en el usuario En No Solo Usabilidad nordm 1 2002 Recuperada el
01 de febrero de 2010 Disponible en httpwwwnosolousabilidadcom
219
Hassan Y (2005) Factores de disentildeo web orientado a la satisfaccioacuten de uso Recuperada el 01 de julio de 2010
Disponible en httpwwwjornadassiderorg2005ponenciasyusefallhtm
Hassan Y Fernaacutendez F (2005) La Experiencia del Usuario En No Solo Usabilidad nordm 4 2005 Recuperada el 01
de febrero de 2010 Disponible en
httpwwwnosolousabilidadcomarticulosexperiencia_del_usuariohtmnorman
Hassan Y Fernaacutendez F y Iazza G (2004) Disentildeo Web Centrado en el Usuario Usabilidad y Arquitectura de la
Informacioacuten Hipertextnet nuacutem 2 2004 Recuperada el 22 septiembre de 2009
Disponible en httpwwwhipertextnet
Hassan Y y Ortega S (2009) Informe APEI sobre usabilidad Gijoacuten Asociacioacuten Profesional de Especialistas en
Informacioacuten Recuperada el 21 de febrero de 2010
Disponible en httpwwwnosolousabilidadcommanualindexhtm
Herrera L (2002) La semioacutetica como parte integral de la evaluacioacuten de la arquitectura y del disentildeo En Coacuterdoba C
y Tamayo S (Eds) Evaluacioacuten del disentildeo (pp 181-194) Meacutexico Universidad Autoacutenoma Metropolitana
Azcapotzalco
Heskett J (2005) El disentildeo en la vida cotidiana Barcelona Espantildea Gustavo Gili
Ibantildeez P (2002) Para evaluar el disentildeo y la docencia En Coacuterdoba C y Tamayo S (Eds) Evaluacioacuten del disentildeo
(pp 93- 109) Meacutexico Universidad Autoacutenoma Metropolitana Azcapotzalco
Jimeacutenez O F Definicioacuten de interfaz graacutefica Recuperada el 6 de marzo de 2010
Disponible en httpwwwgdluagmx66definterhtm
Jorge y Botana G (2006) El Anaacutelisis de la Semaacutentica Latente y su aportacioacuten a los estudios de Usabilidad En No
Solo Usabilidad nordm 5 2006 Recuperada en 18 de enero de 2010 Disponible en
httpwwwnosolousabilidadcomarticulosanalisis_semantica_latentehtm
Kankainen A (2002) Thinking model and tools for understanding user experience related to information appliance
product concept Recuperada el 8 de mayo de 2010 Disponible en httplibtkkfiDiss2002isbn9512263076
Loacutepez JM (1993) Semioacutetica de la comunicacioacuten graacutefica Meacutexico Edinba y Universidad Autoacutenoma Metropolitana-
Azcapotzalco
Lynch P y Horton S (2000) Principios de disentildeo baacutesicos para la creacioacuten de sitios Web Barcelona Espantildea
Gustavo Gili
Maldonado T (1977) Vanguardia y racionalidad Barcelona Gustavo Gili Coleccioacuten Comunicacioacuten Visual
Manchoacuten E (2002a) iquestQueacute es la usabilidad definicioacuten En Aindainfo Espantildea Recuperada el diacutea 29 de enero de
2003 httpwwwaindainfoque_es_usabilidadhtm
Manchoacuten E (2002b) Errores en el disentildeo de sitios web En Aindainfo Espantildea 2002 Recuperada en febrero de
2003 httpwwwaindainfoerrores_disentildeohtml
Manchoacuten E (2002c) Usabilidad esteacutetica y emocioacuten En Aindainfo Espantildea Recuperada en octubre de 2002
httpwwwaindainfoesteacutetica_vs_usabilidadhtml
220
Manchoacuten E (2002d) Usabilidad mal entendida En Aindainfo Espantildea Recuperada el diacutea 29 de enero de 2003
httpwwwaindainfousabilidad_mal_entendidahtml
Martiacuten C (2002) Manual usabilidad en la web web ThinkTank usabilidad e interfaz para web sites Recuperada
en octubre de 2002 httphomeearthlinknet~cesarmartinthink
Martiacuten E (1974) La Composicioacuten en Artes Graacuteficas Segundo tomo Barcelona Edebeacute
Maya P (2008) El Archipielago Digital Recuperada 8 de diciembre de 2010 Disponible en
httppedromayaalvarezblogspotcom200805los-tiempos-hipermodernos-de-lipovestyhtml
Meggs P B (1991) Historia del disentildeo graacutefico Meacutexico Trillas
Mercovich E (1999) Disentildeo de interfaces y usabilidad SIGGRAPH 99 Argentina Recuperada 18 de septiembre de
2009 Disponible en httpplanetagaiasurcomarinfotecadisentildeo-de-interfaces-y-usabilidadhtml
Moles A (1991) La imagen Comunicacioacuten funcional Meacutexico Trillas
Montes de Oca y Saacutenchez de Bustamante A (2004) Arquitectura de informacioacuten y usabilidad nociones baacutesicas
para los profesionales de la informacioacuten Acimed 200412 Consultado 16 de marzo de 2010 Disponible en
httpbvssldcurevistasacivol12_6_04aci04604htm
Morville P (2004) User Experience Design Semantic Studios Recuperada el 21 de junio de 2004 Disponible en
httpsemanticstudioscompublicationssemantics000029php
Mugliacutea A (2008) Puro disentildeo Foro Alfa Recuperada el 1 de junio de 2009 Disponible en
httpforoalfaorgesarticulo147Puro_disentildeo
Naranjo C (2007) La forma es parte del fondo y viceversa Foro Alfa Recuperada el 1 de junio de 2009
Disponible en httpforoalfaorgesarticulo91La_forma_es_parte_del_fondo_y_viceversa_
Newark Q (2002) iquestQueacute es el disentildeo graacutefico Meacutexico Gustavo Gili
Nielsen J (2000) Usabilidad disentildeo de sitios web Madrid Pearson Educacioacuten
Nielsen J (2005) Ten usability heuristics Recuperada el 8 de Abril de 2010
Disponible en httpwwwuseitcompapersheuristicheuristic_listhtml
Norman D (2005) El disentildeo emocional Por queacute nos gustan (o no) los objetos cotidianos Barcelona Espantildea
Paidos
Nova Scotla Agricultural College (2010) Consultada en febrero 8 de 2010
Disponible en httpnsaccalibraryhowevaluatingasp
Potter N (1999) Queacute es un disentildeador objetos lugares mensajes Barcelona Espantildea Paidoacutes
Prette M y De Giorgis A (2004) Historia Ilustrada del Arte Madrid EspantildeaSusaeta
Puigserver S Prats J y Rovira J (Ed) (1996) Oceacuteano Uno color Espantildea
221
Richmond B (1997) Ten Cs for Evaluating Internet Resources Universidad de Wisconsin Recuperado el 21 de
abril de 2010 Desponible en
wwwmontgomerycollegeeduDepartmentswritegthtmlhandoustTen20C20internet20sourceshtm
Rodriacuteguez N (2006) Proceso de disentildeo centrado en el usuario Recuperada el diacutea 15 de mayo de 2010 Disponible
en httpwwwwebstudioclblogproceso-de-diseno-centrado-en-usuario
Romer F (2003) Disentildeando un sistema de navegacioacuten efectivo Recuperado en julio de 2003
httpwwwesquemanetnavegacionhtm
Satueacute E (1990) El disentildeo graacutefico desde los oriacutegenes hasta nuestros diacuteas Madrid Espantildea Alianza
Salinas F (1992) Historia del disentildeo industrial Meacutexico Trillas camioacuten
Scolari C (2004) Hacer Clic hacia una sociosemioacutetica de las interacciones digitales Barcelona Gedisa
Shawn L (2005) Introduccioacuten a la accesibilidad web W3C reg (MIT ERCIM Keio) Recuperada el 12 de marzo de
2010 Disponible en httpwwww3cestraduccioneseswaiintroaccessibility
Solanas D J (1985) Disentildeo Arte y Funcioacuten Barcelona Salvat
Sueiro R y Blanco M (2001) UsaiquestQueacute Usabilidad Revista Disentildeo de Web site Octubre Espantildea
Tognazzini B (2003) Primeros Principios de Disentildeo de Interaccioacuten Recuperada el 13 de enero de 2010 Disponible
en httpwwwasktogcombasicsfirstPrincipleshtml
Valdivieso N (2009) Usabilidad y Disentildeo Visual en una balanza iquestcuaacutel pesa maacutes Recuperada el 16 de octubre de
2009 Disponible en
httpwwwuxpanamanetusabilidad-y-diseno-visual-en-una-balanza-C2BFcual-pesa-mas
Veacutelez M (2001) La Interaccioacuten Persona-Ordenador Recuperada en enero de 2004
Disponible en httpwwwaipoeslibrodoc00Portdoc
Wikipedia (2009) La enciclopedia libre Disponible en httpeswikipediaorgwikiWikipediaPortada
Wroblewski L (2007) MIX07 Futures in Design Kip Voyteklsquos Recuperada el 18 de mayo de 2010 Disponible
en httpwwwlukewcomffentryasp530
Zamora A (2002) Explicitar valores Evaluaciones vaacutelidas y legitimidad al interpretar el disentildeo En Coacuterdoba C y
Tamayo S (Eds) Evaluacioacuten del disentildeo (pp 151-162) Meacutexico Universidad Autoacutenoma Metropolitana
Azcapotzalco
Zimmermann Y (2002) Del Disentildeo Barcelona Gustavo Gili Coleccioacuten Hipoacutetesis
Zorrilla S (1989) Introduccioacuten a la Metodologiacutea de la Investigacioacuten Meacutexico Aguilar Leoacuten y Cal Editores
222
Anexo No1
Conceptos histoacutericamente presentes en las tendencias
formalistas y funcionales tabla de polaridades
223
224
Graacutefico A11 Tabla de representacioacuten de pares de conceptos opuestos
225
Graacutefico A12 Tabla de polaridades correspondiente al movimiento De Stijl
226
Graacutefico A13 Tabla de polaridades correspondiente al movimiento Bauhaus 1ordf etapa
227
Graacutefico A14 Tabla de polaridades correspondiente al movimiento Art Nouveau
228
Anexo No2
Esquema de tendencias histoacutericas en la disyuntiva
forma o funcioacuten
229
Nmmjjkoooljjjjjlnbhhjm
Mmjhjlhhkll
El esquema de posturas histoacutericas tiene como objetivo ser una referencia raacutepida de las
posturas relacionadas con la disyuntiva forma-funcioacuten correspondientes a cada
movimiento de los comentados en el trabajo desarrollado en el capiacutetulo 2 rubro 22
referente a las etapas histoacutericas
A continuacioacuten se hace una descripcioacuten de la organizacioacuten correspondiente al esquema
presentado en este anexo
Inglaterra
Circunstancias
Produccioacuten en masa
Mayor demanda de productos
Bajo costo unitario
Desaparicioacuten de la actividad artesanal
Necesidad de comercializacioacuten
Postura
Disentildeo con fines de apoyo a la produccioacuten en masa
Materiales graacuteficos como estrategia de comercializacioacuten
Revolucioacuten Industrial 1760-1840
Esquema de tendencias histoacutericas en la disyuntiva
forma o funcioacuten
Denominacioacuten
histoacuterica y periodo o
fecha de inicio Paiacutes
Circunstancias poliacuteticas
econoacutemicas sociales y
tecnoloacutegicas
Propuesta social
esteacutetico-funcional
Revolucioacuten Industrial 1760-1840
Graacutefico utilizado para expresar de forma raacutepida la tendencia correspondiente al
movimiento histoacuterico presentado
cuando aparece representa tendencia funcional
cuando aparece representa tendencia formal
230
Europa
Circunstancias
Abarca muchas etapas y muy amplias desde el surgimiento
del ser humano hasta la eacutepoca del Renacimiento
Las diferentes etapas van permitiendo el desarrollo de la
creatividad humana desde aspectos muy variados
Postura
Las posturas variacutean de acuerdo a la etapa basadas
primordialmente en las necesidades humanas que
pueden ir desde las primarias de supervivencia hasta las
espirituales y las esteacuteticas
El desarrollo tecnoloacutegico influye en la creacioacuten pero no
ejerce una gran influencia como pasara posteriormente
con la Revolucioacuten Industrial
Previo a la
Revolucioacuten Industrial
Inglaterra
Circunstancias
Produccioacuten en masa cada vez mas dominante
Mayor demanda de productos
Bajo costo unitario
Desaparicioacuten de la actividad artesanal
Necesidad de comercializacioacuten
Postura
Disentildeo con fines de apoyo a la produccioacuten en masa
Materiales graacuteficos como estrategia de
comercializacioacuten
Revolucioacuten Industrial 1760-1840
Inglaterra
Circunstancias
Explotacioacuten de la mecanizacioacuten como proceso de produccioacuten
de objetos
Distanciamiento entre la industria y los artistas o disentildeadores
Predominio de la produccioacuten adaptada a la maquinaria dejando
fuera valores esteacuteticos
Postura
Integrar a los disentildeadores en la planeacioacuten y
elaboracioacuten de productos industriales
Premiar anualmente lo mejor del disentildeo ornamental
Importancia a la mejora en la utilidad pero tambieacuten el
usar formas esteacuteticas
Henry Cole 1845
231
Inglaterra
Circunstancias
La tecnologiacutea y la industrializacioacuten se separan del arte
Disentildeo realizado principalmente por ingenieros sin
preocupaciones esteacuteticas
Nueva percepcioacuten del valor de los objetos
Uso de la publicidad incentivando compra de los objetos
Necesidad de comercializacioacuten
Postura
Regresar a la produccioacuten manual
Unir el arte y el oficio para obtener objetos bellos
Las cosas bellas y uacutetiles son valiosas porque son bellas
Movimiento de Artes y Oficios 1880-1896
Inglaterra
Circunstancias
Fuerte influencia del movimiento de Artes y oficios
Buacutesqueda por el resurgimiento de las artesaniacuteas y el arte
aplicado
Postura
Abogaban por la unidad en el disentildeo referido a la
planeacioacuten cuidadosa de todos los aspectos
Fundamental dar a conocer el trabajo artiacutestico
Exhibicioacuten de Artes y Oficios 1884
Inglaterra
Circunstancias
Inspiracioacuten basada en el trabajo de William Morris
Eslaboacuten entre el movimiento de Artes y Oficios y el Art
Nouveau
Postura
Reubicar al disentildeo al lado de artes como escultura y
pintura
Rendir homenaje a todas las ramas del arte
Cuidar la formacioacuten los materiales y la calidad de
produccioacuten
La comunidad del siglo 1882
232
Francia
Circunstancias
El estilo invadioacute todos los ambientes en que se vinculaba el
hombre muebles objetos graacuteficos arquitectura etc
Eacutepoca de buacutesqueda de valores espirituales y esteacuteticos
Gran importancia a los materiales y los procesos
Inicio con edicioacuten limitada pero la demanda origino
produccioacuten en masa de baja calidad
Postura
Disentildeo configurado en torno al ornamento
Decoracioacuten estructura y funcioacuten unificadas
Que el arte forme parte de la vida cotidiana
Aceptaba la produccioacuten mecaacutenica pero defendiacutea la
participacioacuten del artista
Art Nouveau 1890 ndash 1910
Escocia
Circunstancias
Permaneciacutea la influencia del Art Nouveau
El siglo terminaba y se iniciaban los enfoques hacia el
movimiento moderno
Su trabajo sirvioacute de preparacioacuten para el puacuteblico a aceptar
formas nuevas
Postura
Evolucioacuten del arte curviliacuteneo hacia la fase rectiliacutenea
Rechazo el historicismo
Manteniacutea el uso de los ornamentos orgaacutenicos
Combinacioacuten de elementos florales curviliacuteneos con
estructuras rectiliacuteneas
Escuela de Glasgow 1895
Austria
Circunstancias
Produccioacuten en masa
Movimiento contrario al Art Nouveau
Fundan talleres como alternativa a produccioacuten de disentildeos en
masa que ellos consideraban malos
Postura
Artes aplicadas para la produccioacuten masiva de artiacuteculos
Preocupado por la funcioacuten bondad de materiales y
proporciones armoniosas
Disentildeo basado en modelos geomeacutetricos
Separatismo Vieneacutes 1903
1920
233
Inglaterra
Circunstancias
Los avances cientiacuteficos y tecnoloacutegicos transformaron el
comercio y la industria
Surge un gran cuestionamiento respecto a la funcioacuten social de
las artes visuales
Transicioacuten en diversos aspectos de las sociedades la
democracia el socialismo teoriacuteas psicoanalistas
Postura
Se aceptan los beneficios que proporciona la maquinaria
en la produccioacuten
Sumar el arte a la produccioacuten
No enfrentar el arte y la industria sino unirlos
Se aceptaba a la produccioacuten industrial como una posible
fuente de belleza
Artes Aplicadas 1910
Francia
Circunstancias
Gran influencia de los movimientos artiacutesticos en el disentildeo
Consideracioacuten de los conceptos simboacutelicos
Buacutesqueda de nuevas formas de expresar en transgresioacuten a las
formas tradicionales
Necesidad de expresar ideas innovadoras
Postura
Se expresa a traveacutes de la abstraccioacuten de las figuras en
planos geomeacutetricos
Se desarrollo hasta el cubismo sinteacutetico que representaba
la esencia de un objeto maacutes que su apariencia
Cubismo 1907
Francia
Circunstancias
Gran influencia de los movimientos artiacutesticos en el disentildeo
Necesidad de expresar ideas innovadoras
Buacutesqueda de nuevas formas de expresar en transgresioacuten a las
formas tradicionales
Postura
Pasioacuten por la era de las maacutequinas
Enalteciacutea la agresioacuten como parte fundamental en la obra de arte
Consideraba que la belleza de la maquina era superior a la
belleza arqueoloacutegica y a la esteacutetica
Consideroacute absurda la decoracioacuten se fundamento en liacuteneas
diagonales
La armoniacutea era rechazada como una cualidad en el disentildeo
Futurismo 1909
234
Suiza
Circunstancias
Gran influencia de los movimientos artiacutesticos en el disentildeo
Tiempo de la Primera Guerra Mundial
Gran fe de los paiacuteses en el progreso tecnoloacutegico
Postura
Buscaban la libertad rechazaban la tradicioacuten
Buscaban un arte elemental basado en la simplicidad
Su intencioacuten era no ser comprendidos
Era una protesta contra todos los valores establecidos
Dadaiacutesmo 1916
Francia
Circunstancias
Gran influencia de los movimientos artiacutesticos en el disentildeo
Persiste la influencia del dantildeo causado por la Primera Guerra
Mundial
Debido a la influencia de personalidades como Freud y Einstein
el concepto del universo y de la psique humana se amplio
Postura
Rechazaban el racionalismo lo importante era la expresioacuten del
pensamiento alejado de cualquier control
Expresarse dejando en libertad a la intuicioacuten y al sentimiento
Se basaban en la magia del mundo de los suentildeos
Surrealismo 1924
Alemania
Circunstancias
Divisioacuten estiliacutestica entre arquitectos alemanes unos defendiacutean
el principio puramente funcional y otros la creacioacuten artiacutestica
Preocupacioacuten ante problemas cruciales de la sociedad
Postura
Creacioacuten artiacutestica basada en nuevas formas para nuevos problemas
Ennoblecimiento del trabajo artesanal
Conjuncioacuten del arte la industria y los oficios
Enfoque del disentildeo muy racional que eliminaba la ornamentacioacuten y
enfatizaba el funcionalismo
Lograr una mayor estandarizacioacuten y eficacia en cuanto a la
produccioacuten y los materiales
Deutscher Werkbund 1907 -1914
235
Alemania
Circunstancias
Es considerado el primer disentildeador industrial
Su trabajo incluiacutea todas las aacutereas de disentildeo
Realizo notables trabajos para la compantildeiacutea Allgemeine
Elektricitats Gesellschaft a la que entro en 1907
Las empresas buscaban integrar el disentildeo en sus productos
Postura
Opinaba que la belleza se desprende de la comodidad
Enalteciacutea la proporcioacuten
Centrado en disentildeos carentes de ornamentos
Influyo en la transicioacuten a formas baacutesicas y funcionales
del siglo XX
Peter Behrens 1907 1903
Holanda
Circunstancias
Buscaban que el arte permeara a la sociedad a traveacutes de
objetos cotidianos
Utilizaban un restringido vocabulario visual
Buscaban la expresioacuten de la armoniacutea y la estructura
matemaacutetica de la naturaleza
Postura
Proclamaba la construccioacuten de la forma exenta de
ornamentaciones
Sosteniacutea que la belleza se basa en la pureza de la obra
Consideraba que los productos del arte aplicado podiacutean
ser elevados a arte puro
Llegar a la esencia a traveacutes de un lenguaje plaacutestico
objetivo y universal
De Stijl (Neoplasticismo) 1917
Rusia
Circunstancias
Desplazamiento del reacutegimen tradicionalista de los zares
Urgiacutea la reconstruccioacuten despueacutes de la Guerra Mundial
Circunstancias sociales de carencia
Postura
Formar artistas especializados en la industria
conceptualizados como ingenieros disentildeadores
Establecer unioacuten entre el arte y la teacutecnica
Creacioacuten polifuncional
Carencia de ornamentos
Vkhutemas 1920
236
Rusia
Circunstancias
Florecimiento del arte que ejercioacute una gran influencia en el
disentildeo
Oposicioacuten al arte conservador
Surge una divisioacuten ideoloacutegica basada en el cuestionamiento de
la funcioacuten del artista
Postura
El arte debiacutea de separarse de necesidades y funciones
utilitarias
Rechazaba la representacioacuten graacutefica sintetizada
El arte debiacutea de concentrarse en una funcioacuten espiritual
Suprematismo
1920 1760-1840
Rusia
Circunstancia
Se separan del Suprematismo
Buscaban hacer un verdadero servicio a la sociedad
Centraron su trabajo en el disentildeo industrial y la comunicacioacuten
visual
Postura
Proponiacutean dejar de producir cosas inuacutetiles
Trasladar su trabajo a la aplicacioacuten praacutectica
Forjar una unidad entre el arte y la tecnologiacutea
Constructivismo 1920
Alemania
Circunstancia
Derrota en la primera guerra mundial
Inclusioacuten de agencias americanas de publicidad
aplicacioacuten de formas geomeacutetricas y abstractas de las
vanguardias artiacutesticas
Postura
Estilo teacutecnico
Concepcioacuten racional
Estereotipo funcionalista
Eliminacioacuten de todo elemento decorativo
La maquina se vuelve paraacutemetro obligado para la creacioacuten
de la forma
Disentildeo graacutefico alemaacuten 1920
237
Alemania
Circunstancias
Surge de la fusioacuten de una academia de Bellas artes y una
escuela de Artes aplicadas
Escuela fundada bajo la conciencia de la responsabilidad del
artista hacia el colectivo social
Enfocada en la aspectos manuales y praacutecticos de la produccioacuten
Postura
Integracioacuten entre el artista y el artesano
Trabajar en la artesaniacutea que en momentos de magnifica
inspiracioacuten podiacutea llegar a ser arte
Aspiraba a eliminar la diferenciacioacuten entre arte y arte aplicado
Aprendizaje mediante la experiencia de hacer
La produccioacuten manual era de gran importancia
Bauhaus 1919
Alemania
Circunstancias
Se preocupaban por los materiales y por su empleo adecuado
Inicia intereacutes por la produccioacuten mecaacutenica y problemas de
disentildeo relacionados con esta
Postura
Aplicar el arte a la produccioacuten industrial y reflejar las
posibilidades de la tecnologiacutea
Oposicioacuten a los ornamentos
La forma concebida como unidad considerando
factores econoacutemicos teacutecnicos y formales
Basado en un espiacuteritu racional
Suprimir las formas expresivas subjetivas
La funcioacuten se convirtioacute en un elemento esencial
La fase funcionalista como tal se inicio en 1928
Bauhaus 2ordf etapa 1923
Alemania
Circunstancias
Alemania se convirtioacute en un punto en el que coincidiacutean
representantes de las diversas tendencias artiacutesticas y de disentildeo
Se dio un draacutestico cambio en la sensibilidad basado en ideas
futuristas y abstractas
Postura
Integracioacuten de la funcioacuten y la tecnologiacutea
Lenguaje formal geomeacutetrico para producir una
esteacutetica moderna
Revaloriza la funcioacuten sobre la forma esteacutetica
La forma es despojada de los ornamentos
Estilo Internacional
o Moderno 1920-1930
238
Estados Unidos
Circunstancia
Produccioacuten industrial en alto desarrollo
Avances tecnoloacutegicos para facilitar la vida del ser humano como
ejemplo el automoacutevil
Postura
Produccioacuten en serie abaratando costos y produciendo un gran
nuacutemero de producto
Construccioacuten basada en la normalizacioacuten
Producto basado en una forma uacutenica sin variedad
En contraste en 1923 la compantildeiacutea competidora General Motors
promovioacute la idea de generar variedad en el producto con
apariencias diferentes
El Fordismo 1907
Alemania
Circunstancias
Eacutepoca de gran competencia industrial
La venta dependiacutea del poder de atraccioacuten que un producto
tuviera sobre el consumidor
Postura
Sosteniacutean que la creatividad era la facultad de
materializar la belleza
La competitividad de un producto dependiacutea
principalmente de su forma
A productos ya creados solo se les cambia el exterior
Styling 1930
Europa
Circunstancias
No es un estilo en si mismo es un teacutermino que engloba a
estilos que surgieron entre las dos guerras mundiales
Los estilos se manifiestan en todo tipo de productos
mobiliario publicaciones arquitectura escultura etc
Postura
Eacutepoca de una gran sensibilidad esteacutetica
Existiacutean tendencias hacia la geometriacutea formas
aerodinaacutemicas y colores planos y en contraparte algunas
tendencias con una gran pasioacuten por la decoracioacuten
Art Decoacute 1920
239
Europa
Circunstancias
Tendencia generada en base a diferentes movimientos
Gran desarrollo tecnoloacutegico
Necesidades de recuperacioacuten econoacutemica debido a la primera
Guerra Mundial
Postura
Preeminencia de la funcioacuten sobre la forma
Principal atencioacuten a la teacutecnica de produccioacuten
Sintetizar la expresioacuten formal
La forma se debe crear en base a la funcioacuten
Funcionalismo 1920
1760-1840
Alemania
Circunstancias
Se disuelve la Bauhaus a causa de la segunda guerra mundial
Se funda la escuela de Ulm (Hochschule fur Gestaltung)
Intenta renovar el prestigio de la tecnologiacutea Bauhaus
Postura
Basado en normas metodoloacutegicas de una gran formalidad y rigurosidad
Las consideraciones esteacuteticas ya no eran la base conceptual del disentildeo
Ven a la esteacutetica como resultado de la economiacutea la funcioacuten la teacutecnica y la
organizacioacuten social
Disentildeo como un proceso sistematizable de manera cientiacutefica y no intuitiva
Propician una estrecha relacioacuten con la industria
Nuevo Estilo Alemaacuten Escuela de ULM
1953 - 1968
Suiza
Circunstancias
Suiza no fue afectada por las guerras mundiales por lo que
pudo retomar los movimientos culturales de Alemania
Las grandes empresas apoyan el desarrollo del disentildeo graacutefico
ya que es un objeto mercantil muy solicitado
Estilo maacutes conocido por Tipograacutefico Internacional
Postura
Fundamentado en la normalizacioacuten
Planificada proyeccioacuten basada en el orden y la claridad
Enfoque universal y cientiacutefico
Basado en la estructura pedagoacutegica y metodoloacutegica de la
Bauhaus
Disentildeo Suizo 1950
1882
240
Estados Unidos
Circunstancias
Fin de la Guerra Mundial eacutepoca de emigracioacuten a Estados
Unidos
Predominio de la cultura americana basada en el pragmatismo
y la economiacutea
Se busca vender no solo un producto sino una experiencia
En los anos 60s cambia el enfoque se separa por un lado el
disentildeo enfocado en la publicidad y por otro lado disentildeadores
de prestigio trabajando con mas creatividad
Necesidad de comercializacioacuten Postura
Interpretar las comunicaciones visuales como integracioacuten de lo
bello y lo uacutetil
La creatividad se centra en lenguaje y coacutedigos comerciales no
se desarrolla
Generacioacuten de la imagen como parte integral del Proceso
Disentildeo enfocado a la persuasioacuten y en la sintaxis visual
Estilo Americano 1933-1945
Estados Unidos
Circunstancias
Se dio un cambio en el mercado estadounidense ya que se
empieza a prestar atencioacuten a la calidad de los productos
Postura
En contra de la produccioacuten en serie sin calidad basada
en la promocioacuten del consumismo
Buscaba engrandecer la capacidad expresiva del disentildeo
Disentildeo de los antildeos 60s 1960
Francia
Circunstancias
Existiacutea una gran oposicioacuten entre artistas y disentildeadores
El disentildeo industrial estaba muy incorporado la produccioacuten
Las obras de arte resultaban tan ininteligibles y careciacutean de
carga emotiva que se habiacutea creado un distanciamiento del arte
como arte-vida-social
Postura
Proclamaban que el arte debiacutea volver a los objetos cotidianos
Consideraban que los objetos deberiacutean de ser objetos de arte
Criticaban el trabajo del disentildeo industrial de falta de criterio
artiacutestico
Acercamiento entre el arte y la realidad de la vida
El arte debiacutea de ser para las masas
Neodadaiacutesmo 1960
1760-1840
241
Estados Unidos
Circunstancias
Contraposicioacuten a las agencias de publicidad que trabajaban
mucho la fotografiacutea
Trabajo centrado en la ilustracioacuten que dio la impresioacuten de
regresar a lo artesanal
Buscaban un planteamiento joven y menos restringido que el
buen disentildeo de los antildeos cincuenta
Postura
El arte en productos de consumo diario en una
traduccioacuten populista
Disentildeos muy estilizados
Buscaba el efecto de atraccioacuten inmediato
Pop Art 1954
Suiza
Circunstancias
Revolucioacuten del pensamiento con un cuestionamiento de los entes
reguladores culturales tradicionales
Debatiacutean los principios fundamentales del modernismo
prevalecientes desde principios de siglo
Lucha por la igualdad en la que participaban sectores postergados
Postura
Consideraban que el movimiento moderno habiacutea
deshumanizado al disentildeo
Rescata elementos como las referencias histoacutericas la
decoracioacuten y lo domeacutestico alusivo a las tradiciones
La forma debe ser intuitiva y espontaacutenea
Utilizan la forma subjetiva y exceacutentrica lo que convierte al
disentildeador maacutes en un artista
Con sus motivos atrevidos y formas estrafalarias se burlaba
de la nocioacuten de Buen gusto
Posmodernismo 1960
Suiza
Circunstancias
No buscaba eliminar los lineamientos dictados por el movimiento
moderno
Buscoacute reinventarse buscando otros paraacutemetros en el disentildeo
El estilo internacional empezaba a hastiar por su larga hegemoniacutea
Postura
Ampliar su gama de posibilidades a traveacutes de estilos maacutes
cercanos a lo caoacutetico espontaacuteneo e intuitivo
Composiciones sugiriendo una sensacioacuten de desorden y la
vez de unidad
Dejar en segundo plano la funcioacuten
La superficie y el estilo son la meta y justificacioacuten
New Wave 1965
242
Estados Unidos
Circunstancias
Se origina como una respuesta a la sobre saturacioacuten de
elementos que caracterizo al Pop-Art
Postura
Buscar enfoques menos expresivos y maacutes racionales
Destacar la silenciosa pureza en la composicioacuten
El menor uso posible de elementos
Eacutenfasis en lo que cada elemento puede comunicar de
manera individual
Minimalismo 1960
Estados Unidos
Circunstancias
El movimiento era una reaccioacuten contra los disentildeos post-
Bauhaus del Good Design
Inspiracioacuten en otros movimientos como Art Decoacute y Pop Art
estilos como el Kitsch de 1950 y los temas futuriacutesticos
Postura
Desafiaban la idea de que los productos debiacutean seguir
formas colores y texturas convencionales
Ofrecioacute piezas brillantes coloridas e impactantes
Reflejar un sentido del humor
Fue concebido por el grupo para ser un ldquocaprichordquo que
como todas las modas acabariacutea muy raacutepidamente
Grupo Memphis 1980
Estados Unidos
Circunstancias
Aparicioacuten de los ordenadores personales con interfaz
amigable con programas de manejo de imagen y de
autoedicioacuten
Postura
Nuevas praacutecticas en el proceso
Explotacioacuten de las posibilidades tecnoloacutegicas
Tendencia a dejar de lado los preceptos teoacutericos
Experimentacioacuten en la creatividad
Disentildeo digital 1984
243
Anexo No3
Tabla de agrupacioacuten de citas respecto a la tendencia
en la disyuntiva forma o funcioacuten en el disentildeo de sitios web
244
245
246
247
248