Portada | Monotemáticos | Secciones | Desarrolladores | Comunidad | Servicios | Servicios profesionales
Desde 0 | HTML | CSS | ASP | PHP | AJAX | Javascript | Promoción de webs | Rentabilidad de webs
Directorio | Manuales | Scripts | FAQs | Programas | Artículos Copyleft | Actualidad | La Cosecha | Colabora
Registrarse | Vuestras páginas | Foros del web | Lista de correo | Boletín de novedades
Generador METAs | Compras | Busca cursos
Alojamiento | Dominios.es | Micropagos SMS | Buscadores | Patentes, marcas | Creación web | Multimedia | Videos
Desarrollo Freelance | Buscar proyectos | Buscar profesionales | Solicitar desarrollo

Cabeceras de portal = espacio perdido


Hace un análisis de las características a buscar en una buena cabecera de portal y ofrece una visión crítica sobre el uso de éstas en los portales más destacados.


Cabeceras de portal = espacio perdido. Resumen:

  1. El usuario suele mirar al centro de la pantalla, por lo que debemos procurar que los elementos importantes esten asi colocados.
  2. Nadie usa tu barra de navegcion y nadie mira los banners, procura que ocupen lo menos posible.
  3. Lo que pongas en la barra de navegacion que sea util. Terra incluye el horoscopo en la barra de navegacion, es realmente imprescindible?
La mejor:


MSN ofrece una barra adecuda, se ajusta a las resoluciones mas pequeñas de pantalla y ofrece todas las herramientas basicas del site. Un buen ejemplo a seguir.

De esta cabecera podemos destacar lo siguiente:
  • No se usan iconos para nombrar las zonas con lo que las letras son mas grandes y mas faciles de pinchar.
  • La separacion de elementos esta clara con una linea vertical entre unos y otros, el usuario sabe dond empieza uno y acaba otro.
  • Las opciones presentadas en la barra son los "fundamentales".
  • Se indica claramente al usuario donde esta coloreando la zona activa.
  • El banner se ha reducido al maximo para evitar perder espacio. Al estilo yahoo!.

    A destacar:
    La cabecera de CNET esta bien por que ofrece todos los enlaces de su red en un espacio minimo, visible y no molesto. Quizas se penalice mucho al usuario con el tamaño del logo. Seria mejor usar un logo algo mejor, para dejar mas espacio al contenido.


    En españa:
  • Terra imita el estilo MSN, pero es demasiado grande, con explorer 5 en un mac a 800x600 no entra toda la barra.
    A destacar el reducido tamaño, a penalizar el exceso de de longitud.
    En esta barra podemos ver un adecuado uso de los botones en la parte inferior, estan claramente separados, sin perder espacio entre ellos.
    En la parte superior, los botones se podian mejorar indicando claramente la separacion entre ellos y eliminando los iconos, nadie se los va a aprender.
    No deja de ser curioso que el horoscopo este en cabecera... no es eso malgastar el espacio...??

  • La cabecera de ya.com es la peor que hemos visto. Demasiado ancha, demasiado larga, un banner gigante que no sirce para nada, etc... no es un ejemplo a seguir. Al igual que la de terra, la anchura es superior a 800x600.
    En esta cabecera no esta claramente definido el tamaño de los botones, se usan iconos que no sirven para nada.

  • Por ultimo eresmas.com lo mismo. Usa iconos que nos son necesarios, no se ve la separcion entre botones, y son muy pequeños y muchos.

    De nuevo resumen sobre cabeceras de portal:
  • Incluir solo las opciones fundamentales. Mas de 5 empieza a ser demasiado.
  • Que esten claramente definidas. No solo en su significado sino en su representacion. El area que se puede pinchar, donde acaba uno y donde empieza el siguiente, etc...
  • Usalos para indicar la posicion relativa del usuario en tu pagina.

     Seguir navegando a partir aquí:
    + 1 manual relacionado
    + 1 categoria relacionada

     Autoría, licencia y acciones sobre este artículo

    Informe de César Martín*
    URL: http://www.unosaficionados.com

    Este artículo tiene licencia Copyleft.
    Puedes reproducirlo citando al autor y enlazando su página web.

    * Para consultas técnicas utilizar la lista de correo.

    Versión imprimible Versión imprimible del artículo
    Enviar artículo por e-mail Enviar artículo por e-mail
    Añadir un comentario al artículo Publicar un comentario del artículo

    Manuales relacionados con este artículo
    Dentro de Usabilidad en la web
    Siguiente: Los usuarios no son adivinos
    Anterior: Selección múltiple (combos y demás)
    < Indice de Usabilidad en la web

    Categorias relacionadas
    A través de las categorías de nuestro directorio se pueden encontrar otro tipo de recursos relacionados con este artículo:
    + Entrar en Usabilidad


     Comentarios de los visitantes
    Aun no hemos recibido comentarios de este artículo.
    Puedes ser el primero en enviar tu comentario.



    Enlaces:
    Maestrosdelweb
      Ir arriba

    • Manuales relacionados
    +Usabilidad en la web
    Categorías
    +Usabilidad

    Lectura recomendada
    + USABILIDAD

    Compra este libro en Agapea, la librería urgente a domicilio.

    Tienda DesarrolloWeb

    DesarrolloWeb.com | Copyright | Anunciese | Acerca de | Datos legales | Contacta | Por GuiarteMultimedia