Usabilidad de los Sitios Web María Enriqueta Castellanos Bolaños.

Slides:



Advertisements
Presentaciones similares
CSS Rogelio Ferreira Escutia. 2 Hojas de estilo cascada, mayo 2010 Definición La hojas de estilo en cascada (en inglés.
Advertisements

Diferencia Entre Blogs y Websites Christian O. Rodríguez Méndez 8 de abril de 2010.
Tener similaridad entre si, Archivo, Help, Ayuda, etc. La gente esta acostumbrada a trabajar en ambientes así. Un sitio WWW Tiene por lo general: Home,
Definición: En consecuencia, podemos definir la accesibilidad Web como la posibilidad de que un producto o servicio web pueda ser accedido y usado por.
Guías para Accesibilidad del Contenido Web 1.0
Construcción de Páginas WEB
Arquitectura de la información en sitios web y Usabilidad
Diplomado de diseño Web Nivel I Ingeniero: Alexander Henao M. Cel.:
ING. ERIKA ASCENCIO JORDÁN DOCENTE UNIVERSIDAD ECOTEC Sonnia Mendoza Carlos Morocho PAGINAS WEB.
QUE ES INTERNET Podríamos decir que Internet está formado por una gran cantidad de ordenadores que pueden intercambiar información entre ellos. Es una.
Introducción al desarrollo de proyectos RIA.
1 Las hojas de estilo en cascada Las hojas de estilo en cascada (Cascading Style Sheets, CSS) son un lenguaje formal utilizado para definir la presentación.
Creando un conjunto de materiales para los medios de comunicación
ACCESIBILIDAD WEB Ing. Ana Lilia Urbina Amador III Reunión Nacional de Webmasters del SNEST Tlalnepantla, Edo. de Mex. 2 de Octubre de 2006 Ing. Ana Lilia.
 El primer navegador Web incluía un lenguaje de estilo interno que utilizaba dicho navegador para mostrar las páginas HTML.  Sin embargo estos primeros.
Miro y Entiendo: fundamentos del diseño usable
Accesibilidad Emmanuelle Gutiérrez y R. Coordinadora del en las Redes.
La facilidad y libertad con que pueden publicarse contenidos en la Red hacen necesaria la adopción de una serie de criterios que le ayuden a filtrar los.
MEDIDA DE LA USABILIDAD EN APLICACIONES DE ESCRITORIO
Accesibilidad y Usabilidad Web Mayo ¿Quiénes usan la web? Personas: Con computadoras de bajos recursos tecnológicos, que no poseen un mouse, parlantes.
DESARROLLO DE PÁGINAS EN EL WEB Preparado por Prof. Edgar Lopategui Corsino.
 Deben ser fáciles de usar y autoexplicativos, de manera que los usuarios puedan utilizarlos sin dificultad y ver realizados sus propósitos de localizar.
UNIVERSIDAD TÉCNICA DEL NORTE FACULTAD DE CIENCIAS ADMINISTRATIVAS Y ECONÒMICAS Escuela DE CONTABILIDAD Y AUDITORIA Tema: Pagina Web, Sitio Web y Portal.
Conceptos básicos sobre Internet
Usabilidad Definiciones
DOCUMENTACIÓN DEL SISTEMA DE GESTIÓN DE LA CALIDAD
CRISTIAN MATEO NOREÑA MELIZA OSPINA MORENO 11 C TECNOLOGIA INFORMATICA LA SALLE DE CAMPOAMOR 2013.
MERCADEO DIGITAL Tiene el mismo propósito que el mercadeo tradicional, el fin es aplicar estrategias de comercialización para ganar mas clientes, la diferencia.
Usabilidad “Usabilidad es la efectividad, eficiencia y satisfacción con la que un grupo de usuarios específicos pueden realizar un conjunto específico.
El Documento de Diseño Es el documento que se crea para reflejar las especificaciones del proyecto y puede servir para buscar inversores Sirve tanto.
PRESENTACION DE INTERNET MARIA ELENA RESTREPO JARAMILLO.
LA IDEA DE NEGOCIO Se basa en un servicio ofrecido a las empresas o persona que tiene un negocio, y quieren vender su producto por internet, nosotros.
 Una página web es el nombre de un documento o información electrónica adaptada para la World Wide Web y que puede ser accedida mediante un navegador.
Taller 5 GESTION DE LA WEB ESTEFANIA CORDOVA M.. 1) ¿Qué es una página web? Una página web es el nombre de un documento o información electrónica adaptada.
TALLER #5 GERMAN BECDACH MUÑOZ. PREGUNTAS  Qué es una pagina web? Una página web es el nombre de un documento o información electrónica adaptada para.
OYUKY KUHN SORIA MYLENE ARELLANO.   Es el nombre de un documento o información electrónica adaptada para la World Wide Webdocumento World Wide Web 
PLATAFORMAS DE E-LEARNING. Contenidos Educativos accesibles para plataformas de E-Learning Definición Ventajas del aprendizaje online Componentes del.
1 ¿Qué es Usabilidad? Disciplina que estudia: distintos aspectos de la comunicación los factores humanos la ergonomía, con el objetivo de diseñar productos.
Por: Mayela Mascorro Aplicación de las Tecnologías de la Información, Grupo 003. UNIVERSIDAD AUTÓNOMA DE NUEVO LEÓN FACULTAD DE ARQUITECTURA.
Acosta González Laura Dayanara Contreras Pérez Rosa María García García Venezia González Marín María Guadalupe Salgado Manzano Arantza.
¿Qué es Accesibilidad? Accesibilidad Web  acceso universal a la Web
Taller 5 1)Que es una pagina web? página web es el nombre de un documento o información electrónica adaptada para la world Wide web y que puede ser accedida.
Por: Mayela Mascorro Aplicación de las Tecnologías de la Información, Grupo 003. UNIVERSIDAD AUTÓNOMA DE NUEVO LEÓN FACULTAD DE ARQUITECTURA.
Lenguaje de Programación Web Dinámico Multiplataforma Estándar abierto y accesible Elementos nuevos Retrocompatible Nueva filosofía de trabajo Impulsado.
UNIVERSIDAD CAPITAN GENERAL GERARDO BARRIOS FACULTAD DE CIENCIA Y TECNOLOGIA ASIGNATURA INGENIERIA DE SOFTWARE II CICLO III DOCENTE CARLA MILAGROS 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.
Presentación  Nombre del sitio.  Título de la página.  Qué información puede anticiparse de ellos  Es una web oficial? Autor  Es identificable?
Punto 1 – Introducción al servicio Juan Luis Cano.
Interface BVS-Site Julio Takayama Supervisor DGI-GA Unidad de Diseño Gráfico e Interfaces BIREME - OPS - OMS.
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.
TALLER de ACCESIBILIDAD 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.
UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 Taller 3 Gestión de Información Web Integrantes Andrés Concha Bucaram Marcelo Ochoa Prieto ECOTEC.
2.1 Conocer la terminología básica del software para diseñar una página Web
Arquitectura de Sitios Web Arquitectura de Sitios Web Participante: Raquel Rojas Profesor: Juan I. García Página Web. de : Infocomunicación la red de la.
Anexo accesibilidad | SENADIS y Centro de Sistemas Públicos Observaciones Generales Este es un documento de evaluación de la accesibilidad del Sitio Web.
 La unión de un buen diseño con una jerarquía bien elaborada de contenidos, aumenta la eficiencia de la web como canal de comunicación e intercambio.
