“AÑO DEL DIALOGO Y LA RECONCILIACIÒN NACIONAL”

FACULTAD DE CIENCIAS ADMINISTRATIVAS

CARRERA PROFESIONAL ADMINISTRACIÓN DE NEGOCIOS
INTERNACIONALES

Tema:

DISEÑO DE LOS SITIOS WEB

2018
 INDICE
RESUMEN ......................................................................................................... 3

CAPITULO I ....................................................................................................... 4

GENERALIDADES DE UN SITIO WEB ............................................................ 4

1.1 INTRODUCCION. ..................................................................................... 4

1.2 DEFINICION DE UN SITIO WEB. ............................................................ 4

1.3 OBJETIVOS DE UN SITIO WEB. .......................................................... 4

CAPITULO II ...................................................................................................... 6

ESTRUCTURA DE UN SITIO WEB ................................................................... 6

2. DISEÑO DE SITIO WEB. .......................................................................... 6

2.1 DOMINIO .............................................................................................. 6
2.1.1 TIPOS DE DOMINIO. ............................................................................ 7
2.2 HOSTING. ............................................................................................. 7
2.2.1 CARACTERISTICAS DEL HOSTING. ................................................... 8
2.3 DISEÑO Y DESARROLLO. ................................................................... 9

CAPITULO III ................................................................................................... 12

ETAPAS PARA CREAR UN SITIO WEB ........................................................ 12

3.1 INVESTIGACIÓN Y PUESTA EN MARCHA DEL PROYECTO .............................. 12

3.2 PLANIFICACIÓN ...................................................................................... 13
3.3 DISEÑO. ............................................................................................. 14
3.4 DESARROLLO DE LA WEB Y PRIMERAS PRUEBAS........................................ 15
3.5 LANZAMIENTO Y EVALUACION. ....................................................... 15
3.6 MANTENIMIENTO. ............................................................................. 15

CONCLUSIONES ............................................................................................ 16

RECOMENDACIONES .................................................................................... 17

BIBLIOGRAFIA ............................................................................................... 18

2
 RESUMEN

El contenido de un sitio Web es de suma importancia ya que este es aquel

que va a marcar la pauta para catalogarlo como bueno o malo, debido a
que el objetivo fundamental de todo sitio web es el de aportar algo a los
visitantes, se debe analizar cuidadosamente lo que el sitio aportara, sin
abusar del contenido textual.

Otro punto importante es que al diseñar el sitio web independientemente

de la herramienta con la que se esté desarrollando, es tomar muy en
cuenta la seguridad que esta va a tener para que ningún agente externo
(programa, aplicación o virus)puede dañar o modificar el propio diseño y
lo hará obsoleto o inservible sin autorización de los propios diseñadores.

Diferentes autores a nivel mundial han tratado el diseño de los sitios web,
sus etapas, así como la necesidad de un trabajo multidisciplinario para
alcanzar los objetivos propuestos para cada uno de ellos. Se abordan los
conceptos diseño de información, producto de información digital,
arquitectura de información y de alfabetización informacional para mejorar
la comprensión del tema estudiado. Se expone un conjunto de aspectos
básicos y recomendaciones para diseñar adecuadamente un sitio desde
el punto de vista de su arquitectura informacional. Un sitio web se
construye esencialmente para satisfacer las necesidades informacionales
de sus usuarios potenciales.

Por otro lado este trabajo tratara de dar un enfoque actual y personal,
tratando de ser útil para el público interesado.

3
 CAPITULO I
GENERALIDADES DE UN SITIO WEB
1.1 INTRODUCCION.
Existen en la actualidad enormes facilidades para la edición de sitios Web,
les resulta muy sencillo crearlos y colocarlos a dominio del público. En
consecuencia la Web está poblada de muchos sitios de escaso valor, rigor
y calidad, ya sea por su contenido o por deficiencias de estructura y
formato.

La creación de estos sitios web no siempre responde a propósitos claros

de contenido o recuperación, no todos los sitios están creados para ser
usados y encontrados. A veces su creación obedece solo a una
necesidad de marcar presencia en la web sin claridad de propósitos.

