INTRODUCCIÓN

La isla de Margarita presenta características que lo hacen un destino

turístico con un gran potencial para atraer turistas nacionales e
internacionales. Internet, como medio de promoción, le otorga la posibilidad
de dar a conocer su oferta turística tanto en el ámbito nacional como
internacional.

En tal sentido, la planificación, gestión, análisis y control de los

procesos de promoción y comercialización de productos turísticos abarcan
propuestas y/o desarrollo de sistemas automatizados (en este caso el uso de
Internet como medio de promoción), que ofrezcan soluciones a instituciones
y/o empresas turísticas.

Este proyecto propone la creación de un nuevo medio que responda a

la necesidad de promoción turística. La plataforma escogida para este nuevo
medio es Internet, dada la versatilidad de formatos que soporta, la capacidad
de almacenamiento de información y sobre todo la posibilidad que tienen los
usuarios de acceder a cualquier hora desde cualquier lugar, necesitando
solamente un dispositivo con acceso Web que hoy en día puede ser hasta el
teléfono móvil.

Un sitio Web apoyado en elementos cuidadosamente seleccionados

fomentan la participación directa de los usuarios en tiempo real, es la
plataforma ideal para permitir la promoción de la Isla de Margarita como
principal atractivo turístico del país. Es por esto que este proyecto plantea la
creación de un sitio Web que le ofrezca información especializada sobre los
sitios de moda, de interés histórico y demás tópicos que ofrezcan el destino
turístico oriental del estado Nueva Esparta como la mejor opción para
nacionales y extranjeros.
 En consecuencia, esta investigación, además de constituir un nuevo
aporte al conocimiento en materia de promoción turística de destinos, podría
constituir un marco de referencia para instituciones turísticas de carácter
público, así como también a empresas turísticas vinculadas con el turismo de
la isla de Margarita que hagan o deseen hacer promoción en el ciberespacio,
orientándolas en cuanto a los elementos y la información que se deberían
tomar en cuenta para promocionar al destino mediante el uso de este medio,
pudiendo contribuir así al establecimiento de una mejor promoción turística
en línea.

El presente trabajo de investigación está estructurado comenzando por

el Capítulo I que enmarca El Problema, donde se exponen el Planteamiento
del Problema, los Objetivos de Investigación, y la Justificación.

En el Capítulo II, donde se establecen el Marco Teórico, se desarrollan

los Antecedentes de la Investigación, las Bases Teóricas, las Bases Legales
y la Definición de Términos Básicos.

Le sigue el Capítulo III, donde mediante el Marco Metodológico se

establece el Método Aplicable, la Población y Muestra, las Técnicas e
Instrumentos para la Recolección de Datos, la Técnica para la Presentación
de Información.

En el capítulo IV se establecerá el Análisis de Resultados. Mientras en

el Capítulo IV expondrá las Conclusiones y Recomendaciones. Para
finalmente en el Capítulo VI exponer la Propuesta, las Referencias
Bibliográficas y los Anexos.
 CAPITULO I
EL PROBLEMA

Planteamiento del Problema

En un entorno competitivo como el de los destinos turísticos, es

fundamental la información que se suministra a los turistas, pues la
intangibilidad del producto turístico no le permite tocarlo o probarlo antes de
visitarlo (Consejo Empresarial Organización Mundial del Turismo, OMT,
1999). Actualmente, las tecnologías de la información y las comunicaciones
han contribuido de manera significativa a proporcionarle un importante
impulso a la información turística, la cual Majó y Galí (2001) definen como:
“...el conjunto de servicios que se ofrecen al turista con el objetivo de
informarlo y orientarlo durante su estancia, o incluso, todas aquellas
informaciones que le ayudarán a prepararlo de forma más precisa” (p. 397).

Es por ello que la información turística constituye un elemento de suma

importancia para la persona que está interesada en viajar y que necesita
saber acerca del lugar al que desea llegar, por lo que es necesario tomar en
cuenta que los productos/servicios del turismo necesitan de una información
fidedigna, actualizada, extensa y detallada para su promoción y óptima
comercialización.

En la actualidad, a nivel mundial existe un medio de comunicación que

ha revolucionado la manera de transmitir información a cualquier parte del
planeta: Internet, la cual es definida por Untiveros (2000) como “Una red de
computadoras u ordenadores interconectados capaces de compartir
información y que permite comunicar a distintos usuarios sin importar su
ubicación geográfica” (p. 1)

Esta red, además de tener la capacidad de ofrecer entretenimiento,

educación y noticias de forma instantánea a nivel mundial, ha desarrollado
un potencial de uso para las actividades de promoción, derivado de su
utilización de forma generalizada como sistema de intercambio de
información, por lo que es ampliamente reconocida como una herramienta
sumamente valiosa en la promoción de productos y servicios (Avantur;
2000:2).

Además, en cuanto a las ventajas más significativas que ofrece Internet

como medio de promoción, Avantur (2000) sugiere que éstas son
“substanciales con respecto a los medios de comunicación tradicionales” (p.
3) ya que “la red permite reducir costos en el intercambio de información,
tiene velocidad creciente de la transmisión informativa e interacción con el
cliente”. Así pues, se puede decir que Internet representa para la actividad
turística la posibilidad de promocionar los servicios turísticos de manera
rápida y eficaz, debido a las posibilidades que tiene para transmitir
información.

En base a este planteamiento, la OMT (1999) afirma que: “La Red es un

canal ideal para la promoción de los destinos” ya que, “Es un medio mundial
(...) no cuesta más distribuir información a un continente al otro lado del
mundo que hacerlo a la región vecina” (p. 4), es decir, un destino turístico
que pueda desarrollar y mantener una presencia en Internet mediante una
página web promocional, tiene la posibilidad de alcanzar a un gran número
de potenciales turistas a los cuales exponerles su oferta turística.
 Mundialmente, una interfaz web se conoce como el conjunto gráfico,
que permite la presentación y la navegación del sitio. Esto se consigue con la
inclusión de elementos gráficos comunes a toda la web que son estándares,
haciendo que los usuarios tengan completo control sobre las funcionalidades
del sitio desde el momento mismo de entrar a él, sin que para ello deba tener
amplios conocimientos ni preparación anterior alguna.

Una página web puede contar con los mejores contenidos en el género
que se desarrolla, pero indefectiblemente fracasará si su interfaz no permite
un rápido y cómodo acceso a los mismos por parte de los usuarios. Por el
contrario, una página web cuyos contenidos sean de menor calidad (sin que
éstos sean malos, por supuesto) pero cuya interfaz permite que sus usuarios
naveguen en forma sencilla, tengan acceso en forma inmediata al contenido
que desean Y interactúen en forma sencilla, tendrá un mayor éxito.

Los destinos que actualmente han reconocido las ventajas de la red han
incursionado en ésta, poniendo a disposición de los internautas sitios web
dedicados exclusivamente a promocionar su oferta turística. Por ejemplo, las
organizaciones de marketing de destinos de Francia y España ha puesto en
funcionamiento sitios web en los que promocionan a sus respectivos países
como destino turístico; ellos son el de la Federación Nacional de Oficinas de
Turismo de Francia: www.tourisme.fr y el del Instituto de Turismo de España:
www.tourspain.es. También, diferentes destinos turísticos de Venezuela han
colocado en Internet páginas web que hacen promoción de su respectiva
oferta turística.

En Venezuela existe el problema que en muchas páginas webs son

carentes de simplicidad y coherencia de manera que se desarrolle esta
interfaz es crucial para determinar que un usuario se sienta satisfecho y
desee regresar a un sitio. El hecho de que una persona deba realizar una
extensa navegación por el sitio para hallar lo que busca en él es totalmente
contraproducente. Por el contrario, si alguien que visita un sitio cuenta con
varias herramientas que le permiten acceder rápidamente a aquello que le
interesa, seguramente siendo el diseño agradable, atractivo y la información
se encuentra en forma vinculada y ordenada lo más seguro es que volverá.

La simplicidad está dada por varios factores a tener en cuenta. El

primer concepto importante es que los elementos gráficos o textuales que
componen la interfaz deben ser claros y de fácil identificación, si un usuario
llega a un sitio cuya navegación se le hace compleja, terminará por volver al
buscador para seleccionar otro sitio que trate de temas similares.

También es importante que la relación que exista entre los diferentes

elementos que componen el sitio, como títulos, subtítulos, enlaces, menús,
etc., sea coherente. Todos los elementos que permitan al usuario identificar y
navegar deben tener lógica con el cometido que desempeñan, de forma que
la comprensión y búsqueda de los contenidos sean accesibles por el usuario
sin que deba realizar complejos razonamientos.

En tal sentido, un destino que también puede ser promocionado

mediante el uso de Internet es la isla de Margarita, la cual junto a Coche y
Cubagua conforman al Estado Nueva Esparta, ubicado en la costa nor-
oriental de Venezuela y siendo el único estado insular de este país. Este
destino cuenta, según el Plan de Marketing de Venezuela presentado por el
Instituto Autónomo Fondo Nacional de Promoción y Capacitación para la
Participación Turística, INATUR (2001), con una oferta turística que incluye
playas, parques naturales, sitios arqueológicos e históricos, artesanía,
centros y calles comerciales, casinos, hoteles, agencias de viajes, museos y
acontecimientos programados.
 Para nadie es un secreto que el estado Nueva Esparta, especialmente
la Isla de Margarita, desde hace aproximadamente diez años, ha sido
escogido como el lugar de asentamiento de grupos familiares provenientes
de otros estados del país y también de otros países, donde se poseen altos
índices en la adopción de nuevas tecnologías utilizadas en el
aprovechamiento de los servicios ofrecidos para promover sus bondades. De
hecho, se destaca que la entidad insular se ubica en el primer lugar en el
apartado referido a mejores condiciones en Calidad de Vida, una de las
subcategorías que toma en cuenta el (Conapri), el cual analiza las fortalezas
y debilidades de cada estado venezolano, para atraer inversiones, (Conapri,
2009).

Además, es una isla con una infraestructura moderna, bordeada por

playas paradisíacas aptas para deportes extremos y cuenta con sitios
turísticos como castillos, fortines e iglesias de gran valor cultural, eventos,
obras de teatro, conciertos, movida gastronómica internacional, entre otros;
sin embargo si estas virtudes turísticas no se promocionan y ofertan, el
turista se encuentran en total desconocimiento de la cultura y forma de vida
en la isla, y por ende dejan de generar grandes fuentes de ingreso que se
transformaría en beneficios a los habitantes de la localidad.

En la actualidad existen páginas web en Internet que dan a conocer la

oferta turística de la isla de Margarita, bien sean con fines comerciales o
meramente informativos. Algunas empresas turísticas como Agencias de
Viajes, Hoteles y Transporte Turístico Terrestre radicadas en la región han
incursionado en Internet poniendo en funcionamiento páginas en donde
ofrecen información acerca de los productos que venden e informan de forma
resumida acerca de las opciones turísticas presentes en el Estado Nueva
Esparta.
 En tal sentido, para conocer más acerca de cómo es la promoción de la
isla a través de Internet, se procedió a analizar las páginas web cuyo
contenido está dedicado exclusivamente a la Isla de Margarita como destino
turístico, análisis en el cual se determinó que estos sitios que no proveen al
usuario en línea de una información completa y detallada acerca de los
atractivos y la oferta turística presente en la región, a fin de que éstos
satisfagan completamente su necesidad de información al utilizar este medio
y se sientan motivados a visitar la isla con fines recreativos, lo cual puede
generar más flujo turístico en beneficio para el Estado Nueva Esparta.

Las páginas que actualmente promocionan a la isla de Margarita

poseen un nivel aceptable en cuanto a sus elementos funcionales, de diseño
y opciones multimedia. Sin embargo, algunas de estas no proveen
información básica y detallada acerca de cómo son los aspectos cotidianos
de la isla, como por ejemplo las acciones que debe llevar a cabo el turista
para desenvolverse durante su estadía y los medios de transporte que puede
utilizar para llegar a esta región.

Debido a esto, surge la necesidad de promocionar con elementos

correctos en la creación de un espacio Web, en donde su interfaz contenga
toda la información de interés general, lograr que los usuarios del sitio
puedan acceder con facilidad a los contenidos, interactuar con eficacia con
todos los componentes y sentirse cómodo en forma permanente, que facilite
el acceso a los diversos aspectos y bondades que posee la isla, tales como¸
eventos, noticias, diversión, gastronomía, hotelería y discotecas.

La falta de esta información le crea una inmensa desventaja para su

desarrollo turístico debido a que en Internet, hay millones de usuarios y
clientes potenciales que se ponen en contacto y buscan en la red información
sobre productos y servicios, entretenimiento, turismo que puedan satisfacer
sus necesidades particulares o empresariales, en otros sitios del país donde
se sienten bien informados a través de las páginas web que poseen todos los
datos que necesitan para sus necesidades.

De acuerdo a lo antes mencionado, se generan varias interrogantes

para llegar a la solución propuesta.

¿Qué importancia tendría el diseño, diagramación y montaje de interfaz

apropiado para una página web informativa en la isla de margarita?

¿Cuál sería el nombre adecuado para una página web de promoción

turística del estado Nueva Esparta que sea de fácil memorización para el
usuario?

¿Cuál sería el contenido que conformará la información que contendrá

la página?

¿Qué importancia tiene el determinar elementos de diseño se deben

tener en cuenta para la elección de colores, tipografía, imágenes,
información, herramientas y técnicas para la creación de la interfaz de la
página web?

¿Es necesario el diseño de identidad visual de esta página web?

Objetivos de la Investigación

Objetivo General

Diseñar una página web informativa en la isla de margarita, Estado

Nueva Esparta.
 Objetivos Específicos

 Establecer la importancia del diseño, diagramación y montaje de

interfaz apropiado para una página web informativa en la isla de
margarita.

 Crear un nombre adecuado para una página web de promoción

turística del estado Nueva Esparta que sea de fácil memorización para
el usuario.

 Determinar el contenido que conformará la información que contendrá

la página.

 Señalar la importancia de los elementos de diseño se deben tener en

cuenta para la elección de colores, tipografía, imágenes, información,
herramientas y técnicas para la creación de la interfaz de la página
web.

 Establecer la necesidad de un diseño de identidad visual de esta

página web.

Justificación de la Investigación

Hoy en día vivimos en un mundo globalizado donde todo gira alrededor

de Internet ya que es uno de los medios de comunicación más usado del
mundo en el cual podemos visualizar los Sitios Web ya que son las
principales herramientas de información y publicidad. El diseño de páginas
web en un principio era sólo texto, pero a medida que ha evolucionado la
tecnología, tanto los ordenadores como las redes de telecomunicaciones, se
ha generado nuevas formas de desarrollar la web. Datos recientes estiman
que hay alrededor de 2 mil millones de páginas colgadas y se espera que en
los próximos años llegue a los 8 mil millones, excediendo el número de
habitantes del planeta. Sin embargo, sólo una fracción de este número es
visitado habitualmente por la mayoría de los usuarios.

Actualmente, el turismo es una de las mejores fuentes económicas en

