Tercera parte del Curso de Introducción a la Accesibilidad Web, esta parte trata el tema de la evaluación, tanto automática (a través de herramientas como TAW, HERA, eXaminator), como manual. Finaliza el curso con un pequeño plus, acerca de algunas ideas para mejorar la usabilidad en un sitio web y cómo hacer una evaluación heurística.
Este documento resume los conceptos clave de usabilidad en la web, incluyendo el tratamiento tipográfico, tamaño de fuente, alineación de párrafos, uso de imágenes, audio, estándares, hipervínculos y navegación, y posicionamiento. Cubre temas como el uso de medidas relativas para fuentes, evitar alineación justificada, diseñar pie de foto y favicons, y seguir estándares del W3C.
Este documento proporciona información sobre el uso de material bajo una licencia Creative Commons. Establece que el material puede ser utilizado de forma no comercial siempre que se cite la fuente y enlace a la página web original. También indica que fue revisado en marzo de 2014 y es una iniciativa de Google España.
Este documento proporciona información sobre el uso y redistribución de su contenido bajo una licencia Creative Commons. Estipula que cualquier uso del material debe atribuir la fuente como "Actívate, Google España 2014" y enlazar a la página web original si es posible. Fue revisado en marzo de 2014.
Este documento proporciona un resumen de tres oraciones o menos:
Este documento presenta los principios básicos de diseño y usabilidad web, incluyendo la importancia de centrarse en la experiencia del usuario y aplicar técnicas como el Diseño Centrado en el Usuario. También describe conceptos como usabilidad, conversiones y los beneficios de aplicar estas técnicas, como aumentar las ventas y fidelizar clientes. El documento termina con una bibliografía y recursos adicionales sobre el tema.
Dreamweaver permite a los diseñadores web crear sitios web integrando sus herramientas de diseño favoritas como Photoshop y Fireworks. Ofrece soporte para HTML5, CSS3 y jQuery permitiendo características como video y audio incrustados, diseños transparentes y elementos redondeados. Además, Dreamweaver ayuda a crear contenido para múltiples pantallas y navegadores a través de funciones como vista en vivo mejorada y emulación de dispositivos.
Este documento presenta un curso sobre usabilidad en entornos web. Explica conceptos clave como arquitectura de la información, experiencia de usuario, persuabilidad y diseño orientado al usuario. También describe métodos para el análisis de procesos web como card sorting, focus groups y evaluaciones heurísticas. El documento resalta la importancia de una buena usabilidad para mejorar el rendimiento y reducir costos.
Este documento presenta un curso sobre la construcción de sitios web a medida utilizando sistemas de gestión de contenidos (CMS). Explica qué es un CMS, sus ventajas frente a sitios web tradicionales, y provee una visión general de WordPress, Joomla y Drupal. También cubre el funcionamiento básico de un CMS, los requisitos para instalar uno y el proceso de instalación.
¿Qué es usabilidad? El papel del diseño en los sistemas web
Presentado por: MDI Luis Arturo Domínguez
Para el podcast de iTertulia
Síguenos en http://www.itertulia.com
Este documento resume los conceptos clave de usabilidad en la web, incluyendo el tratamiento tipográfico, tamaño de fuente, alineación de párrafos, uso de imágenes, audio, estándares, hipervínculos y navegación, y posicionamiento. Cubre temas como el uso de medidas relativas para fuentes, evitar alineación justificada, diseñar pie de foto y favicons, y seguir estándares del W3C.
Este documento proporciona información sobre el uso de material bajo una licencia Creative Commons. Establece que el material puede ser utilizado de forma no comercial siempre que se cite la fuente y enlace a la página web original. También indica que fue revisado en marzo de 2014 y es una iniciativa de Google España.
Este documento proporciona información sobre el uso y redistribución de su contenido bajo una licencia Creative Commons. Estipula que cualquier uso del material debe atribuir la fuente como "Actívate, Google España 2014" y enlazar a la página web original si es posible. Fue revisado en marzo de 2014.
Este documento proporciona un resumen de tres oraciones o menos:
Este documento presenta los principios básicos de diseño y usabilidad web, incluyendo la importancia de centrarse en la experiencia del usuario y aplicar técnicas como el Diseño Centrado en el Usuario. También describe conceptos como usabilidad, conversiones y los beneficios de aplicar estas técnicas, como aumentar las ventas y fidelizar clientes. El documento termina con una bibliografía y recursos adicionales sobre el tema.
Dreamweaver permite a los diseñadores web crear sitios web integrando sus herramientas de diseño favoritas como Photoshop y Fireworks. Ofrece soporte para HTML5, CSS3 y jQuery permitiendo características como video y audio incrustados, diseños transparentes y elementos redondeados. Además, Dreamweaver ayuda a crear contenido para múltiples pantallas y navegadores a través de funciones como vista en vivo mejorada y emulación de dispositivos.
Este documento presenta un curso sobre usabilidad en entornos web. Explica conceptos clave como arquitectura de la información, experiencia de usuario, persuabilidad y diseño orientado al usuario. También describe métodos para el análisis de procesos web como card sorting, focus groups y evaluaciones heurísticas. El documento resalta la importancia de una buena usabilidad para mejorar el rendimiento y reducir costos.
Este documento presenta un curso sobre la construcción de sitios web a medida utilizando sistemas de gestión de contenidos (CMS). Explica qué es un CMS, sus ventajas frente a sitios web tradicionales, y provee una visión general de WordPress, Joomla y Drupal. También cubre el funcionamiento básico de un CMS, los requisitos para instalar uno y el proceso de instalación.
¿Qué es usabilidad? El papel del diseño en los sistemas web
Presentado por: MDI Luis Arturo Domínguez
Para el podcast de iTertulia
Síguenos en http://www.itertulia.com
Joomla, uno de los CMS más populares en la actualidad, presenta nativamente algunas fallas de accesibilidad: tablas por todas partes, ningún encabezado... Pero con algunas técnicas es posible mejorar en gran medida la accesibilidad en el Joomla.
Curso de accesibilidad web - Módulo 2: Buenas prácticasMario Carvajal
Después del primer módulo, donde se sensibiliza al webmáster sobre la importancia de hacer sitios de acceso universal, empezamos este segundo módulo para ofrecerle ejemplos de buenas prácticas, a través de diferentes temáticas: Imágenes, multimedia, estándares y estructura, lenguaje y comprensión, color, tablas y formularios.
Se trata de ir tocando puntos de las directrices WCAG, a través de ejemplos prácticos, donde se muestra el problema en un escenario de uso, luego se plantea la solución. Con esto pretendo no solo que el estudiante conozca las WCAG, sino que las asimile y las incluya dentro de sus hábitos de trabajo.
Presentacion del borrador de Directrices de UsabilidadMario Carvajal
En el marco del Día Mundial de la Usabilidad celebrado en 2010 en Bogotá, presentamos el borrador de las Directrices de usabilidad para sitios web del Estado colombiano, iniciativa del programa Gobierno en línea para mejorar la facilidad de uso de los portales estatales.
This document discusses Adbusters' campaigns to promote mental environmentalism and fighting corruption of the 1% through messages like "We Are The 99% that will no longer tolerate the greed and corruption of the 1%." However, one such message was not sent due to Yahoo detecting suspicious activity on the account and protecting users by not sending the message.
El documento presenta un modelo de madurez para la incorporación del diseño centrado en el usuario (DCU) en las organizaciones, con 5 niveles: 1) sin intención, 2) autoreferencial, 3) individual, 4) centralizado y 5) distribuido. Explica cada nivel y las principales barreras y técnicas para vencer la resistencia hacia el DCU, como capacitación, pruebas de usabilidad, y métricas cuantitativas y cualitativas.
Este documento describe conceptos clave de la experiencia del usuario como la usabilidad, la arquitectura de información y el diseño centrado en el usuario. Explica que la usabilidad mide la calidad de la experiencia del usuario al interactuar con una interfaz y que la arquitectura de información se encarga de organizar y nombrar la información en sitios web e interfaces. También describe el proceso iterativo de diseño centrado en el usuario que orienta los objetivos del negocio hacia las necesidades de los usuarios.
Saliendo del cubículo. Usabilidad y Experiencia de Usuario.Juan Manuel Carraro
El documento presenta una introducción al diseño de interfaces web y la usabilidad. Explica brevemente la importancia de diseñar e implementar interfaces centradas en el usuario y en contextos reales. Luego, describe algunas técnicas comunes para evaluar la usabilidad como entrevistas, card sorting, prototipado iterativo y pruebas de usabilidad. Finalmente, menciona recursos adicionales sobre el tema.
Vencer la resistencia al diseño centrado en el usuario juan manuel carraroJuan Manuel Carraro
Este documento presenta un modelo para diagnosticar la madurez de una organización en relación con el diseño centrado en el usuario (DCU) y ofrece estrategias para vencer la resistencia a la implementación del DCU en cada nivel de madurez. El modelo describe cinco niveles de madurez organizacional: 1) sin intención, 2) autoreferencial, 3) individual, 4) centralizado y 5) distribuido. Para cada nivel, el documento sugiere cursos de acción como capacitación, pruebas con usuarios y el uso de métricas cuantitativ
Este documento discute los beneficios cuantitativos y cualitativos de la usabilidad y cómo medir el retorno de la inversión (ROI) en usabilidad. La usabilidad puede medirse a través de variables como facilidad de aprendizaje, eficiencia de uso, recordación y satisfacción del usuario. La mejora de la usabilidad puede reducir costos de desarrollo, mantenimiento, capacitación y soporte técnico, e incrementar ventas, visitas al sitio, conversiones y productividad. También puede mejorar la satisfacción del cliente
Este documento describe las pruebas de usabilidad, incluyendo su planificación, desarrollo y beneficios. Las pruebas de usabilidad miden la experiencia del usuario al interactuar con una interfaz y ayudan a identificar problemas. Requieren planificar objetivos, tareas y escenarios, y medir la eficacia, eficiencia y satisfacción de los usuarios. Esto puede mejorar la calidad del producto y reducir costos.
Este documento describe técnicas para mejorar la usabilidad y diseñar experiencias desde fuera del cubículo, incluyendo pruebas de usabilidad con usuarios reales y tareas concretas. Explica que la usabilidad se refiere a cuán fácil es usar un producto y por qué es importante, y proporciona recursos para aprender más sobre el tema, como blogs, autores y asociaciones relacionadas.
Cómo vencer la resistencia a UX - Keikendo UX Summit 2013Juan Manuel Carraro
Este documento presenta el Keikendo UX Summit de agosto de 2013 en Buenos Aires. Resume las 10 resistencias más comunes a la incorporación de UX y presenta el Keikendo Maturity Model, un modelo de madurez para incorporar UX que incluye 5 niveles: 1) sin intención, 2) autoreferencial, 3) experto, 4) centralizado, 5) distribuido. Finalmente, propone capacitación, pruebas de usuario, cuantificación y vinculación con objetivos como herramientas para superar las resistencias y alcanzar el nivel 5 de
¿Cómo incorporar y hacer madurar la práctica de UX dentro de un equipo u orga...Juan Manuel Carraro
El Keikendo Maturity Model es un modelo para diagnosticar el nivel de madurez de User Experience dentro de una organización y, a partir de allí, diseñar un plan de acción que permita introducir gradualmente los procesos y técnicas propios de estas disciplinas. Es fruto de más de 10 años de experiencias compartidas por los fundadores de Keikendo en organizaciones de distintos tipos, tamaños y mercados.
Turismo corporativo en la Web: análisis de 101 portalesMario Carvajal
Algunos resultados de la investigación realizada por el equipo del Portal Oficial de Turismo de Colombia, www.colombia.travel, proyecto dirigido por Proexport y administrado por Astrolabio, en marzo de 2010.
Se ha realizado en el marco del rediseño del Portal, particularmente de su sección de Turismo Corporativo y de Incentivo (MICE).
Este documento habla sobre la cuantificación de la experiencia de usuario (UX) y el retorno de la inversión (ROI). Explica cómo medir variables como la eficacia, eficiencia y satisfacción del usuario mediante indicadores cuantitativos y cualitativos. También describe cómo calcular el ROI mediante la reducción de costos de desarrollo, mantenimiento, capacitación y soporte, así como el incremento de ventas e ingresos.
Curso de a accesibilidad web - Módulo 1: SensibilizaciónMario Carvajal
Sensibilizar en el tema de la accesibilidad web es fundamental, cuando queramos formar a los futuros webmáster. Es necesario que comprendan que la accesibilidad no es "hacer paginas feas para personas con discapacidad".
El objetivo de esta parte del Curso es que se entienda la Accesibilidad Web desde un concepto más amplio: acceso universal, para todos, independientemente de las capacidades físicas, tecnológicas y ambientales...
Primero definiremos varios términos importantes: usabilidad, accesibilidad, arquitectura de la información, experiencia de usuario y diseño centrado en el usuario.
Luego intentaremos conocer al usuario, saber como ve, como piensa y como actúa.
Después veremos como evitando que el usuario cometa errores, y simplificando el diseño, podemos mejorar la usabilidad.
También veremos la metodología del diseño centrado en el usuario, que se compone de varias fases: planificación, diseño, prototipado, evaluación, implementación y lanzamiento, y mantenimiento y seguimiento.
Seguidamente veremos los principios de usabilidad y las técnicas de evaluación: card-sorting, evaluación heurística, test de usuarios, eye-tracking, feedback, analítica web, tests A/B.
Para terminar propondremos varios varios ejercicios para realizar en clase en gruposde 3-4.
El documento presenta un resumen del programa Lean UX implementado en Wayra para ayudar a los equipos emprendedores a desarrollar sus proyectos aplicando técnicas de experiencia de usuario. El programa se basa en un modelo iterativo de desarrollo de productos mediante reuniones de análisis, validación de prototipos y pruebas con usuarios para poner a prueba hipótesis y tomar decisiones informadas.
Este documento presenta los principios básicos de usabilidad y experiencia de usuario para el diseño de páginas web. Explica que el contenido puede ser utilizado bajo una licencia Creative Commons siempre que se cite la fuente y enlace a la página original. Además, proporciona una guía sobre herramientas, consideraciones y métodos como el Diseño Centrado en el Usuario para crear sitios web efectivos.
Este documento proporciona información sobre el diseño y desarrollo de páginas web. Explica que puede ser utilizado bajo una licencia Creative Commons siempre que se cite la fuente. Además, incluye secciones sobre herramientas de diseño web, consideraciones de diseño, diseño centrado en el usuario, usabilidad y principios de usabilidad.
Joomla, uno de los CMS más populares en la actualidad, presenta nativamente algunas fallas de accesibilidad: tablas por todas partes, ningún encabezado... Pero con algunas técnicas es posible mejorar en gran medida la accesibilidad en el Joomla.
Curso de accesibilidad web - Módulo 2: Buenas prácticasMario Carvajal
Después del primer módulo, donde se sensibiliza al webmáster sobre la importancia de hacer sitios de acceso universal, empezamos este segundo módulo para ofrecerle ejemplos de buenas prácticas, a través de diferentes temáticas: Imágenes, multimedia, estándares y estructura, lenguaje y comprensión, color, tablas y formularios.
Se trata de ir tocando puntos de las directrices WCAG, a través de ejemplos prácticos, donde se muestra el problema en un escenario de uso, luego se plantea la solución. Con esto pretendo no solo que el estudiante conozca las WCAG, sino que las asimile y las incluya dentro de sus hábitos de trabajo.
Presentacion del borrador de Directrices de UsabilidadMario Carvajal
En el marco del Día Mundial de la Usabilidad celebrado en 2010 en Bogotá, presentamos el borrador de las Directrices de usabilidad para sitios web del Estado colombiano, iniciativa del programa Gobierno en línea para mejorar la facilidad de uso de los portales estatales.
This document discusses Adbusters' campaigns to promote mental environmentalism and fighting corruption of the 1% through messages like "We Are The 99% that will no longer tolerate the greed and corruption of the 1%." However, one such message was not sent due to Yahoo detecting suspicious activity on the account and protecting users by not sending the message.
El documento presenta un modelo de madurez para la incorporación del diseño centrado en el usuario (DCU) en las organizaciones, con 5 niveles: 1) sin intención, 2) autoreferencial, 3) individual, 4) centralizado y 5) distribuido. Explica cada nivel y las principales barreras y técnicas para vencer la resistencia hacia el DCU, como capacitación, pruebas de usabilidad, y métricas cuantitativas y cualitativas.
Este documento describe conceptos clave de la experiencia del usuario como la usabilidad, la arquitectura de información y el diseño centrado en el usuario. Explica que la usabilidad mide la calidad de la experiencia del usuario al interactuar con una interfaz y que la arquitectura de información se encarga de organizar y nombrar la información en sitios web e interfaces. También describe el proceso iterativo de diseño centrado en el usuario que orienta los objetivos del negocio hacia las necesidades de los usuarios.
Saliendo del cubículo. Usabilidad y Experiencia de Usuario.Juan Manuel Carraro
El documento presenta una introducción al diseño de interfaces web y la usabilidad. Explica brevemente la importancia de diseñar e implementar interfaces centradas en el usuario y en contextos reales. Luego, describe algunas técnicas comunes para evaluar la usabilidad como entrevistas, card sorting, prototipado iterativo y pruebas de usabilidad. Finalmente, menciona recursos adicionales sobre el tema.
Vencer la resistencia al diseño centrado en el usuario juan manuel carraroJuan Manuel Carraro
Este documento presenta un modelo para diagnosticar la madurez de una organización en relación con el diseño centrado en el usuario (DCU) y ofrece estrategias para vencer la resistencia a la implementación del DCU en cada nivel de madurez. El modelo describe cinco niveles de madurez organizacional: 1) sin intención, 2) autoreferencial, 3) individual, 4) centralizado y 5) distribuido. Para cada nivel, el documento sugiere cursos de acción como capacitación, pruebas con usuarios y el uso de métricas cuantitativ
Este documento discute los beneficios cuantitativos y cualitativos de la usabilidad y cómo medir el retorno de la inversión (ROI) en usabilidad. La usabilidad puede medirse a través de variables como facilidad de aprendizaje, eficiencia de uso, recordación y satisfacción del usuario. La mejora de la usabilidad puede reducir costos de desarrollo, mantenimiento, capacitación y soporte técnico, e incrementar ventas, visitas al sitio, conversiones y productividad. También puede mejorar la satisfacción del cliente
Este documento describe las pruebas de usabilidad, incluyendo su planificación, desarrollo y beneficios. Las pruebas de usabilidad miden la experiencia del usuario al interactuar con una interfaz y ayudan a identificar problemas. Requieren planificar objetivos, tareas y escenarios, y medir la eficacia, eficiencia y satisfacción de los usuarios. Esto puede mejorar la calidad del producto y reducir costos.
Este documento describe técnicas para mejorar la usabilidad y diseñar experiencias desde fuera del cubículo, incluyendo pruebas de usabilidad con usuarios reales y tareas concretas. Explica que la usabilidad se refiere a cuán fácil es usar un producto y por qué es importante, y proporciona recursos para aprender más sobre el tema, como blogs, autores y asociaciones relacionadas.
Cómo vencer la resistencia a UX - Keikendo UX Summit 2013Juan Manuel Carraro
Este documento presenta el Keikendo UX Summit de agosto de 2013 en Buenos Aires. Resume las 10 resistencias más comunes a la incorporación de UX y presenta el Keikendo Maturity Model, un modelo de madurez para incorporar UX que incluye 5 niveles: 1) sin intención, 2) autoreferencial, 3) experto, 4) centralizado, 5) distribuido. Finalmente, propone capacitación, pruebas de usuario, cuantificación y vinculación con objetivos como herramientas para superar las resistencias y alcanzar el nivel 5 de
¿Cómo incorporar y hacer madurar la práctica de UX dentro de un equipo u orga...Juan Manuel Carraro
El Keikendo Maturity Model es un modelo para diagnosticar el nivel de madurez de User Experience dentro de una organización y, a partir de allí, diseñar un plan de acción que permita introducir gradualmente los procesos y técnicas propios de estas disciplinas. Es fruto de más de 10 años de experiencias compartidas por los fundadores de Keikendo en organizaciones de distintos tipos, tamaños y mercados.
Turismo corporativo en la Web: análisis de 101 portalesMario Carvajal
Algunos resultados de la investigación realizada por el equipo del Portal Oficial de Turismo de Colombia, www.colombia.travel, proyecto dirigido por Proexport y administrado por Astrolabio, en marzo de 2010.
Se ha realizado en el marco del rediseño del Portal, particularmente de su sección de Turismo Corporativo y de Incentivo (MICE).
Este documento habla sobre la cuantificación de la experiencia de usuario (UX) y el retorno de la inversión (ROI). Explica cómo medir variables como la eficacia, eficiencia y satisfacción del usuario mediante indicadores cuantitativos y cualitativos. También describe cómo calcular el ROI mediante la reducción de costos de desarrollo, mantenimiento, capacitación y soporte, así como el incremento de ventas e ingresos.
Curso de a accesibilidad web - Módulo 1: SensibilizaciónMario Carvajal
Sensibilizar en el tema de la accesibilidad web es fundamental, cuando queramos formar a los futuros webmáster. Es necesario que comprendan que la accesibilidad no es "hacer paginas feas para personas con discapacidad".
El objetivo de esta parte del Curso es que se entienda la Accesibilidad Web desde un concepto más amplio: acceso universal, para todos, independientemente de las capacidades físicas, tecnológicas y ambientales...
Primero definiremos varios términos importantes: usabilidad, accesibilidad, arquitectura de la información, experiencia de usuario y diseño centrado en el usuario.
Luego intentaremos conocer al usuario, saber como ve, como piensa y como actúa.
Después veremos como evitando que el usuario cometa errores, y simplificando el diseño, podemos mejorar la usabilidad.
También veremos la metodología del diseño centrado en el usuario, que se compone de varias fases: planificación, diseño, prototipado, evaluación, implementación y lanzamiento, y mantenimiento y seguimiento.
Seguidamente veremos los principios de usabilidad y las técnicas de evaluación: card-sorting, evaluación heurística, test de usuarios, eye-tracking, feedback, analítica web, tests A/B.
Para terminar propondremos varios varios ejercicios para realizar en clase en gruposde 3-4.
El documento presenta un resumen del programa Lean UX implementado en Wayra para ayudar a los equipos emprendedores a desarrollar sus proyectos aplicando técnicas de experiencia de usuario. El programa se basa en un modelo iterativo de desarrollo de productos mediante reuniones de análisis, validación de prototipos y pruebas con usuarios para poner a prueba hipótesis y tomar decisiones informadas.
Este documento presenta los principios básicos de usabilidad y experiencia de usuario para el diseño de páginas web. Explica que el contenido puede ser utilizado bajo una licencia Creative Commons siempre que se cite la fuente y enlace a la página original. Además, proporciona una guía sobre herramientas, consideraciones y métodos como el Diseño Centrado en el Usuario para crear sitios web efectivos.
Este documento proporciona información sobre el diseño y desarrollo de páginas web. Explica que puede ser utilizado bajo una licencia Creative Commons siempre que se cite la fuente. Además, incluye secciones sobre herramientas de diseño web, consideraciones de diseño, diseño centrado en el usuario, usabilidad y principios de usabilidad.
El documento presenta una introducción al diseño de sitios web, definiendo el diseño web como la planificación, diseño e implementación de páginas y sitios que requieren navegabilidad, interactividad, usabilidad y arquitectura de la información, así como la interacción de medios como audio, texto, imágenes y video. Luego describe las etapas clave del proceso de diseño web como la planificación, diseño, prototipado, evaluación, implementación y mantenimiento, destacando la importancia de centrarse en el usuario.
Este documento presenta un proyecto de investigación sobre metodologías para el diseño de portales web basados en aspectos de usabilidad. El objetivo general es analizar las bases necesarias para el buen diseño de portales considerando la usabilidad. Se identificarán tres metodologías de diseño, se analizarán sus indicadores de usabilidad y se evaluarán cinco portales de gobierno mexicanos usando un modelo de evaluación basado en las metodologías.
Estandares Web, Accesibilidad y Usabilidadricardogil
El documento habla sobre la historia y evolución de la web desde su creación en 1989 hasta la actualidad. Comienza describiendo los estándares web más importantes como XHTML, HTML, CSS y su importancia para que todos puedan acceder a la información de forma igual. Luego describe los principios de accesibilidad web y las ventajas de tener un sitio accesible. Finalmente, ofrece un curso sobre maquetación con estándares, accesibilidad y usabilidad web.
5.1 Usabilidad y diseño centrado en el usuario (UCD)Brox Technology
Este documento proporciona información sobre herramientas y consideraciones para el diseño de páginas web, incluyendo lenguajes como HTML, sistemas de gestión de contenido y principios de usabilidad. También explica conceptos como el diseño centrado en el usuario, la experiencia del usuario y los beneficios de aplicar técnicas de usabilidad, como aumentar las ventas y la satisfacción del cliente.
Este documento introduce el diseño web, explicando que va más allá del diseño gráfico y se centra en la usabilidad, navegabilidad y arquitectura de la información. Explica las etapas del diseño web, incluyendo el diseño de la información, el diseño del sitio, el diseño de páginas y el desarrollo. El objetivo final del diseño web es mostrar información de manera fácil y accesible para todo tipo de usuario.
Este documento presenta información sobre arquitectura web, usabilidad y gestión de contenidos. Cubre temas como códigos de programación, arquitectura de datos, accesibilidad, navegabilidad y usabilidad. También explica conceptos como servidores web, bases de datos, y requisitos técnicos para contenido web. Finalmente, ofrece detalles sobre usabilidad, pruebas de usabilidad y métricas para medir la usabilidad de un sitio web.
Este documento discute la usabilidad de sitios web. Define la usabilidad como una medida para evaluar la calidad de la experiencia del usuario al interactuar con un sistema. Explica que hay tres principios básicos de la usabilidad en la web: facilidad de aprendizaje, flexibilidad y robustez. También describe algunas claves y beneficios de la usabilidad, como mejorar la experiencia del usuario y aumentar las ventas de un sitio.
Este documento introduce el diseño web y explica que va más allá del diseño gráfico, enfocándose en la usabilidad, la experiencia del usuario y la arquitectura de la información. Explica las etapas del diseño web, incluyendo el diseño de la información, el diseño del sitio, el diseño de páginas y el desarrollo. También discute las herramientas, oportunidades laborales y retos de ser diseñador web.
Este documento proporciona información sobre el diseño y desarrollo de páginas web. Explica herramientas como HTML, CMS y dominios, así como consideraciones de diseño centrado en el usuario, usabilidad y principios de conversión. Además, destaca los beneficios de aplicar técnicas de experiencia de usuario como aumentar las ventas y fidelizar clientes.
El documento describe los enfoques del diseño de aplicaciones web y los principales atributos de calidad. Explica que el diseño incluye establecer la interfaz de usuario, la arquitectura, el contenido y la navegación. Un buen diseño debe ser simple, consistente, navegable y atractivo visualmente. Además, cubre temas como la estética, seguridad, disponibilidad y escalabilidad.
El diseño web responsivo permite que un sitio web se adapte a diferentes dispositivos mediante el uso de estructuras e imágenes fluidas y media queries en CSS. Esto garantiza una buena experiencia de usuario independientemente del dispositivo utilizado. Algunas técnicas clave incluyen el uso de cuadriculas flexibles, tamaños de fuente en em en lugar de pixeles, y ajustar el ancho de imágenes y videos con porcentajes.
El documento habla sobre los principios de usabilidad web y el diseño web líquido o fluido. Explica que la usabilidad web se centra en la accesibilidad, ubicación y navegación clara para los usuarios. También describe el diseño web líquido como una técnica para crear plantillas que se ajustan automáticamente al tamaño de la pantalla usando CSS3, lo que permite mostrar el contenido en diferentes dispositivos de manera efectiva con un solo código.
Arquitectura de la información y UsabilidadIvan Aguilar
El documento describe los pasos para estructurar la información en un sitio web. Estos incluyen definir los objetivos, la audiencia, los contenidos, la estructura del sitio, los sistemas de navegación y el diseño visual. También explica la importancia de la usabilidad y métodos para medirla como los test heurísticos y de usuario.
El documento describe los diferentes enfoques y consideraciones para el diseño de aplicaciones web (webapps). Explica que el diseño establece la interfaz de usuario y la estructura arquitectónica de la webapp. También define el contenido y funcionalidad, y planifica la navegación. El diseño busca crear una webapp de calidad mediante atributos como la simplicidad, navegabilidad, atractivo visual, seguridad, disponibilidad y escalabilidad.
La Web 2.0 se refiere a la transición de aplicaciones tradicionales a aplicaciones basadas en la web enfocadas en el usuario final que fomentan la colaboración. Los estándares web son recomendaciones del W3C para crear y interpretar documentos web de manera accesible para todos, y ofrecen beneficios como compatibilidad entre navegadores, menor código, y sitios más fáciles de mantener. Al diseñar sitios web 2.0 se recomienda enfocarse en la simplicidad, layouts centrados, menos columnas,
DIRECTRICES PARA EL DISEÑO DE INTERFACES DE TELEVISIÓN DIGITAL INTERACTIVAIvan Serrano Regol
Este documento presenta directrices para el diseño de interfaces de televisión digital interactiva. Propone analizar tres perspectivas clave: el modelo de interacción, la interfaz y el modelo de navegación. También recomienda realizar tests de usuarios iterativos para evaluar el diseño y hacer ajustes que garanticen una interfaz usable centrada en el usuario.
Similar a Curso de a accesibilidad web - Módulo 3: Evaluación de la Accesibilidad Web (20)
Accesibilidad en los portales de la administración pública en Colombia, 2008Mario Carvajal
Este documento analiza la accesibilidad de cinco portales web de la administración pública en Colombia en 2008. Se examinan el portal de la Presidencia de la República, el Ministerio de Comunicaciones, la ciudad de Bogotá, la Secretaría Distrital de Gobierno y el Instituto Nacional de Ciegos. El análisis encuentra fallos significativos en el uso de encabezados, listas, formularios e imágenes en el portal de la Presidencia.
Este documento presenta una guía web de Proexport 1.0. La guía está dividida en nueve capítulos que tratan temas importantes para el diseño y programación web como tipografía, imágenes, audio, estándares, hipervínculos, interacción, posicionamiento, búsqueda y formularios. Cada capítulo contiene directrices con comentarios y ejemplos para orientar a diseñadores e ingenieros sobre buenas prácticas para el desarrollo de sitios web.
Creación de logotipos e imagen corporativa con AstrolabioMario Carvajal
El documento presenta los servicios de creación de imagen corporativa de la empresa Astrolabio Imagen Web. Describe el proceso de 6 pasos para diseñar un logo, que incluye levantar un brief, presentar bocetos, revisiones y entrega de archivos. También muestra ejemplos de logos diseñados por la empresa y ofrece planes y precios para diseño de logo, manual de uso e imagen y papelería.
El Card Sorting es una técnica para descubrir las categorías mentales de los usuarios mediante la agrupación de tarjetas con contenido. Se usa para diseñar sitios web nuevos o rediseñar sitios existentes. Es simple, económico y rápido, e involucra directamente a los usuarios. Existen variantes abiertas y cerradas. Requiere preparación de tarjetas y muestra de usuarios, luego una sesión de ejecución y análisis de resultados cualitativos y cuantitativos. Existen herramientas de software libre
La Unión Europea ha acordado un paquete de sanciones contra Rusia por su invasión de Ucrania. Las sanciones incluyen restricciones a las transacciones con bancos rusos clave y la prohibición de la venta de aviones y equipos a Rusia. Los líderes de la UE esperan que las sanciones aumenten la presión económica sobre Rusia y la disuadan de continuar su agresión contra Ucrania.
KAWARU CONSULTING presenta el projecte amb l'objectiu de permetre als ciutadans realitzar tràmits administratius de manera telemàtica, des de qualsevol lloc i dispositiu, amb seguretat jurídica. Aquesta plataforma redueix els desplaçaments físics i el temps invertit en tràmits, ja que es pot fer tot en línia. A més, proporciona evidències de la correcta realització dels tràmits, garantint-ne la validesa davant d'un jutge si cal. Inicialment concebuda per al Ministeri de Justícia, la plataforma s'ha expandit per adaptar-se a diverses organitzacions i països, oferint una solució flexible i fàcil de desplegar.
Todo sobre la tarjeta de video (Bienvenidos a mi blog personal)AbrahamCastillo42
Power point, diseñado por estudiantes de ciclo 1 arquitectura de plataformas, esta con la finalidad de dar a conocer el componente hardware llamado tarjeta de video..
HPE presenta una competició destinada a estudiants, que busca fomentar habilitats tecnològiques i promoure la innovació en un entorn STEAM (Ciència, Tecnologia, Enginyeria, Arts i Matemàtiques). A través de diverses fases, els equips han de resoldre reptes mensuals basats en àrees com algorísmica, desenvolupament de programari, infraestructures tecnològiques, intel·ligència artificial i altres tecnologies. Els millors equips tenen l'oportunitat de desenvolupar un projecte més gran en una fase presencial final, on han de crear una solució concreta per a un conflicte real relacionat amb la sostenibilitat. Aquesta competició promou la inclusió, la sostenibilitat i l'accessibilitat tecnològica, alineant-se amb els Objectius de Desenvolupament Sostenible de l'ONU.
para programadores y desarrolladores de inteligencia artificial y machine learning, como se automatiza una cadena de valor o cadena de valor gracias a la teoría por Manuel Diaz @manuelmakemoney
La inteligencia artificial sigue evolucionando rápidamente, prometiendo transformar múltiples aspectos de la sociedad mientras plantea importantes cuestiones que requieren una cuidadosa consideración y regulación.
Catalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador ValenciaAMADO SALVADOR
Descubre el catálogo general de la gama de productos de refrigeración del fabricante de electrodomésticos Miele, presentado por Amado Salvador distribuidor oficial Miele en Valencia. Como distribuidor oficial de electrodomésticos Miele, Amado Salvador ofrece una amplia selección de refrigeradores, congeladores y soluciones de refrigeración de alta calidad, resistencia y diseño superior de esta marca.
La gama de productos de Miele se caracteriza por su innovación tecnológica y eficiencia energética, garantizando que cada electrodoméstico no solo cumpla con las expectativas, sino que las supere. Los refrigeradores Miele están diseñados para ofrecer un rendimiento óptimo y una conservación perfecta de los alimentos, con características avanzadas como la tecnología de enfriamiento Dynamic Cooling, sistemas de almacenamiento flexible y acabados premium.
En este catálogo, encontrarás detalles sobre los distintos modelos de refrigeradores y congeladores Miele, incluyendo sus especificaciones técnicas, características destacadas y beneficios para el usuario. Amado Salvador, como distribuidor oficial de electrodomésticos Miele, garantiza que todos los productos cumplen con los más altos estándares de calidad y durabilidad.
Explora el catálogo completo y encuentra el refrigerador Miele perfecto para tu hogar con Amado Salvador, el distribuidor oficial de electrodomésticos Miele.
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...AMADO SALVADOR
Descarga el Catálogo General de Tarifas 2024 de Vaillant, líder en tecnología para calefacción, ventilación y energía solar térmica y fotovoltaica. En Amado Salvador, como distribuidor oficial de Vaillant, te ofrecemos una amplia gama de productos de alta calidad y diseño innovador para tus proyectos de climatización y energía.
Descubre nuestra selección de productos Vaillant, incluyendo bombas de calor altamente eficientes, fancoils de última generación, sistemas de ventilación de alto rendimiento y soluciones de energía solar fotovoltaica y térmica para un rendimiento óptimo y sostenible. El catálogo de Vaillant 2024 presenta una variedad de opciones en calderas de condensación que garantizan eficiencia energética y durabilidad.
Con Vaillant, obtienes más que productos de climatización: control avanzado y conectividad para una gestión inteligente del sistema, acumuladores de agua caliente de gran capacidad y sistemas de aire acondicionado para un confort total. Confía en la fiabilidad de Amado Salvador como distribuidor oficial de Vaillant, y en la resistencia de los productos Vaillant, respaldados por años de experiencia e innovación en el sector.
En Amado Salvador, distribuidor oficial de Vaillant en Valencia, no solo proporcionamos productos de calidad, sino también servicios especializados para profesionales, asegurando que tus proyectos cuenten con el mejor soporte técnico y asesoramiento. Descarga nuestro catálogo y descubre por qué Vaillant es la elección preferida para proyectos de climatización y energía en Amado Salvador.
SOPRA STERIA presenta una aplicació destinada a persones amb discapacitat intel·lectual que busca millorar la seva integració laboral i digital. Permet crear currículums de manera senzilla i intuitiva, facilitant així la seva participació en el mercat laboral i la seva independència econòmica. Aquesta iniciativa no només aborda la bretxa digital, sinó que també contribueix a reduir la desigualtat proporcionant eines accessibles i inclusives. A més, "inCV" està alineat amb els Objectius de Desenvolupament Sostenible de l'Agenda 2030, especialment els relacionats amb el treball decent i la reducció de desigualtats.
Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)codesiret
Los protocolos son conjuntos de
normas para formatos de mensaje y
procedimientos que permiten a las
máquinas y los programas de aplicación
intercambiar información.
2. Módulo 3 /
Evaluación de la Accesibilidad Web
“Usa las herramientas automáticas
y evalúa manualmente”
3. Evaluación
Evaluación automática
Gracias a la labor de diferentes
organismos comprometidos con la
accesibilidad web, como la
Fundación SIDAR, la Fundación
CTIC, Accesible Consultores, entre
otros, podemos los webmásters
evaluar automáticamente la
01
accesibilidad de nuestras páginas
web.
4. Evaluación
TAW
Test de Accesibilidad Web
www.tawdis.net
19. Evaluación
¡A trabajar!
Evaluando automáticamente TallerNº 22
un sitio conocido
• Selecciona dos páginas web internas de www.elpais.com.co
• Evalúa automáticamente con estas tres herramientas:
– TAW
– HERA
– eXaminator
• ¿Qué diferencias encontraste en cada evaluación?
• EXTRA: ¡Evalúa con la versión BETA de TAW, que se basa en las
directrices WCAG 2.0!
20. Evaluación
Evaluación manual
La accesibilidad web no se
evaúa únicamente de forma
automática. Es necesario
siempre realizar
manualmente evaluaciones
sobre aquellos puntos
imposibles de automatizar.
02
21. Evaluación
¡A trabajar!
Evaluando manualmente TallerNº 23
un sitio conocido
• Toma las mismas páginas seleccionadas para el Taller Nº22.
• Revisa en la evaluación automática con TAW, HERA y
eXaminator qué aspectos no pudieron ser revisados
automáticamente.
• Punto por punto, examina de forma manual y dictamina si se
considera un error o no.
44. Usabilidad
Audio
El diseñador de interfaz deberá
tener en cuenta que el audio para
la web tiene un tratamiento que
debe cumplir con criterios de
usabilidad, que muy
frecuentemente no son en
tenidos cuenta.
03
45. Usabilidad
Botones con sonido
Evite programar botones con sonido.
49. Usabilidad
Estándares
Asumir los estándares
web, emitidos por el Consorcio
W3C, generará para todos los
proyectos actuales, continuidad
en el futuro.
04
50. Usabilidad
Estándares del W3C
Use los estándares de la W3C: XHTML para el
contenido y CSS para la presentación.
63. Usabilidad
Hipervínculos y navegación
La web está constituida
esencialmente por hipervínculos.
Del buen tratamiento que se les
dé, dependerá el éxito de la
navegación de los usuarios y una
muy buena parte de la usabilidad
del sitio.
05
64. Usabilidad
Falsos hipervínculos
Evite diseñar señales engañosas de hacer clic.
70. Usabilidad
Hipervínculo a la página de inicio
Habilite el acceso a la página de inicio, mediante
hipervínculo en el logotipo y con un vínculo de
texto rotulado como “inicio”.
74. Usabilidad
Interacción
Los usuarios no únicamente
leen, también interactúan con la
interfaz, por ello es importante
tener en cuenta las siguientes
recomendaciones, para hacer una
web más fácil de usar. 06
75. Usabilidad
Longitud del cuadro de
búsqueda
Diseñe el cuadro de búsqueda para un máximo
de 30 caracteres.
79. Usabilidad
Posicionamiento
El posicionamiento orgánico en
motores de búsqueda, SEO, debe
empezar desde la misma
arquitectura de información de un
sitio, seguir con el diseño de interfaz
y codificación, y por supuesto en la
escritura de contenidos.
07
80. Usabilidad
URL complejos
Habilite un sistema de URL inteligentes para
cada página web: cortas y significativas.
82. Usabilidad
Titulo de la ventana
Asigne el título de la página web al título de la
ventana y asegúrese que este título sea el
encabezado de primer nivel
86. Usabilidad
Bibliografía imprescindible
Además de Internet, podemos
encontrar mucha información en
varios libros sobre el tema de
usabilidad. Aquí te mostraremos
algunos de ellos.
08
89. Módulo 5 /
Evaluación heurística de la Usabilidad
“Realiza pruebas de usabilidad
como un experto”
90. Heurísticas
Qué es una evaluación heurística
La evaluación heurística o
evaluación del experto es una
manera muy rápida, eficaz y
económica de descubrir los errores
de usabilidad de un sitio web.
01
91. Fin del curso
¡Muchas gracias!
Sí, gracias por hacer un mundo más
accesible, usable, más cálido y agradable
para tus semejantes, hermanos en la
vida.