ISEP “AYAVIRI” COMPUTACION E INFORMÁTICA DISEÑO WEB

Diseño de un sitio Web

Estándares y pautas para el diseño de sitios Web

Los estándares y pautas para el diseño de los sitios Web son un conjunto de elementos de vital importancia a
considerar antes de su realización para obtener una buena usabilidad.
Todos estos dependen de que el visitante primero llegue hasta el sitio y una vez en su interior, cumpla con los
objetivos que lo condujeron hacia él de una manera rápida y simple, garantizando un futuro regreso.
En ocasiones se piensa que sólo con tener un sitio Web en Internet se logra que sea visitando por las personas
que tengan interés en su contenido, pero realmente no funciona así tan simple.
Hay que tener en cuenta un conjunto de elementos desde su diseño e implementación para que felizmente esto
ocurra.
Los elementos fundamentales son:
 Claridad en los objetivos del sitio.
 Información básica correspondiente al contenido.
 Selección de un nombre de dominio correcto.
 Selección de la tecnología para el diseño y la programación.
 Selección adecuada de un alojamiento Web (hosting)
 Claridad de los buscadores, directorios de Internet y el SEO, optimización para los motores de
búsqueda.
 Realización de un diseño en función de los requerimientos del sitio y de los usuarios.
 La navegabilidad.
 Realización de la programación en determinación de los requerimientos del sitio y de los usuarios.
 Aplicación de técnicas de SEO para lograr una mayor visibilidad en Internet.
 Actualizar los contenidos periódicamente.
El diseño de sitios
Cuando un usuario llega a una página, generalmente puede figurarse qué hay ahí, si solamente se tomaría un
poco de tiempo.
Dependiendo de los estudios, la capacidad para encontrar la página correcta en que realizar una operación a
partir de la página de inicio va del 26 al 42%.
Esta diferencia se explicaba en el conocimiento o no por parte del usuario de que debería seguir varios pasos
hasta lograr su objetivo.
El problema de fondo es que la usabilidad sufre dramáticamente tan pronto como el usuario sale de la página de
inicio y empieza a navegar para resolver el problema.
La Web se diseñó como un entorno para leer papeles, y su usabilidad para tareas más complejas depende en
gran medida de un diseño muy sencillo con la menor distracción posible, información muy clara sobre la
arquitectura y eficaces herramientas de navegación
La página de inicio
Es la bandera del sitio y debe ser diseñada de forma diferente al resto.
El primer éxito de una página de inicio es responder a dos cuestiones:
 ¿Dónde estoy?
 ¿Qué hace este sitio?
Otras misiones que debe cumplir la página de inicio son:
 Ofrecer una idea clara del esquema de navegación en el sitio.
 Ofrecer acceso directo a las funcionalidades más comúnmente usadas del sitio.
 Anunciar las novedades o promociones.
 Proporcionar una herramienta de búsqueda.

1
ISEP “AYAVIRI” COMPUTACION E INFORMÁTICA DISEÑO WEB

 Presentar el nombre y el logo.

Realización de un diseño en función de los requerimientos del sitio y de los usuarios.
El diseño del sitio es una herramienta fundamental para atraer a los usuarios y el éxito que se obtenga en muchos
otros aspectos como la promoción, la velocidad de carga, la afinidad de los usuarios entre otros, dependerá en
buena medida de las consideraciones que se realicen al diseñar.
Es importante destacar que el diseño de las páginas se debe realizar pensando en el cliente y no en el
administrador, escogiendo cuidadosamente todos los elementos que se utilicen y empleando solamente los
recursos necesarios para comunicar el mensaje que se desee, logrando que el sitio tenga un aspecto sencillo y
nada recargado.
La consistencia en la apariencia y sensación es importante mantener garantizando el mismo aspecto y el
diseño en todas las páginas.
La página de inicio debe dar una idea general del sitio, pues está constituye su punto de entrada fundamental.
Es lo primero que ven los usuarios y crea esa primera impresión que es tan importante.
Es en ella donde se determina si se continuará explorando las páginas o si se navegará hacia otro lugar más
interesante.
Los textos son elementos significativos dentro del diseño del sitio Web. Estos contienen la mayor parte de la
información que se brinda, las explicaciones y los detalles de los elementos que componen el sitio, constituyen
la vía principal de comunicación con el cliente.
Esta es la razón fundamental para que los textos sean escogidos, revisado y corregidos de forma tal, que se
reflejen las ideas que se quieren transmitir.
Para la presentación de los textos es primordial conocer el tipo de fuente que se va a emplear de manera tal que
se pueda leer bien sin importar el tipo de navegador o sistema operativo de los usuarios.
Es necesario tener en cuenta el tamaño del texto, que debe ser pequeño y claro para permitir la lectura rápida.
Por lo que se recomienda utilizar la división por secciones de la página lo que posibilita que el usuario pueda
leer más sobre un tema sin que pierda atractivo de la página.
La implementación de imágenes y gráficos complementa la información que se quiere brindar en el sitio.
Constituyen una herramienta fundamental pues proporciona al usuario un criterio visual.
Hay que tener en cuenta que el uso indiscriminado puede hacer más lento el proceso de carga de las páginas o
provocar estrés visual. Se recomienda usar imágenes cuando realmente sea necesario para comunicar el mensaje
que se desea.
El formato de imágenes y gráficos dependerá de la estructura en cuanto a colores y definición, se pueden
seleccionar distintos tipos, los más utilizados son los .jpg, .gif y .png, realmente aunque existen algunos
patrones, no siempre se cumplen en todos los casos.
Se recomienda grabar las imágenes en los tres formatos y en función del compromiso entre la calidad estética
que se ofrece y la velocidad de descarga de la página escoger cuál es el más adecuado.
Navegación del sitio
Otro aspecto a tener en cuenta en el diseño es la navegación del sitio.
Un buen sistema de navegación es la base para alcanzar los objetivos que se pretenden, pues este es el
instrumento mediante el cual los usuarios acceden de una página en otra.
Un sistema de navegación útil es aquel que:
 Guía a los visitantes hacia la información que se requieren de forma rápida e intuitiva
 Conduce al visitante hacia las páginas donde este es capaz de interactuar con los elementos del sitio.
