Foros del web, para los que viven de bits

sergiold · 05-oct-2005, 15:17

Inicio este mensaje con el objetivo de que cada uno vaya añadiendo las páginas que conozca que traten asuntos de usabilidad.

Yo voy a empezar con:

- www.alzado.org

A ver si os animais y vamos haciendo una buena lista!

Saludos,

K3NNY · 05-oct-2005, 16:31

Como ya sugeri en otro topic, aca tienen como hacer un blog accesible (aunque sirve para cualquier tipo de web)

Haciendo una bitacora accesible.

Fociños · 05-oct-2005, 16:41

Aquí os dejo la traducción de pautas de accesibilidad al contenido en la Web 1.0

En www.cadius.org os podéis apuntar a una lista de correo muy movida donde se juntan enormes profesionales del ramo.

tunait · 06-oct-2005, 01:45

Excelente iniciativa este post

Me ha parecido oportuno el marcarlo como importante.

Un saludo

CesarS · 06-oct-2005, 10:01

Alertbox ( en ingles )
Es el newsletter/columna semanal sobre usabilidad del J. Nielsen

Terremoto.net
Weblog acerca de usabilidad y arquitectura de información.

ProyectoWeb
Comunidad Virtual Sobre Diseño, Usabilidad y Arquitectura Web

No solo usabilidad
Weblog sobre usabilidad y temas relacionados

Úsalo
Usabilidad para todos

omarbeto · 06-oct-2005, 10:18

Hola amigos, hace tiempo que no posteaba en Foros del Web.

Gracias a todos los que hicieron posible está sección en el Foro, en hora buena ;).

A continuación les dejo algunas paginitas más para seguir revisando estas cuestiones:

USABLE WEB (english) Lista de links a temas relacionados con Usabilidad, accesibilidad Arquitectura de información, etc.

http://www.happyuser.net

MÁS QUE CÓDIGO (castellano) Blog deJuanjo Navarro

http://www.juanjonavarro.com/masquecodigo

No olviden suscribirse a Cadius y visitar Alzado una vez por semana

metacortex · 07-oct-2005, 08:03

Buenas páginas (Inglés):

http://www.useit.com/

http://www.poynterextra.org/eyetrack2004/

http://www.usability.gov/ (En mi opinión mejor que las 2 anteriores)

metacortex · 07-oct-2005, 19:22

Test de Accesibilidad Web (TAW)

Cita:

TAW son las siglas de Test de Accesibilidad Web. Es una herramienta para el análisis automático de la accesibilidad de sitios web, alcanzando de una forma integral y global a todos los elementos y páginas que lo componen.

http://www.tawdis.net/taw3/cms/es

sergiold · 07-oct-2005, 19:45

Con permiso del autor del post:

Cita:

Iniciado por RoQ

Hola, aca hay un validador de accesibilidad que la verdad no me convence pero pruebenlo a ver si les gusta
http://www.sidar.org/hera/

Saludos,

PD.

sergiold · 08-oct-2005, 06:34

Añado dos enlaces que vienen a ser uno mismo:

Categoría sobre usabilidad en desarrolloweb.

http://www.desarrolloweb.com/directo...no/usabilidad/

Manual de usabilidad en la web de desarrolloweb.

http://www.desarrolloweb.com/manuales/5/

Saludos,

posavasos · 09-oct-2005, 10:25

http://del.icio.us/posavasos/Usabilidad

CORE · 10-oct-2005, 21:38

Otros sitios utiles sobre usabilidad

Algo sobre accesiblidad

Tecnicas SIDAR castellano

CORE · 10-oct-2005, 21:49

¿Como crear una ventana pop accesible?

Por lo regular siempre creamos ventanas popup en nuestros sitios y nos olvidamos de la gente que navega con javascript deshablitado. y si el enlace no sirve mas que con javascript esto imposiblita la entrada al html.

Ejemplo:

Código HTML:

<a href="#" onclick="MM_openBrWindow('holamundo.htm','contacto','width=450,height=500');">holamundo</a>