el mundo en que muchos países invierten millones de dólares en mejorar sus
atractivos turísticos ya que el turismo es una de las mejores fuentes de
ingreso en el mundo. A partir de estos datos se puede entender la necesidad
de concentrar los esfuerzos para atraer y mantener la atención de los
usuarios. Junto con un desarrollo efectivo de la estructura web y del
contenido, el diseño y el uso del color son la llave para atraer y ser
identificado, formando vínculos en el subconsciente del usuario y generar
esquemas para captar y fidelizar a nuevos visitantes.

Son varios los factores que impulsaron y desarrollaron este proyecto de

diseño web. En primer lugar, la influencia que han ejercido las nuevas
tecnologías de la información en la comunicación social. Por otro lado la Isla
de Margarita constituye el atractivo turístico más importante de Venezuela
con más de 2.711.000 turistas en el año 2009. Es en la actualidad el centro
turístico venezolano más reconocido en el mundo. Posee playas con
condiciones para el surf, submarinismo, windsurf, kitesurf y otros deportes
acuáticos, así como pueblos coloniales históricos.

También viven en la isla gran cantidad de extranjeros, sobre todo

colonias de libaneses, españoles, italianos, alemanes, franceses,
holandeses, suecos, noruegos, daneses, argentinos, chilenos, uruguayos,
colombianos, chinos y personas inmigrantes desde tierra firme venezolana,
los cuales son llamados coloquialmente navegaos, esto permite amplitud de
familiares o amigos extranjeros de todas partes del mundo que deseen visitar
la Isla de Margarita y utilizarían este medio electrónico como su guía en
todos los ámbitos que necesiten saber sobre cualquier aspecto de la Isla,
siendo esta una poderosa herramienta debido al gran contenido de
información que puede contener sobre la isla, en todos los aspectos como;
hotelería, gastronomía, vida nocturna, diversión, eventos, entre otros.

La implementación de esta estrategia turística beneficiarían a los

viajeros, los estudiantes y cualquier tipo de lector o usuario que necesite
información contenida en la Isla de Margarita, facilitándoles todo tipo de
datos de interés sobre los diferentes lugares, rutas y actividades, mejorando
el acceso, estadía o búsqueda de esta y asegurando unas vacaciones más
placenteras sintiéndose con la necesidad de regresar en otra oportunidad o
en caso de ser estudiante o usuario de cualquier parte del mundo o del país
en búsqueda de información sobre las bondades y bellezas escondidas de
Nueva Esparta, se garantiza la satisfacción de los conocimientos adquiridos
y los de información extraída de la base de datos contenida en la página

Se necesita un grupo de trabajo en el que existan individuos que

planifiquen y piensen creativamente. El proceso o etapa más importante
dentro de la metodología en las diversas fuentes consultados es el análisis
previo ya que en base a éste se determinan las características del sitio Web
que se incluirán tanto en el diseño de la estructura lógica como en el de la
interfaz gráfica del usuario. El diseño de bocetos en computadora que incluya
los textos definitivos evitara la reestructuración del diseño.
 CAPITULO II
MARCO REFERENCIAL

Antecedentes de la Investigación

Gil, Rodríguez (2014) presento una investigación en el Instituto de

Tecnología Industrial Rodolfo Loero Arismendi, cuyo propósito fue realizar
manual de identidad corporativa para la empresa “Inversiones Dobil J-D, F.
P.” ubicada en el municipio Maneiro del estado Nueva Esparta. Es una
empresa creada para fabricar productos de bisutería y artesanía. Es de suma
importancia mencionar que esta empresa carece de una identidad visual,
debido a esto, no cuenta con publicidades que la den a conocer en cualquier
lugar, pues, sin identidad se vuelve dificultoso que sea reconocida.

Es por ello que para dicha empresa tenga éxito es necesario que le sea
diseñado un logotipo que le permita ser identificada y diferenciada de otras,
conjuntamente con un manual de identidad corporativa donde se le
especifiquen los parámetros necesarios para que el logotipo pueda ser
plasmado sobre diferentes soportes sin ningún inconveniente. Además, se
torna también importante el diseño y ejecución de un catálogo online donde
le sean publicados y promocionado los productos que en ella se elaboran,
logrando así que el método de compra y venta sea dinámico, ágil y divertido.

En concordancia con lo anterior, se explica que un logotipo es una

imagen o símbolo acompañado de algún texto, generalmente con el nombre
de la empresa para poder ser diferenciada de otras; además un manual de
identidad corporativa son conjuntos de relaciones graficas donde quedan
reflejados el resultado final y el proceso seguido hará obtener la identidad
corporativa de la empresa; finalmente se menciona que un catálogo online
son aplicaciones web desarrolladas para mostrar los productos que
ofrecemos de forma inteligente y estratégica.

Para este estudio se realizó una investigación de campo de nivel

descriptivo, entrevistando a una población de 4 personas y utilizando como
técnica de recolección de datos la revisión documental, la observación
directa y la entrevista no estructurada, procesándola mediante un análisis
cualitativo.

Al igual que la propuesta que se está planteando, este estudio permitió

el enfoque de la importancia que tiene distribuir de manera online
información hacia los posibles clientes y visitantes que acudirían a esta
página web, para así obtener la información necesaria y actualizada de
interés para el público en general, especialmente para los habitantes de la
isla de margarita quienes carecen de un sitio web actualizado, para
enriquecer sus conocimientos sobre la isla, y a su vez resaltando el tema que
se está trabajando, contiene parte importante también porque en él se
resaltan las tradiciones, sitios etc. que en esta bella isla se encuentran.

Rojas (2013) Presento una investigación en el Instituto de Tecnología

Industrial Rodolfo Loero Arismendi, cuyo propósito fue diseñar página web
para la firma personal “Avilart Creaciones Visuales” ya que esta no cuenta
con una oficina, sino que es conocida por medio de material impreso como
tarjetas de presentación y referencias de los clientes que ya han contratado
sus servicios. El diseño de la página web tiene como objetivo aumentar el
número de consumidores de la empresa dando a conocer todos sus servicios
por medio de la internet y de esta forma captar un mayor número de
personas interesadas en dichos servicios y no solo estar limitados al
material impreso publicitario.
 La relación que tiene este estudio con el tema actualmente
seleccionado se debe a una página web en cual aporta lo importante que es
la realización de una interfaz, ya que este facilita al visitante el acceso vía
online de la información que allí se encuentran y así tener resultados
positivos de sus visitas.

Guerrero (2011) presento una investigación en el Instituto de

Tecnología Industrial Rodolfo Loero Arismendi, cuyo propósito fue diseñar
logotipo para la empresa Cactus Design C.A ubicada en la ciudad de
Cumana estado Sucre. El logotipo es el elemento grafico que identifica a una
empresa en el mercado haciéndola única a la vista de los consumidores.
Cactus Design C.A. es una empresa con sede en el estado Sucre que
necesita entrar en el competitivo mercado grafico-publicitario, por ello el
objetivo general de este proyecto es diseñar el logo de dicha empresa en
Cumana, para ser identificados por la clientela, también denominada target.
Las directrices teóricas base del diseño se obtuvieron de diferentes fuentes
proporcionadas por autores como Luciano Moreno y David Dabner, las
cuales fueron usadas para desarrollar este proyecto siguiendo una normativa
ya establecida en el diseño gráfico.

La metodología consistió en una investigación de campo de nivel

descriptivo. La muestra utilizada es la misma población por su reducido
tamaño y está conformada por los empleados de Cactus Design C.A. las
técnicas de obtención de datos empleadas fueron la observación directa, y la
aplicación de una entrevista dirigida haciendo uso de una guía de 5
preguntas. Los resultados obtenidos fueron analizados. Luego de dicho
análisis se concluye que el logotipo diseñado es adecuado para la empresa y
además cuenta con el agrado y aprobación del target. La recomendación
principal es seguir los controles establecidos para el logotipo de la empresa,
asegurando así la eficacia del mismo, utilizando además la papelería
indicada para la marca, logrando un mejor desempeño publicitario de Cactus
Design C.A.

De esta manera se relaciona directamente con el presente trabajo,

puesto que la empresa mencionada en el antecedente, necesita una
identidad visual, un logotipo que la identifique y la hiciera única, como se
plantea anteriormente, que la imagen corporativa de una empresa es pieza
fundamental para su identificación y es de vital importancia hacer una
identidad adecuada y agradable. Este estudio tiene relación con el tema ya
que uno de los objetivos es la creación de la identidad visual para el diseño
de la interfaz que hará funcionar la página web.

Bases Teóricas

Diseño Gráfico

Las tecnologías y métodos utilizados antiguamente para transmitir la

comunicación visual se han ido modificando sucesivamente. Esta actividad,
que hoy conocemos como diseño gráfico, abarca muchos aspectos. Sus
límites quedan difusos, hasta el punto de confundir el campo de actividades y
competencias que debería serle propio, incluyendo, por supuesto, sus
lejanas fuentes originales.

El desarrollo y evolución de los productos y servicios de las empresas y

particulares ha crecido espectacularmente. Esto las obliga a competir entre sí
para ocupar un sitio en el mercado. Es en este instante cuando surge la
publicidad y, con ella, la evolución del diseño gráfico como forma de
comunicar, atraer y salir victoriosos en la batalla frente a los competidores.
 Define Lupton, E. y Abbott, M. (2002) el diseño como “un proceso o
labor destinado a proyectar, coordinar, seleccionar y organizar un conjunto
de elementos para producir y crear objetos visuales destinados a comunicar
mensajes específicos a grupos determinados” (p. 44). El conjunto de
elementos que implican la creación de un diseño, se relacionan como:
 Traza, delineación de un edificio o de una figura.
 Descripción de un objeto o cosa, hecho con las palabras.
 Disposición de manchas, colores o dibujos que caracterizan
exteriormente a diversos animales y plantas.
 Proyecto y plan, diseño urbanístico.
 Concepción original de un objeto u obra destinados a la producción en
serie, dentro del mundo de la moda, industrial.
 La Forma de cada uno de estos objetos.

Un diseño es una pieza con un cierto atractivo visual, con personalidad

propia y un gran equilibrio estético. Como establece Gordon, B. y Gordon M.,
(2009),

…el diseño se aplica, en todos los ámbitos y se encuentra por todas

partes. Dentro del mundo digital, en toda la red, internet (la web).
Diseños de todo el mundo publicitario, revistas, periódicos, libros,
manuales (diseño y maquetación). Encontramos diseño en nuestro
mobiliario, una silla, un mueble... (diseño industrial y ergonomía).
Divisamos el diseño en el mundo multimedia, el cine, televisión, videos,
musicales, trailers, y demás efectos especiales. (p. 26)

Las posibilidades del diseño gráfico son infinitas, ya que cada vez son
más los campos en los que se emplean elementos creados a través del
ordenador. El diseño se podría dividir en tres grupos principales:
 La edición, diseño de todo tipo de libros, periódicos, y revistas.
 La publicidad, diseño de carteles publicitarios, anuncios, folletos.
 La identidad, diseño de una imagen corporativa de una empresa.
 Evolución del Diseño Gráfico

Tomando como punto de partida a los últimos sesenta años del siglo XV
que enmarcaron el nacimiento y desarrollo de la tipografía, las secuelas de
las iniciativas y experimentaciones gráficas surgen en el siglo XVI con la
energía creadora con que se dieron origen a innovadores diseños de tipos,
normas de composición, ilustraciones y encuadernaciones, conjuntamente
con representantes de gran prestigio.

En lo que refiere a la historia del diseño gráfico, cabe destacar la

influencia que tuvieron hechos como la Revolución Francesa y la Revolución
Industrial, para el desarrollo del comercio y de la actividad publicitaria.
Además, es importante tomar en cuenta que muchos aspectos políticos,
sociales y religiosos de cada época, han influido en la evolución o retroceso
en lo que concierne a los trabajos impresos, desde la creación de los tipos de
letras, el trabajo tipográfico, hasta la aparición de los libros, periódicos,
enciclopedias y carteles.

Lupton, E. y Abbott, M. (2002) señalan que:

El diseño gráfico y las características visuales no se emplean solo para

avivar el aspecto de una página web, los gráficos son parte integral de
la experiencia del usuario con su sitio y estilo. En los documentos
interactivos es imposible separar el diseño de imágenes con el diseño
de interfaz de la página. (p. 63)

El desarrollo de la nueva tecnología de composición y prensa en las

últimas décadas del siglo XIX, luego de muchos años de impresión manual,
produjo muchos cambios importantes en los esquemas de trabajo dentro de
las artes gráficas debido a la Automatización y a la Especialización.
Aparecieron especialistas en cada fase del proceso, reduciendo las
funciones de los tipógrafos, así comenzaron a surgir diseñadores de tipos,
fundidores, compositores, fabricantes de papel, encuadernadores, editores,
impresores, etc; de palabras de Lupton, E. y Abbott, M. (2002) esta evolución
se describe:

La tecnología pasó de lo manual a lo mecánico y a lo automático, y de

un mercado limitado a uno masivo. Creció la demanda del material
impreso y el desarrollo de la publicidad fomentó el crecimiento de las
ventas de diarios y revistas, recuperando a su vez el uso del Cartel
Publicitario.

De esta manera una nueva generación de diseñadores surge en el siglo

XX rechazando el gusto por los estilos históricos (neoclasicismo, neogótico,
etc.) dando como resultado un nuevo arte: Art Nouveau o Modernismo, el
cual incluía ideas procedentes de todas las disciplinas del diseño y el arte
(arquitectura, pintura, diseño de muebles, cerámicas, joyería, diseño
industrial, ingeniería de la construcción, cine, fotografía, etc.), acelerando la
evolución en el arte de vanguardia y en el diseño, el Art Nouveau creó al
diseño gráfico como oposición al puramente tipográfico, no solo como un
medio de comunicación de ideas nuevas, sino también para su expresión, de
esta manera lo señala Santué, E. (1988):

A lo largo de la historia gran diversidad de movimientos artísticos se

han visto representados por importantes diseñadores, entre ellos
Aubrey V. Beardsley, quien destaca como dibujante y es llamado "el
discípulo del diablo". Beardsley fue gran opositor de las ideas de
William Morris y se caracterizó por su gusto por reflejar el arte
decadentista de fines del siglo XIX, influido por el arte oriental utilizó
ornamentos con este estilo y se observa también en sus diseños el
predominio de los espacios en blanco, brilló en la ilustración de libros
como "Salomé" de Oscar Wilde (1894). (p. 22)

Los avances tecnológicos y computarizados dieron paso a una gran

evolución del diseño gráfico, facilitando herramientas para la creación de
diseños innovadores y de gran originalidad. Al respecto, cabe destacar el uso
de programas como Photoshop, Corel Draw, Phox-pro, Free Hand, Adobe
Ilustrator, Macromedia Flash, Page Maker, entre otros; herramientas que
para Lupton, E. y Abbott, M. (2002)

Los programas como Corel Draw y Free Hand son los mejores
programas gráficos de nuestra época, ya que han sabido capturar la
imaginación del artista, ofreciendo desde un principio la posibilidad de
hacerla realidad. Además, han solucionado con la evolución de sus
programas, ciertas áreas problemáticas y al mismo tiempo han
incorporado nuevas herramientas, entre las mejoras destaca el
perfeccionado modulo de impresión, el cual nos permite hacer uso de
una práctica mini-previsualización de la impresión. (p. 66)