1.2 DEFINICION DE UN SITIO WEB.

Los sitios web son estructuras de información como tantas otras, las
singularidades que aportan las características como: la hipertextualidad,
la forma gráfica, el acceso y la interactividad.
Al igual que cualquier otro documento deben ser pensados críticamente y
concebidos en términos de proyecto.

1.3 OBJETIVOS DE UN SITIO WEB.

Una página web tiene la misión esencial de vincular los visitantes con el
vasto mundo de la información de un modo agradable y eficiente. Los
contenidos sin un formato normalizado en el web y las facilidades que
brinda la hipermedia permiten, además de acceder a la información de un
modo entretenido, satisfacer los requerimientos y gustos de los más
disímiles usuarios.

4
Ante el cúmulo de información en diversos formatos que introduce el
WWW se hace necesario atender al diseño informacional de cualquier
página o sitio. A menudo, se menosprecian normas simples para la
realización de interfaces como el correcto del lenguaje; la necesaria
correspondencia semántica entre titulares y contenidos, así entre íconos
y textos. Estas y otras transgresiones a un diseño correcto producen
ambigüedades en la información que ofrece un sitio y generalmente
obedecen a la carencia de un estudio previo y unos criterios apropiados
para una organización y presentación ajustada a las necesidades de
información y comunicación de sus usuarios potenciales.

5
 CAPITULO II
ESTRUCTURA DE UN SITIO WEB

2. DISEÑO DE SITIO WEB.

Al momento de pensar en diseñar un sitio web de una organización social,

se debe primero tener en cuenta lo que esto implica, para lo cual a
continuación se definen los tres elementos básicos que todo sitio web
involucra: dominio , Hosting , diseño y desarrollo

2.1 DOMINIO

Es el nombre que identifica a todo sitio en Internet. Por ejemplo,

google.com. El dominio no incluye un sitio web como tal, sino única y
exclusivamente el nombre que se coloca en la dirección del navegador
para ingresar al sitio.

El nombre de dominio es algo que cada organización debe definir y

decidir. Para fundaciones, asociaciones y entidades sin fines de lucro
generalmente se utiliza el mismo nombre de la organización seguido por
la extensión .org. De esta forma, por ejemplo, si la organización se llama
“Fundación Corazón Amigo”, se puede pensar que el dominio que deberá
elegir podría ser fundacioncorazonamigo.org ó corazonamigo.org. Hay
que tomar en cuenta que las tildes no se utilizan.

No es obligatorio elegir un dominio del tipo .org, sin embargo se esperaría

que una organización escoja ese tipo de extensión para su sitio. En caso
de que no esté disponible el dominio que busca, puede intentar con otra
extensión, por ejemplo, .com, .info, o los dominios de Ecuador .ec y
.org.ec.

6
2.1.1 TIPOS DE DOMINIO.
Además de los niveles de primer orden que permiten organizar a los
nombres de dominio por consideraciones geográficas, existen otros
elementos que puede formar el nivel superior; estos corresponden a
sufijos superiores que indican de modo claro el tipo de organización.

Existen dos tipos de dominios: loa genéricos y los particulares de cada

país:

A. DOMINIO GENERICO.
Los nombres de dominio genérico terminan en: COM, EDU, NET,
ORG, MIL, INT.
COM: Sitio web de carácter comercial.
NET: Sitio web de una red.
ORG: Sitio web de una entidad sin ánimo de lucro.
EDU: Sitio web de entidades educativas.
MIL: Sitio web de entidades militares.
INT: Sitio web de organizaciones establecidas por tratados
internacionales entre gobiernos.
B. DOMINIO PARTICULARES.
Para cada país terminan con un código de 2 letras y se basan en las
normas establecidas por la Organización Internacional de Estándares
(ISO).
ES: España
AR: Argentina
BR: Brasil
HN: Honduras
PR: Puerto Rico

2.2 HOSTING.
Se conoce como hosting al espacio en el que está alojado el sitio web; en
otras palabras, para que un sitio web aparezca en Internet, los archivos
que lo componen deben estar guardados en el disco duro de un servidor
que permanezca conectado las 24 horas del día y los 365 días del año. El