esto esta mal. lo correcto es agregar el enlace correcto y utiliza un return false al final de la funcion javascript para que en cualquier caso la ventana pueda abrirse, ademas de que los buscadores tambien leeran el html ya que este lee los enlaces no las funciones de javascript.

ejemplo correcto

Código HTML:

<a href="holamundo.htm" onclick="MM_openBrWindow('holamundo.htm','contacto','width=450,height=500');return false">holamundo</a>

CORE · 10-oct-2005, 21:59

Cuando hacemos un enlace para llamar javascript

Código HTML:

<a href="#" onclick="MM_openBrWindow('uno.htm','uno','width=450,height=500');return false">uno</a>

estamos creando un enlace a ningun lado ya que el "#" el navegador (menos explorer) lo toma como un enlace de ancla dentro del sitio, y esto te envia hacia el top de la pagina

lo correcto para llamar javascrip es poner javascript:void(0) dentro del href

Código HTML:

<a href="javascript:void(0)" onclick="MM_openBrWindow('uno.htm','uno','width=450,height=500');return false">uno</a>

esto salta en el vacío pero sin ocasionar un error.

Apolo · 18-oct-2005, 13:06

Algunos artículos sobre Usabilidad Web en el sitio de Microsoft:

http://www.microsoft.com/spain/empre...idad/home.mspx

Saludos,

egyrs · 22-oct-2005, 08:08

Cita:

Iniciado por CORE

¿Como crear una ventana pop accesible?

Por lo regular siempre creamos ventanas popup en nuestros sitios y nos olvidamos de la gente que navega con javascript deshablitado. y si el enlace no sirve mas que con javascript esto imposiblita la entrada al html.

Ejemplo:

Código HTML:

<a href="#" onclick="MM_openBrWindow('holamundo.htm','contacto','width=450,height=500');">holamundo</a>

esto esta mal. lo correcto es agregar el enlace correcto y utiliza un return false al final de la funcion javascript para que en cualquier caso la ventana pueda abrirse, ademas de que los buscadores tambien leeran el html ya que este lee los enlaces no las funciones de javascript.

ejemplo correcto

Código HTML:

<a href="holamundo.htm" onclick="MM_openBrWindow('holamundo.htm','contacto','width=450,height=500');return false">holamundo</a>

Bueno, aparte de las cuestiones sobre cómo debe ser el código del javascript, para que el enlace que se abre en una nueva ventana sea accesible hacen falta dos cosas más:
1.- Avisar al usuario que se abrirá una nueva ventana: En el propio texto del enlace o, como mínimo utilizando el atributo "title".
2.- Que el evento no dependa sólo del ratón. Es decir, que el enlace pueda activarse también mediante el teclado. No usar sólo onclick, acompañarlo siempre de onkeypress o, mejor aún, utilizar manejadores de evento no dependientes del tipo de dispositivo.

sergiold · 03-nov-2005, 14:36

Bueno añado otra página que puede ser interesante, esta vez se trata de la página del "Día mundial de la Usabilidad":

http://www.worldusabilityday.org/ (ingles)

Saludos,

Microbito · 21-nov-2005, 21:02

Diseño de páginas de internet: guía basada en conceptos de usabilidad web

CORE · 22-nov-2005, 22:53

Enlaces de Interes en ingles

Tips de Accesiblidad con XHTML
Modificar Dreamweaver para crear sitios basados en estandares A List Apart
Crear tablas accesibles
Crear Frames Accesibles
Accesibilida en MAC
The Perfect Pop-Up
Accesibilidad con Flash 8 Macromedia
Accesiblidiad con Dreamweaver 8 Macromedia

Herramientas

joelvazquez · 23-nov-2005, 11:21

Algunos datos sobre usabilidad y para saber ke tanta usabilidad tiene un sitio o un sistema.
http://www.nosolousabilidad.com/arti...heuristica.htm
También algo de evaluación heuristica
http://usabilidad.zap3x.com/modulo5-paso1.html
http://www.ugrad.cs.ubc.ca/~cs344/re...-heurEval.html