En Corel Draw los clásicos efectos como las Mezclas o los Contornos
han encontrado su lugar en un nuevo Menú de Herramientas Interactivo.
Este menú es un nuevo residente de la Caja de Herramientas y nos da
acceso a todas las herramientas interactivas. Estos cambios, nos obligan ha
usar el programa de una manera más productiva y eficiente.

En otro orden de ideas, los programas como Photoshop permiten con

sus múltiples herramientas crear y diseñar a base de un material fotográfico,
variedad de efectos especiales, con los que podemos lograr maravillosos
fotomontajes, dibujos, efectos de luces, texturas etc.

Durante el siglo XX, los medios de comunicación aportaron con su

desarrollo tecnológico un mayor control del proceso gráfico a los
diseñadores, ya que en los años 90 las nuevas formas de comunicación de la
era digital presentaron nuevos desafíos, como es el caso del sistema de
distribución de información World Wide Web (W.W.W.), contribuyendo a una
rápida evolución del diseño gráfico a nivel mundial.

Las páginas web para Lupton, E. y Abbott, M. (2002) son “documentos

electrónicos con enlaces de hipertexto o hipermedia que posibilitan la
navegación virtual por las informaciones disponibles en Internet” (p. 87).
Hasta 1993 la labor de crear páginas web estuvo reservada a los técnicos en
informática que sabían manejar las etiquetas códigos HTML (Hipertext
Markup Languaje / Lenguaje de Marcas de Hipertexto), necesarios para la
composición de los elementos de presentación visual, y por este motivo las
páginas presentaban fondo gris, texto y alguna decoración.

Con la incorporación de nuevas tecnologías y la llegada de los primeros

editores HTML, la web posee ahora mucho más colorido en sus fondos y
también diferentes texturas, botones, barras y una infinidad de iconos. La
W.W.W. es un nuevo y complejo campo para el diseño gráfico, que permite
múltiples posibilidades de añadir imágenes móviles en animación o en video,
fotos, gráficos y textos en un ambiente interactivo. Dreamweaver y Front
page son reconocidos programas para la realización de páginas web

Las páginas en el WWW son distintas de los libros y otros documentos

en un aspecto crucial: los enlaces de hipertexto le permiten a los usuarios
accesar a otra página web que no tiene nada que ver con la actual. Por ello
Lupton, E. y Abbott, M. (2002) establece que: “las páginas web necesitan ser
más independientes que las páginas de un libro convencional” (p. 55).

Esto usualmente significa que los encabezados y pies de página de las

páginas web son más informativas y elaboradas que las páginas impresas.
Sería absurdo repetir los derechos de copia (Copyright), autor y fecha de un
libro al final de cada página, pero las páginas web necesitan en ocasiones
ese tipo de información porque una sola página puede ser la única parte que
visite un usuario de su sitio web.

Este problema de hacer los documentos independientes no es exclusivo

de las páginas web. Publicaciones profesionales, revistas, y la mayoría de
los periódicos repiten la fecha, volumen y número de ejemplar en la parte
superior o inferior de cada página impresa, porque saben que los lectores
suelen extraer artículos del periódico o copias fotoestáticas de publicaciones
y posteriormente necesitan citar la información con los datos de la fuente
original del artículo.

Dadas estas dificultades potenciales al momento de crear sitios web,

los cuales están llenos de complejos contenidos y además son fáciles de
usar; la mejor estrategia es aplicar consistentemente algunos de los
principios básicos de diseño en cada página que usted elabore. Los
elementos básicos de un documento no son complicados y no tienen
prácticamente nada que ver con la tecnología de Internet.

Diseño Web

El diseño forma parte de nuestras vidas, es difícil alejar el sentido de

realizar una composición agradable ante los ojos. "Hoy en día no sólo
vivimos en un ambiente de cuño técnico funcional, sino, a su vez, en un
universo de formas técnicas conscientemente diseñadas como tales. El
diseño se ha vuelto en un lenguaje cotidiano" (G. Selle, (1975). En este
sentido, el diseño se refiere al "acabado estético que nos hemos
acostumbrado a ver en los objetos" (P.13).

El diseño, entendido como la forma en que se ordenan y concatenan

elementos para que se vean armoniosos y estéticos ante el ojo humano, ha
evolucionado con los años. Dentro de este mejoramiento, se ha posicionado
en medios en los cuales no tenía presencia. De esta manera, se ha
apoderado del Internet y le ha dado un vuelco a cómo se distribuye la
información en la pantalla.
 Si buscamos en Internet, uno de los conceptos que aparecerá de
diseño Web es una actividad que consiste en “la planificación, diseño e
implementación de sitios Web y páginas (…) que requiere tener en cuenta
cuestiones tales como navegabilidad, interactividad, usabilidad, arquitectura
de la información, y la interacción de medios como audio, texto, imagen y
video”. (Diseño Web (s.f.) Disponible en: http://es.wikipedia.org./wiki/Dise
%C3%B1o_Web, consultado 22/01/2015).

En este sentido, y debido al carácter inmediato que ha adoptado este

medio virtual, el diseño Web ha tenido que adoptar una serie de parámetros
que responden a un sentido funcional y práctico.

Elementos del diseño Web

Gordon, B. y Gordon M., (2009) señala que estos elementos están

compuestos principalmente por:

Composición

Gran parte de lo que se publica en papel o en pantalla muestra una

tendencia a ser visualmente discordante o caótico, en parte debido a la
velocidad a la que en la actualidad puede elaborarse y entregarse. En
este mundo regido por la información -y por el mensaje-, resulta cada
vez más importante que el diseñador gráfico se esfuerce en ser
meticuloso y claro. Es vital para el proceso de resolución de problemas
comprender cómo reacciona el público ante el material visual, su nivel
de concentración y de comprensión y cómo pueden influirle
determinadas tendencias culturales o de moda. Resulta igualmente
importante comprender cómo funcionan juntos el ojo y la mente a la
hora de registrar y procesar palabras, imágenes y aspectos mucho más
sutiles como la forma, el color y la composición". (p. 1)

Es por ello que si bien existen modelos de composición para páginas

Web, para Gordon, B. y Gordon M., (2009) "el éxito de un buena composición
de página consiste en una organización balanceada, clara y concisa de la
información usando las herramientas básicas del diseño" (p. 9).

La composición de los sitios Web, en los últimos años, están muy

supeditadas a la usabilidad de las mismas, así como la forma en que el
usuario la utilice. Así, estos aspectos se encuentran vinculados a cómo el
diseñador gráfico distribuye y proyecta la información.

Más allá de una buena composición del diseño, se ha comenzado a

darle más peso a elementos como la arquitectura de la información y la
usabilidad Web. Estas últimas son, al final del día, los aspectos que hacen
que el usuario vuelva a la página y la utilice como referencia para buscar
información.

Color

Una de las características más importantes del diseño es el color. La

implementación del mismo puede ocasionar que el despliegue de la
información en la página se vea de su mejor manera o vaya directo al
fracaso. Según Küppers, H. (1993), "el color sólo parece ser una cualidad del
material. Pero de hecho sólo existe como impresión sensorial del
contemplador" (p. 10). Este autor aclara que los materiales no muestran un
color fijo, sino que todo dependerá de la luz que incida sobre ellos.

Ahora bien, el color de los objetos, el color reflejado en los monitores y

el que observamos en medios impresos es diferente ya que el uso del color
se ha estandarizado en diversos formatos. En el caso de los elementos que
se visualizan en el monitor se usa el RVA (Rojo, Verde, Azul) o RGB (Red,
Green, Blue).
 Este formato está ideado para que sea utilizado en monitores, de esta
manera no hay que preocuparse por los distintos ordenadores de los
usuarios; esta paleta de color trabaja directamente con la luz roja, verde y
azul que tienen las pantallas.

En el mundo cibernético Williams y Tollet, (2006) señalan que: "los

colores que elijamos deberían definir el aspecto general y la personalidad de
nuestro sitio Web" (p. 181). De esta manera y para ayudar a la identidad del
proyecto que se esté elaborando el color será utilizado para destacar partes
esenciales, transmitir un mensaje determinado de la sección en que el
usuario se encuentre y evocar una sensación específica; alejándolo del uso
indiscriminado o decorativo.

Tipografía

Antes de adentrarnos en la tipografía, Williams y Tollet, (2006) dejan

algo muy en claro cuando se está pensando en diseñar una página Web: "la
Web está pensada para leer información, de forma que nuestro objetivo es
hacer la lectura lo más fácil posible para el visitante y para nosotros mismos
cuando naveguemos en nuestros ordenadores" (p. 257).

Estos autores, afirman que una de las cosas más importante en las
páginas Web es la legilibilidad y descifrabilidad que estás tengan;
entendiendo legilibilidad como "la facilidad para leer gran cantidad de texto"
(p. 257) y descifrabilidad como "la facilidad de reconocer pequeños
fragmentos de texto" (p. 257).

Debido a la relevancia de este aspecto, existen diversas

recomendaciones para que la legilibilidad y descifrabilidad de los textos
prevalezca. Por ello recomiendan que se use una tipografía sin serifa que no
exceda 14-18 puntos y no sea inferior a 8-10 puntos. Si bien existen
libertades para los creadores al momento de escoger la tipografía de la
página, siempre tendrán que tener en cuenta la importancia de una lectura
cómoda para el usuario.

Usabilidad Web

Hacer una página Web no sólo tiene que ver con la distribución de los
elementos, la correcta elección del color, una acertada selección de
tipografía, entre otros. Al crear un portal se tiene que pensar en función al
medio que se encuentra. Por ser un medio de rápido uso, Internet necesita
tener sitos en los que el usuario se sientan cómodos al navegar en ellos.
Krug, S. (2005) señala:

La usabilidad sólo significa asegurarse que algo funcione bien: que una
persona con capacidad y experiencia media (o incluso por debajo de la
media) pueda ser capaz de usar algo (ya sea un sitio Web, un avión de
combate o una puerta giratoria) con el objetivo deseado sin sentirse
completamente frustrado" (p. 5).

Los sitios Web deben procurar desplegar la información de la manera

más sencilla posible. Los usuarios, según indica Nielsen (2001), se dirigen a
los objetivos "Tienen que hacer algo específico y no toleran que haya nada
entre ellos y sus objetivos. Así, el principio rector del diseño Web debe
apartarse del camino y hacer que los usuarios consigan sus objetivos los
más rápidamente posible" (p. 52).

Las páginas Web tienen que ser evidentes, sencillas, claras, fáciles de
comprender y manejar al igual que deben estar elaboradas tomando en
cuenta, en todo momento, cómo se moverá y cómo la utilizará el usuario.
 Arquitectura de la información

En una página Web los textos e informaciones que forman parte de ella
tienen un carácter de suma importancia. Es por ello que dentro de cada sitio
Web existe una manera específica de ordenar los datos para que el usuario
pueda desplazarse en ella con facilidad. De este aspecto, se encarga la
Arquitectura de la Información que Rosenfeld, citado por Tramullas, (2002),
señala que es: "el arte y la ciencia de estructurar, organizar y etiquetar la
información para ayudar a la gente a encontrar y gestionar la información" (p.
3).

La arquitectura de la información se entiende como la forma de diseñar,

crear y organizar los contenidos a lo largo de la página. El arquitecto de la
información (entendido como el responsable de la arquitectura de la
información) para Tramullas, (2002), es el encargado de "diseñar y crear el
edificio, sus componentes y pasillos (...) Sólo que ahora el edificio es digital,
sus componentes son los contenidos informativos, y el espacio son los
sistemas de navegación, acceso y etiquetado de la información" (p. 1).

De acuerdo con el libro Information Architecture for the World Wide Web
de Louis Rosenfeld y Peter Morville, citado por Tramullas, (2002), el
arquitecto de la información está encargado de:

1) Establecer y clarificar la misión y la visión del sitio Web que se trate.

2) Determinar el contenido informativo y las funcionalidades técnicas
que debe contener y ofrecer el sitio Web que se trate. Procurar que la
política informativa no choque con la política general de la empresa.
3) Definir y determinar la forma y los medios mediante los cuales los
usuarios encontrarán y accederán a la información contenida en la
Web.
4) Establecer los medios y vías para permitir el crecimiento y desarrollo
futuro del Web que se trate." (p. 3).
 De acuerdo con Rosenfeld y Morville los usuarios buscan que al
ingresar a una página la información sea encontrada fácil y rápidamente.
Debido a esta necesidad en el sitio Web es de suma importancia que el
arquitecto de la información siempre tenga presenta cómo desplegar el
contenido en función de lo que necesite los consumidores.

Para lograr esto, además de considerar al usuario al momento de

diseñar el contenido, se deben tener ciertos esquemas organizacionales.
Estos últimos cumplen la función de organizar la información dentro de
secciones bien definidas que ubican al usuario a través de la página. Entre
los esquemas de organización que se utilizan frecuentemente se encuentran:
alfabético, cronológico, geográfico, por temas, por audiencias, entre otros.
Según Rosenfeld y Morville, el esquema de organización ambiguo, a pesar
de ser el más complicado, por no dividir la información en categoría
definidas, es el que más resulta debido a que usualmente quiénes ingresan a
una página Web no saben con precisión lo que están buscando.

En los sitios Web también se debe tener en cuenta el uso de

hipertextos, bases de datos, sistemas de navegación, entre otras
herramientas y cada una de ellas debe entrar en el sistema de organización
que se vaya a utilizar para la página que se esté creando. De esto último
dependerá la facilidad con que el usuario encuentre la información que es el
punto fundamental de la Arquitectura de la Información.

Pasos básicos para el Diseño de una página Web

El primer paso para diseñar un sitio web es asegurarse de que tiene un

conjunto de metas definidas, sabiendo lo que quiere lograr con su sitio web.
Sin tener un claro establecimiento de los propósitos y objetivos, el proyecto
comenzará a vagar fuera del camino y hundirse, o puede llegar al punto de
reflejar escasos resultados.

La planificación cuidadosa y un claro sentido de los objetivos, son las

claves para el éxito al crear un sitio web, particularmente si usted trabajará
como parte de un equipo para construir el sitio. Antes de comenzar a diseñar
su propio sitio usted debería:
 Identificar el público al que desea dirigirse
 Manifestar sus propósitos de manera explícita
 Saber sus principales objetivos
 Tener un conciso perfil de la información que su sitio va a tener

En cuanto a los objetivos fundamentales del diseño web se denotan,

según Tramullas, (2002) en:

Una concreta y corta manifestación de sus objetivos deberían

conformar las bases del diseño de su sitio. De allí se debe partir para
expandir las metas impuestas en los objetivos, lo cual también le servirá
como herramienta para analizar el éxito de su sitio web. (p. 4)

De esta manera la descripción de los objetivos debería continuar

planteando un poco más las metas financieras específicas y otras metas
organizacionales que el sitio web debe cumplir. Construir un sitio web es
generalmente un proceso dinámico, y no un proyecto limitado con
información estática. El manejo editorial a largo plazo y el mantenimiento
técnico debe ser considerado en sus planes para el sitio. Sin esta gran
perspectiva, su publicación electrónica sufrirá el mismo destino que muchas
otras, un comienzo entusiasta, pero sin logros duraderos.

