tag:blogger.com,1999:blog-15312751336811138372012-06-04T13:37:53.809+02:00Consultoría de accesibilidad, usabilidad, arquitectura de información y experiencia de usuario.Olga Carrerashttp://www.blogger.com/profile/09766441534259003449noreply@blogger.comBlogger5125tag:blogger.com,1999:blog-1531275133681113837.post-22619713024100281612009-12-10T11:30:00.004+01:002011-07-03T23:10:50.430+02:00Estas son las noticias que llamaron mi atención en el último mes: <br /><br /><h3>Discapacidad auditiva</h3><br /><ul><li><a href="http://www.elmundo.es/elmundo/2009/11/10/andalucia/1257868850.html">"Andalucía hará obligatorio por ley el lenguaje de signos en los servicios públicos"</a>, elmundo.es, 10.11.09 <br /><cite><br />La norma, que amplía la legislación estatal de 2007, se aplicará en los servicios públicos, las relaciones con las administraciones, el transporte, los medios de comunicación, la participación política y las telecomunicaciones. </cite><br />Artículo relacionado: <a href="http://olgacarreras.blogspot.com/2005/01/referencia-sobre-legislacin-espaola.html#Ley 27/2007">"Referencia sobre legislación española relacionada con la accesibilidad web"</a> <br /><br /><br /></li><li><a href="http://www.diariosigno.com/index_.php?ID=15417">IU exige que se cumpla la ley que reconoce la LSE</a>, Diario Signo, 02.12.09 <br /><br /><cite>Izquierda Unida de Albacete ha emitido un comunicado en que tras apoyar los derechos de las personas sordas, anuncia su intención de trasladar a los Ayuntamientos la exigencia de que se cumpla la ley que reconoce la Lengua de Signos Española en el ámbito regional y estatal. </cite><br /></li><li><a href="http://www.gigle.net/google-anade-subtitulos-automaticos-para-sordos-en-youtube/">"Google añade subtítulos automáticos para sordos en YouTube"</a>, gigle.net, 20.11.09 <br /><br /><cite><br />De momento esta nueva característica se está desplegando en la versión inglesa de YouTube en todo el mundo, aunque se espera que en breve se extienda al resto de lenguas. Estos subtítulos automáticos han sido habilitados en los canales de YouTube de la Universidad de Berkeley, Stanford, MIT, Yale, UCLA, Duke, UCTV, Columbia, PBS, National Geographic. </cite><br /></li><li><a href="http://www.caser.es/corporativa/opencms/es/SalaDePrensa/Actualidad/Noticias/2009/082_Fundacion_CNSE.html">"Caser ofrece sus servicios en lengua de signos"</a>, caser.es, 26.11.09 <br /><br /><cite>SVIsual es un servicio gratuito y pionero en nuestro país,que permite a cualquier persona sorda contactar telefónicamente en tiempo real con otras personas oyentes a través de la figura del videointérprete, lo que garantiza una comunicación directa e inmediata entre emisor y receptor. <br /><br />Para ello, sus usuarios pueden utilizar la lengua de signos española o cualquier otra modalidad comunicativa que soliciten en función de sus necesidades o características gracias a los servicios de signo y voz, mensajería instantánea o video mail, que permiten ofrecer un servicio personalizado.</cite> <br /></li><li><a href="http://www.diariodenoticias.com/2009/11/25/sociedad/navarra/wwwasornaorg-una-propuesta-para-superar-barreras">"www.asorna.org, una propuesta para superar barreras"</a>, noticiasdenavarra.com, 25.11.09</li></ul><img alt="Asorna con menú desplegado. Muestra un vídeo con lenguaje de sordos." border="0" height="257" src="http://lh6.ggpht.com/-MlNQNfqnEJs/ThDQSv5z_PI/AAAAAAAABEU/7BurkyHV41k/asorna_thumb%25255B2%25255D.jpg?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" width="279" /> <br /><br />Los menús con vídeos en la Lengua de Signos también se pueden ver en el portal de la <a href="http://www.cnse.es/actuacion/asociativo.html">Confederación Estatal de Personas Sordas</a>.<br /><img alt="CNESE con menú desplegado. Muestra un vídeo en lenguaje de sordos" border="0" height="283" src="http://lh4.ggpht.com/-9zj6NtFNljw/ThDQTwVox9I/AAAAAAAABEc/jL5OvY2WN1w/cnse_menu_video_sordos_thumb%25255B2%25255D.jpg?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="cnse_menu_video_sordos" width="347" /> <br /><ul><li><a href="http://www.diariosigno.com/index_.php?ID=15386">"La administración de EE. UU quiere que sus páginas web sean accesibles para las personas sordas "</a>, Diario Signo, 23.11.09 <br /><cite><br />Las páginas web de la administración norteamericana deberán ser accesibles a las personas sordas. Una ley federal - la Ley de Rehabilitación - exige que las agencias federales electrónica y de tecnología de la información sea accesible a personas sordas. </cite><br /></li><li><a href="http://www.seraccesible.net/article/unas-gafas-convierten-la-voz-en-subtitulos">"Unas gafas convierten la voz en subtítulos"</a>, seraccesible.net, 12.11.09 <br /><br /><cite><br />En el Tokyo International Forum han sido el producto estrella, unas gafas capaces de subtitular en tiempo real lo que el interlocutor que hay delante de la persona que las lleve puestas pronuncie. </cite><br /></li></ul><br /><br /><br /><br /><h3>Discapacidad visual</h3><br /><ul><li><a href="http://ulczyk.blogspot.com/2009/11/intel-reader.html">"Intel Reader: Un novedoso dispositivo de Intel para personas con capacidades disminuídas en la visión"</a>,ulczyk.blogspot.com, 13.11.09 </li><li><a href="http://discapacidadallimite.blogspot.com/2009/11/codigo-de-barras-accesible.html">Código de barras accesible</a>, Al límite de mi capacidad, noviembre de 09. <br /><cite><br />La Empresa DATAMATRIX lanzó un código especial que permite que al hacer una foto con un móvil adaptado, una persona no vidente reciba la información a través de un mensaje de voz. </cite><br /></li></ul><br /><br /><h3>Otros</h3><br /><ul><li><a href="http://www.accesibilidadweb.com/blog/index.php/noticias/los-sitios-webs-de-los-ministerios-parece-que-mejoran-en-materia-de-accesibilidad-web">"Los sitios Webs de los ministerios parece que mejoran en materia de Accesibilidad Web"</a>, accesibilidadweb.com, 13.11.09 </li><li><a href="http://www.eweekeurope.es/noticias/ibm-simplifica-la-navegacion-web-a-traves-del-movil-1677">"IBM simplifica la navegación Web a través del móvil"</a>, en eWeekEurope, octubre 2009. <br /><br /><cite>Para ayudar a los webmasters de todos los niveles, los investigadores (que se encuentran en Tokio) han desarrollado una tecnología basada en un editor visual que les permite organizar el contenido del sitio web en una secuencia lógica ordenada, sin modificar el contenido existente, para que se pueda leer fácilmente en las pantallas de los dispositivos móviles. <br /><br />Además, la herramienta de edición también puede mejorar la experiencia de navegación para discapacitados visuales que utilizan navegadores de voz para leer el contenido Web, por ejemplo. </cite><br /></li><li><a href="https://chrome.google.com/extensions">Extensiones para Google Chrome</a> </li><li><a href="http://www.ub.edu/web/ub/ca/index.html">Hoy se estrena el nuevo portal de la Universidad de Barcelona.</a> </li><li><a href="http://presentadoronline.com/">Asitente virtual e24Presenter</a> </li></ul><br /><br /><br /><a href="http://olgacarreras.blogspot.com/search/label/noticias">Serie "Noticias"</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1531275133681113837-2261971302410028161?l=olgacarreras.blogspot.com' alt='' /></div>Olga Carrerashttp://www.blogger.com/profile/09766441534259003449noreply@blogger.com0tag:blogger.com,1999:blog-1531275133681113837.post-88035819689060141152009-10-22T15:00:00.004+02:002009-10-22T15:18:31.904+02:00<a href="http://olgacarreras.blogspot.com/search/label/documentaci%C3%B3n">Serie "Documentos que recomiendo conocer"</a><br /><br /><br /><h3>Usabilidad</h3><br /><h4>Libros</h4><br /><ul><li><a href="http://www.impact-information.com/impactinfo/readability02.pdf" lang="en" hreflang="en">"The Principles of Readability"</a>, William H. DuBay, 2004 (PDF)</li><br /><li><a href="http://www.peterpixel.nl/writings/introduction-to-good-usability/" lang="en" hreflang="en">"Introduction to Good Usability"</a>, Peter Conradie, 2008 (PDF)</li><br /><li><a href="http://searchuserinterfaces.com/book/" lang="en" hreflang="en">"Search User Interfaces"</a>, Marti A. Hearst, 2009</li><br /><li><a href="http://www.usability.gov/pdfs/guidelines.html" lang="en" hreflang="en">"Research-Based Web Design & Usability Guidelines"</a>, Michael O. Leavitt y Ben Shneiderman , 2006 (PDF, 157 MB)</li><br /></ul><br /><h4>Recursos</h4><br /><ul><li><a href="http://www.userfocus.co.uk/resources/guidelines.html" lang="en" hreflang="en">"247 web usability guidelines"</a>, UserFocus, 2009. <br />Incluye una <span lang="en">checklist</span> en formato Excel que InterGraphicDESIGNS ha traducido al español: <a href="http://www.intergraphicdesigns.com/tools/test-usabilidad-web/ExpertReviewCheckpoints-Spanish.xls">Checklist en español(Formato Excel)</a></li><br /><li><a href="http://project.cmd.hro.nl/cmi/hci/toolkit/index2.php" lang="en" hreflang="en">"Generic Work Process"</a><br />Herramientas, métodos y técnicas que pueden ser utilizados en el proceso de Diseño Centrado en el Usuario.</li><br /><li><a href="http://www.w3.org/QA/2003/03/web-kit">"Cambio hacia los Estándares Web o cómo mejorar fácilmente tu sitio Web"</a>, W3C Quality Assurance <br />[<a href="http://www.circulodemaquetadores.com/accesibilidad/mejorar-web/">Visto en Círculo de Maquetadores</a>]</li><br /><li><a href="http://www.webdesignfromscratch.com/web-design/web-2.0-design-style-guide.php" lang="en" hreflang="en">"Web 2.0 how-to design guide"</a> de Scratchmedia</li><br /><li><a href="http://www.recursiva.info/eventos/2009/octubre/02/congreso-de-webmasters-2009_16">Presentaciones del Congreso de Webmasters 2009.</a></li><br /><li><a href="http://www.itakora.com/2007/11/material-del-taller-de-la-semana-de-la-ciencia/">"Material del taller de la Semana de la Ciencia"</a>, Itákora, 2007</li><br /></ul><br /><h4>Móvil</h4><br /><ul><li><a href="http://research.nokia.com/files/MobileBrowsingUX-Dissertation.pdf" lang="en" hreflang="en">"Web Browsing on mobile phones. Characteristics of User Experience Doctoral Dissertation"</a>, Virpi Roto, 2006 (PDF)</li><br /><li><a href="http://www.useit.com/alertbox/mobile-usability.html" lang="en" hreflang="en">"Mobile Usability"</a>, Jakob Nielsen, 2009. <br />Comentado por Álvaro Brito en <a href="http://www.circulodemaquetadores.com/webmovil/estudio-de-usabilidad-movil-nielsen/">"Estudio de Usabilidad Móvil de Jacob Nielsen"</a>, 2009</li><br /></ul><br /><h4>Estudios</h4><br /><ul><li><a href="http://www.caminandoutopias.org.ar/tesis/tesis11.php">"Análisis de la eficacia de los sitios web universitarios argentinos"</a>, Paula Maciel, 2008</li><br /></ul><br /><br /><h3>Accesibilidad</h3><br /><h4>Libros</h4><br /><ul><li><a href="http://www.cermiaragon.org/es/index.php?mod=archive_document_detail&id=140&fil_id_category=5">"Guía de estilo sobre discapacidad para profesionales de los medios de comunicación"</a>, José Luis Fernández Iglesias, 2006. Permite la descarga gratuita en PDF.</li><br /><li><a href="http://www.mediafire.com/?ywiwiqum2vm">"Diseño de Páginas Web Accesibles"</a>, Sección de Documentación Consejería de Trabajo, Consumo y Política Social de la Región de Murcia. Permite la descarga gratuita en PDF.</li><br /><li><a href="http://coi.gov.uk/documents/guidance/delivering-inclusive-websites.pdf">"Delivering inclusive websites"</a>, COI, 2009 (PDF)</li><br /></ul><br /><br /><h4>Recursos</h4><br /><ul><li><a href="http://www.imsglobal.org/accessibility/accessiblevers/index.html" lang="en" hreflang="en">"IMS Guidelines for Developing Accessible Learning Applications"</a>, 2002</li><br /><li><a href="http://www-03.ibm.com/able/guidelines/web/accessweb.html" lang="en" hreflang="en">"IBM Web accessibility checklist"</a>, IBM</li><br /><li><a href="http://accesibilidadweb.dlsi.ua.es/?menu=hr-webdevelopertoolbar">"Evaluación de la accesibilidad de sitios web con la barra de herramientas de Firefox Web Developer Toolbar"</a> de Sergio Luján</li><br /><li><a href="http://www.google.com/accessibility/resources.html" lang="en" hreflang="en">"Google accessibility"</a></li><br /></ul><br /><br /><h4>Accesibilidad en documentos de Office</h4><br /><ul><li><a href="http://www.ceapat.org/docs/ficheros/200909230002_4_4_0.doc">"Pautas de accesibilidad en presentaciones PowerPoint"</a>, CEAPAT. [<a href="http://www.accesibilidadweb.com/blog/index.php/general/como-hacer-presentaciones-accesibles-en-formato-powerpoint">Visto en accesibilidadweb.com</a>]</li><br /><li><a href="http://www.virtual508.com/bp-word.html">"Accessible Web Publishing Wizard"</a>, Virtual508.com. Accesibilidad de documentos Word y PPT.</li><br /></ul><br /><br /><br /><h3>Navegadores</h3><br /><ul><li><a href="http://a.deveria.com/caniuse/">"When can I use... Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies"</a>, Alexis Deveria.</li><br /></ul><br /><br /><br /><h3>SEO y marca</h3><br /><ul><li><a href="http://www.aimc.es/08publicaciones/8_1.html">"Audiciencia de Internet"</a>, AICM (Asociación para la Investigación de Medios de Comunicación)</li><br /><li><a href="http://www.sortega.com/blog/%c2%bfque-necesitas-saber-sobre-personal-branding/">"Personal Branding"</a>, Colin Wright [<a href="http://www.sortega.com/blog/%c2%bfque-necesitas-saber-sobre-personal-branding/">Visto en sortega</a>]</li><br /><li><a href="http://www.google.com/adwords/pdf/convertclicks/">"How to convert clicks into profit"</a>, Google [<a href="http://ulczyk.blogspot.com/2009/10/convertir-clics-en-beneficios.html">Visto en Daniel Ulczyk</a>]</li><br /></ul><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1531275133681113837-8803581968906014115?l=olgacarreras.blogspot.com' alt='' /></div>Olga Carrerashttp://www.blogger.com/profile/09766441534259003449noreply@blogger.com0tag:blogger.com,1999:blog-1531275133681113837.post-78767169901125640802007-11-26T11:57:00.001+01:002011-07-03T22:45:15.442+02:00... existe una herramienta online que <strong>simula mediante inteligencia artificial la atención visual humana a modo de <span lang="en">Eye Tracking</span></strong>. Se llama <a href="http://www.feng-gui.com/Default.aspx" target="_blank">Viewfinder HeatMap</a>. <br /><br /><br /><br />... existe un buscador cuyo resultado es un <strong>gráfico visual de la relación entre <em lang="en">websites</em></strong>. <a href="http://www.touchgraph.com/TGGoogleBrowser.html" target="_blank">Es TouchGraph</a>. <br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-NQXwWWQXw8w/ThDUCdjdARI/AAAAAAAABE8/oMp57Ba4_84/s1600/touchgraph.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="290" width="400" src="http://1.bp.blogspot.com/-NQXwWWQXw8w/ThDUCdjdARI/AAAAAAAABE8/oMp57Ba4_84/s400/touchgraph.jpg" alt="Gráfico generado con TouchGraph con las palabras Accesibilidad web" /></a></div><br /><br /><br />... existe un <strong>generador automático de personas</strong>. Si estás harto de que todas tus maquetas tengan tu nombre, dirección y teléfono prueba con <a href="http://www.fakenamegenerator.com/gen-female-us-us.php" target="_blank">Fake Name Generator</a>. Te genera además códigos postales y números de tarjetas correctos.<br /><br /><br /><br />... existe un <strong>buscador visual</strong> que te muestra en vez de un listado de enlaces una hoja de contactos de pantallazos de las páginas. Se llama <a href="http://www.pagebull.com/" target="_blank">PageBull</a>. Hay también una extensión de Firefox que te muestra una <em lang="en">preview</em> visual de la página al lado del link. Es <a href="https://addons.mozilla.org/en-US/firefox/addon/189" target="_blank">Google Preview</a> .<br /><br /><br /><br /><br />... puedes ver el <strong>código de una página de manera más agradable y visual</strong> con la extensión de Firefox <a href="https://addons.mozilla.org/es-ES/firefox/addon/655" target="_blank">View Source Chart 2.5</a><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-yCNmym7Hzaw/ThDUs1WgVaI/AAAAAAAABFM/Tkfnrw74Q7g/s1600/view_source_chart.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="358" width="400" src="http://2.bp.blogspot.com/-yCNmym7Hzaw/ThDUs1WgVaI/AAAAAAAABFM/Tkfnrw74Q7g/s400/view_source_chart.jpg" alt="Ejemplo de código estructurado por colores con View Source Chart" /></a></div><br /><br />... existe una herramienta para hacer <strong>capturas complejas de pantallas, en imagen y en vídeo</strong>, que ahora se puede descargar gratis. <a href="http://www.leandrodonofrio.com/recursos/programas/descargar-y-usar-la-version-full-de-snagit/" target="_blank">Es Snaglt 7.25 y Camtasia Studio</a>.<br /><br /><br /><br /><br />... existe una alternativa a <a href="http://www.sonowebs.com/index.php" target="_blank">SonoWebs</a> para incluir una <strong>versión audio de tu página web de manera automática</strong>. Es <a href="http://vozme.com/index.php?lang=es" target="_blank">vozMe</a>, con la ventaja de que permite además descargar el fichero de audio en MP3. <a href="http://vozme.com/webmasters.php?lang=es" target="_blank">Hay distintas maneras de incluirlo en tu web, una de ellas es que sólo se traduzca el texto de la página seleccionado</a>.<br /><br /><br /><br />... existe una herramienta online para crear una <strong>paleta armónica de colores</strong>. Es <a href="http://www.colorhunter.com/" target="_blank">Color Hunter</a>. También puedes generarla a partir de una foto con <a href="http://www.degraeve.com/color-palette/" target="_blank">Color Palette Generator</a><br /><br /><br /><br />... existe un <strong>validador de webs 2.0</strong>. Se llama <a href="http://web2.0validator.com/" target="_blank">Web 2.0 Validator</a>.<br /><br /><br /><br />... existe toda una serie de <a href="http://www.pinceladasdaweb.com.br/blog/2007/11/23/recursos-para-se-desenvolver-utilizando-grid-layouts/" target="_blank">recursos para trabajar con Grid Layouts</a>.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1531275133681113837-7876716990112564080?l=olgacarreras.blogspot.com' alt='' /></div>Olga Carrerashttp://www.blogger.com/profile/09766441534259003449noreply@blogger.com0tag:blogger.com,1999:blog-1531275133681113837.post-45167744133946863512007-11-07T15:21:00.000+01:002008-07-28T12:13:02.769+02:00<strong>... existe una manera mucho más cómoda de comentar un pantallazo web que editándolo con Photoshop?</strong><br /><br /><a href="http://edusanver.wordpress.com/2007/10/29/fireshot-extension-de-firefox-que-crea-y-edita-capturas-de-pantalla-de-paginas-web/" target="_blank">Es la extensión de Firefox: Fireshot</a> [Vía Edusanver's weblog]<br /><br /><br /><strong>... existe una herramienta online que permite vectorizar automáticamente imágenes bitmap?</strong><br /><br /><a href="http://edusanver.wordpress.com/2007/10/29/vectormagic-aplicacion-web-20-para-vectorizar-imagenes/" target="_blank">Se llama VectorMagic </a> [Vía Edusanver's weblog] y es francamente bueno.<br /><br /><br /><strong>... existe una manera más fácil de descargarte los SWF de una web que buscando en el código su ubicación?</strong><br /><br />Gracias a la <a href="http://www.sothink.com/product/swfcatcher/firefox/index.php">extensión de Firefox "Sothink SWF Catcher"</a> que te añade una nueva ventana de herramientas con un listado de todos los SWF que hay en la página que visitas, pudiéndotelos descargar con un clic. [Vía Edusanver's weblog]<br /><br />Cómo se ve, mi blog descubrimiento de esta semana es <a href="http://edusanver.wordpress.com/" target="_blank">Edusanver's weblog</a>, muy recomendable.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1531275133681113837-4516774413394686351?l=olgacarreras.blogspot.com' alt='' /></div>Olga Carrerashttp://www.blogger.com/profile/09766441534259003449noreply@blogger.com1tag:blogger.com,1999:blog-1531275133681113837.post-11313518798908371702007-06-08T18:30:00.000+02:002008-07-28T12:09:26.212+02:00... existe una extensión para Firefox llamada <a href="https://addons.mozilla.org/en-US/firefox/addon/59" target="_blank">User-Agent Switcher</a>?<br /><br />Permite cambiar el User-Agent con que se identifica Firefox y resulta muy útil para realizar pruebas.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1531275133681113837-1131351879890837170?l=olgacarreras.blogspot.com' alt='' /></div>Olga Carrerashttp://www.blogger.com/profile/09766441534259003449noreply@blogger.com0