7
 alquiler de este espacio en el disco duro de tal servidor es lo que se
conoce como hosting.

Existen varios tipos de hosting, cada uno con diferentes características y

costo de acuerdo a lo que el sitio web requiera. Como clasificación
general, puede decirse que existen dos tipos principales: hosting linux y
hosting windows. La diferencia entre ambos radica en el sistema operativo
que los servidores utilizan; la decisión de elegir uno u otro muchas veces
depende de los requerimientos técnicos del sitio web.

En cuando a costo, es común encontrar proveedores de hosting que

establecen tarifas mensuales por este servicio, sin embargo, usualmente
la contratación implica un pago anual por adelantado que varía en función
de las características que elija.

2.2.1 CARACTERISTICAS DEL HOSTING.

Como características principales a considerar para contratar un hosting
podemos destacar:

A. Espacio en disco: Dependerá del tamaño del sitio y de la proyección

que se tenga a futuro. Por ejemplo, si el sitio web “pesa” en total 10 MB, y
se considera que durante 1 año guardaremos 50 MB adicionales,
entonces el sitio requerirá mínimo 60 MB de hosting. Si el plan que se
contrata ofrece más espacio, obviamente mejor.

B. Transferencia mensual: Se refiere al volumen de información que el

sitio transmitirá y recibirá durante 1 mes. Por ejemplo, si la página principal
del sitio tiene un tamaño de 1 MB, y recibe 15 visitantes al mes, la
transferencia mensual que el sitio generará en este caso será de algo más
de 15 MB (15 visitas x 1 MB cada una). Si el sitio recibe más visitas y si
los visitantes revisan más páginas, la transferencia será mayor. De allí que
se debe hacer una estimación acerca de qué tan visitado podrá ser y qué
tan pesadas serán las páginas, para en función de eso elegir.

8
 C. Opcionales: Adicionalmente, los planes de hosting incluyen otras
características que generalmente se refieren a parámetros técnicos y
funcionalidades que le permitirán al sitio web operar de manera adecuada,
por ejemplo, cuentas de correo electrónico, bases de datos, correo web,
etc. La decisión en este punto depende de lo que el sitio web utilice. Si no
utiliza base de datos, entonces esta característica no será necesaria; si se
necesita 20 cuentas de correo electrónico, buscaremos un plan que las
incluya.

2.3 DISEÑO Y DESARROLLO.

El tercer elemento a considerar es el diseño del sitio, el cual no solo se
limita a un tema de elegir una distribución de las secciones, escoger qué
imágenes vamos a incluir y qué colores vamos a usar, sino que involucra
diseñar la experiencia que el usuario tendrá al ingresar a nuestro sitio.
Existe una palabra que resume todo esto, y es “usabilidad”.

En cuanto a la web, la usabilidad es “eso” que hace que uno se sienta a

gusto en determinado sitio. Se trata de la combinación de diversos
elementos, desde los colores, las imágenes, lo fácil que se puede
manejarlo, lo útil que pueda parecer. En general, criterios que percibe y
que hace que se lo visite repetidamente.

Para entender un poco se pueden utilizar como referencia los llamados 10

principios planteados por Jakob Nielsen, ingeniero danés considerado
como un experto mundial en usabilidad para la web:

1. Incluye una frase corta descriptiva: Comienza el sitio con una frase
que resuma lo que la organización hace, especialmente si no es muy
conocida. Incluso aquellas más conocidas deben mostrar claramente su
propósito en su página principal.

2. Escribe un título de página que sea visible para los

buscadores: Toda página web tiene un título que se muestra en la barra
superior de tu navegador. Se olvidará de comenzar el título con

9
“Bienvenido a” ó “Sitio de”, a no ser que se quiera ser clasificado como un
sitio de bienvenidas o de lugares.

3. Agrupa la información corporativa en una sola página: Saber más

acerca de la organización es raramente lo primero que hacen los usuarios
cuando visitan un sitio, pero a veces las personas necesitan detalles sobre
quién eres. Una página “Acerca de” es la mejor forma de agrupar esta
información.