El próximo paso en el proceso de diseño es identificar los usuarios

potenciales que utilizarán su sitio web, de modo que pueda estructurarlo en
función de sus expectativas y necesidades. El conocimiento, antecedente,
intereses y las necesidades de los usuarios que varían desde principiantes
que requieren una presentación estructurada cuidadosamente, hasta los
usuarios avanzados que pueden irritarse ante cualquier cosa que parezca
manipularlos o atrasarlos en su búsqueda de información, son elementos a
considerar. Tramullas, (2002) establece que:

Un sistema bien diseñado debe ser capaz de adaptarse a un rango de

habilidades de usuario e intereses. Por ejemplo, si la meta de su página
web es manejar información interna de la empresa, documentos de
recursos humanos u otra información que suele publicarse en manuales
en papel, su sitio será utilizado por mucha gente que lo visitará varias
veces al día, y también por gente que lo consulte sólo de manera
ocasional. (p. 32)

Las páginas web dirigidas a los navegantes deben ser análogas con las
portadas de las revistas. El objetivo es incitar al navegante casual con
fortaleza de gráficos y audaces planteamientos de contenido. Todos los
enlaces en su página web deben apuntar hacia las páginas internas del sitio.
Proveer una clara y concisa presentación de lo que hay en el sitio puede ser
de interés para el lector, los cuales, según Tramullas, (2002), pueden
enmarcarse dentro de las siguientes características:
 Usuarios ocasionales y novatos: Estos usuarios dependen de una
clara estructura, fácil acceso y los comentarios que ilustran cómo está
organizada la información en su sitio web. Los novatos tienden a
intimidarse por los complejos menús de texto y pueden sentirse
inseguros a navegar en un sitio que no es atractivo gráficamente ni
está estructurado claramente. De acuerdo Jakob Nielsen de Sun
Microsystems, menos del 10% de los lectores web alguna vez miran la
parte inferior de una página web.
Usuarios poco frecuentes de un sitio generalmente aprovechan las
páginas de resumen, mapas jerárquicos y diseños gráficos o iconos
que sirvan para recordar donde se encuentra ubicada la información
 en el sitio. Un glosario de términos técnicos, acrónimos, abreviaturas y
una lista de las “Preguntas más frecuentes” puede ser útil para los
nuevos o no muy frecuentes visitantes de la página.

 Usuarios frecuentes y expertos: Estos usuarios utilizan su sitio para

obtener información de manera rápida y precisa. Usuarios expertos
son muy impacientes con los menús que poseen múltiples imágenes y
solo ofrecen entre dos y seis opciones. Los usuarios expertos piden
rápidos y desplegados menús de texto. Las delicadezas gráficas los
vuelven locos.
Usuarios frecuentes y expertos generalmente tienen metas
específicas en mente, y le son bastante útiles los menús de texto
detallados, un perfil de la estructura del sitio, o índices amplios que
permitan una rápida búsqueda y obtención de la información, aunque
es necesario recalcar que con la incorporación de una máquina de
búsqueda en el site esto último se hace poco necesario ya que el
usuario experto y el novato ya se ha acostumbrado al uso de estos
motores de búsquedas para encontrar su información.

 Usuarios internacionales: Recuerde que usted está diseñando para

el WWW. Sus lectores podrían ser personas de su misma calle, o
gente en Australia o Polonia. Para alcanzar el máximo número de
usuarios en otros países usted podría proveer versiones traducidas, al
menos de las páginas principales. Evite el uso de jerga propia de su
localidad o acrónimos técnicos complicados en las páginas
explicativas. No asuma que todos los lectores poseen su mismo
formato de hora y fecha. Por ejemplo, no abrevie fechas en las
páginas web, para un norteamericano “3/4/97” es el “4 de marzo de
1997”, por el contrario para los usuarios en la mayoría de los países
restantes ésta fecha abreviada se lee como “3 de abril de 1997”.
 Interfaz web

Son un conjunto de elementos enlazados entre sí, que le permiten al

usuario navegar de forma rápida y sencilla por el sitio web, mientras sus
elementos gráficos como la tipografía, el color y las imágenes sean más
claros y precisos más rápido y eficaz será el manejo de la interfaz para el
usuario. Según Nielsen (2012), cuando se habla de Sitios Web, se denomina
interfaz

…al conjunto de elementos de la pantalla que permiten al usuario

realizar acciones sobre el Sitio Web que está visitando. Por lo mismo,
se considera parte de la interfaz a sus elementos de identificación, de
navegación, de contenidos y de acción. (p. 44)

Esta denominación surge por la necesidad de estar preparado para

ofrecer servicios determinados al usuario, con el fin de que éste obtenga lo
que vino a buscar cuando visitó el Sitio Web. Por lo anterior, cada uno de los
elementos que sean integrados dentro de la interfaz debe estar pensado
para causar un efecto sobre el usuario y deben ser utilizados con un
propósito.

En este sentido, es importante considerar que Nielsen (2012), destaca

que los elementos más importantes de la portada de todo Sitio Web se
pueden resumir en cuatro postulados generales:
 Dejar claro el propósito del sitio: se refiere a que el sitio debe
explicar a quién pertenece y qué permite hacer a quienes lo visitan; se
entiende que debe hacerlo de manera simple y rápida. Por ejemplo,
ayuda en este sentido el cumplimiento de las normas referidas a uso
de URLs y logotipos oficiales.
 Ayudar a los usuarios a encontrar lo que necesitan: implica que
debe contar con un sistema de navegación visible y completa, pero
 que además deberá estar complementado por algún sistema de
búsqueda que sea efectivo para acceder al contenido al que no se
logra acceder o que no se encuentra a simple vista.
 Demostrar el contenido del sitio: significa que el contenido se debe
mostrar de manera clara, con títulos comprensibles por parte del
usuario y con enlaces hacia las secciones más usadas que estén
disponibles donde el usuario los busque. Ayudará en este sentido
tener un seguimiento de las visitas para comprender qué es lo más
visto y lo más buscado del Sitio Web.
 Usar diseño visual para mejorar y no para definir la interacción
del Sitio Web: se refiere a que los elementos gráficos del Sitio Web
deben estar preparados para ayudar en los objetivos del sitio y no sólo
como adornos utilizados para rellenar espacio. Aunque se trata de uno
de los temas más debatibles, su alcance no es el de restringir el uso
de imágenes y elementos gráficos, sino a que su uso sea adecuado
para la experiencia de uso que se desea ofrecer.

Considerando estos elementos se podría decir que el foco central de

una interfaz es permitir que el usuario que llega como visitante logre los
objetivos que lo trajeron al Sitio Web y que ésta le facilite el acceso a los
contenidos que están incorporados a través de sus pantallas. Para conseguir
esto, es necesario que la interfaz adopte los elementos, necesarios, a través
de los cuales será posible conseguir el cumplimiento de los postulados
anteriormente.

Diseño básico de la interfaz

Diseño centrado en el usuario

 Las interfaces gráficas de usuario fueron diseñadas para darle a las
personas control directo sobre sus computadoras personales. Los usuarios
actuales esperan un nivel avanzado de diseño de cualquier interfaz gráfica,
incluyendo las páginas web. En base a esto Moles, A. y Janiszewski, L.
(1990) establecen que: “La meta es satisfacer las necesidades de sus
usuarios potenciales, adaptando la tecnología del web a sus expectativas,
nunca exigiendo que el lector se conforme con una interfaz que interponga
obstáculos innecesarios en su camino” (p. 22).

Es en este momento donde su investigación sobre las necesidades y

características de su audiencia es muy importante. Es imposible diseñar para
una persona desconocida cuyas necesidades usted no entiende. Para
mejorar esta situación debe crear situaciones ejemplo con distintos tipos de
usuarios buscando una parte específica de la información en su sitio. ¿Qué
ayuda le puede brindar a un usuario avanzado el diseño de su página, sí él
busca una fracción específica de información? ¿Podría un novato intimidarse
ante un menú de texto complicado?. Probar sus diseños y obtener opiniones
de los usuarios es la mejor forma de determinar si sus ideas de diseño están
dándole a los usuarios lo que ellos esperan del sitio.

Incluir ayudas para una navegación clara

En el estado actual de la tecnología en el web la mayoría de las páginas

web incluyen navegar a través de enlaces de hipertexto entre documentos.
Señala Moles, A. y Janiszewski, L. (1990) que:

El principal problema de interfaz en los sitios web es la falta de sentido

de ubicación con respecto a la organización interna de información.
Iconos explícitos, esquemas gráficos, una visión global basada en texto
o gráficos (site map) y una sección de sumario pueden, darle al usuario
la seguridad de que puede encontrar lo que está buscando sin perder
tiempo. (p. 12)
 Los usuarios deben siempre poder retornar fácilmente a su página
principal, y a otros puntos de navegación principales de su sitio. Estos
enlaces básicos, deben estar presentes en cada página de su sitio, ya que
son en ocasiones botones gráficos que proporcionan navegación básica y
ayudan a crear una identidad gráfica, que le señala al usuario que aún está
en su sitio web. Por ejemplo en el sitio de Netscape Corp. esta barra de
botones aparece en la parte inferior de cada página.

La barra de botones es útil (muchas opciones en un lugar reducido),

predecibles, (siempre está allí, al final de todas las páginas) y le brinda un
una identidad gráfica consistente a cada página en el sitio de Netscape.

Páginas ciegas

Cada página debe contener al menos un enlace. Según Moles, A. y

Janiszewski, L. (1990)

Las páginas estilo “calle ciega” sin enlaces a ningún otro página local en
el sitio no sólo son una frustración para el usuario, sino que
generalmente es la pérdida de una oportunidad de llevar el navegador a
otra página en su sitio. (p. 36)

Las páginas web a veces aparecen sin ningún preámbulo: los lectores a
veces crean o siguen enlaces a subsecciones específicas. De tal manera, tal
vez nunca vean su página principal o cualquier información introductoria en
su sitio web. Si las páginas de dicha subsección no poseen enlaces de
retorno más arriba en la jerarquía, a la página principal a páginas de menú
local, el lector está prácticamente bloqueado para accesar al resto de su sitio
web.
 Historia del color

El filósofo Aristóteles (384 - 322 AC) definió que todos los colores se
conforman con la mezcla de cuatro colores y además otorgó un papel
fundamental a la incidencia de luz y la sombra sobre los mismos. Estos
colores que denominó como básicos eran los de tierra, el fuego, el agua y el
cielo.

Siglos más tarde, Leonardo Da Vinci (1452-1519) definió al color como

propio de la materia, adelantó un poquito más definiendo la siguiente escala
de colores básicos: primero el blanco como el principal ya que permite recibir
a todos los demás colores, después en su clasificación seguía amarillo para
la tierra, verde para el agua, azul para el cielo, rojo para el fuego y negro
para la oscuridad, ya que es el color que nos priva de todos los otros. Con la
mezcla de estos colores obtenía todos los demás, aunque también observó
que el verde también surgía de una mezcla.

Finalmente fue Isaac Newton (1642-1519) quien estableció un principio

hasta hoy aceptado: la luz es color. En 1665 Newton descubrió que la luz del
sol al pasar a través de un prisma, se dividía en varios colores conformando
un espectro. Según Moles, A. y Janiszewski, L. (1990)

Lo que Newton consiguió fue la descomposición de la luz en los colores

del espectro. Estos colores son básicamente el Azul violaceo, el Azul
celeste, el Verde, el Amarillo, el Rojo anaranjado y el Rojo púrpura. Este
fenómeno lo podemos contemplar con mucha frecuencia, cuando la luz
se refracta en el borde de un cristal o de un plástico. También cuando
llueve y hace sol, las gotas de agua de la lluvia realizan la misma
operación que el prisma de Newton y descomponen la luz produciendo
los colores del arco iris. (p. 25)
 Así es como observa que la luz natural está formada por luces de seis
colores, cuando incide sobre un elemento absorbe algunos de esos colores y
refleja otros. Con esta observación dio lugar al siguiente principio: todos los
cuerpos opacos al ser iluminados reflejan todos o parte de los componentes
de la luz que reciben.

Por lo tanto cuando vemos una superficie roja, realmente estamos

viendo una superficie de un material que contiene un pigmento el cual
absorbe todas las ondas electromagnéticas que contiene la luz blanca con
excepción de la roja, la cual al ser reflejada, es captada por el ojo humano y
decodificada por el cerebro como el color denominado rojo.

Johann Göethe (1749-1832) estudió y probó las modificaciones

fisiológicas y psicológicas que el ser humano sufre ante la exposición a los
diferentes colores. Para Moles, A. y Janiszewski, L. (1990), Göethe era muy
importante comprender la reacción humana a los colores, y su investigación
fue la piedra angular de la actual psicológica del color. Desarrolló un triángulo
con tres colores primarios rojo, amarillo y azul. Tuvo en cuenta que este
triángulo como un diagrama de la mente humana y relacionó a cada color
con ciertas emociones.

Psicología del color

Desde tiempos antiguos grandes artistas incluyeron dentro de sus

técnicas la armonización del color, la cual consiste en pintar con una
tendencia de color determinada. Esta tendencia es evidente en la mayoría de
obras de los grandes maestros. Rubens pintaba básicamente con amarillos,
dorados y rojos; Velázquez es el gran pintor de los colores pardos, grises,
quebrados; en los impresionistas hay una gran variedad de tendencias, pero
en muchos de sus cuadros y particularmente en sus paisajes hay una
dominante azul.
Estas tendencias o dominantes de color no son casuales, responden al
conocimiento y uso de las gamas de colores constituidas por series de
colores que concuerdan, que casan, que armonizan; porque ofrecen una
tendencia cromática similar, como el amarillo y el rojo, el verde y el azul, el
pardo y el gris.

El color desprende diferentes expresiones del ambiente, que pueden

transmitirnos la sensación de calma, plenitud, alegría, violencia, maldad, etc.
La psicología de los colores fue estudiada por grandes maestros a lo largo de
nuestra historia, como por ejemplo Goethe y Kandinsky. De allí que a
continuación se señale las principales características del color y los efectos
que son provocados por éstos, según Moles, A. y Janiszewski, L. (1990):
 Blanco: Es el que mayor sensibilidad posee frente a la luz. Es la suma
o síntesis de todos los colores, y el símbolo de lo absoluto, de la
unidad y de la inocencia, significa paz o rendición. Mezclado con
cualquier color reduce su croma y cambia sus potencias psíquicas, la
del blanco es siempre positiva y afirmativa. Los cuerpos blancos nos
dan la idea de pureza y modestia. El blanco crea una impresión
luminosa de vacío, positivo infinito.
 Negro: Símbolo del error, del mal, el misterio y en ocasiones
simboliza algo impuro y maligno. Es la muerte, es la ausencia del
color. También transmite nobleza y elegancia.
 Gris: Es el centro de todo ya que se encuentra entre la transición
entre el blanco y el negro, y el producto de la mezcla de ambos.
Simboliza neutralidad, indecisión y ausencia de energía. Muchas
veces también expresa tristeza, duda y melancolía. El color gris es
una fusión de alegrías y penas, del bien y del mal. Da la impresión de
frialdad metálica, pero también sensación de brillantez, lujo y
 elegancia. Por ejemplo una invitación de un color brillante debe evocar