Nazka · 03-abr-2006, 00:22

http://www.webstudio.cl/blog/

El Factor Humano es el weblog de Nelson Rodríguez-Peña sobre diseño centrado en el usuario y las disciplinas relacionadas:
arquitectura de información, usabilidad, diseño de interacción, diseño de interfaces, diseño web y accesibilidad.

Saludos

Antonito · 19-abr-2006, 07:24

Se me ocurre una

de usabilidad nueva muy buena www.usoweb.com

kahlito · 11-may-2006, 13:06

Emulador lector de pantalla Fangs

Extensión para Firefox que crea una representación textual de una página web como sería leída por un lector de pantalla para invidentes.

http://sourceforge.net/projects/fangs

Fuente:http://www.webintenta.com/Fangs

05-oct-2005, 15:17	#1 (permalink)
sergiold Fecha de Ingreso: octubre-2004 Ubicación: Barcelona Mensajes: 751	Páginas sobre usabilidad Inicio este mensaje con el objetivo de que cada uno vaya añadiendo las páginas que conozca que traten asuntos de usabilidad. Yo voy a empezar con: - www.alzado.org A ver si os animais y vamos haciendo una buena lista! Saludos, __________________ sergiold - Mis proyectos y mis dominios

05-oct-2005, 16:31	#2 (permalink)
K3NNY Colaborador Fecha de Ingreso: marzo-2004 Ubicación: ARGENTINA! Mensajes: 1.497	Como ya sugeri en otro topic, aca tienen como hacer un blog accesible (aunque sirve para cualquier tipo de web) Haciendo una bitacora accesible. __________________ delFuego.com.ar mi tumblelog sobre diseño La dedicación en mi respuesta es directamente proporcional a la dedicación en tu pregunta.

05-oct-2005, 16:41	#3 (permalink)
Fociños Fecha de Ingreso: marzo-2004 Ubicación: A Coruña Mensajes: 588	Aquí os dejo la traducción de pautas de accesibilidad al contenido en la Web 1.0 En www.cadius.org os podéis apuntar a una lista de correo muy movida donde se juntan enormes profesionales del ramo. __________________ Hospedaxes (Coruña) - Desarrollo, diseño y hosting web

06-oct-2005, 10:01	#5 (permalink)
CesarS Fecha de Ingreso: junio-2003 Ubicación: Lima, Perú Mensajes: 102	Alertbox ( en ingles ) Es el newsletter/columna semanal sobre usabilidad del J. Nielsen Terremoto.net Weblog acerca de usabilidad y arquitectura de información. ProyectoWeb Comunidad Virtual Sobre Diseño, Usabilidad y Arquitectura Web No solo usabilidad Weblog sobre usabilidad y temas relacionados Úsalo Usabilidad para todos __________________ CesarS backd.com

06-oct-2005, 10:18	#6 (permalink)
omarbeto Fecha de Ingreso: enero-2003 Ubicación: Bolivia Mensajes: 56	Hola amigos, hace tiempo que no posteaba en Foros del Web. Gracias a todos los que hicieron posible está sección en el Foro, en hora buena ;). A continuación les dejo algunas paginitas más para seguir revisando estas cuestiones: USABLE WEB (english) Lista de links a temas relacionados con Usabilidad, accesibilidad Arquitectura de información, etc. http://www.happyuser.net MÁS QUE CÓDIGO (castellano) Blog deJuanjo Navarro http://www.juanjonavarro.com/masquecodigo No olviden suscribirse a Cadius y visitar Alzado una vez por semana __________________ "No siempre se cae hacia abajo..."

06-oct-2005, 01:45	#4 (permalink)
tunait Moderadora Fecha de Ingreso: noviembre-2002 Ubicación: Terok Nor Mensajes: 14.895	Excelente iniciativa este post Me ha parecido oportuno el marcarlo como importante. Un saludo