Construir un sistema de navegación que contribuya a incrementar la satisfacción del usuario y que, en
consecuencia, tribute al éxito del sitio, está más allá de agregarle enlaces.
En esta labor se debe considerar un conjunto de factores como el agrupamiento de la información, la estructura,
los retornos a páginas, entre otros.
La navegación es uno de los elementos básicos de la Web, y va más allá del uso de enlaces hypertextuales.
Una interface de navegación debe ayudar al usuario a responder a tres preguntas:
 ¿Dónde estoy?
 ¿Dónde he estado?
 ¿A dónde puedo ir?
2
ISEP “AYAVIRI” COMPUTACION E INFORMÁTICA DISEÑO WEB

¿Dónde estoy?
Es probablemente la pregunta del millón.
La respuesta, en términos de situación dentro de un sitio debe proporcionarse a dos niveles:
 En relación a la Web como un todo
 En relación a la estructura del sitio
La primera es importante en tanto que el usuario a menudo percibe la Web como un todo.
Los cambios drásticos en mecanismos de navegación no son bien asumidos dentro de esta perspectiva.
Esto implica así mismo, que el usuario no sabrá en qué sitio está a menos que se lo digas. Por ello, la norma
número uno es colocar tu logo o marca identificativa en todas tus páginas.
La situación en cuanto a la estructura del sitio se consigue mediante la inclusión de cabeceras que muestran a
grandes rasgos la estructura del web y resaltan la situación actual.
Un tercer elemento a tener en cuenta es el propio título de la página, que debe ser significante e individualizado.
¿Dónde he estado?
Con la tecnología Web actual resulta difícil contestar a esta pregunta. Existen, sin embargo, algunos recursos
que nos permiten afrontarla:
 El botón atrás del navegador que nos proporciona una historia secuencial de las páginas visitadas.
 Los enlaces ya visitados que nos indican las opciones ya vistas dentro de los enlaces de una página
En este sentido, es importante respetar la convención en cuanto a la representación de los links (azul para los
activos y rosa para los visitados).
El usuario sabe siempre de esta manera lo que ha visto y lo que no, dentro siempre de lo que puede ver.
¿A dónde puedo ir?
Esta cuestión se responde con las opciones visibles de navegación y con el resto de enlaces dentro de la página.
Es imposible mostrar todos los destinos posibles en una sola página, una buena estructura del sitio, fácil de
comprender y asimilar por el usuario, será de gran utilidad a la hora de conocer los puntos posibles de destino
desde un sitio dado.
Hay tres clases de hiperenlaces que pueden ser usados en una página:
 Enlaces embebidos (El tradicional texto subrayado)
 Enlaces estructurales (Apuntan a otro nivel de la estructura, por lo que diferirán de página a página,
si bien es necesario que mantengan una coherencia comprendida y esperada por el usuario. Es más
conveniente utilizar nombres descriptivos del nivel jerárquico que este en sí)
 Enlaces asociativos (Proporcionan información adicional o colateral, del tipo de "ver también")
Extenso y profundo
Generalmente, el diseño más común de navegación es listar todos los elementos de alto nivel del sitio, a menudo
en una banda a la derecha de la pantalla.
El beneficio de este diseño (Extenso) es que el usuario es continuamente informado de los servicios disponibles
en el sitio haya entrado por el punto que haya entrado.
La desventaja es que existe una pérdida del 20% de la pantalla en páginas destino pudiendo recuperar misma
información con un clic adicional a la página de inicio.
La alternativa es presentar información en profundidad, esto es, en cada página informar de los diferentes
elementos jerárquicos que la anteceden, un esquema de navegación que se conoce como breadcrumbs (migajas
de pan, conocido así por el cuento de Hansel Y Gretel, donde dejaban rastros en el camino para volver a casa).
Este segundo escenario tiene la ventaja de ocupar poco espacio y ser muy sencillo, lo que deja al usuario
concentrarse en el área de contenidos que es lo que generalmente hace.
Su inconveniente radica en la dificultad de utilizarlo en estructuras no jerárquicas.
El usuario controla la navegación
En el diseño de interfaces tradicional, el diseñador puede controlar donde puede ir el usuario en cada momento.
En el diseño Web no es así.
Además, una aplicación tradicional es un sistema de interfaces cerrado, dentro del que está el usuario.

3
ISEP “AYAVIRI” COMPUTACION E INFORMÁTICA DISEÑO WEB