la imagen del mismo valor, sino y en caso opuesto conseguiríamos un
efecto contraproducente, transmitiendo la sensación de falsificación.
Si es de color oro, la imagen debe combinar en concordancia con el
color expuesto, para que se tenga una visión agradable y
equilibradada de la presentación.
 Amarillo: Es el color más intelectual y puede ser asociado con una
gran inteligencia o con una gran deficiencia mental; Van Gogh tenia
por él una especial predilección, particularmente en los últimos años
de su crisis. Este primario significa envidia, ira, cobardía, y los bajos
impulsos, y con el rojo y el naranja constituye los colores de la
emoción. También evoca satanismo (es el color del azufre) y traición.
Es el color de la luz, el sol, la acción, el poder y simboliza arrogancia,
oro, fuerza, voluntad y estimulo. Mezclado con negro constituye un
matiz verdoso muy poco grato y que sugiere enemistad, disimulo,
crimen, brutalidad, recelo y bajas pasiones. Mezclado con blanco
puede expresar cobardía, debilidad o miedo y también riqueza,
cuando tiene una leve tendencia verdosa. Los amarillos también
suelen interpretarse como joviales, afectivos, excitantes e impulsivos.
Están relacionados con la naturaleza. Psicológicamente se asocia con
el deseo de liberación.
 Rojo: Se lo considera con una personalidad extrovertida, que vive
hacia afuera, tiene un temperamento vital, ambicioso y material, y se
deja llevar por el impulso, más que por la reflexión. Simboliza sangre,
fuego, calor, revolución, alegría, acción, pasión, fuerza, disputa,
desconfianza, destrucción e impulso, así mismo crueldad y rabia. Es el
color de los maniáticos y de marte, y también el de los generales y los
emperadores romanos y evoca la guerra, el diablo y el mal. Como es
el color que requiere la atención en mayor grado y el más saliente,
habrá que controlar su extensión e intensidad por su potencia de
 excitación en las grandes áreas cansa rápidamente. Mezclado con
blanco es frivolidad, inocencia, y alegría juvenil, y en su mezcla con el
negro estimula la imaginación y sugiere dolor, dominio y tiranía.
Expresa sensualidad, virilidad y energía, considerado símbolo de una
pasión ardiente y desbordada. Por su asociación con el sol y el calor
es un color propio de las personas que desean experiencias fuertes.
 Naranja: Es un poco más cálido que el amarillo y actúa como
estimulante de los tímidos, tristes o linfáticos. Simboliza entusiasmo y
exaltación y cuando es muy encendido o rojizo, ardor y pasión.
Utilizado en pequeñas extensiones o con acento, es un color utilísimo,
pero en grandes áreas es demasiado atrevido y puede crear una
impresión impulsiva que puede ser agresiva. Posee una fuerza activa,
radiante y expresiva, de carácter estimulante y cualidad dinámica
positiva y energética. Mezclado con el negro sugiere engaño,
conspiración e intolerancia y cuando es muy oscuro, opresión.
 Azul: Simboliza, la profundidad inmaterial y del frío. La sensación de
placidez que provoca el azul es distinta al de la calma o del reposo
terrestre propio del verde. Se lo asocia con los introvertidos o
personalidades reconcentradas o de vida interior y está vinculado con
la circunspección, la inteligencia y las emociones profundas. Es el
color del infinito, de los sueños y de lo maravilloso, y simboliza la
sabiduría, amistad, fidelidad, serenidad, sosiego, verdad eterna e
inmortalidad. También significa descanso. Mezclado con blanco es
pureza, fe, y cielo, y mezclado con negro, desesperación, fanatismo e
intolerancia. No fatiga los ojos en grandes extensiones.
 Violeta: El violeta, es el color de la templanza, la lucidez y la reflexión.
Transmite profundidad y experiencia. Tiene que ver con lo emocional y
lo espiritual. Es místico, melancólico y se podría decir que también
representa la introversión. En su variación al púrpura, es realeza,
dignidad, suntuosidad. Mezclado con negro es deslealtad,
 desesperación y miseria. Mezclado con blanco: muerte, rigidez y
dolor.
 Verde: Es un color de extremo equilibrio, porque está compuesto por
colores de la emoción (amarillo = cálido) y del juicio (azul = frío) y por
su situación transicional en el espectro. Se lo asocia con las personas
superficialmente inteligentes y sociales que gustan de la vanidad de la
oratoria y simboliza la primavera y la caridad. Incita al desequilibrio y
es el favorito de los psiconeuroticos porque produce reposo en el
ansia y calma, tranquilidad, también porque sugiere amor y paz y por
ser al mismo tiempo el color de los celos, de la degradación moral y
de la locura. Significa realidad, esperanza, razón, lógica y juventud.
Aquellos que prefieren este color detestan la soledad y buscan la
compañía. Mezclado con blanco expresa debilidad o pobreza. Sugiere
humedad, frescura y vegetación, simboliza la naturaleza y el
crecimiento. La persona que destaca por el uso del color verde, quiere
ser respetada y competente.
 Marrón: Es un color masculino, severo, confortable. Es evocador del
ambiente otoñal y da la impresión de gravedad y equilibrio. Es el color
realista, tal vez porque es el color de la tierra que pisamos.

Modos de color

Medina, E. (2010) presenta un breve repaso de los modos de color,

explicando parte de la terminología básica utilizada en los sistemas
operativos Macintosh y Windows. Los monitores de color actuales para
computadoras de escritorio están basados en Tubos de Rayos Catódicos (en
inglés CRT). Como los CRT transmiten luz, los monitores de CRT utilizan el
modo de color aditivo Rojo-Verde-Azul (en inglés RGB). El modelo RGB es
llamado aditivo porque mediante la adición de tres colores puros se obtiene
la luz blanca.
 Los sistemas operativos (Mac, Windows, etc.) organizan la pantalla del
monitor como una malla, o coordenadas “x,y” como un tablero de ajedrez.
Cada pequeña caja en la pantalla es llamada “pixel” (como abreviatura de
picture element). Las pantallas actuales de Windows y Macintosh están
hechas de estas mallas o pixeles (vea el diagrama abajo).

En el Modelo RGB este espacio de color es el formado por los colores

primarios luz que ya se describieron con anterioridad. Es el adecuado para
representar imágenes que serán mostradas en monitores de computadora o
que serán impresas en impresoras de papel fotográfico.

Las imágenes RGB utilizan tres colores para reproducir en pantalla

hasta 16,7 millones de colores. RGB es el modo por defecto para las
imágenes de Photoshop. Los monitores de ordenador muestran siempre los
colores con el modelo RGB. Esto significa que al trabajar con modos de color
diferentes, como CMYK, Photoshop convierte temporalmente los datos a
RGB para su visualización.

El modo RGB asigna un valor de intensidad a cada píxel que oscile

entre 0 (negro) y 255 (blanco) para cada uno de los componentes RGB de
una imagen en color. Por ejemplo, un color rojo brillante podría tener un valor
R de 246, un valor G de 20 y un valor B de 50. El rojo más brillante que se
puede conseguir es el R: 255, G: 0, B: 0. Cuando los valores de los tres
componentes son idénticos, se obtiene un matiz de gris. Si el valor de todos
los componentes es de 255, el resultado será blanco puro y será negro puro
si todos los componentes tienen un valor 0. Este espacio de color tiene su
representación en el selector de color de Photoshop.
 Por otro lado, el modelo CMYK se basa en la cualidad de absorber y
rechazar luz de los objetos. Si un objeto es rojo esto significa que el mismo
absorbe todas las componentes de la luz exceptuando la componente roja.
Los colores sustractivos (CMY) y los aditivos (RGB) son colores
complementarios. Cada par de colores sustractivos crea un color aditivo y
viceversa.

En el modo CMYK de Photoshop, a cada píxel se le asigna un valor de

porcentaje para las tintas de cuatricromía. Los colores más claros
(iluminados) tienen un porcentaje pequeño de tinta, mientras que los más
oscuros (sombras) tienen porcentajes mayores. Por ejemplo, un rojo brillante
podría tener 2% de cyan, 93% de magenta, 90% de amarillo y 0% de negro.

En las imágenes CMYK, el blanco puro se genera si los cuatro

componentes tienen valores del 0%. Se utiliza el modo CMYK en la
preparación de imágenes que se van a imprimir en cualquier sistema de
impresión de tintas. Aunque CMYK es un modelo de color estándar, puede
variar el rango exacto de los colores representados, dependiendo de la
imprenta y las condiciones de impresión.

Pixeles y color

Para controlar a cada pixel en la pantalla el sistema operativo debe

dedicar una pequeña cantidad de memoria para cada pixel. Solo como una
referencia la memoria dedicada a lo que se ve en pantalla es llamada
generalmente como “RAM en video” o “VRAM”. En la forma más simple de
pantallas blanco y negro, un solo bit de memoria es asignado a cada pixel.
De este modo cada bit de memoria puede ser solo positivo o negativo (0 ó 1),
por lo tanto un sistema de video de un solo bit puede manejar solamente dos
colores (blanco o negro) para cada pixel en la pantalla:
 Si se dedica más bits de memoria a cada pixel en la pantalla, entonces
podemos manejar más colores. Cuando 8 bits de memoria son dedicados a
cada pixel, cada pixel podría ser uno de 256 colores. (256 = 2 a la octava
potencia; en otras palabras, 256 es el máximo número de combinaciones
únicas de ceros y unos que se pueden hacer en 8 bits). Este modo de video
es llamado de “ocho bits” o “256 colores”, y es muy común en los
computadores actuales, especialmente en las computadoras portátiles y
computadoras de escritorio.

Si se emplea aún más memoria para cada pixel, podemos obtener algo
cercano al color de calidad fotográfica en la pantalla. El modo de video “color
verdadero” o de “24 bit” puede mostrar millones de colores únicos
simultáneamente en la pantalla. Color verdadero (24 bit) son imágenes
creadas a partir del uso de 24 bits de memoria para cada pixel; ocho para
cada componente rojo, verde y azul (8+8+8=24).

La cantidad de VRAM dedicada a cada pixel de la pantalla

generalmente se denomina (profundidad de bits) del monitor. La mayoría de
los computadores Mac y Windows vendidos en los últimos años son capaces
de mostrar profundidades de color superiores a 8 bit, en miles (16 bit) o
millones (24 bit) de colores simultáneos. Para chequear los modo de color
disponibles en su sistema, utilice “Pantalla” en “Control Panel” (Windows 8) o
“Monitores” en “Control Panel” (Mac).

Profundidad de bits y archivos gráficos de color

La terminología y esquemas de memoria utilizados en los modos de

video son directamente análogos a los que describen la profundidad de color
en los archivos gráficos. En su estado descomprimido, los archivos de
imagen de ocho bit o 256 colores hacen que la imagen se refiera a una
paleta o índice (llamado también Tabla de Referencia de Color o CLUT en
inglés). El tema principal de las imágenes de 8 bit es que estas no pueden
contener nunca más de 256 colores.

Las imágenes en color real o de 24 bit descomprimidas son

generalmente mucho más grandes que las imágenes de ocho bit
descomprimidas, porque en una imagen de 24 bit se dedican 24 bits de
memoria a cada pixel, generalmente en tres capas monocromáticas: una
roja, una verde y una azul.

Tamaño de los pixels

Antes de que podamos crear nuestra primera imagen, tenemos que

decidir cómo de grande queremos que aparezca en la pantalla del
ordenador. Decidir la alguna y anchura de la imagen es extremadamente
importante porque afecta a cómo veremos la imagen en el browser y tiene
relación directa con el tamaño del fichero. Por tanto, el tamaño de la imagen
afectará al tiempo que tarde la imagen en descargarse y mostrarse en una
página web, una medida importante en el uso de la WWW.

En general, queremos que la imagen sea lo más pequeña posible para

que pueda verse inmediatamente, sin embargo es importante conocer lo
señalado por Hurtado, J. (1999):

La altura y anchura de tu pantalla está medida en pixels (picture

elements). Un monitor estándar VGA puede mostrar 640 pixels de
anchura y 480 de altura. Super VGA (SVGA) ofrece 800 por 600, y
SVGA Mejorado ofrece 1024 por 768. Los pixels son pequeños puntitos
que forman las imágenes que vemos en la pantalla. (p. 18)
 Hablaremos principalmente sobre las características de resolución para
ordenadores compatibles PC. Recuerda que la WWW da acceso universal a
la información y todos los tipos de ordenadores tendrán acceso a la
información e imágenes que coloquemos en nuestras páginas web. Algunos
Macintosh y estaciones de trabajo de alto rendimiento Sun o Hewlett-Packard
pueden tener resoluciones superiores. En general, podemos tomar como
modelo los tamaños de pantalla de PC que puede ser nuestra guía para
crear las páginas web.

Como regla general, desarrollaremos nuestras páginas web para la

resolución de pantalla menor. Esto nos asegura que nuestras imágenes se
podrán ver por cualquiera que navegue en la WWW sin problemas extra.
Esto significa que debemos poner nuestros browsers aproximadamente a un
tamaño de 640x480 a la hora de hacer las pruebas de visualización.

De hecho, para ver correctamente las imágenes en todos los programas

ninguna imagen debe tener más de 600 pixels de ancho y 440 de alto.
Quitamos 40 pixels para cada eje de forma que nos aseguramos de que los
gráficos caben dentro de los bordes de Netscape o IE.

Una estrategia que usan muchos desarrolladores de web es unas

imágenes que entran en las resoluciones más pequeñas de pantalla y
centrarlas en la pantalla. Añadiendo lo tags <CENTER> y </CENTER>
rodeando el tag que muestra la imagen, el gráfico se verá correctamente en
todas las resoluciones, incluyendo las más grandes, ya que se centrará y no
parecerá que hay un espacio en blanco.

Ahora hay que ver qué ancho y alto vamos a utilizar para nuestros
gráficos de web. Diferentes tipos de gráficos requieren diferentes alturas y
anchuras, resumidas por Hurtado, J. (1999) de la siguiente manera:
 Coordenadas de altura
Tipo de imagen
y anchura (pixels)
Icono pequeño 25 x 25
Icono medio 40 x 40
Icono grande 60 x 60
Barra horizontal 10 x 500
Gráfico de cabecera 150 x 600
Anuncio en web 300 x 72
Logotipo o fotografía 300 x 400

Es importante destacar que estas medidas son sólo una orientación y

que dependerán de las necesidades que tengamos en nuestros sitio web. El
tamaño de la imagen es proporcional al tamaño del fichero. De todas
maneras, el tamaño del fichero depende también y en gran medida del
número de colores usados en la imagen, el tipo de fichero que usemos (GIF
o JPEG), y de la complejidad de la imagen y los diseños que tenga.

Imágenes

Las imágenes para la Universidad de Murcia (2009) “son un elemento

esencial para diseñar páginas atractivas” (p. 11). No obstante, un excesivo
número de imágenes en una página pueden hacer ralentizar el proceso de
visualización (las imágenes son las partes de las páginas que más espacio
ocupan, por lo que su transferencia requiere más tiempo que la del texto). Es
importante conseguir un compromiso entre una página atractiva (lo que lleva
incluir gráficos), y una página que pueda cargarse en un tiempo razonable
 Principales formatos gráficos en Internet.