4. Dale énfasis a las principales tareas que el usuario puede hacer en

el sitio: La página principal debe mostrar claramente lo que un usuario
puede hacer; que le resulte fácil encontrar las secciones que contiene y la
información que se ofrece.

5. Incluye la opción Buscar: Coloca un recuadro donde el visitante

pueda escribir palabras que desee buscar dentro del sitio para que ahorre
tiempo.

6. Incluye ejemplos de contenido del sitio: En la página principal no

solo se coloca enlaces a otros artículos dentro del sitio, sino que también
incluye un resumen o avance de artículos recientes.

7. Comienza los nombres de los enlaces con la palabra más

importante: Los usuarios no leen completamente el texto que coloca en
el sitio, sino que hacen un escaneo visual y hacen click en lo que les
interese. Si se quiere que lean algo en especial, destaca las palabras
importantes.

8. Ofrece facilidad de acceso a contenido reciente: Crear una lista de

temas recientemente tratados y mostrarla en la página principal. Así quien
regresa para leer algo lo encontrará fácilmente.

9. No sobrecargues de diseño las áreas críticas, como el menú: Se

puede pensar que las áreas importantes de la página requieren gráficos
avanzados, animaciones, colores; sin embargo, los usuarios a veces los

10
confunden con publicidad y se enfocan en las partes del sitio que les
parecen más útiles.

10. Utiliza gráficos que tengan sentido: No solo se debe utilizar

imágenes decorativas, sino que se debe buscar gráficos o fotos que
refuercen el mensaje que se quiere comunicar y que tengan relacion con
los temas que se trata.

11
 CAPITULO III
ETAPAS PARA CREAR UN SITIO WEB
El más sencillo sitio web tiene tras de sí muchas horas de trabajo, planificación
y seguimiento. Desde la idea original hasta el lanzamiento hay que pasar por
varias etapas imprescindibles. Prestarle la atención que merece cada una te
abrirá el camino a tener una web exitosa.

Tu web será tu principal medio de comunicación online con clientes actuales y

posibles compradores. Debe reflejar la imagen de la empresa y hablar en el
mismo idioma de los usuarios. Es decir, debe parecerse al negocio y al público
objetivo al mismo tiempo.

Además, tiene que garantizarle una buena experiencia al visitante (usabilidad).

De lo contrario, no pasará de ser una visita única. Aunado a todo esto, la web
debe verse en cualquier dispositivo del que disponga el usuario.

Con todo esto queremos dejar claro que en el diseño web debe haber equilibrio
entre la arquitectura, el diseño, contenido y tecnología. ¿Cómo logras hacer
esto? Investigando. Tu proyecto debe comenzar con un sondeo del mercado. Así
sabrás a qué te enfrentas, a la vez que defines tus objetivos.

Para tener una web funcional y que responda a tus objetivos debes organizarte.
No saltes ningún paso para que el margen de error sea mínimo.

En Posicionamiento Web Systems resumimos las etapas del diseño web en seis
pasos para diseñar una web. Cada uno te llevará directo al siguiente. Pero esto
no quiere decir que no debas volver atrás en algún momento. Tienes que ser
flexible en caso de que tengas que hacer correcciones.

3.1 Investigación y puesta en marcha del proyecto

Para poner en marcha tu idea necesitas una idea clara sobre qué sucede
en Internet y la situación de tus posibles competidores. Dedica tiempo a

12
 investigar y recopilar toda la información que puedas necesitar más