Pero en la web el usuario se mueve rápidamente de un sitio a otro dentro de una misma ventana, de un mismo
entorno, por lo que llega a percibir la Web como un todo, más que como una acumulación de aplicaciones
diferenciadas.
Ello implica compartir una serie de reglas que el usuario ha aprendido a través de su experiencia y que confía
en que le sean suficientes para moverse por cualquier sitio de la red.
Diseño creacionista vs diseño darwinista
El diseño tradicional de interfaces nace de una reflexión profunda y prolongada, acompañada de estudios,
experimentos (Xeros, PARC, Apple, etc.) y ensayos que se plasmaron una vez analizados y comprobada su
eficacia en la guía de estudio GUI.
Es por tanto un diseño creacionista, un largo embarazo que dio a luz a una criatura consolidada.
En la Web se introducen elementos continuamente, en su campo de experimentación es la propia red, su uso.
Sólo las buenas ideas sobreviven, las otras desaparecen en un puro modelo evolucionista del diseño.
Reducir el desorden de navegación
Es tanto el volumen de información que el diseñador debe emplear métodos variados para reducir la confusión,
métodos como:
 Agregar (unidad que representa una colección de otras más pequeñas, lo que es sencillo dentro de un
sitio, pero complicado cuando se trata de categorizar sitios diversos)
 Sumarización (formas de representar gran cantidad de información a través de otra más pequeña)
 Filtrado (eliminando la información no relevante, son especialmente útiles los filtros colaborativos,
aquellos en los que un colectivo decide qué información es la valiosa)
 Truncado (dejar sólo la parte inicial de la información y dejar al usuario que la seleccione para ver el
resto)
 Representaciones basadas en ejemplos (más de mil millones de datos)
Qué tan ancha debe ser la página
En términos de anchura lo mejor es crear páginas adaptables al ancho.
Si no es posible, es mejor asumir que muchos usuarios lo verán pantallas de 1024 píxeles, lo que deja en términos
reales poco más de 800 píxeles.
Las páginas de entrada (intro) deben morir
Frente a quien dice que es una buena manera de arrancar y dar una bienvenida, lo cierto es que los usuarios las
saltan tan rápido como pueden.
Es mejor diseñar una página de inicio sencilla que unifique la información situacional con la presentación de
noticias útiles e información del directorio.
Página de inicio vs. Páginas interiores
El elemento de diseño más importante de la página de inicio debería ser el nombre de la compañía.
No tiene que ser necesariamente el más grande, pero al menos debe estar en la esquina superior izquierda de la
pantalla.
Esta información debería repetirse en todos los lugares interiores, especialmente porque desconocemos el punto
de entrada del usuario.
Las páginas interiores deben centrarse en los contenidos y dejar las bienvenidas para la home page.
Para facilitar este acceso y reubicar al usuario, coloca siempre un enlace directo a la página de inicio.
Cuanto más famoso sea tu sitio, menor debe ser el área dedicada a identificarse, ya te conocen.
Frente a quien prefiere forzar la entrada por la página de inicio, debe prevalecer la idea de satisfacer al usuario
proporcionando puntos de entrada más cercanos a sus intereses.
El reto del espacio en pantalla
Cuando diseñe una página para impresión, se toma en cuenta el tamaño físico del documento final.
Se emplea un texto mucho más grande en un cartel que en una tarjeta de visita, por ejemplo. Pero en el mundo
de la Web este sistema se rompe porque los usuarios pueden configurar sus monitores en todo tipo de
dimensiones distintas.
Estos detalles afectan a la cantidad de espacio de pantalla con el que las páginas tienen que trabajar.

4
ISEP “AYAVIRI” COMPUTACION E INFORMÁTICA DISEÑO WEB

Cuanto mayor es la resolución y más grande la ventana de navegación, más contenido cabe en la pantalla. Esto
presenta un dilema:
¿Cómo nos aseguramos de que las páginas tienen el mejor aspecto si no sabemos la configuración de pantalla
del visitante?
Los diseñadores Web utilizan dos estrategias de diseño para tratar estas cuestiones:
 Buscar la flexibilidad con tamaños proporcionales: Con ellos el diseño se expande o contrae para
adaptarse al espacio disponible en la ventana del navegador. Por ejemplo, si crea una página Web en
tamaño proporcional con una barra de menús y un área de contenido variable, la primera siempre
permanecerá en el mismo ancho, mientras que el segundo aumenta o disminuye para acomodarse a la
ventana del navegador, sin importar lo grande o pequeña que sea. Si tiene dudas, el tamaño proporcional
es la mejor opción porque garantiza que las páginas Web se ajustarán a cualquier dimensión. No
obstante, puede imponer un diseño máximo o mínimo para evitar que se alteren en exceso.
 Seleccionar un tamaño fijo razonable: En ocasiones, demasiada flexibilidad causa sus propios
problemas. Por ejemplo, si reduce una página con tamaño proporcional a dimensiones extremadamente
pequeñas, algunos elementos pueden agolparse en posiciones extrañas. Si tiene un diseño complejo con
mucho gráficos y elementos flotantes, el resultado puede ser un lío. Por otro lado, las ventanas
demasiado grandes pueden producir otros inconvenientes. Piense que si estira una página de tamaño
proporcional para que llene el ancho de un monitor de pantalla grande, tal vez resulte en líneas de texto
extremadamente largas que son difíciles de leer. La solución es la implementación de páginas de ancho
fijo que se vean bien en cualquier tamaño de monitor.
El tamaño de ancho fijo es el enfoque más habitual.
Si opta por la solución de ancho fijo, deberá saber cuál utilizar.
Por supuesto, no hay manera de conocer el factor del visitante. Las últimas estadísticas revelan que un 20% de
los usuarios usan pantallas de 1024 píxeles de ancho, tanto con monitores antiguos como con netbooks o iPad.
Evidentemente, como diseñador Web debe satisfacer a la minoría, por lo que un diseño de ancho fijo tendrá un
magnífico aspecto con un diámetro de unos 1,000 píxeles.
De este modo, los usuarios Web con dispositivos de pantalla reducida podrán disfrutar del contenido de sus
páginas, siempre que aumente la ventana del navegador para que ocupe toda la pantalla.
Entender la resolución
Un píxel es la menor unidad defg medida de un monitor, también conocida como punto.
Una resolución de 1024x768 significa que se muestra una cuadrícula que tiene 1024 píxeles de ancho y 768 de
alto (con un total de 786,432).
La resolución menor que puede encontrar actualmente (sin contar los teléfonos móviles) es 1024x600, el tamaño
de una pantalla típica de un netbook.
Recuerde: las personas con monitores grandes no necesariamente configuran la ventana del navegador para
que llene la pantalla.
Después de todo, es difícil leer largas líneas de texto. Por esa razón 1,000 píxeles es una buena suposición para
el ancho medio de una ventaja de navegador.
Plantillas de estilo
El estándar CSS es una de las mayores esperanzas de recuperar la separación entre la presentación y el
contenido.
Es importante usar un único estilo para el sitio, incluso cuando se personalice por áreas de contenido, ya que da
coherencia y unidad al sitio.
Asegurar el funcionamiento de las plantillas
Debe tenerse en cuenta:
 No usar más de 2 fonts (fuentes) y un tercero para cuestiones específicas (referencias, citas textuales,
etc.)
 No usar tamaños de letra absolutos
 No usar el atributo !important, que deshabilita las preferencias del usuario. Respeta sus decisiones.
 Si existen varias plantillas usa siempre los mismos nombres para las clases.