07-oct-2005, 08:03	#7 (permalink)
metacortex Moderador Fecha de Ingreso: junio-2004 Ubicación: Venezuela Mensajes: 6.229	Buenas páginas (Inglés): http://www.useit.com/ http://www.poynterextra.org/eyetrack2004/ http://www.usability.gov/ (En mi opinión mejor que las 2 anteriores) __________________ • Diseño Joomla en Venezuela • Joomlaworks Support Team • JoomLatin.com - Joomla Latino (Pronto)

07-oct-2005, 19:22	#8 (permalink)
metacortex Moderador Fecha de Ingreso: junio-2004 Ubicación: Venezuela Mensajes: 6.229	Test de Accesibilidad Web (TAW) Cita: TAW son las siglas de Test de Accesibilidad Web. Es una herramienta para el análisis automático de la accesibilidad de sitios web, alcanzando de una forma integral y global a todos los elementos y páginas que lo componen. http://www.tawdis.net/taw3/cms/es __________________ • Diseño Joomla en Venezuela • Joomlaworks Support Team • JoomLatin.com - Joomla Latino (Pronto)

07-oct-2005, 19:45	#9 (permalink)
sergiold Fecha de Ingreso: octubre-2004 Ubicación: Barcelona Mensajes: 751	Con permiso del autor del post: Cita: Iniciado por RoQ Hola, aca hay un validador de accesibilidad que la verdad no me convence pero pruebenlo a ver si les gusta http://www.sidar.org/hera/ Saludos, PD. __________________ sergiold - Mis proyectos y mis dominios

08-oct-2005, 06:34	#10 (permalink)
sergiold Fecha de Ingreso: octubre-2004 Ubicación: Barcelona Mensajes: 751	Añado dos enlaces que vienen a ser uno mismo: Categoría sobre usabilidad en desarrolloweb. http://www.desarrolloweb.com/directo...no/usabilidad/ Manual de usabilidad en la web de desarrolloweb. http://www.desarrolloweb.com/manuales/5/ Saludos, __________________ sergiold - Mis proyectos y mis dominios

09-oct-2005, 10:25	#11 (permalink)
posavasos Fecha de Ingreso: enero-2005 Mensajes: 265	http://del.icio.us/posavasos/Usabilidad

10-oct-2005, 21:38	#12 (permalink)
CORE Fecha de Ingreso: noviembre-2002 Ubicación: Merida Mensajes: 2.179	Algunos enlaces Ideas de Jakob Nielsen sobre cómo escribir para la Web Ventajas del formato gráfico PNG Ventajas e inconvenientes del uso de frames Uso adecuado de marcos Usabilidad y accesibilidad, dos enfoques complementarios Top Ten de errores en sitios web ¿Qué es el Diseño Centrado en el Usuario? Test de usabilidad Recursos sobre usabilidad, vínculos de interés, listas de correo especializadas Cómo elegir el tipo de letra para la página web Consejos para diseñar con Flash Pautas WAI de diseño accesible de páginas web Guia para la investigación y Diseño de WebSites Usablesingles La experiencia del usuario no es sólo usabilidad Pero.. ¿qué es, realmente, la usabilidad?SIDAR Usabilidad mal entendida Otros sitios utiles sobre usabilidad emergia Usablidad en Webestilo Algo sobre accesiblidad Investigación sobre el uso de Internet por personas ciegas y con deficiencia visual de habla hispana Análisis de la accesibilidad y usabilidad de páginas web para usuarios ciegos Metodología práctica de revisión de la accesibilidad de sitios Web Cómo hacer un objeto FLASH accesible Navegadores alternativos y herramientas de evaluación rápida. BrailleSurf y Opera Diseño de Páginas Web Accesibles Estudio de Accesibilidad a la Red Tabla de puntos de verificación para las Pautas de Accesibilidad al Contenido en la Web 1.0 Ejemplo sobre adaptar los colores de pantalla para mejorar la navegacion para usuarios con problemas de vision Sobre Tiflotecnología Cómo utilizan la Web las personas con discapacidad Diseño accesible de páginas web Traduccion del Inspector de puntos de control - Checkpoint Checker CSS2 Aural Reference Usuarios con deficiencias en la percepción del color Tecnicas SIDAR castellano Técnicas Fundamentales para las Pautas de Accesibilidad al Contenido en la Web 1.0 Técnicas CSS para las Pautas de Accesibilidad al Contenido en la Web 1.0 Técnicas HTML para las Pautas de Accesibilidad al Contenido de la Web 1.0 Tabla de Puntos de Verificación para las Pautas de Accesibilidad al Contenido en la Web 1.0 Guia breve para crear sitios web accesibles Procedimientos de Aplicación con Dreamweaver Manual de aplicación de las WCAG 1.0 Última edición por CORE; 11-oct-2005 a las 20:26. Razón: Agregar nuevos enlaces

