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.

Slides:



Advertisements
Presentaciones similares
TUTORIAL PARA GESTIONAR EL ESPACIO PERSONALIZADO DE UNA ASOCIACIÓN ENERO 2012.
Advertisements

Dreamweaver Primeros Pasos.
Haga clic para modificar el estilo de subtítulo del patrón 13/01/10 Análisis de la conducta del usuario de internet a través de eye y click tracking.
Jesús Serrano Higueras Recorrido Básico
Qué es una Comunidad? Comunidades… … compartir conocimientos, noticias y documentación entre agrupaciones de usuarios en torno a un tema determinado. Pestaña.
Ingresa a:
La sede Web Sede de un sitio Web En todos los proyectos en los que el diseño es parte fundamental, es importante tener las ideas claras desde el principio.
LA WEB 2.0 EN EL AULA CFIE ÁVILA 26 y 28 Abril 4 y 5 Mayo Abelardo Pérez.
Analisis de Heatmaps Cliente: Diario Hoy. Objetivos Análisis de los sectores más populares Tendencias de navegación Respuesta detectada de sectores claves.
Los wikis con wikispace
CURSO DE OFIMATICA BASICA
1, 2, 3 Power Point Seleccionar algunas de estas opciones. Para comenzar.
Sign In Sign Up. 1.Ingresa: 2. Escribe el nombre de tu pagina, recuerda, este quedara:
Cómo hacerse una wiki en 8 pasos. Laura García. ¿Qué es una wiki? Un wiki o una wiki (del hawaiano wiki, «rápido») es un sitio web cuyas páginas pueden.
INTRODUCCIÓN A MICROSOFT EXCEL 2007
¿Qué es y para qué sirve Educamadrid?
Diseño de Interfaces Humanas Corrección del software EasyCleaner.
Ingresa a Ingresas el nombre de tu pagina, debe estar relacionado con el contenido. Ingresas tu correo electrónico, te llegara un mensaje.
PowerPoint 2007 Es una aplicación que permite la creación de presentaciones gráficas, al estilo de diapositivas que pueden combinar texto, diagramas,
Anatomía de un sitio web
Selecciona con el botón derecho o desde el menú de formato la opción “estilo de diapositiva” Un nuevo menú aparece ahora a la derecha de la pantalla Diviértete.
MANUAL DE USUARIO DE WORD PRESS. 2: CREAR PERFIL DE USUARIO:  Nombre de usuario  Contraseña, confirmación de contraseña.  Dirección de gmail (si.
COMISIÓN PARITARIA ESTATAL MANUAL DE USUARIO PARA LA OPERACIÓN DEL MODULO DEL CONSEJO TÉCNICO ESCOLAR Estimados responsables de los Consejos Técnicos Escolares,
Qué es Outlook? Características principales del Outlook
González Alanis Beatriz grupo: 221 matricula: G ¿para que sirve? Un wiki, o una wiki, es un sitio web cuyas páginas web pueden ser editadas por.
Nombre de la Institución evaluada:Servicio Evaluación Ambiental (SEA) URL de su sitio web: Evaluador:Héctor Monsalve Fecha y hora.
1 CÓMO CREAR UNA WEB BLOG EN WORDPRESS 1. Digitar la dirección 2. Clic en Regístrate ahora 3. Convertir de inglés a español.
Realizado por: Prof. Luis Vallenilla. En el reto anterior cambiamos aspectos esenciales en el diseño del blog. Ahora incluiremos algunos elementos a ese.
Word Leslid Palencia Cesar, Vargas Emely, matute.
1.- ¿Qué es Outlook? 1.- ¿Qué es Outlook? 2.-Características principales de Outlook 2.-Características principales de Outlook 3.-Descripción de la pantalla.
Entorno de trabajo de Microsoft Word 2007
Microsoft Office Word 2010.
Barra de titulo Barra de menú Barra de fórmulas Encabezado de columna
Anexo accesibilidad | SENADIS y Centro de Sistemas Públicos Observaciones Generales Este es un documento de evaluación de la accesibilidad del Sitio Web.
Anexo accesibilidad | SENADIS y Centro de Sistemas Públicos Observaciones Generales Este es un documento de evaluación de la accesibilidad del Sitio Web.
Mediacentro Clase #3 de Word I.
Análisis de usabilidad de 2 páginas Web Evidencia 3 Grupo C14 Equipo 4 Carlos Iracheta Claudia Cantú Edna Pichardo Janeth Landa Marco Córdova Rafael Flores.
1 Qué aprenderemos en este módulo:Qué aprenderemos en este módulo: –Cómo acceder al Perfil Personal y actualizar la información relacionada –Cómo editar.
Creación y publicación de sitios web R e d d e P r o f e s o r e s I n n o v a d o r e s Módulo: Creación y publicación de sitios web.
Anexo accesibilidad | SENADIS y Centro de Sistemas Públicos Observaciones Generales Este es un documento de evaluación de la accesibilidad del Sitio Web.
Nombre de la Institución evaluada:Servicio Nacional de la Mujer (SERNAM) URL de su sitio web: Evaluador:Héctor Monsalve Fecha y.
Nombre de la Institución evaluada: Serviu Atacama URL de su sitio web: Evaluador: Tomás Gómez Fecha y hora inicio de Evaluación:
Nombre de la Institución evaluada: MOP. Dirección General de Obras Públicas URL de su sitio web: Evaluador: Rodrigo.
Nombre de la Institución evaluada: Becas y créditos URL de su sitio web: l=74# Evaluador: Rodrigo Astudillo.
Nombre de la Institución evaluada: Observatorio urbano - MINVU URL de su sitio web: Evaluador: Tomás Gómez Fecha.
Para PowerPoint Herramientas básicas para realizar una presentación con diapositivas. Autor: Prof. Mariana López.
Anexo accesibilidad | SENADIS y Centro de Sistemas Públicos Observaciones Generales Este es un documento de evaluación de la accesibilidad del Sitio Web.
Nombre de la Institución evaluada:Cliente Bancario. SBIF URL de su sitio web: Evaluador:Héctor Monsalve Fecha y hora inicio.
Nombre de la Institución evaluada:Fundación para la Innovación Agraria (FIA) URL de su sitio web: Evaluador:Héctor Monsalve Fecha y hora.
Paso 1: Registrarse en weebly. Paso 2: Elegir el enfoque del sitio.
Anexo accesibilidad | SENADIS y Centro de Sistemas Públicos Observaciones Generales Este es un documento de evaluación de la accesibilidad del Sitio Web.
Nombre de la Institución evaluada: Corporación de Asistencia Judicial Metropolitana. URL de su sitio web: o
Nombre de la Institución evaluada: Ilustre Municipalidad de Iquique URL de su sitio web: Evaluador: Tomás Gómez Fecha y.
Nombre de la Institución evaluada:Carabineros de Chile URL de su sitio web: Evaluador:Héctor Monsalve Fecha y hora inicio de.
Nombre de la Institución evaluada: Servicio de Vivienda y Urbanización Metropolitano URL de su sitio web: Evaluador: Tomás Gómez.
Nombre de la Institución evaluada:Servicio de Salud - Metropolitano Sur Oriente URL de su sitio web: Evaluador:Héctor Monsalve Fecha.
Nombre de la Institución evaluada: MOP. Dirección de Obras Portuarias URL de su sitio web: Evaluador: Rodrigo Astudillo.
Nombre de la Institución evaluada: Ministerio de Vivienda y Urbanismo URL de su sitio web: Evaluador: Tomás Gómez Fecha y hora inicio de.
Nombre de la Institución evaluada: Salud Responde URL de su sitio web: Evaluador: Rodrigo Astudillo Fecha y hora inicio de.
Nombre de la Institución evaluada:Ministerio de Energía URL de su sitio web: Evaluador:Héctor Monsalve Fecha y hora inicio de.
Nombre de la Institución evaluada:Instituto Nacional de Estadísticas URL de su sitio web: Evaluador:Héctor Monsalve Fecha y hora inicio.
Nombre de la Institución evaluada:Superintendencia de Salud URL de su sitio web: Evaluador:Héctor Monsalve Fecha y hora inicio.
Nombre de la Institución evaluada:DICREP URL de su sitio web: tent&view=frontpage&Itemid=1 Evaluador: Rodrigo.
P O W E R P O I N T CONCEPTOS BÁSICOS 1.
Anexo accesibilidad | SENADIS y Centro de Sistemas Públicos Observaciones Generales Este es un documento de evaluación de la accesibilidad del Sitio Web.
Todas las páginas deberían tener el diseño aprobado.
Una de las características de un sitio Web eficaz es mostrar sus contenidos de manera accesible y vincular de manera fácil a documentos de diferentes.
Diseño de un Sitio Web Estrategias y pautas a tener en cuenta.
Nombre de la Institución evaluada:Hospital Luis Calvo Mackenna URL de su sitio web: Evaluador:Héctor Monsalve Fecha y hora.
Transcripción de la presentación:

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

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)

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

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

cabecera Reproductor Vídeos Canales Descripción