5
ISEP “AYAVIRI” COMPUTACION E INFORMÁTICA DISEÑO WEB

Frames
Se recomienda lo siguiente con respecto a los frames:Siempre decir NO.
El concepto original de la web (Tim Berners-Lee) fue la unidad total de distintos conceptos en una sola línea,
la página.
La página web representa:
 La visión de la información en pantalla
 La unidad de navegación
 Una dirección accesible (URL)
 Un elemento a almacenar en el servidor
 Un elemento a editar por el autor
Con base a esto, el uso de frames debería restringirse porque:
 Rompe el modelo único
 Difumina el concepto de URL única
 Distorsiona la mecánica de los links, favoritos, navegación hacia atrás...
 Dificulta la visión en pantallas pequeñas
 Plantea problemas a la hora de imprimir con algunos navegadores
 Es más complicado para los autores
 Produce efectos no deseados en algunos buscadores
Muchos sitios que ofrecen alternativas con y sin frames constatan que muchos usaurios prefieren la navegación
sin frames.
Pueden, sin embargo usarse en determinadas condiciones, siempre que tengamos en cuenta lo anterior.
Imprimiendo
Se imprimen páginas porque:
 Se está acostumbrado o resulta más cómodo leer de papel que de la pantalla.
 Se evita perder la información si la página se mueve o desaparece
 Los usuarios gustan ordenar su información en carpetas
 Es un buen método para pasar la información a otros
No siempre se imprime bien lo que se ve bien. Por ello, es mejor hacer dos versiones de los documentos, una
para ver y otra para imprimir, pero nunca dejes información sólo disponible a través de la impresora.
Hoy en día en los navegadores es posible incluir en el <head> (cabecera) de la página un enlace para la versión
imprimible (<link rel="alternate" media="print" href="estilo-impresion.css" type="text/css" />)
Conclusión
La simplicidad debería ser la meta del diseño de páginas.

El usuario accede a la red buscando algo, no disfruta viendo el diseño.

Las páginas deben hacerse para que funcionen:
 Con distintos tipos de tecnologías
 En distintos monitores y plataformas
 Accesible para cualquier tipo de usuario

La revisión del estado del arte de la Web así como de su posicionamiento en Internet constituye un buen punto
de partida para la aplicación de técnicas que aumenten la visibilidad de los portales Web.
El estudio de los elementos generales de la Web permite lograr un mayor entendimiento de estos temas y aplicar
nuevas ideas en su desarrollo.
Con la investigación acerca de los estándares y pautas más comunes para el diseño de sitios Web permite tener
en cuenta los últimos elementos existentes y estar a la medida de las últimas tecnologías para su implementación
y su diseño.
Los conocimientos adquiridos sobre los navegadores Web facilitan la creación de páginas que sean atractivas a
los usuarios, independientemente de cuál estén utilizando o del sistema operativo instalado, logrando que se
comporten de igual manera en todos los casos.

6
ISEP “AYAVIRI” COMPUTACION E INFORMÁTICA DISEÑO WEB

Para alcanzar un buen diseño Web para Internet debe considerarse:

 La claridad en el objetivo del sitio
 Existencia de la información básica correspondiente al contenido
 Seleccionar un nombre de dominio correcto.
 Seleccionar la tecnología para el diseño, la programación y unalojamiento web adecuado
 Realización de un diseño en función de los requerimientos del sitio y de los usuarios.
 Los motores de búsqueda y directorios de Internet
 La optimización para los motores de búsqueda.
Con la revisión de todos estos factores se considera que para lograr un correcto posicionamiento en Internet y
una buena visibilidad es necesario tener en cuenta desde el inicio de la creación de la Web.

Pasos clave en la creación de un sitio Web

