elWebmaster.com

Desde hace tiempo la página de inicio de Yahoo es un mezcla entre buscador y portal informativo, con enlaces a su mensajero, correo, juegos… A diferencia de la homepage de Google –donde el buscador es realmente protagonista–, Yahoo se ha diversificado tanto que su página de inicio es un popurrí de cosas. No nos extraña entonces el lanzamiento de una nueva home.

Según Search Engine Journal, el nuevo diseño se probará hoy con algunos testers especiales de Reino Unido, Francia, India y Estados Unidos. Lo que se espera es una página mucho más abierta y amigable con el usuario. La premisa es ahorrarle tiempo al usuario, con un diseño enfocado a resaltar lo más importante y dejar un poco de lado los items secundarios. Seguir leyendo

En Real World Style encontré  un pequeño truco que puede interesarles para utilizar junto a los tags ABBR y ACRONYM. Estos elementos HTML son sumamente útiles, aunque poco usados, y sirven para explicar una abreviatura o un acrónimo a los usuarios.

Sin embargo la mayoría de los navegadores actuales no hace nada para señalar a los usuarios dónde se usa alguno de estos tags, por lo tanto no lo notan y no lo utilizan. Con el siguiente código CSS es posible modificar esto en todas las páginas de tu sitio.
Seguir leyendo

A la hora de maquetar un formulario muchas veces nos podemos encontrar con que ciertos campos son complejos y pueden dar lugar a confusión, por lo que es necesario aclarar de qué tratan. Esto puede llegar a ser bastante molesto en el diseño, más si es necesario colocar varias aclaraciones.

Tooltip for forms nos da la posibilidad de agregar una aclaración a cualquier elemento del formulario que sólo será visible cuando se esté usando y desaparecerá una vez completado. Seguir leyendo

Los links del tipo “ancla” <a> muestran por defecto una línea punteada cuando están activos o “en foco”. En Firefox 3 la línea toma el color del texto mientras que en otros navegadores o versiones directamente se muestra en color gris.

Esto no es una locura, por cuestiones de accesibilidad se muestra qué link está activo (piensa en personas que no puedan acceder a un sitio con una computadora con mouse. Presionando”tab” se desplazarán por los enlaces. Pero si te molesta ver esa línea en tu sitio por cuestión de estética o diseño, puedes seguir leyendo para enterarte cómo eliminarla. Seguir leyendo

James Brothercake Edwards abrió el debate con su reciente post en Dev.Opera, donde asegura que los desarrolladores están más inclinados a seguir las tendencias de las últimas y mejores tecnologías que a comprometerse con la accesibilidad. Entre otras cosas, dice que las metodologías de Ajax son realmente ofensivas.

Usar tecnologías no muy accesibles sólo porque son cool va en contra de la idea humanista que engloba los estándards de la web: acceso universal. Y este es sólo un ejemplo de su bandera a favor de la accesibilidad y en contra de una herramienta como Ajax y otros lenguajes. Seguir leyendo

A la hora de desarrollar un software se suele pensar mucho en la utilidad o funciones que este llevará a cabo, planeando detenidamente cada paso y pensando en el tipo de usuario al que estará dirigido.

Pero lamentablemente se suelen cometer gruesos errores que se ven reflejados en los programas, teniendo como primeras víctimas a los pobres usuarios. En esta lista de 10 tipos de programas que todos deberían evitar podemos ver algunos de los casos más frustrantes. Seguir leyendo

Imagina que estás diseñando una tienda online. Ya te habrás dado cuenta que el éxito depende de qué tan bien lleves a tus usuarios/clientes directo al botón de “comprar”. Esto significa que lo ideal es que hacer una compra en tu sitio sea cómodo, fácil y rápido.

El ícono de compra (la bolsa o el carrito) usado apropiadamente, de manera intuitiva y teniendo en cuenta la experiencia (en términos de accesibilidad) del usuario, puede significar un aumento enorme en las ventas del sitio. Aprende la mejor forma de diseñar tu carrito de compras. Seguir leyendo

A esta altura no hay excusa para desaprovechar ningún elemento de nuestro sitio web. Por eso les traigo 15 ejemplos de footers bien diseñados, en sitios que han sabido aprovechar ese espacio para interactuar con los usuarios de manera intuitiva y generar beneficios.

Las posibilidades son infinitas, podemos brindar información relevante, incluir enlaces, formularios, usar imágenes y demás, con la finalidad de mantener a los usuarios en el sitio, aumentar el tráfico, mejorar la indexación, etc. Seguir leyendo

Hasta el momento, si realizábamos una búsqueda en Google con varias palabras, al dar “enter” íbamos a la pantalla de resultados y si queríamos corregir algunas de nuestras palabras clave teníamos que hacer scroll dentro de la casilla de búsqueda.

Ahora Google ha mejorado el sistema y la casilla de búsqueda se expande al tamaño que ocupe la frase o palabras que hayamos escrito. De esta manera, si los resultados que muestra no nos resultan satisfactorios, perderemos menos tiempo reformulando la búsqueda. Seguir leyendo

Usabilidad y accesibilidad parecen ser dos conceptos filosóficos hermetistas sólo conocidos por arqueólogos que sepan hablar latín antiguo, con sombrero de ala ancha, chaqueta de cuero marrón y látigo.

No sólo en la web, sino también en dispositivos, gadgets y software, nada escapa a los errores más gruesos y las dificultades que hacen que nos arrepintamos de ser geeks. A continuación verán una lista de casos realmente irritantes que no deberían pasar. Seguir leyendo