Existen una gran cantidad de formatos gráficos en el mundo de los

ordenadores, cada uno de ellos con sus ventajas e inconvenientes. Sin
embargo, a la hora de publicar en Internet, solamente debemos tener en
cuenta dos formatos muy específicos: el GIF y el JPEG. No obstante según
Universidad de Murcia (2009), “su elección no es en absoluto un capricho,
además de la alta resolución que consiguen, se trata como veremos, de dos
formatos que comprimen el tamaño de las imágenes, por lo que éstas
pueden transmitirse más rápidamente por Internet” (p. 34).

Para crear y manipular imágenes hay que utilizar un editor de

imágenes, entre los más conocidos se encuentran: Paint Sliop Pro. Gif
Constraction Set. y Graphic Workshop.

Formato GIF

Las siglas GIF provienen del inglés Graphics Interchange Foiinat o

formato de intercambio de gráficos. Este formato fue desarrollado por
CompuServe para proporcionar un mecanismo de transmisión de archivos de
imágenes mediante líneas telefónicas. Este mecanismo consiste en
comprimir las imágenes para una transmisión más rápida en un medio de
baja capacidad como son los hilos telefónicos. Las imágenes en formato GIF
están limitadas a 256 colores simultáneos.

Una propiedad interesante del formato GIF es la de poder seleccionar

un color “transparente”. Así cuando la imagen en cuestión es mostrada en un
visualizador. La zona de la imagen con el color transparente toma el color del
fondo del documento. Otra propiedad interesante del formato GIF, es la
poder crear gráficos animados, el formato de este tipo de imágenes se le
denomina GIF 89. Los archivos de imágenes en este formato tienen
asociados la extensión .gif.

Formato JPEG

JPEG son las iniciales de Joint Photographic Expert Group (Grupo de

Expertos Fotográficos Reunidos). Al igual que el formato GIF comprime las
imágenes para una transmisión más rápida, aunque difiere en el algoritmo de
compresión.

Mientras que con el formato GIF la comprensión de un archivo de

imágenes viene determinada, JPEG nos permite especificar la relación de
compresión deseada, por lo que podemos variar el tamaño del archivo.
Naturalmente a mayor relación de compresión, menor tamaño y peor calidad
en la imagen final. Disminuyendo la compresión obtenemos imágenes de
mayor calidad pero también de mayor tamaño.

No debemos obsesionamos con la calidad de las imágenes. Hay que

tener presente que Internet es en ocasiones un medio de transmisión
bastante lento, por lo que a veces es preferible perder algo de calidad en las
imágenes antes de aburrir al visitante con nuestros documentos. Los
archivos de imágenes en este formato tienen asociado la extensión .jpg.

Tipografía

Lupton, E. y Abbott, M. (2002), define la tipografía como “el arte o

técnica de reproducir la comunicación mediante la palabra impresa, transmitir
con cierta habilidad, elegancia y eficacia, las palabras” (p. 37). De esta
manera la tipografía es el reflejo de una época. Por ello la evolución del
diseño de las mismas responde a proyecciones tecnológicas y artísticas. El
signo tipográfico se ha considerado como uno de los miembros más activos
de los cambios culturales del hombre.

En los primeros signos de escritura, cada signo nos expresa una idea,
un concepto o una cosa; estos signos se combinan entre sí para comunicar
ideas más complejas. Estos sistemas de escritura son los pictogramáticos,
jeroglíficos e ideogramáticos. El campo tipográfico, abarca la realización de
libros, periódicos, anuncios publicitarios, revistas, etc... y cualquier otro
documento impreso que se comunique con otros mediante palabras.

El color en la tipografía y en la elección del tipo

Conocer y comprender los colores y lo que nos transmiten, es

importante y básico para trabajar con los tipos y en el mundo del diseño
gráfico. Normalmente, cuando nos encontramos diseñando una presentación
y partimos de poco espacio, utilizamos el color para enfatizar las letras.

Para conseguir una buena legibilidad cuando se diseña con tipos y color
deberemos equilibrar cuidadosamente las tres propiedades del color (tono,
valor e intensidad) y determinar el contraste adecuado entre las letras y su
fondo. Cuando se combinan tipos y color, el equilibrio entre estas
características es importantísimo.

El color tipográfico es una ilusión óptica, creada por las propias

proporciones y formas de los diseños tipográficos. Éstas nos hacen percibir
la sensación de un color distinto, aunque esté impreso en el mismo color.
Aunque las palabras estén impresas en el mismo color, cada una de ellas
puede poseer un tono diferente, debido a las características propias de sus
diseños tipográficos.

Como impacta el color

Recordamos que los colores pueden dividirse en dos grupos: colores

fríos y cálidos. Según Universidad de Murcia (2009)
 Los colores cálidos van desde el rojo al amarillo, y son colores muy
impactatnes, ya que destacan mucho sobre un fondo. El rojo o el
naranja son colores muy vistosos y llamativos, por este motivo se usa
el color rojo en los semáforos y muchas señales de peligro.
 Los colores fríos, son los verdes hasta los azules, tienen la
característica de que son muy relajantes. Se utilizan en la decoración
infantil, centros de estudio, hospitales.

El blanco, gris y negro, no pueden incluirse en los grupos de cálidos y

fríos. Los tonos marrones, tostados cremas y ocres, representan añoranza y
son perfectos para representar productos naturales y clásicos. En publicidad
se emplea en anuncios en blanco y negro o escala de grises, para resaltar el
producto o elemento protagonista.

Los colores primarios (Magenta, Cian y Amarillo) se utilizan en

productos infantiles, porque aportan alegría y juventud. Y además estos
colores, en los niños les recuerdan a los dulces. Las tipografías doradas o
plateadas sobre fondos oscuros nos evocan elegancia y sofisticación, y son
muy adecuadas, si se trata de un proyecto donde se debe incluir el lujo, la
elegancia o poder.

Tipografía digital
 La informática ha revolucionado la tipografía, modificándola según las
necesidades de cada ilustración y uso. La informática se está aplicando en el
proceso de la impresión, diseño gráfico y el diseño de páginas web. Por un
lado, la multitud de aplicaciones informáticas relacionadas con el diseño
gráfico y la editorial han hecho posible el diseño y la creación de nuevas
fuentes tipográficas, de forma cómoda y fácil.

Por otra parte, ha sido necesario rediseñar muchas de las fuentes ya

existentes para su correcta aplicación en el proceso digital, para mejorar la
visualización y lectura en pantalla, y hacer que se ajusten a la rejilla de
píxeles de la pantalla del monitor.

Elegir una fuente digital para un documento

Esta es una de las partes más crítica del proceso de diseño. Todo el
aspecto y significado aparente de una composición o trabajo, cambia con un
tipo de letra u otro. Al primer golpe de vista, la tipografía y el color dicen más
que el mismo texto. Según John Mc Wade, citado por la Universidad de
Murcia (2009), “la tipografía es el punto flaco más habitual de la mayoría de
los diseñadores”, además que especifica:

En cuanto al color, el lector idenfica los colores con mucha más rapidez
que cualquier otro atributo, acepta o rechaza determinados colores muy
fácilmente. Aplicar el color con cierta discrección en algunas partes del
texto, puede mejorar mucho su captación y aportar distinción. Incluso
puede crear la impresión de mayor variedad de fuentes. Pero el color,
usado inadecuadamente, puede tener un impacto negativo, actuar
como distracción y dar un aspecto vulgar. (p. 39)

En cuanto al tipo de letra, el criterio que podemos seguir es sobre todo

nuestro propio gusto. Conviene que tengamos en cuenta algunos principios,
en especial la legibilidad. Este criterio es especialmente importante para
textos largos. Para bloques de texto más cortos tenemos más libertad de
elección, y para los títulos podemos emplear la fuente que queramos, en
función de la impresión que nos interese crear o trasladar.
Identidad Visual

En las sociedades modernas la empresa constituye un elemento de

referencia fundamental en cuanto que contribuye al crecimiento económico,
al desarrollo y al fomento de la cohesión social. Alcanzar estos fines exige
impulsar la capacidad de emprender y que las actividades empresariales
cuenten con un ámbito de actuación adecuado sobre la base de la iniciativa
individual y de los principios de libertad de empresa y que los dirigentes
respondan con sus actuaciones a los cambios en las sociedades más
avanzadas económica, cultural, tecnológica y científicamente. La
globalización de los mercados y la nueva economía de la información exigen
la adaptación continua de los conocimientos de los dirigentes a las
exigencias de un mundo cada vez más competitivo y culto.
La importancia que asume la identidad corporativa en el desarrollo de
toda actividad industrial, económica o social, hoy en día, es indispensable
para su desarrollo como empresa y como organización proveedora de
productos o servicios al mercado. Por tanto, la identidad corporativa se
convierte en estratégica dentro del management empresarial; la identidad
como una estrategia global, como un valor que la empresa genera desde
toda su estructura, manifestaciones, actitudes, comunicaciones, estilo,
estética. Joan Costa lo explica diciendo “las empresas ya no se manifiestan
solamente a partir de lo que hacen (sus productos y servicios), sino también
de cómo lo hacen (su calidad, su estilo), expresando así lo que son (su
identidad diferenciada y su cultura), y finalmente a través de cómo
comunican todo ello (imagen pública)”.
 La identidad de una organización es, según Villafañe, J. (1993), “el
conjunto de rasgos y atributos que definen su esencia, algunos de los cuales
son visibles y otros no” (p. 26), por tanto, tiene que ver con su ser, su forma
de ser, su esencia. Una vez definida la identidad los autores consultados en
el estudio, a la hora de aplicar el término, enfocan dos aspectos de la
Identidad Corporativa que a su vez son complementarios: a) el conjunto de
aspectos profundos que definen la empresa y b) el conjunto de elementos
visuales que identifican la organización.
a) Se trata de definir las bases distintivas de su personalidad, sus puntos
fuertes; también se trata de saber explotar esas fuerzas que están en
estado virtual y que hacen a cada empresa diferente, única y
difícilmente repetible. Costa, J. (2001) define esta tarea de la empresa
como un ejercicio de introversión “que las lleva a redescubrirse y a
reinventar estratégicamente su propia identidad” (p. 79).
De esta forma no sólo se descubren sus originalidades sino que
también esta definición que de ella misma hace se convierte en
sólidos cimientos que abren el futuro y salvaguardan de crisis y
situaciones de riesgo.
b) La identidad visual corporativa es la traducción simbólica de la
identidad corporativa de una organización, concretada en un programa
que marca unas normas de uso para su aplicación correcta.

Sirve para identificar y para diferenciarse de otras entidades con unas

normas de diseño visual rígidas en su aplicación pero no en su reelaboración
continua. Según Echevarría (1995)

…la función de la Identidad Visual es regular, por un lado, la

clasificación y ordenamiento de los elementos de identificación y, por
otro, intervenir sobre dichos elementos organizando y controlando todos
los recursos materiales y soportes de comunicación de la empresa y
organismo, obteniendo sobre las audiencias o públicos objetivos la
proyección de la imagen deseada. (p. 66)
 Sanz de la Tajada (1994) considera a la Identidad Visual como la forma
de:

…conseguir una unidad de comunicación en todos y cada uno de los

elementos o partes en que una empresa puede fraccionarse, llegando
así a cumplir dos condiciones básicas: alcanzar un nivel de
representatividad óptima de la empresa y minimizar el coste de
implantación. (p. 45)

Aquí el autor introduce un aspecto importante de la gestión eficaz de la

identidad visual, más allá del significado y metasignificado del Manual de
Identidad Visual, también se impone un sentido de practicidad y economía en
la administración empresarial gracias a la existencia de esta herramienta de
gestión de la comunicación

En primer lugar partiremos de la afirmación de que la Identidad Visual

Corporativa es una acción de Comunicación Corporativa. Comprobado hasta
el momento la necesidad de Comunicación Corporativa para contar con una
Imagen Corporativa, reflejo intencionado de la Identidad Corporativa, por
tanto, como dice Chaves (1990):

…de la gráfica hasta la indumentaria del personal; de la arquitectura y

el ambiente interior hasta las relaciones humanas y estilos de
comunicación verbal; de los recursos tecnológicos hasta las acciones
para institucionales; todos los medios corporativos (materiales y
humanos) devienen portavoces de la identidad del organismo, o sea
canales de imagen. (p. 14)

Por tanto, la Identidad Visual Corporativa es “un canal de imagen”. Todo

plan estratégico en comunicación debe basarse en una Cultura Corporativa
fuerte, donde se incluya la capacidad de acción inteligente con la
Comunicación como aliada necesaria. Costa (2001) considera la Imagen
Corporativa como una condición “potencial o latente” (p. 77), por tanto, no se
ponen en marcha por sí mismas sino que es necesario “realizarlas”. Costa
(2001) señala que la forma de llevarlas a cabo es a través de dos acciones:
“la acción productiva” y “la acción comunicativa”. La satisfacción del cliente y
el desarrollo de los negocios es la suma de ambos modos de acción. La
primera acción escapa a nuestras posibilidades, como expertos en
comunicación; pero la acción comunicativa es la que abordaremos.

Todos los investigadores en comunicación consultados coinciden en

considerar que la Identidad y la Imagen son de importancia decisiva, a corto
plazo porque aportan éxito y buenos resultados a las empresas, y a largo
plazo porque suponen la supervivencia de las organizaciones, ya que, nos
hallamos en un mundo cambiante, competitivo y global.

Por tanto, la Comunicación Corporativa se convierte en integradora de

acciones estratégicas diseñadas para corto, medio y largo plazo, y son
acciones de efecto duradero. El esfuerzo por normativizar en un Manual de
Identidad Visual Corporativa la esencia de la organización, significa la acción
coordinada e integrada con el resto de acciones de la organización, para
intervenir directamente sobre la Imagen Corporativa, de forma tangible y
programada.

La primera empresa que comprendió que la Identidad Visual

Corporativa era una acción estratégica y empezó a darle forma a una
incipiente necesidad, que aún no se sabía concretar conceptualmente, fue
AEG (Allgeneine Elektricitäts Gesellschaft). Emil Rathenau, fundador en 1883
de AEG en Berlín (Alemania), no sólo fue un avispado hombre de negocios,
sino que fue premonitor de la Identidad Visual Corporativa al considerar que
la comunicación era algo más y que reportaba beneficios. Rathenau encargó
a Otto Eckmann que diseñara un catálogo para la Exposición Universal de
París. Pero aún fue más allá, en 1907 nombró Jefe de Diseño al arquitecto y
diseñador Peter Behrens con la misión de diseñar la que fue la primera
Identidad Visual Corporativa de la historia. Behrens no sólo cambió el
logotipo de AEG sino que diseñó una serie unificada de objetos eléctricos,
como teteras, relojes, ventiladores, lámparas, etc., además de los edificios
industriales de fabricación, viviendas de trabajadores, etc. Le dio a AEG una
concepción unitaria a todas sus producciones, instalaciones y
comunicaciones.

En la implantación de la Identidad Visual Corporativa como estrategia