Las páginas Web son el medio para que muchas empresas estén presentes en la Red. Sin embargo, la
proliferación de estas páginas Web han supuesto que muchas organizaciones desarrollen el B2N o Business-to-
Nobody (Negocio para nadie).
¿Cómo lograr que una empresa esté presente en Internet de manera eficaz y que sus acciones lleguen a
la mayor cantidad de público objetivo?
Desde hace un tiempo a la fecha, Internet ha cobrado un protagonismo especial y, tanto en los medios de
comunicación como en eventos de distintas índole (ferias, congresos, seminarios, conferencias, etc.), los
empresarios escuchan, con una mezcla de sorpresa y expectación, cómo diversos colectivos los animan a que
comiencen a explotar los medios electrónicos y, en definitiva, las oportunidades que Internet brinda.
En este sentido cabe destacar que, pese a que su utilización ha supuesto un impulso fundamental en la generación
del uso de la Red, Internet no está integrada únicamente por la WWW (World Wide Web).
Otros servicios, como el correo electrónico, las listas de discusión, los servicios de noticias, el acceso remoto,
la transferencia de archivos, las conversaciones interactivas en modo de texto o la voz y video en Internet,
también pueden ser empleados por las empresas para optimizar sus procesos empresariales.
"La red goza de características propias, por lo que se debe tener un elevado conocimiento sobre Internet para
explotar al máximo sus particularidades"
Sin embargo, dado que cada vez un mayor número de empresas decide estar presente se aprecia un aumento de
organizaciones que llevan a cabo un tipo de comercio electrónico del que todavía no se habla demasiado: el
B2N (Business-to-Nobody) o dicho de otra forma, presencia de la empresa en Internet sin que sus acciones
consigan alcanzar a nadie.
La empresa tiene que ser consciente de que el desarrollo, lanzamiento y mantenimiento de la página Web
requiere un compromiso por parte de la organización y la elección del conjunto de profesionales adecuados para
las tareas que ello conlleva.
Hasta hace no mucho tiempo, el desarrollo de una página Web parecía ligado a los informáticos, que, a través
de un lenguaje sencillo y, en su caso, algún programa complejo, elaboraban un sitio Web con algún texto
explicativo.
Sin embargo, derivado tanto de los avances tecnológicos como del mayor conocimiento del medio por parte de
los usuarios y del gran número de páginas Web que compiten entre sí por captar el interés de éstos, en la
actualidad cobran también importancia otros aspectos.
Por esta razón, el equipo de personas que se encargue del proyecto Web deberá estar integrado por especialistas
de distintas disciplinas: marketing, comercio, directores artísticos y personal en programación, diseño gráfico y
multimedia.
No obstante, en Internet no es suficiente trasladar al mundo virtual las formas de hacer del medio físico.
La Red goza de características propias, diferentes de las de otros medios de comunicación y comercialización
y, por lo tanto, los integrantes del equipo multidisciplinar anteriormente mencionado deberán tener un elevado
conocimiento sobre Internet para poder explotar al máximo sus particularidades.

7
ISEP “AYAVIRI” COMPUTACION E INFORMÁTICA DISEÑO WEB

Sin embargo, las necesidades de un gran número de empresas no justifican el mantenimiento, como parte de la
organización, de este equipo dedicado a las tareas que se derivan de la página Web.
Para ellas, la alternativa adecuada pasaría por contratar los servicios de una consultoría tecnológica orientada a
Internet y de consultoría de marketing y publicidad online, con la capacidad suficiente para adaptarse a las
necesidades de la empresa y presentar la solución más apropiada.
No obstante, incluso en este caso, la empresa deberá colaborar estrechamente con los especialistas para
conseguir que la página Web, que en un futuro ampliará sus horizontes, se adecue perfectamente a los objetivos
perseguidos.
Por esta razón, es conveniente que alguien de la empresa conozca los aspectos principales de los distintos pasos
que deben superarse en el desarrollo, lanzamiento, mantenimiento y promoción de la página Web.
Fijación de objetivos
Las empresas que se planteen tener presencia en Internet deben establecer, en primer lugar, los objetivos que
esperan conseguir con ello y cuál es su capacidad para asumir los compromisos que la aventura Web implicará.
Por esta razón, cualquier proyecto que se plantee en Internet debe responder a unos objetivos concretos
determinado de antemano en función del presupuesto y de las necesidades y características de la empresa.
Objetivos que deben perseguir las empresas con su presencia en la Red.
 Reducir los costos de promoción y comunicación
 Fines publicitarios
 Captar nuevos consumidores
 Servir de soporte para el canal de ventas
 Adquirir experiencias en el comercio electrónico
 Atención al cliente
 Ofrecer información actualizada
 Conseguir imagen
 Posicionamiento estratégico
 Generación de bases de datos
 Intento de potencias la presencia internacional
 Reducir los costos en los procesos empresariales
 Marketing one-to-one
Identificación del público objetivo
En el desarrollo de la actividad de la empresa, además de los clientes actuales y potenciales, existen diversos
públicos que, con sus actuaciones, pueden incidir en el mejor o peor cumplimiento de los objetivos de aquélla.
Por esta razón, la empresa deberá establecer cuál es el colectivo destinatario de la información que se va a
transmitir a través del sitio Web.
Los posibles públicos de la organización se pueden dividir en:
 Internos: miembros de la organización
 Externos: distribuidores, proveedores de productos o materias primas, suministradores de servicios y
proveedores financieros, clientes actuales, clientes potenciales, empresas de la competencia,
administración, grupo político-sociales, asociaciones empresariales y profesionales, medios de
comunicación y sociedad en general.
Además de establecer el público al que quiere llegar la empresa, hay que analizar sus características y
necesidades, así como los hábitos, recursos y experiencia que tiene con respecto a Internet.
Como se puede observar, la elección del público objetivo tendrá una incidencia directa sobre el contenido,
diseño y promoción del sitio Web.
Elección de un dominio
Las máquinas conectadas a Internet tienen una dirección numérica única e irrepetible (números desde 0 a 255
separados por puntos), llamada "dirección IP", que sirve para que se puedan comunicar entre ellas.
Sin embargo, las direcciones numéricas son difíciles de recordar, de tal forma que se ideó otra manera de
comunicarnos a través de las máquinas, que fuese más sencilla para los humanos: poniéndoles seudónimos o
"nombre de dominio".
Así, alguien que quiere acceder a la página de alguna empresa, no necesita recordar la combinación numérica
208.134.241.178, sino que puede memorizar más fácilmente lo siguiente: cocacola.com

