DANIEL SNCHEZ MOCTEZUMA

LA ESTETICA Y LA FUNCIONALIDAD APLICADO AL DISEO GRAFICO DE

PAGINAS WEB
En este trabajo se abordara la temtica del Diseo Grfico en relacin a la
esttica y la funcionalidad aplicada en la elaboracin de sitios web, en base a esto
se desarrollaran temas introductorios para abordar la cuestin que nos compete,
el analizar y el plantear la factibilidad de la aplicacin de la esttica en sitios web
y la relacin que existe con el usuario.
Como primer acercamiento al tema a abordar se presentan la siguientes
definiciones con las que estaremos trabajando:
Qu es diseo grfico?
El Diseo Grfico es una disciplina que tiene como fin el crear elementos capaces
de resolver problemas de comunicacin grfica a partir de una necesidad y un
pblico meta en especfico, por medio de una previa metodologa y una toma de
decisiones adecuada, que adems trata de tener una postura objetiva que se hace
valer por el conocimiento de otras ciencias o disciplinas como la psicologa, la
semitica, la sociologa, etc.
La metodologa va desde la investigacin, planeacin, ideacin, representacin
de ideas (boletaje), anlisis y sntesis de resultados , para creacin de un
elemento final de diseo , el cual tiene un fin, y va dirigido a un grupo determinado
de personas, las cuales tienen ciertas caractersticas que las hacen afines al
elemento diseado.
Qu es la esttica?
La esttica es una rama de la filosofa que se encarga del anlisis de los
elementos que interactan o estn presentes en la vida del ser humano, el anlisis
que realiza es de carcter emocional, ya que evala o crea criterios para etiquetar
al elemento como bello, feo, sublime, grotesco, sin embargo las clasificaciones
que realice la persona a dicho elemento suelen ser subjetivas, ya que cada
persona puede clasificar ese elemento en cierta, categora y la otra de ellas en la
siguiente, y si sucesivamente, por tal motivo se dice que es subjetiva.
Para que algo sea considerado esttico, este algo debe ser reconocido o ser
percibido por la persona, la cual realizara un anlisis inconscientemente
enjuicindolo mediante la reaccin que haya tenido de l.

DANIEL SNCHEZ MOCTEZUMA

Qu es la funcionalidad?
Es todo carcter o cualidad que posee un elemento u objeto el cual puede resultar
provechoso, se le puede sacar cierto beneficio, o facilita una accin la cual puede
ser fsica o mental.
Qu es el diseo web?
El diseo web, o desarrollo de pginas web es una rama que surge a partir de las
ciencias de la informacin (Tecnologas de la informacin y comunicacin TICS)
y del diseo grfico, la primera encargndose del aspecto funcional de una pgina
web (la programacin) y la segunda la encargada de crear la vestimenta
(presentacin visual) del sitio. En apoyo de estas dos especialidades se pueden
crear resultados interesantes y de carcter funcional, que llamen la atencin de los
usuarios.

QU ES EL DISEO UI?
El diseo UI podra definirse como una nueva tendencia en el diseo web que se enfoca en
crear una interfaces entre las personas y los diferentes dispositivos digitales.
Estos diseos deben de incluir en la interaccin los elementos fsicos o de hardware y
elementos lgicos o de software, ya que se debe contemplar todo aquello con lo que el
usuario tendr interaccin.
Generalmente el diseo UI se relaciona mucho ms con las reas de la informtica y el
diseo web, ya que se refiere al contacto e interaccin que el usuario crea a travs de un
celular o una computadora.
La principal caracterstica para que un diseo UI funcione correctamente, no es centrarse
solamente en hacer una App o pgina llamativa por ejemplo, sino en crear un diseo que
realmente sea utilizable y amigable. En ocasiones esto puede llevar a crear un diseo de
App no agradable a la vista pero todo un xito si se trabaja correctamente a nivel UI.
En si el objetivo principal de un diseo UI es mejorar la interaccin usuario dispositivo en
cualquier sitio web, celular o aparato en general.
Actualmente muchas empresas estn apostando a este tipo de diseo para mejorar la
interaccin del usuario y hacerla ms fcil. A continuacin te presentamos 5 pginas que
utilizan esta tendencia, enfocndose a presentar su informacin en tarjetas de interfaces en
diversas plataformas digitales y que son todo un xito.

DANIEL SNCHEZ MOCTEZUMA

Diseo flat
Es un estilo de diseo que ha tenido mucho auge en los ltimos aos. Dentro del
diseo web o digital es una tendencia que est en ascenso, posicionndose dentro
de este contexto es conocido como diseo Flat o diseo plano. Es un estilo que
se empez a utilizar a partir del rediseo de la interfaz de Microsoft. Este tipo de
diseo se caracteriza por dejar a un lado todo tipo de sombras, relieves, texturas y
degradados. Es reconocido como el diseo autnticamente digital, Utiliza colores
slidos y llamativos, as como el uso de figuras geomtricas.

De la interfaz de programacin, hacia una interfaz grafica