adelante.
Es en esta primera fase donde ubicas tu nicho de mercado y defines las
características del público objetivo. El diseño web debe adaptarse a la
audiencia. No es lo mismo un sitio dirigido a jóvenes entre 16 y 35 años,
amantes del fútbol que uno dedicado a mujeres, madres, entre 25 y 45.
Durante la investigación buscas esos elementos que encajen con el perfil
al cual quieres llegar.
Asimismo, tienes que definir el enfoque de tu sitio. ¿Es una tienda online?
¿Promocionas un servicio? ¿Está destinado a brindar información sobre
un tema específico? Conociendo cuál es el propósito, te plantearás
objetivos específicos, reales y medibles.
Analiza sitios similares a lo que quieres dentro de tu sector. Identifica qué
están haciendo bien y qué hacen mal. De esta manera evitas cometer los
mismos errores y reconoces las oportunidades que tienes en el mercado.
Define qué estilo te gustaría que tuviera tu web.
Haz todo esto antes de ir con un diseñador web para crear tu sitio. Bien
sea que lo vayas a hacer tu mismo o contrates a un profesional, esta
información será el punto de partida.

3.2 Planificación
A continuación, comienzas a planificar el sitio. Cuáles serán las
características específicas, elementos que incluirás, secciones…
Comienzas a evaluar las palabras claves de tu sector y la estrategia de
contenido.

Veamos algunos de los puntos clave que tendrás que definir en la

segunda fase:

Nombre de dominio. Define cómo se llamará tu sitio web. Tendrás que

decidir entre colocar el nombre de marca o una palabra clave. Comprueba
que esté disponible y regístralo.

Presta mucha atención a este paso porque es de vital importancia. A

través de este nombre será cómo te ubique la audiencia. Por lo tanto, debe
tener relación con tu sector y ser fácil de recordar.

13
 Tecnología y elementos requeridos. De acuerdo al propósito del sitio
necesitarás ciertos elementos. Si es una tienda online tendrás que incluir
un carrito de compra, por ejemplo. Estos puntos deben quedar claros en
esta fase.

Para crear una web desde cero también deberás contratar un servicio de
alojamiento web. Hay empresas que ofrecen tanto el hosting como el
registro del dominio. Define también el sistema de gestión de contenido
que más te convenga.

Crear mapa del sitio. Aquí definirás las secciones específicas de tu web.
Establece la jerarquía de las páginas y cómo se verá el contenido. A través
de un diagrama especifica la relación de las distintas páginas entre sí. Te
dará una idea de cómo será el proceso de navegación en el sitio.

Define el contenido. Es el momento de definir qué quieres comunicar y

comenzar a escribir el contenido de la web. En este punto también
comienzas a diseñar una estrategia de difusión.

3.3 DISEÑO.
Es aquí donde comenzarás a definir el aspecto visual del sitio. Con el
mapa que construiste en el punto anterior tienes una idea de cómo se verá
en términos generales. Es el momento de concretar la apariencia.

Desarrolla los bocetos de las páginas, así irás definiendo la estructura.

Podrás ir definiendo cuánto espacio está destinado al contenido, las
imágenes, ubicación del logo y del resto de los elementos de la web.

Tienes que haber entendido bien lo que quiere el público y lo que deseas
transmitir para adaptar el diseño. Aprovecha de hacer todos los cambios
que creas necesarios.

Debes tomar en cuenta los fundamentos del diseño para que tu web
funcione como desee. Por ejemplo, la jerarquía visual o cómo quieres que
se vean los elementos en la página. Qué quieres que el usuario vea
primero al llegar a una página.

Esto lo logras a través del tamaño de los elementos, colores, contrastes,

uso de espacios en blanco, alineación, entre otros.

14
3.4 Desarrollo de la web y primeras pruebas.
Aquí es donde comienza a construir la web. Una vez aprobada la
estructura y los bocetos de las página, entonces, el desarrollador tomará
esta información y con ella armará el sitio.

Se agregan el contenido y las imágenes necesarias. Por lo que, los

gráficos y elementos visuales que incluyas deben ser de calidad. También
en esta fase se agregan los elementos interactivos.

Cuando tengas el prototipo listo, verifica que funcione de manera correcta.

Esto debes hacerlo tanto a nivel visual como durante la navegación. Es
decir, el diseño debe transmitir lo que deseas; la estructura tiene que ser
funcional y el tiempo de carga rápido.

En este punto también es posible que debas hacer algunos cambios en el

diseño. Por eso, lo recomendado es que hagas pruebas con grupos de
interés (focus group) para ver si el diseño funciona.

