Cabecera  Exceso de espacio de banners. El resultado es una cabecera excesiva que tapa el foco de la página: la pantalla de televisión (en resoluciones.

Presentación del tema: "Cabecera  Exceso de espacio de banners. El resultado es una cabecera excesiva que tapa el foco de la página: la pantalla de televisión (en resoluciones."— Transcripción de la presentación:

1

2 Cabecera  Exceso de espacio de banners. El resultado es una cabecera excesiva que tapa el foco de la página: la pantalla de televisión (en resoluciones de 1280 x 768 e inferiores)  El usuario no mira los banners, mira al centro de la pantalla, y en nuestro casa el centro queda partido.  La cabecera queda partida por los banners. El menú de navegación queda camuflado entre banners.  Elementos decorativos que distraen la atención del usuario.  Barra de navegación:  Excesiva separación entre elementos del menú,  Falta efecto onMouseOver para saber que estamos sobre un botón determinado  Los botones deben tener una mejor denominación, indicando lo mejor posible al usuario lo que encontrará si sigue ese botón

3 Cabecera Estructura recomendada Título página Barra de navegación Enlaces recursivos: ayuda, registro, mapa del sitio loginBuscador Banners (zonas óptimas) Cuerpo Banners (zonas óptimas)

4 Cabecera Banners publicidad  Se recomienda posicionar los banners en zonas que no obstruyan el contenido de la página  Las zonas óptimas son la parte superior y la parte derecha de la pantalla. Si se coloca en la parte superior, no se superarán los 120 – 140 píxeles de altura  No mezclar nunca un banner con contenido de la página. El usuario debe reconocer rápidamente, sin pensar, lo que es publicidad y lo que es un contenido o funcionalidad del sitio web. Título de la página:  Lugar óptimo: parte superior izquierda. Actualmente ya se cumple.  Mejorar gama de colores: sobre fondo gris oscuro, las letras e iconos con tonos rojos y verdes tienen mala visibilidad  El título y logo de la página deben contener un enlace a la home del portal. Se ha convertido en un estándar y el usuario siempre buscará esa función en el botón. Barra de navegación (menú principal del sitio)  Reducir separación entre cada botón  Aumentar fuente  Aumentar altura barra de menú  Colocar un marco o pestaña a cada botón, delimitando su espacio de acción  Añadir un cambio de estilo al colocar el cursor encima del botón. (efecto OnMouseOver) – Sugerimos: subrayado. MICASTELLANO InicioVídeosEventosSubir Vídeo

5 Cabecera Enlaces recursivos  Situar aquí el acceso a recursos:  Registrarse  Recordar contraseña  Ayuda  Mapa web (si lo hay) Estos accesos deben estar siempre en una zona visible y de rápido acceso. Son recursos muy importantes para el usuario. Login Justo en la zona inferior a los enlaces recursivos colocaremos la zona de login: nombre de usuario y contraseña. Las cajas de texto deben tener un tamaño que permitan una lectura fácil del texto

6 cabecera Reproductor Vídeos Canales Descripción