EVALUACIÓN DE CALIDAD DEL SOFTWARE Y GOBIERNO EN LÍNEA EN PORTALES WEB APLICANDO PROCESOS DE AUDITORÍA.
Nombre de la Institución evaluada: URL de su sitio web: Evaluador: Tomás Gómez Fecha y hora inicio de Evaluación: Anexo accesibilidad | SENADIS y Centro.
HIPERTEXTO + MULTIMEDIA = HIPERMEDIA
Accesibilidad, hojas de estilo en cascada y usted.
Capitulo 3 y 4.   La accesibilidad web habla acerca de que tanta facilidad tienen las paginas de internet tanto para los consumidores en general como.
Metodología para el Diseño 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.
TALLER # 5.  QUE ES UNA PAGINA WEB? Una página web es el nombre de un documento o información electrónica adaptada para la World Wide Web y que puede.
Internet Infranet Protocolo World Wide Web Hipertexto Página web Sitio web Protocolo http Código HTML Editores HTML Portal Url Navegadores: A. Internet.
PÁGINA WEB, SITIO WEB Y PORTAL WEB Una página web tradicionalmente hace relación a un documento en el internet, disponible para ser leído, con información.
Andrea Fernanda Salazar Rueda María Paula Peña Fernández Yuleny Osorio López.
Hojas de Estilo UNIVERSIDAD TECNOLÓGICA DE AGUASCALIENTES.
Transcripción de la presentación:

Usabilidad de los Sitios Web María Enriqueta Castellanos Bolaños

Tipos de Sitios Web Personal –El autor puede estar o no afiliado a una asociación o institución Promocional –Empresas comerciales que desean promover productos y servicios –“.com” Informativo –Proveer información noticiosa extremadamente actual –“.com” Consulta/Educativo –Reportes, estadísticas, horarios de transporte, trámites… –“.edu”, “.gob”, “.gov”, “.org” Persuasivo –Influir en la opinión pública (vender ideas). Son útiles para conocer filosofía, ideas y fundamentos de organizaciones que persiguen un fin específico.

Tipos de Sitios Web Personal – Promocional – – Informativo – Consulta/Educativo – – Persuasivo –

Usabilidad de los Sitios Web La usabilidad mide la facilidad con la que los usuarios utilizan y localizan la información que buscan en un sitio Web Debe tomarse en cuenta tanto en el proceso de diseño del sitio como en la definición de los elementos de navegación “la baja usabilidad influye en el escaso éxito del comercio electrónico, ya que si los clientes no pueden comprar porque el sitio les resulta difícil de utilizar, la empresa no ganará dinero” –[Jakob Nielsen]

La estructura Los dos puntos clave de una buena estructura son: –Planifique la estructura antes de empezar –La estructura depende del contenido

La estructura Los tipos de estructura más utilizados son los que se describen a continuación: –Jerárquica Conforme se adentra en la estructura, se obtiene información más específica –Lineal tutoriales de aprendizaje o tours de visita guiada –Lineal con Jerarquía los temas y subtemas están organizados de una forma jerárquica –Red aparentemente no existe ningún orden establecido

Jerárquica

Lineal

Lineal con jerarquía

Red

Navegación Los lineamientos más importantes que se deben de considerar al crear elementos de navegación son los siguientes: –Duplique los elementos de navegación si es necesario –Añada un enlace al principio de la página –No cree páginas que sean un callejón sin salida –Diseñe una estructura clara –Proporcione índices con el contenido del sitio –Proporcione enlaces de texto en vez de gráficos

Tamaño de las páginas Los lineamientos a seguir para el tamaño de las páginas Web, son los siguientes: –Las personas no hacen scroll –Haga las páginas de una pantalla y media –Páginas largas para grandes documentos –Firme los documentos responsable del contenido –Contacto con el autor –Feche las páginas –Tenga cuidado con el formato de las fechas

Enlaces Enlaces en el texto Palabras o frases significativas Longitud apropiada Resalte el texto diferente en enlaces consecutivos similares Funcionamiento de los enlaces –Enlaces internos y externos –

Independencia del navegador Para que nuestras páginas Web cumplan esta independencia se deben cumplir los siguientes lineamientos: –Cíñase a un estándar World Wide Web Consortion (W3C) –Visualice las páginas en diferentes navegadores –Versión de los navegadores –Independencia de la resolución Utilizar porcentajes –Uso de JavaScript (no debe ser imprescindible) Algunos navegadores desactivan el uso de javascript –Versión del lenguaje Revise que la versión del lenguaje que soporta el navegador sea compatible con el código que se va a programar

Calidad En términos de calidad, hay que tomar en cuenta los siguientes lineamientos: –Cumplimiento de algún estándar (W3C) –No cometer faltas ortográficas –Páginas en contexto (¿Qué?, ¿Quién?, ¿Cómo?, ¿Cuándo?) –Responda a la gente

Accesibilidad Entre las recomendaciones (basadas en el documento Web Content Accesibility Guidelines 1.0 de la organización W3C) para que nuestras páginas Web cumplan con la accesibilidad se encuentran: –Color no indispensable –Hojas de estilo –Uso de tablas –Nuevas tecnologías –Control de elementos (con movimiento o parpadeo)

Accesibilidad –Interfaces definidas (diseño accesible) –Soluciones interinas –Tecnologías W3C –Orientación y contexto –Navegación clara –Simplicidad