empresarial, el resto lo hizo el transcurrir del siglo XX: el desarrollo de
industrialismo, la implantación de la economía de consumo y el surgimiento
de la empresa moderna. Las organizaciones asimilaron, en primer lugar,
conceptos esenciales como el diseño en sus productos, primero, y el diseño
en su comunicación básica, después.

Como señala González Solas (2002) “su desarrollo (Identidad Visual)

corre paralelo al desarrollo del moderno concepto de diseño” (p. 38). Fue
durante los años 30 cuando se configuró un movimiento conceptual entorno
a la Identidad Visual que fue configurándose en una disciplina, en un saber
especializado y como uno de los aspectos de la Comunicación Corporativa.

Acercándose a la mitad del siglo pasado se produce una abundancia de

primeras formulaciones y formalizaciones conscientes y programadas de los
emblemas ya existentes “pero aún con aspecto visual algo historicista y
parafeudal, propio de las empresas familiares tradicionales: Mercedes,
Bayer, Olivetti, Pepsi, Danone. Los años 60 trajeron a la Identidad Visual una
redefinición y, como señalan Lupton y otros. A. (1989): “en paralelo con la
extensión del estilo internacional en arquitectura, la arquitectura de las
imágenes de empresa integra también la modernidad gráfica” (p. 45).
 Por tanto, puede decirse que, la Identidad Visual Corporativa es un
fenómeno bastante reciente, es un campo por continuar explorándolo, ya
que, es curioso que en un mundo donde la identidad está bastante
generalizada (globalización) se convierta en cuestión principal el que se
definan identidades parciales.

Producto Turístico de la Isla de Margarita

La competencia de un destino cualquiera depende en gran medida de la

similitud del tipo de producto turístico ofertado, por lo que se hace necesario
que la información que se le brinda al turista sea lo suficientemente orientada
hacia los mercados que demanden el tipo de producto que se desea
comercializar. En tal sentido, es necesario transmitir la información de
manera que el producto turístico del destino resalte sus ventajas y fortalezas
frente a sus inmediatos competidores, a fin de captar la mayor parte del flujo
turístico y así obtener la ventaja competitiva frente a los mismos.

Internet, como un medio de comunicación globalizado, ha permitido que

los diversos destinos turísticos en el mundo promocionen sus respectivos
productos turísticos con gran rapidez e innovación tecnológica, con el fin de
captar al turista potencial que busca conocer dichos destinos a través de
Internet.

Por ello, es fundamental la forma y recursos que se utilicen para

transmitir la información turística a través de Internet conociendo la forma en
que los competidores lo hacen a través de sus respectivas páginas web, a fin
de que se puedan adoptar medidas y utilizar los recursos que garanticen la
eficacia en la captación de los mercados emisores, mediante la
implementación de un sitio web que promocione y aporte información
relevante respecto a las opciones turísticas con las que cuente el destino.
 La Isla de Margarita se caracteriza por ofrecer un producto
principalmente de “Sol y Playa”, por lo que el Viceministerio de Turismo lo
enmarcó dentro del Polo de Desarrollo Turístico (PDT) Nº 2 en la formulación
del Plan Nacional Estratégico de Turismo 2003-2007 (PNET), en el cual el
PDT Nº 2 es denominado “Costas e Islas” y está referido a los destinos
turísticos dentro del Venezuela que poseen características de contacto con
playas y servicios turísticos complementarios relacionados a este tipo de
localidades. Además cuenta con aproximadamente 339 empresas turísticas
según el listado de oferta turística elaborado por Corpotur en el 2004, entre
las cuales hay del ramo de alojamiento, agencias de turismo y transporte
turístico terrestre y acuático.

Competencia Internacional de la Isla de Margarita

En el PNET (2003) se afirma que la competencia de Margarita a nivel

internacional está representada por República Dominicana, Aruba, Curazao,
Cuba y Cancún en México, en vista de que ofrecen un producto similar al
contemplado en el Polo de Desarrollo Turístico (PDT) Nº 2 donde está
circunscrito el Estado Nueva Esparta.

Sin embargo, según asegura el mismo PNET (2003), el producto

venezolano y por ende el de Margarita no ha tenido ni tiene un
posicionamiento sólido en el plano internacional, debido a que muchos
operadores han dejado de comercializar dicho producto por diversas
razones, entre las cuales destacan las dificultades con los operadores
locales, altos precios del destino, falta de políticas de promoción y la
inestabilidad política y económica.
 A partir de estos descriptores, el PNET (2003) identifica una serie de
problemas que constituyen las barreras en la venta del destino, entre los
cuales se destacan:
 Malos servicios, falta de promoción y poco apoyo a los operadores.
 Destino poco conocido en los mercados emisores.
 Falta de control de calidad.
 Débil posicionamiento en los canales de comercialización.
 Escasa capacidad para suministrar valor agregado a los destinos
turísticos.

Para dar respuesta a estos problemas, el Viceministerio de Turismo en

el año 2003 llevó a cabo un diagnóstico estratégico dirigido a identificar las
causas y efectos puntuales derivados de las mencionadas fallas,
detectándose la existencia del desconocimiento y desinformación sobre el
producto Venezuela, lo cual es generado a su vez por una deficiente
promoción del producto, indefinición de los canales de comercialización y la
subutilización de las embajadas y consulados en Venezuela en el exterior.

En ese sentido, es evidente la necesidad de diseñar e implementar

estrategias que permitan lograr una eficiente promoción del producto turístico
de Venezuela, para así generar un conocimiento adecuado del mismo en los
principales mercados nacionales e internacionales.

En consecuencia, el PNET plantea una serie de políticas para la

promoción del destino “Venezuela”, de sus segmentos y mercados objetivos,
proponiendo que se deben concentrar esfuerzos de comercialización y
promoción de los productos diseñados en función a los polos de desarrollo
turístico (PDT), aprovechando las innovaciones tecnológicas en todos los
ámbitos para el acceso a los mercados objetivos del destino y hacer mejoras
en la promoción en general.
 De la misma forma en el PNET (2003:74) se afirma que el Eje
Nororiental Costero continuará siendo un destino de gran atractivo para el
turismo interno y potencialmente para el turismo receptivo, por lo que es
necesario concentrar los esfuerzos de potenciar su producto mediante el
manejo de los siguientes mercados: Sol y Playa, Observación de Flora y
Fauna, Visita a centros poblados con valor tradicional, Agroturismo, Turismo
de aventura y Deportes Extremos y Eventos.

Por ello, es recomendable que la promoción de Margarita se oriente

hacia dichos mercados, puesto que las características propias del producto
turístico de este tipo de destinos así lo requieren. También es recomendable
seguir los lineamientos que establece el PNET en ese sentido debido a que
este plan constituye un instrumento factible para alcanzar las metas
propuestas en materia turística en Venezuela.

Así pues, la promoción turística a través de Internet se presenta como

una opción viable y eficaz para promocionar a la Isla de Margarita como
destino turístico caribeño, pero para lograrlo es necesario conocer cómo los
destinos del caribe que compiten con Margarita promocionan sus atractivos
turísticos mediante la utilización de este medio de comunicación. En tal
sentido, para conocer como es esta promoción, se procedió a seleccionar y
analizar los sitios web oficiales de los destinos identificados como la principal
competencia de la región.

Bases Legales

De entre todas las normativas que pueden afectar a una página web, es
preciso prestar especial atención a las siguientes:
 Constitución de la República Bolivariana de Venezuela (2000)

Artículo 58. La comunicación es libre y plural, y comporta los deberes y

responsabilidades que indique la ley. Toda persona tiene derecho a la
información oportuna, veraz e imparcial, sin censura, de acuerdo con
los principios de esta Constitución, así como a la réplica y rectificación
cuando se vea afectada directamente por informaciones inexactas o
agraviantes. Los niños, niñas y adolescentes tienen derecho a recibir
información adecuada para su desarrollo integral.

Es importante ya que protege la libre expresión, y aporta la lo que se

refleja que es dar información y aporta desarrollo a la creación de esta
investigación.

Ley sobre el Derecho del Autor (1997)

Artículo 1. Este reglamento tiene por finalidad desarrollar los principios

contenidos en la Ley sobre el Derecho de Autor y en la Decisión 351 de
la Comisión del Acuerdo de Cartagena, en lo relativo a la adecuada y
efectiva protección a los autores y demás titulares de derechos sobre
las obras literarias, artísticas o científicas, así como a los titulares de
derechos afines y conexos al derecho de autor.

Artículo 5. La protección reconocida por el derecho de autor recae

sobre todas las obras literarias, artísticas o científicas, cualesquiera sea
su género, forma de expresión, mérito o destino. El derecho de autor es
independiente del objeto material que contiene la obra, cuya
enajenación no confiere al adquiriente la titularidad de derechos sobre
la creación o la licencia para su explotación, salvo disposición legal
expresa en contrario.

El articulo 1 y 5 ayuda Toda persona es protegida, haciendo valer los

derechos sobre sus obras. Aporta a los investigadores la seguridad y
protección de sus creaciones. Toda aquella persona que haya utilizado su
creatividad para la creación de obras, será merecedor de los derechos solo y
exclusivamente por ser el creador y poseedor de sus pensamientos e ideas,
el cual es libre de expresar en ella lo que quiera. Es importante para la
investigación realizada porque legalmente el diseño elaborado es propio, una
vez ya creado y jamás sería utilizado por otra persona a menos de que
legalmente sea autorizado. Se especifica que están protegidas por los
derechos y no serán usadas.
Definición de Términos Básicos

Para una mejor comprensión del tema expuesto se explican los

siguientes temimos:

Diagramación: es un oficio del diseño editorial que se encarga de