Desde los inicios del internet hasta la actualidad, las pginas web han sufrido
grandes transformaciones durante este corto periodo de tiempo, donde las
primeras pginas web que solo contenan Texto y se navegaba a travs de ellas
por medios de comandos los culs te dirigan hacia otras pginas, estas no tenan
una interfaz visual desarrollada para los usuarios, sino que era una interfaz
parecida al Intrprete de comandos incluido en las computadoras, al avanzar las
tecnologas y los conocimientos informtico.
Las pginas web evolucionaron, permitiendo utilizar el texto enriquecido para
lograr una distincin en elementos importantes del texto o diferenciar los
hipervnculos. Tiempo despus el cdigo de las paginas dio paso a la utilizacin de
nuevos recursos, como el cambiar el color del fondo, crear tablas, e insertar
imgenes con la llegada de estos elementos se logr crear sitios con un mayor
atractivo visual, sin embargo estos se encuentran demasiado lejos a lo que
conocemos como un sitio web actualmente, para ese entonces la tecnologa dio
un paso importante, con la fundacin de Apple y Adobe, que con la ayuda de estas
dos grandiosas empresas, las cuales otorgaron las herramientas necesarias para
la creacin de sitios web con una interfaz ms dinmica y llamativa para el
usuario, revolucionaran al mundo tal y como lo conocemos.

Las tendencias web y como estas afectan a los usuarios (Funcionalidad)

Como sabemos, tanto el mundo fsico como en el digital se encuentran reinados
por modas y tendencias, las cuales son establecidas por grupos de personas, con
el fin de crear estatus o diferenciacin entre los dems. En el mundo fsico este
criterio se encontrara en la ropa y en ciertos objetos, los cuales tienen costos

DANIEL SNCHEZ MOCTEZUMA

elevados, sin embargo en el mundo digital las tendencias y la moda van

relacionados a los sitios que se usan, que tipo de imgenes o informacin se
colocan en estos, a partir de esto se crea cierta popularidad dependiendo de qu
tipo de contenido publiques.
Actualmente el estilo que se est tomando para el diseo es minimalista,
empleando el estilo Flat junto alguna de sus variantes, este estilo resulta ser limpio
y entendible, sin embargo no es un estilo que le agrade a muchos o simplemente
les parece aburrido, porta motivo tanto el en mundo fsico como el digital, la moda
y la tendencia se recicla, sin embargo, en el mbito digital el ciclo es ms corto por
lo que tiende a ser repetitiva, solo con unos pequeos cambios.
Los usuarios deben actualizarse constantemente, para poderse adaptar a todos
aquellos cambios que se realizan con demasiada frecuencia, por tal motivo los
usuarios se pueden sentir frustrados y terminen abandonando el sitio web que
solan visitar seguido, por lo tanto se debe tener cuidado en los cambios que se
realizan en un sitio web, para que este no se vea afectado de manera negativa.

Diseo IU? (omisin del aspecto visual a cambio de funcionalidad)

El diseo IU o diseo de interfaz de usuario es aquel que se encarga en la
realizacin de una interfaz ya sea para sitios web, aplicaciones de telfonos,
tablets, software, etc.; En este tipo diseo ya se toma en cuenta al usuario ya que
conforma una parte integral de este sistema, del cual no servira de nada sin l, ya
que es a quien va dirigido y por lo tanto debe estar diseado para l, se deben
tomar sus necesidades y caractersticas en cuenta, a la hora de generar una
propuesta de diseo, lo cual pueda resultar en un diseo tan vistoso pero cumple
con las necesidades del usuario.
Como se realiza un diseo en base al usuario tambin se debe tomar en cuenta
desde donde accede a estos, ya sea por una computadora de escritorio, una
laptop, una Tablet o un celular, por lo cual en el diseo del sitio se debe
contemplar que sea adaptativo.
Funcionalidad VS Esttica
Como ya hemos visto en los apartados anteriores resulta difcil pensar en un sitio
web meramente funcional, ya que no resultara atractivo para los usuarios, lo cual
ocasionara que estos pasaran por alto el sitio sin revisarlo, por lo cual perdera
toda su funcionalidad de transmitir informacin, aun teniendo la funcionalidad de
tipo operativa.

DANIEL SNCHEZ MOCTEZUMA

Sin embargo si hablamos de un sitio con una buena esttica (que agrade al
usuario) pero mala funcionalidad, los usuarios llegaran a visitarlo, pero al no ser
capases de navegar a travs de este, ya sea por descuidos de programacin o
porque el sitio no est diseado para ese tipo de necesidades (dificultad de
navegacin) tendra el mismo resultado, todos los usuarios abandonara el sitio.
Entre en la funcionalidad y la esttica debe existir un equilibrio, ya que un sitio web
creado con ambas facetas es considerado como un buen diseo.
En base a los temas abordados se puede decir que la esttica y la funcionalidad
tienen una relacin dual, sin embargo no es todo lo que se debe tomar en cuenta
para el diseo de un sitio web, tambin se debe asegurar que el diseo sea
realizado para los usuarios y no solo como un capricho, de la persona que lo crea
(diseador) , este debe tomar en cuenta que no est diseando un sitio web para
l o para su cliente si no para los usuarios que realmente lo van a utilizar y sacar
algn provecho. En cuanto a un aspecto tecnolgico se ha avanzado hasta cierto
punto en donde realizar un sitio web es realmente fcil y no conlleva muchos
problemas.

Fuentes de consulta:

http://en.wikipedia.org/wiki/User_interface_design
http://es.wikipedia.org/wiki/Interfaz_gr%C3%A1fica_de_usuario
http://lema.rae.es/drae/srv/search?id=3DLoUFjCHDXX2XnEpGUp
http://es.wikipedia.org/wiki/Int%C3%A9rprete_de_comandos
http://sixrevisions.com/resources/the-history-of-the-internet-in-a-nutshell/
http://www.basekit.com.mx/basekiteca/diseno-web-centrado-en-el-usuario
http://www.jhonurbano.com/2013/04/-diseno-plano-minimalista-en-diseno-web.html