8
ISEP “AYAVIRI” COMPUTACION E INFORMÁTICA DISEÑO WEB

Hasta hace no demasiado tiempo, el dominio no era más que una herramienta que permitía a los internautas
acceder a las páginas Web.
Aunque sigue cumpliendo este cometido, la proliferación de páginas Web y los objetivos comerciales que
persiguen muchas de ellas han provocado que el nombre del dominio sea un elemento cuya elección resulta
importante. De lo contrario, podría convertirse en una barrera de entrada a la página Web, sobre todo cuando el
acceso se hace de manera manual.
Tanto las personas individuales como las organizaciones tienen la posibilidad de disponer de una página Web
en Internet sin necesidad de adquirir un dominio propio.Existen proveedores que permiten alojar la página de
manera gratuita.
Sin embargo, esta circunstancia tiene un impacto negativo para las empresas comerciales ya que, normalmente,
la dirección que habrá que introducir para llegar a las páginas que se acogen a esta alternativa tendrá un aspecto
y dimensión parecida a la siguiente:
http://www.nombre_proveedor.com/usuarios/paginas/cocacola.
En este caso, el nombre de dominio es el del proveedor y el resto de la dirección (separada por barras /) son los
directorios de su disco duro donde se aloja la página considerada.
Como se puede observar, la empresa que disponga de una dirección de este tipo está dificultando su
memorización por parte de las personas que estén interesadas en sus contenidos y, en consecuencias, el acceso
manual a su página.
Por esta razón, para una Web corporativa, lo lógico es intentar conseguir un nombre de dominio propio y
normalmente, que coincida con el nombre de la empresa.
De esta forma, la dirección http://www.cocacola.com resulta mucho más accesible. Sin embargo, esto no
siempre es posible, ya que puede ocurrir que alguna otra persona u organización posea ya el dominio deseado
por la empresa.
De hecho, existen numerosos casos de empresas que se encuentran inmersas en procesos jurídicos para poder
disponer de dominios que según su criterio deberían serles asignados pero que pertenecen a otras empresas o
particulares.
"Es importante que una Web corporativa consiga un nombre de dominio propio, que coincida con el nombre
de la empresa"
Los nombres de dominio se deben comprar a una entidad autorizada para su emisión.
La organización supranacional ICANN (Corporación de Internet para la Asignación de Nombres y Números)
es responsable de la gestión técnica del Sistema de Nombres de Dominio (DNS) y, además, determina qué
empresas pueden ser registradoras de dominios de primer nivel.
Dicha organización no entrega los dominios, pero tiene delegaciones por todo el mundo. En realidad, el Sistema
de Nombres de Dominio reparte la gestión entre distintos sub-administradores.
Es en la cota más alta de la jerarquía de Internet donde se encuentran los dominios de primer nivel, bajo los
cuales se pueden registrar nombres de dominio de segundo nivel.
Dentro de dicha categoría, y aunque no son los únicos, se pueden mencionar los siguientes por la importancia
que tienen desde el punto de vista empresarial:
 Algunos dominios genéricos como ".com" (organizaciones de naturaleza comercial), ".org"