10-oct-2005, 21:49	#13 (permalink)
CORE Fecha de Ingreso: noviembre-2002 Ubicación: Merida Mensajes: 2.179	Sobre enlaces ¿Como crear una ventana pop accesible? Por lo regular siempre creamos ventanas popup en nuestros sitios y nos olvidamos de la gente que navega con javascript deshablitado. y si el enlace no sirve mas que con javascript esto imposiblita la entrada al html. Ejemplo: Código HTML: <a href="#" onclick="MM_openBrWindow('holamundo.htm','contacto','width=450,height=500');">holamundo</a> esto esta mal. lo correcto es agregar el enlace correcto y utiliza un return false al final de la funcion javascript para que en cualquier caso la ventana pueda abrirse, ademas de que los buscadores tambien leeran el html ya que este lee los enlaces no las funciones de javascript. ejemplo correcto Código HTML: <a href="holamundo.htm" onclick="MM_openBrWindow('holamundo.htm','contacto','width=450,height=500');return false">holamundo</a>

10-oct-2005, 21:59	#14 (permalink)
CORE Fecha de Ingreso: noviembre-2002 Ubicación: Merida Mensajes: 2.179	el uso correcto de # Cuando hacemos un enlace para llamar javascript Código HTML: <a href="#" onclick="MM_openBrWindow('uno.htm','uno','width=450,height=500');return false">uno</a> estamos creando un enlace a ningun lado ya que el "#" el navegador (menos explorer) lo toma como un enlace de ancla dentro del sitio, y esto te envia hacia el top de la pagina lo correcto para llamar javascrip es poner javascript:void(0) dentro del href Código HTML: <a href="javascript:void(0)" onclick="MM_openBrWindow('uno.htm','uno','width=450,height=500');return false">uno</a> esto salta en el vacío pero sin ocasionar un error.

18-oct-2005, 13:06	#15 (permalink)
Apolo Consejero Fecha de Ingreso: abril-2003 Ubicación: Colombia Mensajes: 6.664	Algunos artículos sobre Usabilidad Web en el sitio de Microsoft: http://www.microsoft.com/spain/empre...idad/home.mspx Saludos, __________________ ¿Quieres participar? · ComunidadHosting Mi blog · Jaime.ws <- Asesoría profesional y personalizada en Web Hosting Mi filosofía es bastante sencilla: ser aprendiz de lo que enseño y maestro de lo que aprendo.

22-oct-2005, 08:08	#16 (permalink)
egyrs Fecha de Ingreso: octubre-2005 Mensajes: 4	Cita: Iniciado por CORE ¿Como crear una ventana pop accesible? Por lo regular siempre creamos ventanas popup en nuestros sitios y nos olvidamos de la gente que navega con javascript deshablitado. y si el enlace no sirve mas que con javascript esto imposiblita la entrada al html. Ejemplo: Código HTML: <a href="#" onclick="MM_openBrWindow('holamundo.htm','contacto','width=450,height=500');">holamundo</a> esto esta mal. lo correcto es agregar el enlace correcto y utiliza un return false al final de la funcion javascript para que en cualquier caso la ventana pueda abrirse, ademas de que los buscadores tambien leeran el html ya que este lee los enlaces no las funciones de javascript. ejemplo correcto Código HTML: <a href="holamundo.htm" onclick="MM_openBrWindow('holamundo.htm','contacto','width=450,height=500');return false">holamundo</a> Bueno, aparte de las cuestiones sobre cómo debe ser el código del javascript, para que el enlace que se abre en una nueva ventana sea accesible hacen falta dos cosas más: 1.- Avisar al usuario que se abrirá una nueva ventana: En el propio texto del enlace o, como mínimo utilizando el atributo "title". 2.- Que el evento no dependa sólo del ratón. Es decir, que el enlace pueda activarse también mediante el teclado. No usar sólo onclick, acompañarlo siempre de onkeypress o, mejor aún, utilizar manejadores de evento no dependientes del tipo de dispositivo.

