Complethost Soluciones Internet

TRUCOS DISEÑO WEB

Diseño web Valencia

Complethost Soluciones Internet

Registro de dominios: .com , .net, .es, .info, .org , .biz, .tv, .eu,
.mobi, .in, .name, .me, .us, .uk, .tel , y más de 50 extensiones

" Complethost posiblemente la mejor empresa de hosting en Valencia"

Todo para tener la mejor presencia en Internet 1

www.complethost.es
 Complethost Soluciones Internet

10 consejos básicos para conseguir un buen diseño de su web

Por favor, no ponga melodías para recibir a los visitantes de su web, es una invitación directa a
que se vayan.

No aburra al visitante con cartas de bienvenida del presidente de la compañía ni cosas

parecidas, muestre lo que el visitante quiere ver.

No utilice gráficos o imágenes que tarden demasiado en cargarse, la mayoría de usuarios

tienen conexiones a Internet lentas.

No utilice la última tecnología en diseño, ni fuerce a los visitantes a descargar un "plug-in"

determinado para ver su web. No todo el mundo tiene las últimas versiones de los
navegadores, ni tiene ganas de descargarse el "plug-in"

Los diseños deben ser como mínimo igual de satisfactorios para los usuarios de Explorer o
Netscape, y para los que tengan una pantalla con resolución 800 x 600 o 640 x 480 píxeles.

Utilice preferentemente los fondos blancos, son los más agradables para los usuarios. A menos
que sea un profesional, no utilice imágenes de fondo.

Evite colores estridentes, pero dele alegría a la página combinando colores adecuadamente.

No utilice letras de tamaño demasiado grande, combine como máximo dos tipologías diferentes
de letras.

Sea coherente en el diseño global del web, es preferible un diseño parecido entre todas las
páginas, a páginas de un mismo web totalmente diferentes.

El diseño debe facilitar la navegación a través de la web. El visitante debe poder saber dónde
se encuentra en cualquier momento y qué debe hacer para ir a una página determinada.

Como diseñar una portada que cautive a sus visitantes

Por poco que os mováis en Internet en los sitios de marketing y comercio, veréis que los
aspectos de promoción y publicidad de webs son profusamente tratados en todas partes. Sin
embargo, no hay mucho sobre un tema que es clave para el éxito de todo sitio: las portadas.
Aquí le contamos que debe tener en cuenta para diseñar una “home page” cautivadora.

Efectivamente, no sirve de nada invertir en promoción para atraer a muchos internautas a

nuestras páginas si, en el momento en que se acerquen, pasan breves instantes ojeando la
portada de nuestro sitio web y, seguidamente, se van hacia otros lugares.

¿Cómo los captamos? ¿Cómo los retenemos? ¿Cómo conseguimos que se queden el tiempo
suficiente para conocer nuestra oferta y permitirnos iniciar con ellos una relación con visos de
continuidad?

Antes, intentemos definir cuáles son los objetivos a cubrir por nuestro sitio web.

1. "Enganchar" los contactos que se acercan a visitarnos por primera vez

2. Conseguir que nos cedan su dirección de correo-e junto a la autorización para mandarles
información periódicamente
3. Interesar permanentemente también a los visitantes "repetidores"

Todo para tener la mejor presencia en Internet 2

www.complethost.es
 Complethost Soluciones Internet

Estos deberían ser los objetivos prioritarios de nuestro sitio. Si los alcanzamos, ya
dispondremos de la base para la continuación del proceso de la venta. Podremos entonces
establecer relaciones permanentes con nuestros clientes, ganarnos su confianza, generar
ventas y ventas repetitivas.

Pero ¿se ha planteado cómo alcanzar estos objetivos?

Será fundamental que nuestra página de portada cumpla una serie de requisitos. De ello se
derivarán consecuencias también para la estructura del conjunto de nuestro sitio web.

Pero veamos ahora, qué va a necesitar nuestra portada para cumplir los objetivos: diseñar la
portada pensando en el cliente. ¿Qué le gustaría encontrar a nuestro cliente? ¿Cómo podemos
facilitarle la vida? ¿Cómo podemos servirle mejor?