3.5 LANZAMIENTO Y EVALUACION.

Si estás satisfecho con el resultado, llegó la hora de publicar la web. Esto
significa cargar los archivos al servidor y comenzar a atraer público. Debes
haber contratado el servicio de hosting para hacerlo.

Con la web en marcha sabrás cómo funciona. Para ello tienes que evaluar
su rendimiento a través de herramientas como Google Analytics. Mide si
se están cumpliendo los objetivos que planteaste al comienzo.

Con la información que obtengas del análisis decidirás si necesitas hacer

algún cambio en el diseño. Esto puede significar, incluso, una
reestructuración completa.

3.6 MANTENIMIENTO.
Haber lanzado la web no quiere decir que se acabó el trabajo. Al contrario,
todo proyecto online necesita seguimiento y actualizaciones. Debes tener
un plan de mantenimiento para hacer evaluaciones periódicas.

Gracias a estos análisis conocerás los resultados a largo plazo de tu sitio

y las modificaciones que sean necesarias. El mantenimiento lo puedes
realizar tú mismo o dejarlo en manos del desarrollador.

15
 CONCLUSIONES
o Los sitios web se deben construir de manera tal que su dimensión
informacional sea finita.
o Un sitio web no sólo se construye para introducir información, sino para
satisfacer las necesidades informacionales de sus usuarios potenciales.
o Los sitios web deben incluir más de un idioma para la comunicación con
los visitantes.
o Las páginas web deben ser lo suficientemente versátiles como para ser
agradables a toda la audiencia, para cumplir con sus expectativas,
intereses y ambientes. No importa la ubicación del usuario, siempre debe
poder acceder al sitio y conectarse. Los colores utilizados en los distintos
tipos de mensajes de interacción como los de error, tampoco deben
molestar a los usuarios.

16
 RECOMENDACIONES
Recomendaciones útiles para el diseño de un sitio web amistoso es la
preparación de web multilingües, dirigidos a reducir los efectos de las barreras
idiomáticas y elevar el número de visitantes y la elaboración de mapas que
faciliten la orientación de los visitantes dentro del sitio.

La creciente complejidad de los contenidos informativos y de los servicios que

se ofrecen a los usuarios en los sitios actuales han incrementado
significativamente la importancia de las herramientas de navegación y
orientación. Los mapas hipertextuales, por ejemplo, permiten una representación
gráfica de los documentos y de los enlaces entre ellos, desarrollan una
cartografía hipertextual completa del sistema. Muestran la situación de los
distintos elementos al remitir sus íconos a un determinado índice temático de
contenidos Se deben elaborar considerando más las verdaderas necesidades de
los usuarios y su nivel de conocimientos, que los objetivos y finalidades de la
empresa o servicio.

17
 BIBLIOGRAFIA
o Guerra A, Ronda León R. La importancia del diseño en el web. Disponible
en: http://www.itson.mx/dii/igaxiola/articulos/diseñoweb.html Acceso: 2 de
febrero del 2003.
o Asociación de Empresarios de Nerja. Consejos para diseñar nuestro web.
Disponible en:
http://www.webpopulis.com/aen/tutoriales/internet/w_design.htm Acceso:
4 de febrero del 2003.
o Estrella Cabrera A. Repensar la Usability. Disponible en:
http://www.quiber.com/articulos/articulos/txtart7.htm Acceso: 4 de febrero
del 2003.
o Arabito J. Observatorio de la sociedad de la información: De la catedral al
libro, y del libro al Bazar de las Redes. Las nuevas tecnologías de la
información y la comunicación en la transformación social y cultural de
principio del milenio. Disponible en:
http://www.tierralibredigital.com.ar./obv_soc_info_nota13.htm Acceso: 4
de febrero del 2003.
o López Quesada JA. Consejos para diseñar nuestro web. Disponible en: ©
2004 2000, Editorial Ciencias Médicas Calle E No. 452 e/ 19 y 21, El
Vedado, La Habana, 10400, Cuba.
http://www.vdigitalrm.com/ConsejosWeb.htm Acceso: 6 de febrero del
2003.

18