03-nov-2005, 14:36	#17 (permalink)
sergiold Fecha de Ingreso: octubre-2004 Ubicación: Barcelona Mensajes: 751	Bueno añado otra página que puede ser interesante, esta vez se trata de la página del "Día mundial de la Usabilidad": http://www.worldusabilityday.org/ (ingles) Saludos, __________________ sergiold - Mis proyectos y mis dominios

21-nov-2005, 21:02	#18 (permalink)
Microbito Fecha de Ingreso: noviembre-2002 Ubicación: Cd. Juárez, Chihuahua, México Mensajes: 819	Diseño de páginas de internet: guía basada en conceptos de usabilidad web __________________ Canciones de un Camarada Errante Diseño de páginas de internet: guía basada en conceptos de usabilidad web

22-nov-2005, 22:53	#19 (permalink)
CORE Fecha de Ingreso: noviembre-2002 Ubicación: Merida Mensajes: 2.179	Enlaces de Interes en ingles Tips de Accesiblidad con XHTML Modificar Dreamweaver para crear sitios basados en estandares A List Apart Crear tablas accesibles Crear Frames Accesibles Accesibilida en MAC The Perfect Pop-Up Accesibilidad con Flash 8 Macromedia Accesiblidiad con Dreamweaver 8 Macromedia Herramientas Accessible Form Builder Accessible Pop-up Window Generator Form Element Generator XFN (XHTML Friends Network) Link Creator

23-nov-2005, 11:21	#20 (permalink)
joelvazquez Fecha de Ingreso: febrero-2005 Ubicación: 192.168.x.x Mensajes: 429	Algunos datos sobre usabilidad y para saber ke tanta usabilidad tiene un sitio o un sistema. http://www.nosolousabilidad.com/arti...heuristica.htm También algo de evaluación heuristica http://usabilidad.zap3x.com/modulo5-paso1.html http://www.ugrad.cs.ubc.ca/~cs344/re...-heurEval.html __________________ "No te ahogas por caerte al agua... te ahogas por kedarte en el agua"

03-abr-2006, 00:22	#21 (permalink)
Nazka Fecha de Ingreso: enero-2006 Ubicación: Satiago Chile Mensajes: 22	MI aporte http://www.webstudio.cl/blog/ El Factor Humano es el weblog de Nelson Rodríguez-Peña sobre diseño centrado en el usuario y las disciplinas relacionadas: arquitectura de información, usabilidad, diseño de interacción, diseño de interfaces, diseño web y accesibilidad. Saludos __________________ Lord Nazka Diseño - Web - Multimedia http://www.maxnorambuena.com Wiiii!!!! :si:

19-abr-2006, 07:24	#22 (permalink)
Antonito Fecha de Ingreso: noviembre-2002 Ubicación: en la red Mensajes: 393	Se me ocurre una de usabilidad nueva muy buena www.usoweb.com __________________ Pancho - Consultor de usabilidad <======= MetaTrader 4 Expert Advisor =======>

11-may-2006, 13:06	#23 (permalink)
kahlito Colaborador Fecha de Ingreso: marzo-2003 Ubicación: En el Estrecho y el mar Mensajes: 2.554	Emulador lector de pantalla Emulador lector de pantalla Fangs Extensión para Firefox que crea una representación textual de una página web como sería leída por un lector de pantalla para invidentes. http://sourceforge.net/projects/fangs Fuente:http://www.webintenta.com/Fangs __________________ Portafolio Diseño Web Freelance