Este documento proporciona una guía para la evaluación experta de sitios web. Incluye una serie de factores (heurísticas) que deben considerarse al analizar un sitio web, como si el sitio mantiene al usuario informado, habla el mismo lenguaje que el usuario, y permite el control y uso flexible por parte del usuario. También incluye una lista de verificación para facilitar la auditoría del sitio.
Este documento proporciona una guía para la evaluación experta de sitios web. Incluye una serie de factores o heurísticas que deben considerarse al analizar o auditar un sitio, como la usabilidad, la navegación, el diseño y la interfaz de usuario. Al final, se incluye una lista de verificación para facilitar la auditoría. El objetivo es que el sitio sea intuitivo, consistente y brinde un buen control y experiencia de usuario.
Este documento proporciona una guía para la evaluación experta de sitios web. Incluye factores (heurísticas) que deben considerarse al analizar o auditar un sitio web, como la usabilidad, la interfaz, el contenido y la compatibilidad técnica. También incluye una lista de verificación para facilitar la auditoría. El objetivo es ayudar a analizar sitios web antes y durante su desarrollo para mejorar la experiencia del usuario.
Este documento proporciona una guía de evaluación experta para analizar un sitio web. Incluye una serie de factores a considerar como la navegabilidad, la usabilidad, la interfaz de usuario, el contenido y la compatibilidad técnica. Al final, presenta una lista de verificación para auditar un sitio web de manera más estructurada.
El documento presenta una guía para evaluar la usabilidad de un sitio web. Propone que un sitio debe mantener informado al usuario sobre las acciones en curso, hablar el mismo lenguaje que el usuario, y dar al usuario control y opciones como botones de retroceso. También sugiere que un sitio debe ser consistente, prevenir errores, hacer que la información sea fácil de encontrar y reconocer, y ser flexible y eficiente para los usuarios.
1) El documento presenta información sobre la creación de páginas web y blogs. Explica que crear páginas web ya no requiere de expertos gracias al desarrollo de nuevas tecnologías y aplicaciones. 2) Define qué es una página web, sus tipos (estáticas y dinámicas), y características importantes como contenido útil, diseño atractivo y velocidad. 3) Explica que un blog es un sitio web que incluye contenidos actualizados frecuentemente y una wiki permite que usuarios editen direct
Este documento define conceptos relacionados con las páginas web como WWW, tipos de páginas web, características de una página web, blogs, wikis, webquests, portafolios digitales y álbumes multimedia. También explica los pasos para crear una página web en Word.
Este documento describe las páginas web, blogs, sus características y usos. Explica que una página web puede ser estática o dinámica y alojarse localmente o de forma remota, y que un blog es una página que publica artículos sobre temas específicos de forma regular. Detalla las ventajas de una navegación y estructura claras en páginas y blogs, así como el uso de imágenes optimizadas en páginas web.
El documento describe los estándares y principios clave para crear un sitio web de calidad. Explica que los sitios deben seguir las normas del W3C para funcionar en todos los navegadores y dispositivos. También destaca la importancia de la velocidad de carga, usabilidad, seguridad, accesibilidad y diseño visual atractivo. En resumen, un buen sitio debe cumplir con los estándares, cargar rápido y ser fácil de usar para todos los usuarios.
Este documento proporciona una guía para la evaluación experta de sitios web. Incluye una serie de factores o heurísticas que deben considerarse al analizar o auditar un sitio, como la usabilidad, la navegación, el diseño y la interfaz de usuario. Al final, se incluye una lista de verificación para facilitar la auditoría. El objetivo es que el sitio sea intuitivo, consistente y brinde un buen control y experiencia de usuario.
Este documento proporciona una guía para la evaluación experta de sitios web. Incluye factores (heurísticas) que deben considerarse al analizar o auditar un sitio web, como la usabilidad, la interfaz, el contenido y la compatibilidad técnica. También incluye una lista de verificación para facilitar la auditoría. El objetivo es ayudar a analizar sitios web antes y durante su desarrollo para mejorar la experiencia del usuario.
Este documento proporciona una guía de evaluación experta para analizar un sitio web. Incluye una serie de factores a considerar como la navegabilidad, la usabilidad, la interfaz de usuario, el contenido y la compatibilidad técnica. Al final, presenta una lista de verificación para auditar un sitio web de manera más estructurada.
El documento presenta una guía para evaluar la usabilidad de un sitio web. Propone que un sitio debe mantener informado al usuario sobre las acciones en curso, hablar el mismo lenguaje que el usuario, y dar al usuario control y opciones como botones de retroceso. También sugiere que un sitio debe ser consistente, prevenir errores, hacer que la información sea fácil de encontrar y reconocer, y ser flexible y eficiente para los usuarios.
1) El documento presenta información sobre la creación de páginas web y blogs. Explica que crear páginas web ya no requiere de expertos gracias al desarrollo de nuevas tecnologías y aplicaciones. 2) Define qué es una página web, sus tipos (estáticas y dinámicas), y características importantes como contenido útil, diseño atractivo y velocidad. 3) Explica que un blog es un sitio web que incluye contenidos actualizados frecuentemente y una wiki permite que usuarios editen direct
Este documento define conceptos relacionados con las páginas web como WWW, tipos de páginas web, características de una página web, blogs, wikis, webquests, portafolios digitales y álbumes multimedia. También explica los pasos para crear una página web en Word.
Este documento describe las páginas web, blogs, sus características y usos. Explica que una página web puede ser estática o dinámica y alojarse localmente o de forma remota, y que un blog es una página que publica artículos sobre temas específicos de forma regular. Detalla las ventajas de una navegación y estructura claras en páginas y blogs, así como el uso de imágenes optimizadas en páginas web.
El documento describe los estándares y principios clave para crear un sitio web de calidad. Explica que los sitios deben seguir las normas del W3C para funcionar en todos los navegadores y dispositivos. También destaca la importancia de la velocidad de carga, usabilidad, seguridad, accesibilidad y diseño visual atractivo. En resumen, un buen sitio debe cumplir con los estándares, cargar rápido y ser fácil de usar para todos los usuarios.
Este documento contiene información sobre páginas web, incluyendo las siglas WWW, qué es una página web, características de las páginas web, tipos de páginas web (estáticas, dinámicas y en Flash) y sus diferencias. Explica que WWW significa World Wide Web, que una página web es un documento electrónico alojado en un servidor que puede ser accedido a través de un navegador, y describe varios tipos y características fundamentales de las páginas web.
Este documento define páginas web y blogs, describiendo sus características, usos, ventajas y desventajas. Una página web es un documento electrónico que puede contener texto, imágenes y enlaces, y que se aloja en un servidor web para ser accesible a través de Internet. Un blog es un sitio web que mantiene información cronológica y actualizada. Ambos son útiles para comunicar ideas e información y tienen ventajas como acceso rápido a datos, aunque también tienen desventajas como la dificultad de
Este documento describe las características de la Web 1.0, 2.0 y 3.0. La Web 1.0 permitía solo lectura de contenido estático, mientras que la Web 2.0 permitió interacción y contribución de usuarios. La Web 3.0 busca mejorar las búsquedas a través de contenido semántico y mayor personalización.
Este documento presenta un mapa mental sobre tutoriales de herramientas telemáticas. Explica las características de los navegadores web como programas que permiten ver páginas web e interpretar código HTML y también enlazar entre páginas. Menciona algunos navegadores específicos como Internet Explorer, Firefox, Safari, Chrome y Yahoo y describe brevemente sus ventajas y desventajas.
El documento trata sobre los principios de usabilidad en el diseño de sitios web. Explica que la usabilidad se refiere a qué tan fácil, rápido y satisfactorio es usar un producto o servicio. Detalla algunos principios clave como organizar la información de manera clara, comunicar de forma efectiva con el usuario y economizar elementos en el diseño. También identifica errores comunes como usar fuentes pequeñas, enlaces poco claros y exceso de flash que dificultan la navegación.
Este documento ofrece consejos para crear una página web, incluyendo elegir un tema interesante y relevante, entender las necesidades de los usuarios, considerar factores legales y de usabilidad, y herramientas para diseñar la página web con el orden, colores, fuentes e imágenes adecuados. También recomienda obtener hosting y un dominio para publicar el sitio web.
Este documento ofrece consejos sobre cómo elegir un tema para un sitio web y diseñarlo de manera efectiva. Recomienda que el tema debe apasionar al creador y satisfacer las necesidades de los usuarios. Además, sugiere considerar factores como la popularidad del tema, el contenido legal y evitar errores comunes de diseño como fondos pesados o publicidad excesiva. Finalmente, aborda elementos técnicos como elegir un servidor, dominio y herramientas de software para crear el sitio.
Este documento compara diferentes navegadores web como Google Chrome, Firefox, Internet Explorer y Safari, destacando sus ventajas y desventajas. Se concluye que el navegador más conveniente para usar es Google Chrome debido a que permite acceder a la información de manera eficaz, es seguro, práctico y confiable, además de tener características avanzadas como traducción automática.
SymbalooEDU es un servicio web que permite organizar recursos educativos en línea como páginas web, videos y juegos de manera temática. Los usuarios pueden crear "webmixes" personalizados con enlaces y compartirlos con estudiantes y colegas. SymbalooEDU ofrece una forma gratuita y sencilla de organizar recursos digitales para el aula.
Un site map es una página que lista las páginas de un sitio web de forma jerárquica para ayudar a los visitantes y motores de búsqueda a encontrar páginas. Un buen site map debe ser jerárquico con pocos niveles, tener información crucial en los primeros dos niveles, y mejorar la optimización para motores de búsqueda al asegurar que todas las páginas se puedan encontrar. La usabilidad de un sitio web es importante para retener visitantes, por lo que debe ser fácil de usar y navegar desde el
Este documento define qué es un blog, explora las diferencias entre blogs, páginas web y foros, y describe las características, elementos, programas gratuitos y curiosidades de los blogs. Explica que un blog es un sitio web que recopila cronológicamente textos o artículos de uno o más autores, y que se diferencia de las páginas web y los foros en su facilidad de creación, personalización y propósito.
Este documento ofrece consejos para comenzar un blog profesional y manejar la sobrecarga de información en internet ("infoxicación"). Comenzar un blog no es complicado y puede ofrecer beneficios como mejor posicionamiento en buscadores y posicionarse como experto. Para sobrevivir a la infoxicación, se recomienda clasificar la información por temas clave, no publicar lo mismo en todas las redes sociales, actualizar menos frecuentemente algunas redes y marcar contenido favorito para leerlo con calma.
SlideBoom es una aplicación web que permite compartir presentaciones de PowerPoint en línea de manera similar a YouTube, permitiendo ver las presentaciones con música y transiciones. Fue creada por Yuri Uskov y su equipo en Rusia para compartir fácilmente presentaciones sin necesidad de descargar archivos. Ofrece funciones como incrustar presentaciones en sitios web.
Este documento presenta tres temas: 1) cómo crear un blog usando Blogger, incluyendo los pasos para crear una cuenta y un nuevo blog, 2) cómo usar Slideboom para compartir presentaciones de PowerPoint en línea manteniendo la música y transiciones, y 3) las causas y soluciones de la infoxicación o sobrecarga informativa.
Este documento proporciona una guía y lista de verificación para realizar una evaluación experta de un sitio web. Incluye factores como la usabilidad, la navegación, los contenidos, la interfaz y la compatibilidad que deben considerarse para analizar un sitio web antes o durante su desarrollo. También incluye una lista de verificación para auditar un sitio web de manera sistemática.
Este documento proporciona una guía para la evaluación experta de sitios web. Incluye factores (heurísticas) que deben considerarse al analizar o auditar un sitio web, como la usabilidad, la interfaz, el contenido y la compatibilidad técnica. También incluye una lista de verificación para facilitar la auditoría. El objetivo es ayudar a analizar sitios web antes y durante su desarrollo para mejorar la experiencia del usuario.
El documento presenta una guía para evaluar la usabilidad de un sitio web. Propone que un sitio debe mantener informado al usuario sobre las acciones en curso, hablar el mismo lenguaje que el usuario, y dar al usuario control y opciones como botones de retroceso. También sugiere que un sitio debe ser consistente, prevenir errores, hacer que la información sea fácil de encontrar y reconocer, y ser flexible y eficiente para los usuarios.
Este documento proporciona una guía para evaluar expertamente un sitio web, incluyendo factores como la usabilidad, la navegabilidad, el diseño y la compatibilidad técnica. Incluye una lista de verificación con más de 30 puntos para revisar aspectos generales, la marca, la navegación, imágenes, animaciones, contenido, tecnología e interfaz del usuario. El objetivo es ayudar a analizar un sitio web antes de su lanzamiento o para auditar secciones ya existentes.
Este documento define conceptos relacionados con las páginas web como WWW, tipos de páginas web, características de una página web, blogs, wikis, webquests, portafolios digitales y álbumes multimedia. También explica los pasos para crear una página web en Word.
Este documento describe diversas opciones de comunicación y comercialización que ofrecen las páginas web a las empresas, como presentar productos y servicios de manera eficiente y actualizable, y generar ventas y contactos directos. También discute tipos de páginas web como las informativas, dinámicas y estáticas, y características importantes del diseño, contenido y funcionalidad de páginas web efectivas.
Este documento proporciona una introducción general a HTML y ofrece varias recomendaciones para crear páginas web efectivas. Explica brevemente cómo funcionan los navegadores y servidores web, los elementos básicos de HTML, y los requisitos mínimos para escribir código HTML. También incluye consejos sobre el diseño, uso de colores, imágenes, navegabilidad, actualizaciones y promoción del sitio.
El documento presenta una introducción general sobre la importancia de los sistemas informáticos seguros y fiables para las empresas. Luego, describe brevemente diferentes tipos de páginas web como páginas transaccionales, orientadas a servicios, dirigidas a marcas, de contenido, comunidades y blogs. Finalmente, explica elementos básicos que debe contener un sitio web como encabezado, logotipo, barra de navegación, área de contenido y pie de página.
Este documento contiene información sobre páginas web, incluyendo las siglas WWW, qué es una página web, características de las páginas web, tipos de páginas web (estáticas, dinámicas y en Flash) y sus diferencias. Explica que WWW significa World Wide Web, que una página web es un documento electrónico alojado en un servidor que puede ser accedido a través de un navegador, y describe varios tipos y características fundamentales de las páginas web.
Este documento define páginas web y blogs, describiendo sus características, usos, ventajas y desventajas. Una página web es un documento electrónico que puede contener texto, imágenes y enlaces, y que se aloja en un servidor web para ser accesible a través de Internet. Un blog es un sitio web que mantiene información cronológica y actualizada. Ambos son útiles para comunicar ideas e información y tienen ventajas como acceso rápido a datos, aunque también tienen desventajas como la dificultad de
Este documento describe las características de la Web 1.0, 2.0 y 3.0. La Web 1.0 permitía solo lectura de contenido estático, mientras que la Web 2.0 permitió interacción y contribución de usuarios. La Web 3.0 busca mejorar las búsquedas a través de contenido semántico y mayor personalización.
Este documento presenta un mapa mental sobre tutoriales de herramientas telemáticas. Explica las características de los navegadores web como programas que permiten ver páginas web e interpretar código HTML y también enlazar entre páginas. Menciona algunos navegadores específicos como Internet Explorer, Firefox, Safari, Chrome y Yahoo y describe brevemente sus ventajas y desventajas.
El documento trata sobre los principios de usabilidad en el diseño de sitios web. Explica que la usabilidad se refiere a qué tan fácil, rápido y satisfactorio es usar un producto o servicio. Detalla algunos principios clave como organizar la información de manera clara, comunicar de forma efectiva con el usuario y economizar elementos en el diseño. También identifica errores comunes como usar fuentes pequeñas, enlaces poco claros y exceso de flash que dificultan la navegación.
Este documento ofrece consejos para crear una página web, incluyendo elegir un tema interesante y relevante, entender las necesidades de los usuarios, considerar factores legales y de usabilidad, y herramientas para diseñar la página web con el orden, colores, fuentes e imágenes adecuados. También recomienda obtener hosting y un dominio para publicar el sitio web.
Este documento ofrece consejos sobre cómo elegir un tema para un sitio web y diseñarlo de manera efectiva. Recomienda que el tema debe apasionar al creador y satisfacer las necesidades de los usuarios. Además, sugiere considerar factores como la popularidad del tema, el contenido legal y evitar errores comunes de diseño como fondos pesados o publicidad excesiva. Finalmente, aborda elementos técnicos como elegir un servidor, dominio y herramientas de software para crear el sitio.
Este documento compara diferentes navegadores web como Google Chrome, Firefox, Internet Explorer y Safari, destacando sus ventajas y desventajas. Se concluye que el navegador más conveniente para usar es Google Chrome debido a que permite acceder a la información de manera eficaz, es seguro, práctico y confiable, además de tener características avanzadas como traducción automática.
SymbalooEDU es un servicio web que permite organizar recursos educativos en línea como páginas web, videos y juegos de manera temática. Los usuarios pueden crear "webmixes" personalizados con enlaces y compartirlos con estudiantes y colegas. SymbalooEDU ofrece una forma gratuita y sencilla de organizar recursos digitales para el aula.
Un site map es una página que lista las páginas de un sitio web de forma jerárquica para ayudar a los visitantes y motores de búsqueda a encontrar páginas. Un buen site map debe ser jerárquico con pocos niveles, tener información crucial en los primeros dos niveles, y mejorar la optimización para motores de búsqueda al asegurar que todas las páginas se puedan encontrar. La usabilidad de un sitio web es importante para retener visitantes, por lo que debe ser fácil de usar y navegar desde el
Este documento define qué es un blog, explora las diferencias entre blogs, páginas web y foros, y describe las características, elementos, programas gratuitos y curiosidades de los blogs. Explica que un blog es un sitio web que recopila cronológicamente textos o artículos de uno o más autores, y que se diferencia de las páginas web y los foros en su facilidad de creación, personalización y propósito.
Este documento ofrece consejos para comenzar un blog profesional y manejar la sobrecarga de información en internet ("infoxicación"). Comenzar un blog no es complicado y puede ofrecer beneficios como mejor posicionamiento en buscadores y posicionarse como experto. Para sobrevivir a la infoxicación, se recomienda clasificar la información por temas clave, no publicar lo mismo en todas las redes sociales, actualizar menos frecuentemente algunas redes y marcar contenido favorito para leerlo con calma.
SlideBoom es una aplicación web que permite compartir presentaciones de PowerPoint en línea de manera similar a YouTube, permitiendo ver las presentaciones con música y transiciones. Fue creada por Yuri Uskov y su equipo en Rusia para compartir fácilmente presentaciones sin necesidad de descargar archivos. Ofrece funciones como incrustar presentaciones en sitios web.
Este documento presenta tres temas: 1) cómo crear un blog usando Blogger, incluyendo los pasos para crear una cuenta y un nuevo blog, 2) cómo usar Slideboom para compartir presentaciones de PowerPoint en línea manteniendo la música y transiciones, y 3) las causas y soluciones de la infoxicación o sobrecarga informativa.
Este documento proporciona una guía y lista de verificación para realizar una evaluación experta de un sitio web. Incluye factores como la usabilidad, la navegación, los contenidos, la interfaz y la compatibilidad que deben considerarse para analizar un sitio web antes o durante su desarrollo. También incluye una lista de verificación para auditar un sitio web de manera sistemática.
Este documento proporciona una guía para la evaluación experta de sitios web. Incluye factores (heurísticas) que deben considerarse al analizar o auditar un sitio web, como la usabilidad, la interfaz, el contenido y la compatibilidad técnica. También incluye una lista de verificación para facilitar la auditoría. El objetivo es ayudar a analizar sitios web antes y durante su desarrollo para mejorar la experiencia del usuario.
El documento presenta una guía para evaluar la usabilidad de un sitio web. Propone que un sitio debe mantener informado al usuario sobre las acciones en curso, hablar el mismo lenguaje que el usuario, y dar al usuario control y opciones como botones de retroceso. También sugiere que un sitio debe ser consistente, prevenir errores, hacer que la información sea fácil de encontrar y reconocer, y ser flexible y eficiente para los usuarios.
Este documento proporciona una guía para evaluar expertamente un sitio web, incluyendo factores como la usabilidad, la navegabilidad, el diseño y la compatibilidad técnica. Incluye una lista de verificación con más de 30 puntos para revisar aspectos generales, la marca, la navegación, imágenes, animaciones, contenido, tecnología e interfaz del usuario. El objetivo es ayudar a analizar un sitio web antes de su lanzamiento o para auditar secciones ya existentes.
Este documento define conceptos relacionados con las páginas web como WWW, tipos de páginas web, características de una página web, blogs, wikis, webquests, portafolios digitales y álbumes multimedia. También explica los pasos para crear una página web en Word.
Este documento describe diversas opciones de comunicación y comercialización que ofrecen las páginas web a las empresas, como presentar productos y servicios de manera eficiente y actualizable, y generar ventas y contactos directos. También discute tipos de páginas web como las informativas, dinámicas y estáticas, y características importantes del diseño, contenido y funcionalidad de páginas web efectivas.
Este documento proporciona una introducción general a HTML y ofrece varias recomendaciones para crear páginas web efectivas. Explica brevemente cómo funcionan los navegadores y servidores web, los elementos básicos de HTML, y los requisitos mínimos para escribir código HTML. También incluye consejos sobre el diseño, uso de colores, imágenes, navegabilidad, actualizaciones y promoción del sitio.
El documento presenta una introducción general sobre la importancia de los sistemas informáticos seguros y fiables para las empresas. Luego, describe brevemente diferentes tipos de páginas web como páginas transaccionales, orientadas a servicios, dirigidas a marcas, de contenido, comunidades y blogs. Finalmente, explica elementos básicos que debe contener un sitio web como encabezado, logotipo, barra de navegación, área de contenido y pie de página.
Este documento describe las características y partes principales de un sitio web. Explica que un sitio web está compuesto de páginas HTML relacionadas a un dominio de Internet. Describe dos tipos de sitios: estáticos y dinámicos. Luego detalla las partes clave de un sitio como la portada, menús, encabezado, pie de página, secciones y formulario de contacto. Finalmente, ofrece recomendaciones para hacer que la experiencia del usuario en un sitio sea agradable y útil.
10 heurísticas de usabilidad para el diseño de.pptxRafaelZapata26
Este documento describe las 10 heurísticas de usabilidad de Jakob Nielsen para el diseño de interfaces de usuario. Las heurísticas incluyen: 1) visibilidad del estado del sistema, 2) coincidencia entre el sistema y el mundo real, 3) control y libertad del usuario, 4) consistencia y estándares, 5) prevención de errores, 6) reconocimiento en lugar de recuerdo, 7) flexibilidad y eficiencia de uso, 8) diseño estético y minimalista, 9) ayudar a los usuarios a reconocer, diagnosticar y recuperarse de
El documento define la World Wide Web como una colección de documentos electrónicos vinculados entre sí. Explica que la Web ha evolucionado hasta convertirse en un medio de publicación global y de comercio electrónico, lleno de aplicaciones e interconexiones entre páginas web con videos, fotos y contenido interactivo. Además, describe brevemente la evolución de la Web 1.0 a la Web 2.0 y 3.0.
Este documento proporciona 10 recomendaciones sobre conceptos básicos de navegación en Internet, incluyendo el uso de hipervínculos, formatos de direcciones web, dónde escribir dominios, caracteres permitidos, uso del botón derecho e izquierdo del mouse, abrir páginas en nuevas pestañas, mensajes de error comunes, cookies y bloqueo de ventanas emergentes.
Este documento proporciona 10 recomendaciones sobre conceptos básicos de navegación en Internet, incluyendo el uso de hipervínculos, formatos de direcciones web, dónde escribir dominios, caracteres permitidos, uso del botón derecho e izquierdo del mouse, abrir páginas en nuevas pestañas, mensajes de error comunes, cookies, y bloqueo de ventanas emergentes.
El documento proporciona recomendaciones para el buen uso de Internet por parte de niños y familias. Recomienda colocar el ordenador en un área compartida, disfrutar de la red en compañía, enseñar a los niños a proteger sus contraseñas y datos personales, y mantener actualizados los sistemas de seguridad y control parental. También aconseja denunciar situaciones sospechosas y no contactar con desconocidos.
El documento define la World Wide Web como una colección de documentos electrónicos vinculados entre sí. Explica que la Web ha evolucionado hasta convertirse en un medio global de publicación electrónica y comercio electrónico, lleno de aplicaciones y páginas web interconectadas con videos, fotos y contenido interactivo. Además, describe brevemente la evolución de la Web 1.0 a la Web 2.0 y Web 3.0.
Este documento proporciona consejos sobre la aplicación de criterios de usabilidad en sitios web, recomendando enfocarse en la inmediatez y utilidad para satisfacer al usuario. Recomienda diseñar un sitio web de forma sencilla y lógica, siguiendo normas como una estructura clara, navegación fácil y consistencia visual. Además, aconseja escribir contenidos breves y directos para captar la atención del usuario.
Los mapas de navegación proporcionan una representación de la estructura de un sitio web para orientar a los usuarios durante su navegación. Existen diferentes tipos de mapas como diagramas globales con los nodos principales o mapas "ojo de pez" que muestran diferentes niveles de detalle. Las páginas dinámicas generan contenido HTML a partir de lenguajes de programación ejecutados en el servidor, mientras que las páginas estáticas contienen información fija. El diseño centrado en el usuario busca crear experi
Imagen Territorial.De La 1.0 A La 2.0. Primeros PasosMarivi
Este documento ofrece consejos sobre cómo mejorar la usabilidad y legibilidad de una página web. Recomienda escribir contenido breve y directo para captar la atención de los usuarios, quienes tienden a escanear rápidamente las páginas en busca de información relevante. Además, sugiere utilizar elementos visuales como títulos, listas y palabras resaltadas para guiar la lectura. Finalmente, destaca la importancia de analizar el comportamiento de los usuarios a través de herramientas analíticas para optimizar la
El documento habla sobre la usabilidad web. Define la usabilidad como la facilidad con la que los usuarios pueden usar una herramienta para lograr un objetivo. Explica los principios básicos de usabilidad como la facilidad de aprendizaje, uso y flexibilidad. También describe los beneficios de tener una alta usabilidad como aumentar la tasa de conversión y satisfacción de los usuarios.
ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...JAVIER SOLIS NOYOLA
El Mtro. JAVIER SOLIS NOYOLA crea y desarrolla el “DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARIS”. Esta actividad de aprendizaje propone el reto de descubrir el la secuencia números para abrir un candado, el cual destaca la percepción geométrica y conceptual. La intención de esta actividad de aprendizaje lúdico es, promover los pensamientos lógico (convergente) y creativo (divergente o lateral), mediante modelos mentales de: atención, memoria, imaginación, percepción (Geométrica y conceptual), perspicacia, inferencia y viso-espacialidad. Didácticamente, ésta actividad de aprendizaje es transversal, y que integra áreas del conocimiento: matemático, Lenguaje, artístico y las neurociencias. Acertijo dedicado a los Juegos Olímpicos de París 2024.
2. Este documento recoge una serie de factores
(heuristics) que deben ser considerados a la hora de
realizar un análisis experto de un web site1. Sirve
tanto para analizar un site antes de hacer una
propuesta, como para evaluar y auditar secciones ya
terminadas en la fase de producción.
Al final, se entrega una checklist -o lista de
comprobación- para facilitar la auditoría del site.
¿qué está pasando?
El site siempre debe mantener al usuario informado sobre qué está sucediendo, a través
de un feedback apropiado en un tiempo razonable. Por ejemplo, presentar mensajes de
espera cuando se está efectuando una transacción (ej, un banco) o bien de confirmación
cuando se ha efectuado una operación solicitada por el usuario (ej, "su pedido ha sido
aceptado").
un site en su lengua
El site debe hablar el mismo lenguaje que el usuario, con palabras, frases y conceptos
que le sean familiares. Tiene que seguir las convenciones "del mundo real", para que
la información aparezca natural y lógica. (ej, mensajes de error incomprensibles, no son
aceptables)
uso y control por parte del usuario
Los usuarios frecuentemente hacen elecciones por error y deben contar con una "salida
de emergencia" para dejar las cosas tal como estaban. Esto en web design, significa
que es conveniente siempre tener una vuelta atrás, aunque el browser mismo posee
un botón "back". Sin embargo, un enlace para volver al inicio en cada página es de
mucha ayuda.
El control que siente el usuario es fundamental, por ello deben considerarse muy
cautelosamente el uso de ciertas técnicas de codificación que lo limitan. Por ejemplo,
el uso de fuentes de tamaño fijo, ventanas que cubren toda la pantalla (eliminando el
navegador y cubriendo todas las ventanas que pudiesen estar abiertas), animaciones
que requieren plug-ins especiales y no tienen una forma de "saltarlas" (skip), pop-ups
que aparecen por todos lados, nuevas ventanas que se abren permanentemente
(proliferación de ventanas en la pantalla del usuario), son altamente nocivas para una
experiencia satisfactoria.
consistencia y estándares
Esto tiene dos partes: lenguaje/contenido y diseño. El site debe ser consistente en
guía para evaluación experta 2
1- Referencias:
Nielsen, Jakob. "Ten Usability Heuristics".
Instone, Keith. "Site Usability Heuristics for the Web".
Krug, Steve. "Don't Make Me Think".
3. cuanto a los nombres de las secciones, botones y contenidos de las mismas. Si un botón
apunta a una sección que tiene un nombre totalmente diferente, el usuario siente que
ha cometido un error. Lo mismo sucede con informaciones que aparecen duplicadas en
el site, bajo distintos nombres. Por ejemplo, un enlace a "ayuda" debe llevar a una
página que se llame así y no "preguntas frecuentes". Igualmente, si existen preguntas
frecuentes, deben estar en una página llamada así y no duplicarse para aparecer también
en "ayuda".
En cuanto a diseño, deben seguirse las convenciones existentes en la web, como el color
de los enlaces de texto2 (todos los sites tienen un color para indicar los enlaces y se usa
sólo para eso ), de manera que los enlaces sean claramente reconocibles en el site.
Cada site forma parte de un sistema global y por ello no debe ser considerado "una isla".
prevención de errores
Mucho mejor que los buenos mensajes de error, es un diseño cuidado que prevenga que
ocurran éstos. La mayoría de los errores cometidos por los usuarios se dan al rellenar
formularios. Es bueno usar sistemas de validación antes de que el usuario envíe su
información y deba volver atrás para corregir (i.e. en javascript).
es mejor reconocer, que recordar
El sitio debe tener los objetos, acciones y opciones a la vista. El usuario no tiene que
recordar dónde estaban las cosas que buscaba o bien "cómo llegar hasta...".
Si bien es imposible tener todas las opciones a la vista en sitios demasiado extensos,
al menos debería haber una categorización clara de los contenidos que indique el camino
a seguir. Una buena redacción de los enlaces, las cabeceras de contenidos y en los menús,
ayuda a que el usuario no se pierda.
También es deseable contar con "breadcrumbs"3 que orienten al usuario y le permitan
saber dónde está. Cuando existan procesos que impliquen varios pasos a seguir, es
conveniente informarle al usuario de en qué etapa se encuentra y cuántas le faltan para
acabar la tarea. Esto se puede lograr usando enumeración de pasos, con navegación
contextual4. Asimismo, lo ideal es que cada paso sea sólo una acción y que reciba
confirmación de que se ha ejecutado satisfactoriamente.
flexibilidad y uso eficiente
Los "aceleradores" o atajos para hacer cosas, generalmente vienen incluidos en el browser,
guía para evaluación experta 3
2- Si bien se ha usado mucho un azul intenso desde los inicios de la Web, no es obligatorio. Lo que sí es
importante es que si se usa un granate o cualquier otro color, el usuario entienda que ese es el identificador
de los enlaces en ese site. La convención indica que un color enlace, se utiliza exclusivamente para ello y no
para destacar un párrafo, por ejemplo.
3- Trad. Literal: "migas de pan", como en Hansel & Gretel, donde los niños dejaban un camino de migas de
pan para saber regresar. En Web, se adopta esta técnica con la fórmula "Usted está en: Inicio/productos/precios"
donde cada sección es clicable y permite volver atrás (ej., http://www.dack.com/web/flashVhtml/page2.html)
4- Esto es, que los enlaces y la información va cambiando a medida que avanza en el proceso, dando la
sensación de que se está en buen camino. Ejemplo: en una librería, si se está navegando en busca de libros
de informática, lo ideal es que los enlaces que acompañen a ese proceso sean de temas relacionados. En el
mundo offline: si busco un lago, es normal que cuando me acerco a él exista un rio...
4. como los favoritos (bookmarks). A pesar de que los usuarios novatos no los usan o
conocen, hay que tener en cuenta a los más avanzados que sí lo hacen.
El site debe ser fácil de indexar en una lista de favoritos. Esto se logra evitando el uso
intensivo de frames y utilizando nombres de ficheros que no caduquen. Por ejemplo, para
los artículos que son noticias o textos circunstanciales, lo recomendable es nombrar las
páginas con la fecha, de manera que al publicar una nueva noticia no se sobreescriba
la antigua anulando la URL que algún usuario puede haber marcado como favorita.
Si existen formularios para obtener información (un buscador) es recomendable usar el
método GET en lugar de POST, para que la cadena de búsqueda quede en la url y se
pueda marcar el resultado (ej, si busco comida para perros, los resultados se muestran
en una página con una dirección que podría ser así:
http://www.dominio.com/resultados?comida+perros).
diseño práctico y simple
No debe haber información irrelevante o que raramente se necesita a simple vista. La
información extraña es una distracción que entorpece la navegación.
Si hay que tenerla en el site de todas formas, es preferible que esté enlazada para que
quien la requiera pueda verla, pero que no moleste a los que no la necesitan.
La información debe estar escrita para la web y no ser solamente un "copiado y pegado"
de un folleto de la empresa. Párrafos cortos, enumeración en listas y contenidos muy
largos divididos en páginas, para una fácil lectura. También es conveniente cuidar que
los textos al imprimirse, quepan en el ancho de una página A4 estándar y que el color
de letra no sea blanco ni muy pálido, para que puedan leerse si son impresos en blanco
y negro. O bien, contar con una versión especial para ello.
Así también, si existen contenidos nuevos, es bueno que se destaquen, para que se vea
que es un site "vivo", que se renueva constantemente.
Otro punto importante es el uso consistente de elementos gráficos. No deben utilizarse
las mismas imágenes para un botón que para algo que claramente es un elemento
decorativo.
ayuda, por favor.
Si bien lo ideal es que un site pueda ser navegado sin necesidad de ayuda, existen
aplicaciones complejas que deben contar con asistencia. En el caso de un site comercial,
un banco o con herramientas novedosas que puedan inducir a confusión, es importante
tener la ayuda integrada en el contenido mismo. Es decir, mediante enlaces a las secciones
de ayuda que tienen relación con el contenido que se está viendo (ej, en un proceso de
registro, al abrir una cuenta, al hacer un pedido, etc). Asimismo, debe existir una sección
de ayuda completa, donde se pueda ver todo el contenido de la misma.
compatibilidad
El site debe ser compatible con distintas versiones de navegadores y sistemas operativos.
Muchas veces hay scripts que no se ven en Netscape o en Explorer, y eso se agrava aún
más cuando se usan Macintosh y PC en la visualización. Hay que tener cuidado con las
fuentes, los colores y los scripts usados en el site.
guía para evaluación experta 4
5. website checklist
aspectos
generales
- ¿Cumple el sitio con sus objetivos?
- ¿Está diseñado para darle a los usuarios lo que ellos quieren?
- ¿Es eficiente?
- ¿Es intuitivo?
- ¿Mantiene una consistencia tanto en su funcionamiento como en su
apariencia?
- ¿Facilita que el usuario se sienta cómodo y con el control del sitio?
- ¿Muestra la home page la naturaleza del negocio y se identifica bien
el logotipo o marca?
- ¿Aparecen elementos de la marca o de la imagen corporativa en
todas las páginas?
- ¿Aparece la marca en un lugar importante dentro de la página?
Recuerde que la marca (logotipo) puede servir como un enlace a la
home page del site.
- ¿Aparece la navegación en un lugar prominente, donde se vea
fácilmente?
- Si su navegación está hecha con imágenes, considere también tener
una navegación en texto plano (puede ser al final de la página).
- ¿Los enlaces que son imágenes tienen su atributo ALT escrito?
- Si ha usado JavaScript para la navegación ¿ha preparado también
una navegación en modo texto?
- ¿Existen enlaces rotos o que no conducen a ningún sitio? Compruébelo
y quítelos inmediatamente.
- ¿Tiene el sitio un site map o un buscador para quienes quieren acceder
directamente a los contenidos sin tener que navegar?
- ¿Se mantiene una navegación consistente y coherente a lo largo del
site?
- ¿Existen elementos que permitan al usuario saber exactamente dónde
se encuentra dentro del site y cómo volver atrás (breadcrumbs)?
- ¿Indican los enlaces claramente hacia dónde apuntan? ¿Está claro
lo que el usuario encontrará detrás de cada uno?
branding
navegación
guía para evaluación experta 5
6. imágenes - ¿Se han optimizado las imágenes para reducir el tamaño?
¿Tienen la resolución correcta (72 dpi)?
- Las imágenes demasiado grandes pueden cortarse en "trocitos"
y unirlas mediante tablas para acelerar la descarga. Considere
este recurso si la velocidad en su site es un factor importante.
- ¿Tienen las imágenes que lo requieran una descripción mediante
el atributo ALT?
- Evite las animaciones cíclicas (i.e. gif animados que se repiten
hasta el cansancio), a menos que cumplan con un propósito claro.
- Use animaciones Flash sólo si es absolutamente necesario. Si
es posible hacer lo mismo utilizando DHTML, hágalo.
- Si el sitio contiene banners, trate de optimizar el tamaño al
mínimo.
- Ubicación de los banners. Si el sitio "vive" de la publicidad
considere la posibilidad de ubicarlos en la parte superior de la
página o en el margen derecho (según estudios, funcionan mejor
los que se encuentran a la derecha, cerca de la barra de scroll)
- ¿Es coherente el contenido con el contexto de la página o site?
- ¿La redacción es corta y precisa? Evite los textos demasiado
extensos.
- ¿Existen referencias cruzadas entre textos que están relacionados?
- Evite usar lineas horizontales para hacer separaciones en los
textos, pueden ser interpretadas como el fin de la información.
- ¿La tecnología utilizada en el site es compatible con el software
y hardware de los usuarios objetivos? ¿No tendrán que descargar
elementos como plug-ins para poder usarlo?
- Si es importante utilizar recursos técnicos que requieran la
descarga de plug-ins, ¿se le informa al usuario de esta situación
y se le explica la importancia de hacerlo?
animaciones
banners y
publicidad
contenidos
tecnología
website checklist
guía para evaluación experta 6
7. interfaz - ¿Tiene el site una interfaz amigable, con colores que concuerden
con los objetivos y propósitos del site?
- ¿Hay espacios blancos (libres) entre el contenido, para descansar
la vista? O existe una sobresaturación de elementos en la página
que desconcierta al usuario?
- ¿Se ve el sitio exactamente igual tanto en Mac como en PC?
¿Y en Explorer como en Netscape? Si no, recurra a código específico
para que se muestre igual (simplifique a versiones anteriores de
HTML o utilice JavaScript para reconocimiento de navegadores).
- ¿Se han previsto respuestas del sistema frente a interacciones
del usuario? (ej, se le informa que se ha recibido satisfactoriamente
un formulario enviado).
- ¿Puede el usuario ponerse en contacto para hacer sugerencias
o comentarios?
website checklist
feedback
guía para evaluación experta 7
Nota:
No todo lo que aparece en esta checklist tiene que estar presente en todos
los sites. Obviamente se trata de hacer una comprobación con criterio, teniendo
en cuenta la naturaleza y objetivos del site. Por ejemplo, si se trata de un site
pequeño, de promoción o de presencia corporativa, un buscador puede ser
innecesario.