Una Web es más que código - ¿Cómo averiguo dónde estoy?

10 - ¿Cómo averiguo dónde estoy?

[editar]
Curso gratis creado por t0m|ta, Pimienta y Amanda. Extraido de: http://www.tomatoma.ws/subsecciones.php?forum_id=22&catid=22
07 de Marzo de 2006
Esta cuestión es tan básica, que muchos diseñadores pasan por alto ofrecer esta información, crítica para el usuario a la hora de saber si ha encontrado lo que buscaba.

Independientemente de si se trata de un sitio personal o de un gran sitio de comercio electrónico, siempre hay que decirle al visitante dónde está y quién ha creado la página.

Y hay que decirle dónde está, tanto en relación con el resto del "mundo" como en relación con nuestro propio sitio.

A veces, al usuario le resulta difícil saber dónde está puesto que no tiene puntos de referencia. Para saber dónde están los usuarios cuentan no solo con las direcciones URL, sino también con los nombres de las páginas, los colores, los logotipos, las llamadas "migas de pan".

Tenga en cuenta que los usuarios siguen pocas veces los patrones de navegación que pretenden los diseñadores. Pueden llegar a cualquier documento de su sitio desde cualquier otro sitio: buscadores, favoritos, boca a boca. Por eso ubicarlos inmediatamente resulta crucial.

 

Direcciones URL

La dirección URL (Uniform Resurce Locator) definen las posiciones de las páginas. Y precisamente por ello no conviene "secuestralas", quitando las barras de herramientas de los navegadores o utilizando marcos.

Le guste o no, una dirección como esta:

http://www.compañía/productos/telefonos/modvh7.html

le dice al usuario exactamente dónde está.

Esta ventaja se pierde con las páginas generadas dinámicamente que suelen aparecer así:

http://www.compañia.com/main/actu.asp?
Ref=NOT19322&tipo=econ


Utilice direcciones sencillas y fáciles de recordar siempre que se posible, para mejorar la navegación.

 

La etiqueta Title

La etiqueta <title> es lo primero que se ve en el navegador y debe indicar los contenidos de la página.

Barra de título del navegador

Además es precisamente este título el que se guardará en la carpeta de favoritos, por ello es muy importante que esté bien definido y sobre todo, que no sea ambigüo.

 

Identificación del Sitio

Cómo no sabemos desde dónde viene nuestro visitante, y el primer documento que vea de nuestro puede no ser la página principal, hay que poner en todas las páginas el nombre del sitio.

Nombre del sitio: la Marca


La identificación representa al sitio entero y, como tal, ocupa el lugar más alto en la jerarquía lógica.

El mejor lugar para poner el identificador es (para páginas occidentales que se leen de izquierda a derecha) la parte superior izquierda de la pantalla, porqué ahí es dónde se dirige instintivamente la mirada.

Por convención, este logotipo suele incluir un enlace a la página del sitio pero no todo el mundo lo sabe por lo qué:

No le exime de la obligación de poner un enlace a la página principal identificado como tal.

Es aconsejable utilizar los atributos "title" (en el enlace) y alt (en la imagen) para indicar a los usuarios que pulsando sobre el logotipo podrán ir a la página principal.

 

Identificación de la página

Ya hemos visto la etiqueta <title> pero esto no es suficiente, todas las páginas tienen que tener un nombre, que debe estar situado de forma que enmarque el contenido y debe ser prominente.

Nombre de la página

Además tiene que que corresponderse con en enlace que ha llevado a esa página. Si el nombre no se corresponde, puede perder la confianza del usuario puesto que los enlaces no conducen a dónde apuntan.

Por supuesto, que en barras de navegación hay que llegar a soluciones de compromiso, puesto que no caben nombres largos pero por lo menos deben parecerse lo más posible.

Por ejemplo un enlace pone Arquitectura -> el nombre de la página es "Arquitectura de la Información".

 

La barra de navegación

También se puede indicar la posición en la navegación principal del sitio.

barra de navegación

 

Barras de ubicación o "migas"

Esta característica se está convirtiendo en una convención y cada vez aparece en más sitios. Muestran el camino desde la página principal.

Barra de ubicación

Son una ayuda pero no deben sustituir la navegación y tampoco deben sustituir al nombre de la página. Si están bien realizadas son claras, fáciles de entender y no ocupan mucho espacio.
[editar]

13 opiniones

basura

mala
Http://unidadlocal.com/?s=paginasweb.

Puedo hacer un menu animado solo con ccs
para evitar usar javascript ya que varios usuarios no lo tienen activado ?.
Una web es más que un código.

Muy buen trabajo. Excelente. Accesible y útil. Lilly.
Gran ayuda.

Hola, con datos técnicos claros y bien explicados. Me fue de gran ayuda con el tema de los robots de búsqueda ya que estaba algo desorientado en el tema. Si sabes que es lo que buscas, este es tu recurso !!.
Hola.

Muy bueno.
1 2 3 | siguiente >

Cursos gratis relacionados con 'Una Web es más que código'

En la ingenieria del software existe trabajo repetitivo que se puede automatizar. Unas sugerencias para... Más »
Los buscadores son grandes aliados en la promoción de sitios web: atraen tráfico, la mayoría... Más »
Perl es un lenguaje interpretado optimizado para la lectura y extraccion de información de archivos... Más »
Hacer que miles de visitantes lleguen a nuestro sitio web es muy sencillo si gastamos... Más »
Una gran parte del tráfico que recibe un sitio Web proviene de los buscadores, de... Más »

Autor y licencia de 'Una Web es más que código'


Curso gratis de t0m|ta, Pimienta y Amanda. Extraido de: http://www.tomatoma.ws/subsecciones.php?forum_id=22&catid=22 CopyLeft
Este contenido ha sido recopilado por el equipo de Wikilearning. Todo el contenido recopilado se ha obtenido respetando y comunicando en nuestro site la licencia de cada fuente.
Wikilearning tiene permiso expreso por escrito de los autores para publicar los contenidos que ha extraído de otras webs, incluyendo su uso comercial.