(organizaciones sin ánimo de lucro) y ".net" (organizaciones dedicadas a actividades de la Red). Pueden
ser contratados a través de cualquier empresa autorizada por ICANN.
 Dominios geográficos (dominios de dos letras correspondientes al código ISO-3166 de cada territorio
como ".it" (para Italia), ".ar" (para Argentina), ".cn" (para China), ".mx" (para México), etc.
 Además de éstos, el 16 de noviembre de 2000 fueron aprobados otros siete nuevos dominios por el
ICANN (de entre 44 candidaturas presentadas). Dichos dominios se concretan en los siguientes: ".biz",
".info", ".aero", ".coop", ".museum", ".name" y ".pro".
Elaboración del Sitio Web
"Lo mejor sería que la empresa fuera imaginativa y consiguiera ofrecer algo que le dotase de una diferencia
valorada por su público con respecto al resto de ofertas existentes en Internet"
Una vez llegado el momento de diseñar la página Web, habrá que tener en cuenta una serie de consideraciones:
 Tiene que resultar útil para el destinatario, por lo que cobra especial importancia la correcta elección de
los contenidos que se van a incluir en el sitio Web. Los internautas poseen completa libertad para elegir
las páginas a las que desean acceder. Por esta razón, aun suponiendo que la empresa fuera capaz de
generar una primera vista a su website empleando las herramientas más adecuadas para ello, si su
9
ISEP “AYAVIRI” COMPUTACION E INFORMÁTICA DISEÑO WEB

contenido no resulta atractivo para el usuario, dicha visita será corta y, posiblemente, no volverá a
repetirla. Por ello, antes de diseñar la página, la empresa debería realizar una reflexión profunda sobre
cuáles pueden ser aquellos aspectos que interesan a su público objetivo y que le motivarían a acceder
al sitio Web, con el objeto de incluirlos en él. Entre dichos aspectos cabe citar las noticias de interés
recursos del sector, catálogos de productos, buscadores, concursos, foros de discusión, boletines,
estadísticas, etc. Sin embargo, lo mejor sería que la empresa fuera imaginativa y consiguiera ofrecer
algo que le dotase de una diferencia valorada por su público con respecto al resto de ofertas existentes
en Internet.
 Se deben incorporar en la página elementos que hagan que la visita sea atractiva y que sean coherentes
con la imagen corporativa. No obstante, este atractivo está sujeto a las limitaciones tecnológicas que
actualmente tiene la Red. Por esta razón:
o Se debe optimizar el tamaño de la página Web. El diseñador de la página tiene que tener en
cuenta que determinados elementos pueden provocar que el tiempo necesario para que llegue a
cargarse sea excesivo. En este caso, es posible que el internauta decida no esperar y no visualice
el sitio Web.
o Se debe comprobar cómo funcionan los distintos elementos incluidos en la página con los
navegadores más utilizados por los internautas, ya que emplean una tecnología ligeramente
diferente y, como resultado, el aspecto visual de las páginas puede variar de unos a otros.
 Además de atractiva, la visita tiene que ser cómoda, por lo que es importante trazar vías de navegación.
La página tiene que estar estructurada de tal forma que en ningún momento dificulte el acceso del
internauta a sus distintas partes.
 La actualización periódica de los contenidos cobra especial importancia si se desean conseguir nuevas
visitas de los destinatarios en el futuro. Es un error pensar que los esfuerzos que deben dedicarse a un
proyecto Web terminan cuando la página ya está publicada. Su revisión y actualización deben ser
constantes, con el objetivo de generar repetición en las visitas.
 Se debe potenciar la interactividad, que además le puede proporcionar a la empresa un mayor
conocimiento de cuáles son las motivaciones de su público, los contenidos que le interesan, etc.
"Es un error pensar que los esfuerzos que se deben dedicar a un proyecto Web terminan cuando la página ya
está publicada"
Alojamiento del sitio Web
Una vez creada la página Web, habrá que contratar un hosting o alojamiento.
Se trata del lugar en el cual el sitio Web será colocado para su publicación en Internet, de tal forma que los
usuarios puedan tener acceso a él a través de Internet.
Una vez que llega a este punto, la empresa dispone de distintas alternativas:
 Alojamiento virtual: lo alquila o regala cualquier proveedor de servicios e, incluso, algunos sitios
Web. La ventaja que presenta es el costo (ya que el servicio se comparte con otras empresas), pero el
control que se tiene sobre él es nulo.
 Tener un servidor propio: el control sobre el servidor es total, pero resulta muy costoso y,
normalmente, sólo las grandes empresas pueden hacer esta inversión.
 Servidor dedicado: es un servidor alquilado, pero dedicado al uso exclusivo de la empresa. Lo
importante en esta alternativa es elegir el proveedor adecuado.
Sin embargo, los esfuerzos que se deben dedicar a un proyecto Web no terminan una vez que la página se
encuentra publicada para ser consultada por cualquier internauta interesado en ella.
En primer lugar, si se quiere generar tráfico hacia el sitio Web, la empresa debe iniciar una labor de promoción
del sitio Web que puede abarcar acciones tanto fuera de la Red (off-line) como en su seno (on-line).
En segundo lugar, si se pretende que los destinatarios repitan las visitas a la página en el futuro, la empresa
tendrá que realizar un esfuerzo por mantenerse informada sobre cuáles son los contenidos que les interesan, con
la intención de ir incorporándolos y potenciándolos en las continuas actualizaciones y revisiones que las
personas que frecuentan este medio demanda. De esta forma, la empresa evitará tener que pronunciar en secreto:
"Tenemos página Web, pero no accede a ella casi nadie".

10
ISEP “AYAVIRI” COMPUTACION E INFORMÁTICA DISEÑO WEB

¿Existe alguna diferencia entre la Web e Internet?

Los relatadores de noticias, políticos y la gente común a menudo emplean ambos términos de forma
intercambiable. No obstante, técnicamente los conceptos son distintos y confundirlos suele poner de los
nervios a los técnicos informáticos y a otros locos de los ordenadores.
Internet es una red de ordenadores conectados que abarca todo el mundo.
Estas máquinas están conectadas entre sí para compartir información pero hay varias maneras de hacerlo,
entre ellas el correo electrónico, la mensajería instantánea, la transferencia de archivos mediante FTP.
La red global, o Word Wide Web, es una de las múltiples formas de intercambiar información por medio de
Internet.
Y ¿cómo se intercambia esta información?
La gente recurre a aplicaciones especiales llamados navegadores Web para visitar sitios y páginas repartidas
por el mundo.
Navegadores
Como sin duda sabe, un navegador es un producto de software que le permite buscar y mostrar páginas en la
red.
Un navegador es sorprendentemente sencillo; de hecho, gran parte de su trabajo consiste en dos tareas.
Primero, pide páginas Web, lo que ocurre cuando escribe la dirección de un sitio (como www.google.com) o
hace clic en un enlace en una página.
El navegador envía esa petición a un ordenador lejano llamado servidor, un aparato normalmente más potente
que una computadora doméstica porque necesita manejar múltiples peticiones al mismo tiempo. El servidor
Web atiende las solicitudes y responde con los contenidos de la página Web deseada.
Cuando un navegador obtiene esos contenidos, utiliza su segunda habilidad y muestra, o dibuja, la página
Web. Técnicamente, esto significa que convierte el texto sin formato que recibe el servidor en un documento
visual basado en las instrucciones incrustadas en la página de texto plano.
El resultado final es una imagen gráfica con distintos tipos de fuente, color y enlaces. La siguiente figura
presenta el proceso.

Elegir un navegador Web

Aunque no esté interesado en cambiar de navegador, es aconsejable conocer cuáles son las opciones más
comunes.
Cuando diseñe un sitio Web, necesitará prepararlo para un público amplio con distintos navegadores. Para
asegurarse de que los gráficos no se perciban de forma rara cuando otro usuario los ve, es una buena práctica
probar su sitio en otros ordenadores, empleando otros tamaños de pantalla y otros navegadores Web.
Nota:
Las estadísticas de uso de los navegadores varían dependiendo de los sitios que examine y cómo se cuenten
los visitantes. Igualmente son importantes las tendencias, que muestran que Firefox, Chrome y Safari
aumentan su popularidad frente a Internet Explorer.

La siguiente lista describe los navegadores más populares.

Internet explorer
Es el navegador Web más empleado del mundo. Para bien o para mal, marca el estándar que otros deben
seguir.

11
ISEP “AYAVIRI” COMPUTACION E INFORMÁTICA DISEÑO WEB

La clara ventaja de recurrir a Internet Explorer es que nunca encontrará una página Web que no pueda leer;
con un 60 por ciento de cuota del mercado, es simplemente demasiado exitoso como para ignorarlo. La
desventaja es que los desarrolladores de Microsoft se han vuelto complacientes, lo que significa que no es
probable que vea drásticas innovaciones en las futuras versiones.

Nota:
Aunque Microsoft experimentó con una versión Mac de IE, finalmente lo dejó de lado cuando Apple creó uno
integrado llamado Safari. Esto quiere decir que los propietarios de un Mac deberán pedir prestado el PC a un
amigo para ver qué aspecto tienen sus páginas en IE. En sus ordenadores probablemente, utilicen Safari o
Firefox.
Firefox
Nació como la respuesta moderna a IE. Es un navegador Web sencillo, seguro y algo más que una moda.
Fue pionero en varias funciones innovadoras mucho antes de que IE se pusiera a la altura, incluyendo la
navegación por pestañas (permitir a los visitantes ver múltiples páginas Web en distintas pestañas) y el
bloqueo de ventanas emergentes para detener esos molestos anuncios.
Firefox sigue estando en la cabeza increíblemente sistema de complementos, que facilita que otras personas
se desarrollen pequeños programas que lo mejoran con funciones adicionales, como notificadores de correo
electrónico y miniaturas de los sitios enumerados en una página de resultados de Google.
Actualmente, disfruta del estatus del culto entre los fanáticos de los ordenadores y el crecimiento número de
desilusionados veteranos de IE.
Lo mejor es que se mantiene rigurosamente actualizado por un ejército de programadores voluntarios, entre
los que están muchos de los que diseñaron el navegador original Netscape.
Google Chrome
Es el nuevo chico del barrio. Aunque apareció a finales del 2008, su cuota de mercado ha alcanzado la tercera
posición lo que le ha convertido en el navegador de mayor crecimiento del planeta. Su interfaz sigue siendo
incompleta pero sus fanáticos adoran su uso de JavaScript (cadenas de código que hacen funcionar las páginas
Web interactivas) con increíble velocidad.
Safari
Es un navegador diseñado por Apple incluido en las versiones actuales del sistema operativo Mac OS X. Se
utiliza en productos de la compañía como iPhone, iPad, iPod Touch. Es rápido, elegante y tiene funciones útiles
como la corrección ortográfica mientras se rellenan formularios. Aunque Apple lo creó originalmente para el
uso exclusivo en ordenadores Mac, hay una versión para Windows.
Opera
Es un navegador simplificado y fácil de instalar que existe desde hace más de una década como antídoto al
enorme tamaño inservible de IE. Durante años, estuvo retrasado por un detalle desafortunado: si se quiere
una versión libre de anuncios había que pagar.
Hoy en día, está disponible de forma gratuita y no tiene anuncios, igual que el resto de los navegadores de
esta lista. Tiene unos cuantos pero leales seguidores si bien está en el lejano quinto puesto entre los
navegadores Web.
El increíble IE menguante
IE sigue siendo el navegador más utilizado, pero empieza a perder su importancia entre los usuarios Web.
En el año 2005, IE disfrutaba de un 95 por ciento de cuota de mercado. Los diseñadores de páginas Web no
pensaban en otros navegadores. Tres años después, la cuota de mercado de IE había descendido a un
respetable 80 por ciento.
En la actualidad tiene un apoyo de menos del 60 y todo sugiere que la tendencia seguirá siendo baja.
Es interesante comprobar que los resultados de cuota de mercado de los navegadores cambian en función del
país del usuario y del tipo de sitio Web. Por ejemplo, en Alemania, Firefox es el navegador más usado, con el
60 por ciento de los usuarios.

12
ISEP “AYAVIRI” COMPUTACION E INFORMÁTICA DISEÑO WEB

En Bielorrusia, Opera disfruta de la primera posición con un 49 por ciento. En el sitio Web TechCrunch, el 27
por ciento de los visitantes usan Firefox y otro 27 por ciento usan Chrome. IE apenas es empleado por un 16
por ciento de los visitantes.
Otra variable es el tipo de dispositivo usado como navegador por la red. Las estadísticas anteriores reflejan el
empleo en ordenadores personales convencionales pero los teléfonos y las tables recurren a sus propios
navegadores especializados.
Por ejemplo los usuarios de productos de Apple como iPhone, iPad, iPod Touch suelen navegar con Safari. Del
mismo modo, si se afianza Google OS (el sistema operativo de Google para netbooks y otros dispositivos Web),
aumentará el número de personas que emplean Chrome.
Todos estos detalles reducen a un mismo hecho: es muy probable que sus páginas se vean en distintos
navegadores. Por ello, recuerde lo siguiente:
Cumpla los estándares de la Web:
Para que todo el mundo disfrute de una experiencia positiva, debe crear un HTML sólido y basado en
estándares, y asegurarse de que todas las páginas Web incluyan una definición del tipo de documento.
Pruebe su sitio Web en diferentes navegadores: Antes de diseñar un nuevo sitio, cree una página de prueba y
examínela en los navegadores Web más utilizados (en la actualidad IE, Firefox y Chrome). De este modo, no
generará páginas Web que incluyan los errores de su navegador favorito.
Una vez determinado el diseño inicial, puede reducir las pruebas a IE y Firefox o Chrome, ya que la
representación de páginas suele ser coherente en estos últimos.

13