El sitio web no es para nosotros ni para nuestra empresa ni para nuestro consejero delegado.
El sitio web es para nuestros clientes.

Y lo mejor es pensar en lo que hacemos cada uno de nosotros al entrar a un sitio web que
visitamos por primera vez. Lo que yo hago es sobrevolar con la vista el conjunto de la página a
la caza de esa palabra o ese detalle que capta mi atención. Desde luego, en el primer vistazo
no suelo dedicarme a leer grandes párrafos. Mi interés ha de ser captado de alguna otra forma,
de una forma rápida, al vuelo.

El visitante debe encontrar en la portada los siguientes elementos:

1) Debe poder identificar qué es lo que proporciona el sitio web a sus visitantes. Es decir, "para
qué le sirve a él ese sitio web".

2) Los visitantes noveles deben encontrar "al vuelo" esos ganchos que les harán decidir
adentrarse en el sitio.

3) Debe existir también una forma de acceso rápida y directa a las distintas secciones para el
visitante habitual que ya sabe lo que va a buscar.

4) Debe disponer de alguna (o varias) forma de obtener la dirección de correo-e de cada

visitante que entra. Para ello, la herramienta ideal es un boletín periódico. Les ofrecemos la
suscripción gratuita. Para mandárselo, obviamente, necesitamos su dirección.

Otras opciones son el suministro de un informe concreto, el rellenar una encuesta, a cambio de
lo cual, participarán en un sorteo o recibirán un determinado servicio durante 3 meses (de
paso, les hacemos conocer el servicio y, si les gusta, ya se suscribirán al cabo de los tres
meses)

5) Por último, la cantidad de información debe ser la justa. Ni poca, ni mucha. Ni tan poca que
resulte insustancial -los clientes no harán el esfuerzo de entrar a otra página sin saber lo que
van a encontrar. Ni tanta que la página resulte sobrecargada con múltiples textos de letra
menuda. Esa sobrecarga de información tiene como principal efecto el enmascarar la
información importante, ésa que es capaz de captar la atención del cliente.

¡Bien, pero basta ya de generalidades! ¡Vayamos al grano!

Qué tiene que hacer para diseñar una portada. Esta es una guía que os permitirá diseñar
páginas completamente personalizadas para cada caso, que a la vez cumple con los requisitos
exigidos para un buen marketing.

La página de portada, como hemos comentado, debe ser útil a visitantes noveles y repetidores.
A los primeros, debe captarlos. A los segundos, llevarles lo más rápidamente posible a la
sección a la que se dirigen. Pongamos, pues, dos formas distintas de salir de ella para penetrar
en el sitio web por dos vías distintas.

Todo para tener la mejor presencia en Internet 3

www.complethost.es
 Complethost Soluciones Internet

La entrada de los repetidores......

Consiste en situar un menú de secciones y sub-secciones, probablemente en un lateral, para

que cada uno pinche la sección que le interese para acceder a ella directamente. Muy bien.
Claro y sencillo.

.....y la de los nuevos contactos

La otra forma de entrar hacia el sitio desde la portada es "poniendo un espejo que les devuelva
su propia imagen". ¡Eso es! Si el visitante se ve retratado en la página pensará "¡ése soy yo!
Aquí hablan de mí y de lo que yo busco. Éste es el sitio que yo buscaba".

¿Queréis un ejemplo? Imaginemos una tienda virtual de ciclismo. Podríamos identificar varios
tipos de clientes potenciales: el profesional, el aficionado y el cicloturista, que sólo quiere una
bicicleta de montaña para salir de vez en cuando con sus amigos.