organizar en un espacio, contenidos escritos, visuales y en algunos casos
audiovisuales en medios impresos y electrónicos, como libros, diarios y
revistas. (http://lexicoon.org/es/diagramacion)

Diseño: Traza o delineación de un edificio o de una figura.

(http://buscon.rae.es/drae/srv/search?val=dise%F1os)

Dirección: (IP es un acrónimo para Internet Protocolo) son un número

único e irrepetible con el cual se identifica una computadora conectada a una
red que corre el protocolo IP.
(http://web.uservers.net/ayuda/soluciones/dominios/que-es-una-direccion-
ip_NTk.html)

Gastronomía: Del g. gáster, estómago, bajo vientre, ventrículo, vientre,

etc. y de nomos, ley, regla, base. Arte, colección de reglas, para comer bien;
afición a los buenos bocados.
(http://www.boletin-turistico.com/component/k2/item/4725-definici%C3%B3n-
de-la-gastronom%C3%ADa-y-su-evoluci%C3%B3n)
 GIF Formato de Intercambio de Gráficos (Grafhics Interchange
Format); un formato de archivo para imágenes que fue elaborado por
CompuServe. (http://www.glosarioit.com/#!GIF)

Gopher: Un programa tipo FTP orientado a menús, que accede a texto

en Internet pero no a ilustraciones, vínculos o cualesquiera de las otras
características avanzadas WWW.(
http://www.larousse.com/es/diccionarios/ingles-espanol/gopher/15736)

GUI Interfaz Gráfica de Usuario (Graphical User Interface); una

pantalla gráfica que permite al usuario interactuar con la computadora.
( http://www.proyectoautodidacta.com/comics/la-interfaz-grfica-de-usuario-
gui/)

HTML Lenguaje de Marcado de Hipertexto (HyperText Markup

Languaje); el lenguaje de programación de WWW.
(http://www.codecademy.com/es/tracks/web)

Imagen: Figura, representación, semejanza y apariencia de algo.

(http://buscon.rae.es/drae/srv/search?id=JbMNeeIwxDXX2XYyEBR0)

Interfaz: Zona de comunicación o acción de un sistema sobre otro.

(http://www.wordreference.com/definicion/interfaz)

Mosaic Primer navegador de la NCSA, inventado para utilizar la

World Wide Web. Fue creado en el NCSA en enero de 1993 por Marc
Andreessen (el cual desarrolló parte del código, como la posibilidad de
acceso a páginas en disco mediante protocolo file://) y Eric Bina.(
http://mosaic.uoc.edu/)
 NetNews es un servicio de Internet donde las personas que comparten
intereses comunes pueden hablar sobre temas favoritos en un foro abierto.
(http://metodosestadisticos.unizar.es/asignaturas/10234/lasala/glosario.pdf)

TCP/IP Protocolo de Control de Transmisión/Protocolo Internet

(Transmission Control Protocol/ Internet Protocol); el estándar de las
comunicaciones en Internet. Telnet Programa de software que permite
enlazarse con computadoras remotas.
(http://www.protocols.com/pbook/tcpip1.htm)

URL Localizador Uniforme de Recursos (Uniform Resource

Locator); el medio para localizar una página de inicio de Web.(
http://www.url.edu.gt/Portalurl/)

World Wide Web: es un medio global de información cuyos usuarios

pueden leer y escribir a través de computadoras conectadas a Internet.
(http://www.elmundo.com.ve/noticias/tecnologia/internet/la--world-wide-web--
cumple-25-anos.aspx)
 CAPÍTULO III
MARCO METODOLÓGICO

En el siguiente capítulo se describe el diseño dentro del cual se ubica la

investigación, así como la población y el criterio para obtener y registrar la
información presentada en este trabajo de investigación.

Tipo de Investigación y diseño

Siendo que el trabajo de investigación supone una investigación de

campo definido por Arias, (2009), como: “la recolección de datos
directamente de los sujetos investigados o de la realidad donde ocurren los
hechos” (p. 31), está basado en el paradigma critico el cual, según Kuhn, T.
(2009) éste “introduce la ideología de forma explícita y la autorreflexión critica
en los procesos del conocimiento. Tiene como finalidad la transformación de
la estructura de las relaciones sociales y dar respuesta a determinados
problemas generados por éstas” (p. 9)
De igual manera, enmarcada dentro de una investigación social,
señalada por Hernández, R.; Fernández, C. y Baptista, P. (2003) como
aquella que permite: “…estudiar una situación social para diagnosticar
necesidades y problemas a los efectos de aplicar los conocimientos con
finalidades prácticas” (p. 29), se determinarán éstos aspectos en la
problemática planteada dentro de la promoción del estado Nueva Esparta,
con los elementos adecuados para el establecimiento de una correcta
identidad visual.
De igual manera, la investigación procurará establecer el carácter
colectivo de su enfoque, teniendo en cuenta que los distintos individuos que
hacen uso de los medios electrónicos en la búsqueda de destinos turísticos
se relacionan entre sí de forma estrecha puesto que hay una relación por el
fuerte compromiso para el cambio, donde el investigador es un sujeto más, y
sus métodos de mayor utilidad son el estudio de casos y técnicas
participativas.
Por otro lado, el tipo de investigación es referido por Sabino, C. (2012)
“una investigación puede definirse como un esfuerzo que se emprende para
resolver un problema, claro está, un problema de conocimiento” (p. 47).
Importa destacar que la investigación también se enmarca en las
denominadas Proyecto Factible, que viene a ser una modalidad de trabajos
de grado, el cual consiste, según la Universidad Pedagógica Experimental
Libertador UPEL (2004) en:

La elaboración y desarrollo de una propuesta de un modelo operativo

viable para solucionar problemas, requerimientos o necesidades de
organizaciones o grupos sociales, puede referirse a la formulación de
políticas, programas, tecnologías, métodos o procesos. El proyecto
debe tener apoyo en una investigación de tipo documental, de campo o
un diseño que incluya ambas modalidades. (p.16)

Desde este punto de vista, los proyectos factibles se llevan a cabo para
atender a una necesidad, presentada en una institución, organización o
grupo social, es decir está dirigida a resolver problemas de carácter práctico
por consiguiente no se aspira con este trabajo responder a problemas del
saber o a interrogantes mediante la búsqueda de nuevos conocimientos. Así
interpretando a Arias (2009) se tiene que en estos proyectos se trabajan
objetivos de “acción” es decir, procesos, actividades y no se requiere de una
postura teórica explicita y en este sentido este autor expone:
 No se debe confundir un proyecto de investigación con proyectos de
inversión de carácter económico o social, los cuales constituyen
ejemplos típicos de proyectos factibles. Claro está, la formulación de un
proyecto factible recurren a la investigación aplicada (de campo o
documental), la cual proporciona los conocimientos de utilización
inmediata que sustenta la propuesta. (p. 33)

El problema principal en esta comunidad consiste en la variada oferta

turística que hace un uso inadecuado de los elementos de diseño web para
la promoción turística de la Isla de Margarita a través de este medio. Esta
etapa del proceso investigativo amerita, en concordancia con los objetivos
del estudio, del análisis cuantitativo referido a la importancia del diseño,
diagramación y montaje de interfaz apropiado para una página web, los
criterios a considerar para crear un nombre adecuado para una página web
de promoción turística del estado Nueva Esparta que sea de fácil
memorización para el usuario, ofrecer un contenido que conformará la
información que contendrá la página dándole importancia a los elementos de
diseño se deben tener en cuenta para la elección de colores, tipografía,
imágenes, información, herramientas y técnicas para la creación de la
interfaz de la página web, para finalmente establecer la necesidad de un
diseño de identidad visual de esta página web.

Población y Muestra

Según Sabino (2012) “La población, también llamada universo o

colectivo es el conjunto de elementos de referencia sobre el que se realizan
las observaciones” (p. 117). Para la realización de este trabajo se tomarán
como población a un grupo de Siete (7) personas relacionadas al tema objeto
de investigación como: Roberto Malaver (Editor del Sol de Margarita), Dany
Fuentes (jefa de redacción de El Sol de Margarita), Ángel Calderón (Director
de Diseño Web de la Revista Margarita al día), Rafael Ricardo Suarez
(Director de contenido de la Revista Margarita al día), Eduardo Franco (Chef
de la publicación Habitad a la carta margarita), Gollito Estredos (Campeón de
windsurf nacido en la isla y conocedor de los deportes que allí se practican),
Susana Duijm (primera latinoamericana en ganar el concurso internacional
"Miss Mundo" en 1955. Anteriormente fue elegida "Miss Venezuela 1955")
En vista de ello, como muestra se seguirán los parámetros de Pérez,
1978, citado por Valderrama (1997) expresa: “Cuando se tiene poblaciones
que oscilen entre 100 y menos sujetos es recomendable seleccionar a todos
estos, dependiendo de la situación geográfica, circunstancias, y del problema
a investigar (p. 40). De acuerdo con lo manifestado por el autor, la muestra
fue intencional a la totalidad de éstas, es decir, Siete (7) personas, ya que
sus unidades se escogen no en forma fortuita sino completamente arbitraria,
por parte de los investigadores.

Técnicas e Instrumentos para la Recolección de la Información

Las técnicas de recolección de datos comprenden procedimientos y

actividades que le permiten al investigador la obtención de la información
necesaria para dar respuesta a la pregunta de investigación. En relación a
este tema expresa Arias (2006), una técnica de recolección de datos “es el
procedimiento o forma particular de obtener datos o información” (p. 93).
Por otra parte, los instrumentos de recolección de datos, le permiten al
investigador almacenar en un medio material los datos obtenidos en la
investigación, Fidias, (2004) señala que: “Un instrumento de recolección de
datos es un dispositivo o formato (en papel o digital), que se utiliza para
obtener, registrar o almacenar información” (p. 67).
Al respecto en la investigación utilizarán como técnica para recolectar
los datos la observación, la revisión bibliográfico-documental y la entrevista
no estructurada, caracterizada porque las preguntas son iguales para todos
los entrevistados y formuladas en el mismo orden, según el sector de la
muestra a la que vaya dirigida sosteniendo como tema fundamental el
conocimiento de los lugares, sitios, eventos y actividades de la isla y permitió
conocer cuales eras las necesidades turísticas de la misma a nivel
publicitario e informativo.
Por un lado, la revisión documental, es la técnica que se basa en la
interpretación de datos registrados por otros investigadores, la Universidad
Nacional Abierta, U.N.A. (1998) define la investigación documental como
“procedimiento científico y sistemático de indagación, recolección,
organización y presentación de datos e información alrededor del tema que
se va a exponer…” (p. 38). Es decir, con esta técnica se conocerán
basamentos teóricos que permitirán profundizar en los elementos del diseño
web, psicología del color, la interfaz, identidad visual y otros aspectos ligados
al tema de investigación que aporten sustento a la propuesta a desarrollar.
Como instrumento para la revisión documental se utilizará la ficha, la
cual es definida por Sabino (2002) acota: “El instrumento de recolección de
datos "es, en principio, cualquier recurso del que pueda valerse el
investigador para acercarse a los fenómenos y extraer de ellas información"
(p. 46). Mediante este instrumento se realizará una recolección y
almacenamiento de información relacionada con el tema tratado de manera
más concisa y sistemática.
Mediante la técnica de la Observación Directa se podrán percibir los
hechos tales como ocurren en el área de estudio, así como también recopilar
la información necesaria para el desarrollo del informe, según Méndez
(1991), la observación se refiere al “uso sistemático de nuestros sentidos en
la búsqueda de datos que necesitamos para resolver un problema de la
investigación” (p. 105).
Para la realización del trabajo de investigación se utilizará esta técnica
para que los investigadores visualicen y capten la problemática presente en
el medio promocional y de diseño respecto a la oferta actual en el medio web
de la Isla de Margarita y su promoción como destino turístico. Esta técnica se
ejecuta con la aplicación de una guía de observación, definida por Ob. Cit.,
(1991), como: “un documento que permite encausar la acción de observar
ciertos fenómenos” (p. 110), donde se cotejan variables y aspectos
previamente establecidos, relacionados con el fenómeno a observar.
Finalmente la técnica de la Entrevista No Estructurada, definida por
Sabino (1992) como “aquella en que no existe estandarización formal”,
otorgando “al entrevistador la posibilidad de escoger un número limitado de
respuestas posibles” (p. 160); se basó en la recolección de testimonios
verbales, mediante la elaboración de preguntas directas a un grupo de Siete
(7) personas calificadas y vinculadas con el tema a desarrollar, con el
propósito de conocer detalles que proporcionen valores a las variables
preponderantes en el tema objeto de estudio.
La aplicación de esta técnica se llevará a cabo mediante un
cuestionario, que según Sánchez, citado por Balestrini, (1997), “es un
instrumento para recolectar información conformado por preguntas de
naturaleza variada y expresada en diferentes formatos con el objeto de
obtener respuestas de las personas inmersas en el estudio”. (p. 45).
El mencionado instrumento, ha sido diseñado con preguntas referidas a
la importancia del diseño, diagramación y montaje de interfaz apropiado para
una página web, los criterios a considerar para crear un nombre adecuado
para una página web de promoción turística del estado Nueva Esparta que
sea de fácil memorización para el usuario, ofrecer un contenido que
conformará la información que contendrá la página dándole importancia a los
elementos de diseño se deben tener en cuenta para la elección de colores,
tipografía, imágenes, información, herramientas y técnicas para la creación
de la interfaz de la página web, para finalmente establecer la necesidad de
un diseño de identidad visual de esta página web.

Técnicas de Análisis y Procesamiento de la Información

 Según Sabino, (2000), las técnicas para el procesamiento de
información es: “…un procedimiento propio de los diseños llamados de
campo cuyos propósitos pueden ser describir, analizar, comprar, explicar,
entre otros, ciertos eventos por medio de datos de fuentes directas…” (p.
162)
En este punto se describen las distintas operaciones a las que serán
sometidos los datos que se obtengan como herramientas útiles para
organizar, describir y analizar datos recogidos con los instrumentos de
investigación. Arias, (1999), comprende “…se describen las distintas
operaciones a las que serán sometidos los datos que se obtengan”. (p. 53).
Esta etapa del proceso investigativo se amerita, en concordancia con los
objetivos del estudio un análisis cualitativo, señalado por Rodríguez, Flores, y
García (1996) como aquella que: “…empleando métodos de recolección de
datos que son no cuantitativos”, tienen como propósito: “…explorar las
relaciones sociales y describir la realidad tal como la experimentan sus
correspondientes protagonistas” (p. 19), es decir, que establezca la
prevalencia de opiniones de los entrevistados.

Fases del Proyecto

Para el desarrollo de un sitio Web se consideraron pertinentes cinco

etapas clave que se describen a continuación:

1era. Etapa – Investigación - Diagnostica

La investigación debe considerar la cartera de Internet entorno al sitio

Web propuesto. Las oportunidades de consolidación son considerados con
base en su contexto. Una revisión de sitios similares, así como el material de
marketing existentes pueden ayudar a identificar un estilo para el diseño.
 La selección de las características del problema fue realizada a partir de
las observaciones realizadas en los distintos sitios web que proporcionan
información similar a la que conformó la propuesta, a fin de establecer
correctamente los objetivos de investigación y lograr la corresponsabilidad
con las variables a considerar para el análisis en la etapa de resultados.

2da. Etapa – Planificación

En la etapa de planificación se tomaran distintos puntos de

consideración que permitan formular las etapas secuenciales, para ello, se
debe considerar:
 Entender a su audiencia y sus necesidades actuales y a futuro.
 Definir claramente el propósito del sitio Web
 Asignar los temas y contenidos que le gustaría cubrir
 Decidir cómo se llamará el sitio
 Comprobar la disponibilidad del nombre de dominio y registrarlo
 Hacer un análisis de lo que otros sitios han hecho

Con base en las preferencias del contenido se crea un mapa de la

arquitectura del sitio para demostrar visualmente cómo se organizan el
contenido y la estructura del sitio.

3era. Etapa - Definición de Objetivos, Costos y Recursos

La consolidación puede mejorar la experiencia del usuario mediante la

simplificación de la recuperación de recursos al tiempo que reduce los costos
de desarrollo y mantenimiento. Todo se encuentra centrado en definir los
objetivos. Construir las ideas y preferencias de la empresa para establecer
metas alcanzables en el sitio Web. Además debe considerarse que, a
diferencia de un documento registrado en otro soporte, un sitio Web no se
concluye, registra y distribuye, por el contrario; permanece en un lugar lógico,
presentando información, crecimiento, actualizándose o desactualizándose.
Los aspectos administrativos abarca los recursos, las capacidades y el
tiempo necesario para el desarrollo del informe de pasantía, los cuales son:
talento humano, recursos materiales, recursos institucionales, y recursos
financieros.
Recursos Institucionales: Para la investigación se consideran como
medios y elementos institucionales, fuentes activas, de ahí que los recursos
institucionales sean considerados por Ander-Egg, (2010) como: “todo medio,
elemento institucional disponible para satisfacer una necesidad, resolver un
problema o realizar una acción”. (p. 259). Están conformados por la
Coordinación de Diseño Gráfico del Instituto Universitario de Tecnología
Industrial “Rodolfo Loero Arismendi”.
Recursos Humanos: Desde el punto de vista metodológico, Mendoza
(2010), señala que el talento humano en una investigación: “se refieren a las
personas (investigadores, auxiliares, secretarias, etc.) que van a realizar
actividades complementarias” (p. 4). Los recursos humanos van a estar
formados por todas aquellas personas vinculadas con este trabajo de
investigación, el desarrollo del mismo depende primordialmente de:
 Roberto Malaver (Editor del Sol de Margarita),
 Dany Fuentes (jefa de redacción de El Sol de Margarita),
 Ángel Calderón (Director de Diseño Web de la Revista Margarita al
día),
 Rafael Ricardo Suarez (Director de contenido de la Revista Margarita
al día),
 Eduardo Franco (Chef de la publicación Habitad a la carta margarita),
 Gollito Estredos (Campeón de windsurf nacido en la isla y conocedor
de los deportes que allí se practican),
  Susana Duijm ("Miss Venezuela 1955". Primera latinoamericana en
ganar el concurso internacional "Miss Mundo" en 1955)

Recursos Materiales: Para Mendoza (2010) se entiende que los

recursos materiales en una investigación: “…describen las instalaciones, el
equipo y los componentes necesarios para la realización del proyecto” (p. 4).
Para la ejecución de este trabajo será necesario contar con un equipo de
computación, materiales de oficina como: papel, carpetas, bolígrafos, lápiz,
impresoras, dispositivo de almacenamiento portátil y demás accesorios que
facilite el desarrollo del proceso investigativo.
Recursos Financieros: Durante el desarrollo del informe es necesario
realizar las siguientes preguntas: ¿Qué cantidad de recursos financieros se
requerirán para cada actividad y para remunerar a los recursos humanos y
adquirir los recursos materiales? ¿Dónde se obtendrán esos fondos?. Estos
recursos serán costeados por medios propios estando desglosados
detalladamente en el cuadro que a continuación se presenta:

Costo
Costo
Cantidad Concepto Unitario
Total (Bs)
(Bs)
3 Lapiceros 10,00 30,00
6 Lápices 5,00 30,00
4 Resma de papel 350,00 1.400,00
250 Fotocopias 3,00 750,00
500 Impresiones 3,50 1.750,00
3 Encuadernaciones 400,00 1.200,00
6 Carpeta tipo carta 10,00 60,00
1 Dispositivo de almacenamiento portátil 350,00 350,00
TOTAL Bs 5.570,00
Fuente: Elaboración propia, 2015
 4ta. Etapa - Diseñar, construir y hacer pruebas

Una vez establecido el diseño final del sitio y el contenido, se

incorporan fotografías y todo el diseño gráfico para complementar el sitio
Web. En esta etapa la estructura del sitio se encuentra desarrollada y en fase
de prueba por los usuarios y grupos de interés por parte de la empresa. El
sitio Web se ha lanzado y se encuentra trabajando en vivo.

5ta. Etapa - Operar, mantener y evaluar.

En esta etapa el sitio Web es controlado y en constante mantenimiento

para posibles mejoras. Se procura obtener informes sobre el rendimiento,
para asegurar que el sitio Web sea un éxito. Uno de los elementos del plan
de mantenimiento debe ser la evaluación periódica del sitio, esta evaluación
podría dar lugar a una decisión de mejora o reconstrucción total de la misma.
Una correcta evaluación puede dar lugar a la consolidación de los
contenidos y por ende del sitio, por otro lado, también puede determinar poco
rentable la operación. Se planteará una agresiva campaña de marketing a
través de motores de búsqueda para obtener una clasificación pronta,
además de programas de mantenimiento periódico sobre el sitio.