Lo que yo propongo es presentar una llamada explícita a cada uno de ellos en nuestra portada.
Para el tercer cliente pondríamos, por ejemplo, "¿Te gusta el cicloturismo? Haz clic aquí y pasa
a nuestro ciclomundo (o bien "encuentra todo lo que necesitas" o bien "Tenemos unas páginas
que te encantarán")". Difícilmente, un visitante que responda a ese perfil dejará de entrar.

Bien, ya tenemos nuestra portada con la doble vía de salida. También disponemos de todas las
páginas de contenidos (artículos, catálogo, página de pedidos, enlaces, foros, etc.) Bien, pero,
como consecuencia de la portada que hemos creado, nos falta algo. Debemos crear un nuevo
nivel de páginas.

En efecto, volviendo a nuestro ejemplo, una vez que el clicloturista ha pulsado el botón que le
pedíamos debe entrar a una página íntegramente dedicada a él, a los cicloturistas.

En esa página debemos presentarle todas las opciones, productos y servicios que va a
encontrar para él a continuación. Por ejemplo, un sitio como ese debería ofrecer el catálogo de
bicicletas y accesorios, pero también información de rutas cicloturistas, un foro de contactos
para intercambio de materiales usados, un tablero de anuncios para la organización de
excursiones conjuntas, etc.

Por lo tanto, en esa página, que llamo de orientación, se trata de contarle a nuestro nuevo
visitante cicloturista todas las secciones de que dispone en nuestro sitio y qué le ofrece cada
una de ellas. Desde esa página, nuestro cicloturista podrá acceder directamente a cada una de
las secciones que le ofrecemos.

Cuando ese mismo cicloturista regrese a visitarnos, probablemente ya accederá directamente a

la sección que busque desde el menú de la portada. Claro, ahora ya es un visitante repetitivo.

La aplicación de este modelo os puede servir, no sólo para mejorar sustancialmente los
resultados de vuestro sitio web, sino que tendrá el efecto de cambiar la forma que teníais de
concebirlo. El sólo hecho de intentar aplicar este modelo, os obligará a pensar en los tipos de
clientes que tenéis, o queréis tener, en los contenidos que podéis ofrecer a cada uno de ellos y,
en definitiva, os ayudará a replantear desde una óptica más adecuada al medio Internet, toda
vuestra presencia en la red.

Todo para tener la mejor presencia en Internet 4

www.complethost.es
 Complethost Soluciones Internet

Consejos para la correcta elaboración de MetaTags

En este artículo hablaremos del uso de las MetaTags, cómo crearlas correctamente y la función
que desempeña cada una de ellas.

A la hora de empezar a diseñar una página web hay que tener en cuenta que también hay que
optimizarla para los buscadores. Un buen webmaster debe de saber diseñar una página
atractiva pero que a la vez tenga una serie de requisitos fundamentales para que los
buscadores puedan extraer la información de la página web y añadirla a su índice, obteniendo
una buena posición.

La creación de MetaTags es fundamental para que los grandes buscadores (o motores de

búsqueda que utilizan robots para catalogar las páginas web) como Altavista, Google,
Excite..etc indexen tu página web correctamente en su índice. Los directorios como Yahoo o
Terra no utilizan esta información (ya hemos hablado de los directorios en artículos anteriores).
Si te conectas a la página de agregar URL del Buscador Altavista:

http://es-es.altavista.com/s?spage=help/addurl.htm&t=11

Simplemente hay que introducir la dirección URL, nada más. No hace falta incluir título, ni
palabras clave, ni email de contacto. Esto se debe a que toda la información de la página web
es extraída por el robot Scooter de los códigos Meta de la página web.

Insertar MetaTags es una manera de controlar la información que el buscador extraerá de tu

página y que será la que tus posibles clientes verán listada en el buscador.
Los buscadores leen las MetaTags y por medio de esta información asignan la categoría que
corresponde a tu página web así como la posición o ranking respecto a otras páginas web
catalogadas en la misma categoría.

EL ORDEN DE LAS META TAGS

<html>
<head>
<title>Introduce el título de tu página web utilizando palabras clave importantes, de 40 a 60
caracteres recomendados</title>
<meta name="description" content="Redacta una descripción del producto o servicios que
ofreces volviendo a utilizar palabras clave. Unos 200 caracteres">
<meta name="keywords" content="palabras clave separadas por comas, introduce frases
cortas de dos o más palabras. Unos 1000 caracteres.">
<meta http-equiv="Content-Type"content="text/html; charset=windows-1252">
<META NAME="revisit-after" content="14 days">
<META NAME="robots" content="index,follow">
<META NAME="distribution" content="global">
</head>

Todo para tener la mejor presencia en Internet 5

www.complethost.es
 Complethost Soluciones Internet

Fíjate que las Meta Tags empiezan y terminan por <head></head>. Tienen que estar bien
formateadas.

Puedes añadir comentarios adicionales después de la Tag </head>, siempre y cuando estén
correctamente formateados y empiecen y terminen por:

Esta Tag no es obligatoria.

TAG TITLE - Esta es la información que los buscadores exponen como título de tu página web.
Los internautas leerán tu título y decidirán hacer click o no en tu web. Esta Tag es también
importante para establecer el tema y contenido de tu página web por lo que debes utilizar
palabras clave en el título, unas 5 palabras clave son suficientes (máximo de 7 a 9). Es también
importante para la posición que ocupes en el buscador por palabra clave.
También sirve para visualizar el título de nuestra web en la línea superior del navegador
cuando un Internauta se conecta a nuestra página web.

TAG DESCRIPTION - Al igual que el Título, la mayoría de los buscadores exponen el

contenido de esta Tag. Debes redactar una descripción que incite a tus posibles clientes a
hacer click en tu link volviendo a utilizar las palabras clave más importantes con frecuencia. Es
el texto descriptivo de nuestra web.

TAG KEYWORDS -La Meta Tag Keywords es mucho menos importante que el Título y
Descripción. Esta Tag está especialmente indicada para sugerir al buscador, sinónimos, plural
y singular, mayúsculas y minúsculas de las palabras clave utilizadas en el título y descripción.
Intenta utilizar palabras clave que estén relacionadas con el contenido y tema de tu página web
y pon las más importantes las primeras de la lista. Utiliza frases cortas o cadenas de tres o más
palabras.

TAG ROBOTS - Esta es una simple instrucción al robot del buscador para indicar cómo y
cuándo debe indexar la página web. "index/follow" indica al robot que debe indexar la página
web y seguir los links a las demás páginas interiores."noindex/nofollow" indica al robot que no
indexe la página web ni tampoco siga los links

.
Otras variaciones son index/nofollow and noindex/follow.

Esta tag no es obligatoria. Si no la tienes los robots indexarán igualmente tu página web. Pero
si necesitas que una de las páginas no sean indexada (por ejemplo una página especial
únicamente para clientes registrados o una página que no esté relacionada con el contenido de
tu web) es necesario insertar esta MetaTag para indicar al robot que NO indexe la web.
La Tag "revisit-after" indica al robot cuando tiene que volver a visitar tu web, si actualizas muy a
menudo pon 14 días. Otra opción es 30 días.

La Tag "distribution" indica al robot el alcance de tu web, global es lo más habitual.

Intenta seguir estos consejos en la elaboración de tus MetaTags, siguiendo el mismo orden que
en el ejemplo. La Tag Title debe de ser la primera.

Todo para tener la mejor presencia en Internet 6

www.complethost.es
 Complethost Soluciones Internet

Recuerda que las MetaTags más importantes y esenciales son el Título y la Descripción y
debes introducir tus palabras clave más importantes en estos campos, palabras exactas y
precisas que enfoquen el tema de tu web para que el tráfico que proceda de los buscadores
sea de clientes potenciales en busca de tu producto o servicio.

Algunos buscadores no utilizan las Meta Tags para extraer la información de tu web, utilizan las
primeras líneas de texto de tu página y es lo que aparece en sus listados. También debes
utilizar en las primeras líneas del texto tus palabras clave con frecuencia y siempre
relacionadas con el tema de tu web.

Consejos para un correcto Diseño Web

A medida que crecemos en nuestra profesion nos damos cuenta de ciertas cosas
que debemos tener en cuenta a la hora de diseñar o rediseñar un WebSite, ya sea
para una empresa, para nosotros mismos o para cualquier persona.

· A que público va dirigido

· Comunicar constantemente al navegante de lo que va sucediendo.
· Link de ayuda visible.
· Evitar textos largos. Usar textos cortos y precisos, la gente tiende a escanear con
su visión y no a leer atentamente.
· En caso de que la navegación sea flash o con imagenes, proveer una alternativa
con Hypervínculos.

El cliente no siempre tiene la razón:

Muchas veces, el cliente nos pide que el sitio tenga colores destellantes y que las
palabras vuelen y se revuelquen por el mismo. Esto no estaría del todo mal si el
sitio del cliente no se tratase de una funeraria.

Darle la razón al cliente para terminar el trabajo en el menor tiempo posible y

dejarlo contento, no es siempre la solución al problema, ya que ese WebSite lo
verán muchas personas día a día y alguna de ellas tal vez sea nuestro próximo
cliente.

Hay muchas maneras de decirle a un cliente por qué debe dejarnos hacer nuestro
trabajo sin interferir, pero la mejor es la más honesta: demostrarle con
estadísticas, hechos y estudios realizados en navegantes, porqué es que debemos
ubicar el menú de navegación a la izquierda del WebSite y porqué el mouse no
debe tener 14 bolitas de colores que titilan que lo siguen.

about:blank
Recordemos dejar espacios en blanco en nuestros Designs, para darle aire al
mismo.

No sirve de nada amontonar cosas en bloque, ya que los navegantes suelen

confundirse con muchas cosas encimadas y se sienten saturados visualmente,
logrando así que se retiren de nuestro WebSite.

Todo para tener la mejor presencia en Internet 7

www.complethost.es
 Complethost Soluciones Internet

Resolución de pantalla
Muchos se preguntan a que resolución de pantalla deben diseñar sus WebSites, ya
que los navegantes del mundo tienen diferentes tipos de monitores, con diferentes
resoluciones. Según Browser News, no hay un estándar en resolución de pantalla y
tal vez nunca lo abra.

Según sus estudios:

- El 2% de los navegantes, utilizan una resolución de 640x480.
- El 45% de los navegantes, utilizan una resolución de 800x600.
- El 51% de los navegantes, utilizan una resolución de 1024x768.

Esto no quiere decir, que solamente tenemos que diseñar para los navegantes con
la mayor resolución, ya que si lo hacemos así, estaremos perdiendo un 45% de los
navegantes en la red.

Tenemos en todo caso dos opciones:

1-Diseñar el sitio con una resolución de 800x600 y que los navegantes que utilizan
mayores resoluciones, se adapten. Esto es lo más común ya que si el Design es
claro y simple, no molesta mucho a la vista que esté preparado para 800x600,
incluso llega a quedar atractivo.

2-Preparar el sitio para las dos resoluciones y que el navegante elija a que
resolución desea visualizarla, o nosotros mediante un javascript detectar que
resolución tiene el navegante y re direccionarlo a la versión correcta.

Flash: el enemigo
La tecnología Macromedia Flash puede ser un arma de doble filo. La mayoría de los
navegantes tiende a perderse en los WebSites realizados en Flash, ya que los
WebDesigners en vez de mantener una estética limpia, simple e intuitiva como lo
venían haciendo con los WebSites en Html, pasaron a hacer de cada WebSite su
"obra personal". En enumerados casos pueden verse impresionantes animaciones
que destellan en los ojos del alucinado navegante.

Esto trae problemas de atención:

Nosotros queremos que el navegante se entere de nuestros servicios, o que mire el
logotipo que destella fuego y da vueltas en 3D? Si el navegante desea copiar y
pegar un texto informativo de nuestro WebSite, podrá hacerlo? El menú, es
intuitivo? Una vez que el navegante vió todas las animaciones del WebSite y
efectos, le quedan ganas de ver realmente nuestra información?

En muchos de los casos la respuesta lamentablemente es no. Y no es que la

tecnología Flash sea la problemática, si no que como toda nueva tecnología, está
siendo mal utilizada.

Se pasó de querer informar al navegante y tratar de venderle un producto/servicio,

a tratar de impresionarlo visualmente, lo cual es incorrecto.

Además, los sitios realizados en flash solamente son confortables para los

Todo para tener la mejor presencia en Internet 8

www.complethost.es
 Complethost Soluciones Internet

navegantes con ancho de banda alto, y no para los que utilizan módems comunes y
dial-up. En américa latina es más que obvio que la mayoría de las conexiones no
son de banda ancha, dado a la crisis en la región que se vive en los últimos años.

No se puede discutir que los clientes siguen pidiendo WebSites en tecnología Flash,
pero tampoco se puede discutir que si se utiliza de manera incorrecta, puede
provocar el efecto contrario en nuestros visitantes.

Consejos prácticos para diseñar un buen menú de navegación

Procura evitar un menú con muchas opciones (más de 5 puede ser mucho).
Si los menús de navegación son una de las lacras de la usabilidad, debemos procurar
diseñarlos (forma y función) lo mejor posible para evitar errores y aliviar la navegación a
nuestros usuarios.

Una regla básica es eliminar opciones. No hagas menús muy extensos. Más de 5 opciones son
muchas para leer, entender y pinchar. Reduce el número al máximo y procura que lo que
pongas en el menú tenga una importancia real. Es mejor que una opción del menú agrupe
diferentes apartados que tener un menú con muchas opciones "simples". El ejemplo que nos
puede sonar es el de agrupar las FAQ, Oficinas, Mapa, Carta del Presidente, Memoria Anual,
Historia de la Compaña en una opción que ponga "Todo sobre Nosotros". Eliminamos opciones
y no perdemos accesibilidad.

Si existe una necesidad real de tener muchas opciones, procura usar un directorio y ponlo en el
medio de la página. La gente encontrara las cosas más rápido y el menú no se perderá por
debajo de la línea de scroll.

El ejemplo más práctico es en las tiendas donde la barra de "departamentos" suele extenderse
hasta más allá del pixel 768. Es mejor poner los departamentos relacionados con la categoría
donde se encuentra el usuario y una opción de "ver todos los departamentos".

2. Es bueno indicar dónde está el usuario, pero no es necesario desactivar esa opción.
Una práctica habitual en los menús es desactivar la opción donde se encuentra el usuario para
indicar de una forma clara "donde estoy".
Si bien es una buena práctica, tiene algunos inconvenientes:
•El usuario no puede volver a pinchar sobre esta opción si se siente perdido.
•Debemos procurar usar enlaces subrayados para hacer más evidente la diferencia. Si los
enlaces no están subrayados, es difícil apreciar la diferencia.
Es recomendable dejar los botones del menú siempre activos y procurar usar la página en si
para mostrar al usuario la información de "donde estoy". Si queremos usar el menú para indicar
al usuario "donde estoy", es mejor usar algún elemento grafico en el menú que indique esa
diferencia.

3. Los colores de enlace "nuevo", "over" y "visitado" deben ser del mismo color pero con
diferentes tonalidades.
Las Hojas de Estilo (CSS), nos permiten manejar con soltura el estilo de nuestro site
incluyendo los eventos de enlace "nuevo", "visitado" y (en algunos casos) el evento de "over".

Si bien los códigos de color son complejos de entender y la mayoría de los usuario ni siquiera
llegan a recibir el mensaje, es bueno usarlos para aquellos usuarios más avanzados que
requieran de mas información por parte de nuestra web.

La regla general que debemos aplicar es usar un único color para los enlaces, y 3 tonos para
los diferentes eventos. Tendremos un color X (azul es la norma) para los enlaces y un tono
más brillante para el evento de "over" y un tono más apagado para el enlace visitado. Otra
variante para el "over" es usar un color que aparecerá en el fondo de la zona enlazada.

Todo para tener la mejor presencia en Internet 9

www.complethost.es
 Complethost Soluciones Internet

Ejemplo de diferentes estilos de enlaces.

En la imagen inferior, podemos ver ejemplos de eventos en un enlace.
El ejemplo A, donde usamos un único color y 3 tonos diferentes, es el recomendable frente al
ejemplo B donde no se usa el subrayado y el color del enlace cambia a cada evento.

Usa colores diferentes si deseas indicar diferentes tipos de enlaces (internos, externos, acceso
a diferentes áreas, etc...)
No hagas del evento "over" una fiesta y procura evitar las metamorfosis a "bold", aparece el
"subrayado", etc.

4. Si el menú se despliega, procura abrir una página por defecto y mantén el menú desplegado
(no lo cierres sin que el usuario lo haya dicho).
Otra lacra de la usabilidad son los menús que se despliegan. No los uses. Es mejor navegar a
través de páginas donde el usuario ve resultados, y se informa de cuáles son las siguientes
opciones a ver. Si el usuario se pierde volverá a la "home"o pulsara el botón de "volver" (si ya
sabe navegar puede que incluso use la barra de "donde estoy".

Si por motivos de fuerza mayor los tienes que usar, procura seguir un par de reglas.
•No uses menús con rollover. Está probado que el usuario se siente más cómodo si pincha y el
menú se abre.
•Los menús se abren y se cierran si el usuario lo indica. Si por razones de espacio tienes que
cerrar un menú cuando se abre otro, reduce el número de opciones.
•Muchas veces, tenemos un menú llamado "Coches". Si pinchamos sobre esta opción el menú
se despliega con las opciones de "Deportivos, 4x4, etc...". Es bueno si además de desplegar el
menú, abrimos una página donde explicamos las opciones más comunes de esa página y/o
destacamos algún producto. Además de ayudar al usuario a manejar el menú, podemos
acercar opciones comunes dentro de esa zona del tipo "últimas novedades", "buscador",
"productos más demandados".

5. El uso de los "bullets" es necesario cuando tenemos opciones que ocupan 2 líneas de texto.
Si tu menú se compone únicamente de texto, procura que quede claro donde empieza y donde
acaba cada opción. Para ello el uso de "bullets" será lo más adecuado. Es recomendable usar
los bullets del sistema para aliviar el peso de la página.
Ejemplo de menús con y sin "bullets".
Usando los bullets en un menú ayudamos a separar las opciones y el usuario entiende donde
empieza y donde acaba cada opción.

En un menú sin bullets es más complejo separar las opciones y cuesta ver donde empieza y
acaba cada enlace

Tiempo de carga de un web

El tiempo de carga de un web, es un factor importante para éxito o fracaso del mismo.

Un punto tan simple y casi siempre ignorado por los webmasters, puede ser determinante para
que nuestro web, logre nuestras expectativas o se quede en el camino.

Estudios sobre usabilidad, indican que el tiempo máximo de espera para la carga de un web,
es de 10 segundos. A partir de este tiempo el internauta empieza a desesperarse o a perder
interés por el web.

Por ello, el tamaño del web, será un factor importante a tener en cuenta por los webmasters y
desarrolladores.

Profundicemos en el tema:

1) Partamos de la base que una página de un tamaño de 50 Kbs tardara en cargar 7 segundos

Todo para tener la mejor presencia en Internet 10

www.complethost.es
 Complethost Soluciones Internet

para una conexión de 56600 bps, el clásico modem de 56kb, pero teniendo en cuenta la
calidad de los servicios que hoy en día brindan las compañías, dejemos su capacidad en 30000
bps, lo que nos sugiere que un web de unos 40kbs estará en el límite para ser considerado
insufrible por nuestros visitantes.

2) La idea que tienen muchos webmasters de que la mayoría de los internautas gozan de
banda ancha en su conexión es equivocada, el porcentaje de usuarios que tienen una conexión
de 128kbs o superior es minoritaria, por lo que los webs deberán ir encaminados a las
conexiones tradicionales.

3) Intentemos optimizar nuestras imágenes usando, carga progresiva de las mismas (típica del
formato gif). Utilizar la misma imagen para que el navegador use el cache para recuperarla, sin
perder tiempo en cargarla, usar software de optimización de imágenes, tipo Fireworks. Evitar el
uso de imágenes en lo posible.

4) Existe la idea de que el usuario requiere de diseños atractivos para ser captado por un web.
Realmente el usuario, lo que quiere es encontrar lo que está buscando.

En resumen, un equilibrio entre usabilidad y diseño, hará que nuestro web, marque la
diferencia.

Atentamente

El equipo de complethost.es

Todo para tener la mejor presencia en Internet 11

www.complethost.es