Nordic Design - El blog de usabilidad de Alex Lillo
Últimos posts
Nielsen y el uso correcto de las pestañas
09 / Oct / 2007
Uno de los últimos Alertbox de Nielsen (Tabs, used right) sobre el uso de las pestañas ha creado bastante controversia en el departamento.
En él Nielsen afirma que no es correcto utilizarlas para navegar, sino para mostrar información del mismo tipo sin cambiar de página. Por ejemplo que en este módulo de Yahoo Finance están bien utilizadas:
Y no en la navegación, que este concepto es un error que ha creado Amazon.
Nielsen afirma en su Alertbox de noviembre de 1999 que se abusa de las pestañas como metáfora para la navegación, puesto que éstas deberían utilizarse como cambio rápido entre vistas alternativas de un mismo objeto.
Al respeto tenemos ideas un poco enfrentadas en el departamento de arquitectura. En general todos estamos acuerdos de que las pestañas deberían tener algo de relación entre sí, pero yo por ejemplo veo una metáfora muy válida:
Separar y marcar el contenido de un archivador, con etiquetas que lo identifiquen.
Desde pequeños lo hemos hecho en nuestras carpetas del colegio e instituto. Y aunque estemos archivando cosas similares, cada una tiene una temática diferente.
Pero esta es mi opinión personal, otros aquí están más de acuerdo con la opinión de Nielsen, y algunos totalmente de acuerdo.
¿Y a vosotros, qué os parece?
Guardado en: Usabilidad, Diseño
Comentarios [5]
* * *
El fin del Freehand
17 / May / 2007
Como ya intuíamos hace dos años cuando Adobe compró Macromedia, Freehand ha sido descontinuado, dejando camino libre a Illustrator en la nueva suite CS3.
Personalmente nunca me gustó Freehand, siempre fui más partidario de la herramienta de Adobe con lo que no me molesta en absoluto.
Leído en jmarquez, que además da algunos enlaces para hacer el switch a Illustrator.
Comentarios [1]
* * *
Cómo convertir a aquellos que escanean webs en lectores
05 / Mar / 2007
Leo en Digital Web Magazine un artículo sobre cómo convertir a aquellos que escanean en lectores. En GUUUI lo resumen en los siguientes puntos (traducidos rápidamente):
- Dale a los textos espacio para respirar incrementando los márgenes y eligiendo párrafos cortos y concisos.
- Organiza la información en secciones con titulares para que sea fácil decidir qué parte leer y cuál ignorar.
- Separa tus páginas utilizando imágenes relevantes e ilustraciones.
- Utiliza comillas para resaltar las líneas importantes de texto.
- Incluye entradillas (descriptive blurbs) debajo de los titulares para explicar de qué trata el texto.
- Utiliza iconos para señalar ciertos elementos del sitio, y separa las páginas con excesivo texto (break up, entiendo que se refiere a paginar).
- Dale un estilo a los vínculos que sea fácil de reconocer, aunque no estén leyendo el texto.
- Utiliza listas para extraer la información esencial.
Guardado en: Usabilidad, Diseño
* * *
Selección de idioma. ¿Porqué no automática?
25 / Jan / 2007
Aquellos que nos dedicamos al mundo de la web solemos agradecer la sencillez. Todo aquello que pueda hacer el sistema para nosotros, cuando más transparente sea, ayudará a que nuestra experiencia sea mucho mejor.
Frecuentemente me encuentro con pantallas de selección de idiomas, país, región, etc. Me puede parecer correcto si estamos entrando en un .com, pero si lo hacemos a un dominio nacional (.es, .fr, etc.) ¿qué sentido tiene?
¿Acaso no han pensado sus responsables que si voy a www.wacom.es es porque quiero ir la página española? ¿Entonces porqué me piden que seleccione a dónde quiero ir?
Y no es el único ejemplo, recientemente me ocurrió con Pixmanía, que automáticamente se redirige a la .com. Y además no tiene ninguna manera de recordar la opción elegida por el usuario, con lo que cada vez que accedes tienes que seleccionar idioma. Un incordio.
Eliminemos pasos innecesarios al usuario. Si accede a un página multiidioma por una .com, que seleccione su región. Pero si entra por un dominio nacional mostrémosle la versión local, seguro que acertamos en el 99% de las veces.
Guardado en: Usabilidad, Diseño
Comentarios [4]
* * *
Día mundial de la Usabilidad
13 / Nov / 2006
Mañana día 14 de noviembre se celebra en todo el mundo el Día de la Usabilidad con un mensaje claro: Hacer la vida más fácil al usuario.
Los actos que se celebrarán en Madrid y cercanías serán:
Madrid – 13:00 CET
UXA 36-Hour Expert Reviewing around the World
Members and partners of the User eXperience alliance (UXa) conduct expert reviews with a focus on cultural differences.
Madrid – 09:00 CET
Usability Business Breakfast 2006
Xperience Consulting will hold a Business Breakfast for Top Spanish firms. They will be informed about benefits of integrating User Experience practices into business processes.
Boadilla del Monte 11:30 CET
Madrid
Ben Shneiderman talks about information visualization
The Thrill of Discovery: Information Visualization for High-Dimensional Spaces
Por trabajo obviamente no podré ir a ninguno, pero si alguno puede estar que lo cuente a ver que tal.
Guardado en: Usabilidad, Diseño
* * *
¿Cuándo nos absorberá el IE7?
07 / Nov / 2006
La última versión del navegador de Microsoft ya está en la calle y en nuestro idioma. Por ahora estoy seguro de que únicamente desarrolladores y algún que otro geek la habran descargado, pero en pocos días estará en las actualizaciones automáticas del Windows XP.
La pregunta que nos afecta a aquellos que nos dedicamos a la web es, ¿cuánto tardará en convertirse en un navegador de uso masivo?
Por un lado podemos pensar que llegando como actualización crítica del sistema, pronto la gran mayoría de los usuarios de calle lo tendrán en sus ordenadores. Pero bien es cierto que muchas personas (¿la mayoría?) usan copias piratas, que quizás no tienen instalada la última versión del XP, y que por lo tanto seguirán usando IE6.
Y creedme, un sitio maquetado con IE6 en mente no tiene porqué funcionar bien en IE7, sobretodo si intentaste seguir los estándares web. Si utilizaste hacks para que tu web funcionara con la versión 6, ahora podría verse mal. Y es la gente de Redmond ha mejorado y mucho su navegador.
Si tuviera que mojarme, diría que en un mes habrá una masa suficiente de usuarios de IE7 como para ser tenida en cuenta. Sobre todo porque entre ellos pueden encontrarse muchos de tus clientes, que utilizan equipos con licencias legales.
Así que un consejo, dadle un vistazo a vuestras creaciones con el nuevo navegador, antes de que nadie os de un grito.
Comentarios [8]
* * *
Jugando con Ruby on Rails
28 / Oct / 2006
Este fin de semana me ha dado por toquetear un poco con Ruby on Rails. Para el que no lo conozca, es un entorno de desarrollo web pensado para desarrollar aplicaciones web de forma ágil y limpia.
De primeras me está costando un poco ya que no soy programador y el modelo mental es diferente al de PHP que estaba acostumbrado a utilizar, pero es realmente asombroso. Consigues resultados mucho antes que con otros lenguajes que había probado hasta ahora.
Obivamente para conseguir cosas reales hay que invertir un buen tiempo en aprender, pero por ahora me está gustando mucho.
Eso sí, tiene un inconveniente real para los usuarios de calle como yo, encontrar un hosting que lo soporte al precio por el que encontrarías uno de PHP. Aunque en Textdrive (que ellos recomiendan) podemos encontrar planes de hosting bastante baratos.
¿Y para que se está usando? Algunos ejemplos muy famosos son Basecamp o La Coctelera. Podéis ver más en su web, y seguro que poco a poco van a ir saliendo más.
Algunos sitios donde empezar:
- Rolling with RubyonRails
- Ruby on Rails cheatsheet
- Four days on rails (PDF en castellano introductorio)
Comentarios [4]
* * *
Que NO es accesibilidad
03 / May / 2006
Me encanta la reflexión de Nelson en su post No es…
Accesibilidad no es ponerle alt a las imágenes, es establecer una política organizacional que asegure la generación de contenido accesible.
Y es que de nada sirve que yo te cree unas maquetas xhtml/css cuidando las pautas de accesibilidad, si tu no pones los medios para que el CMS que genera el código, el contenido que las va a llenar, etc, esté igual de cuidado.
Para ello es primordial dar a los editores las herramientas adecuadas, enseñarles a usarlas y que estén concienciados de la importancia de esta tarea.
Guardado en: Accesibilidad, Diseño
* * *
Layout dependiente de la resolución
25 / Apr / 2006
Cada vez que nos enfrentamos a la realización de un nuevo diseño surge la misma pregunta: ¿a que resolución lo vamos a optimizar? Hoy en día la mayoría de usuarios utiliza al menos una resolución de pantalla de 1024×768, pero todavía hay muchos que navegan a 800×600. Olvidarse de ellos a la hora de planificar un diseño significa que 2 de cada 10 usuarios van a encontrarse con barras de scroll horinzontales, sin duda un escenario nada apetecible.
Sin embargo renunciar a ese espacio de pantalla extra que disponemos a 1024×768, se me antoja un crimen para según que proyectos.
La solución nos llega de la mano del javascript. Tal y como presenta Cameron Adams en su artículo Resolution dependent layout podemos utilizar una hoja de estilos base y mediante javascript añadirle la funcionalidad de tener hojas alternativas que cambien nuestro layout. Depende de la resolución de nuestro navegador, tendremos unas u otras. Obviamente para sacar partido a esto debemos tener separada la estructura de la presentación, ¿pero esto ya lo hacemos, verdad? :-P
Otra buena noticia es que si nuestro usuario utiliza un agente que no soporta javascript, seguirá con el layout original, con lo que accesibilidad no se ve comprometida.
Podéir ver un ejemplo de como funciona, o bien descargar el código. Su uso es muy simple: en la cabecera del html llamamos a una hoja de estilos alternativa:
<link rel='alternate stylesheet' href='layout_1024.css' type='text/css' title='1024' />
Y en el fichero resolution.js le decimos a que resolución debemos añadirla:
if (theWidth > 990)
{
setStylesheet("1024");
document.cookie = "tmib_res_layout=" + escape("1024");
}
A partir de ahí queda a la imaginación de cada uno utilizar este código para salvar las situaciones que se encuentre en sus diseños. Buen provecho.
Guardado en: Diseño,
Comentarios [1]
* * *
Crazy Labs en Interactiva
17 / Apr / 2006
Desde hace algunos meses en Crazy Labs, donde trabajo, se está haciendo un gran esfuerzo en el apartado de la comunicación. Lo último ha sido la publicación de un anuncio a página completa en el anuario de la revista Interactiva.
Me encanta como ha quedado:
La imagen se la robé a Cattya
* * *
Categorías
Qué está sonando
Aquí se habla de...
accesibilidad, adobe, apple, arquitectura información, blogosfera, castellón, cine, consejos, css, cultura, diseño interfaz, educación, engaño, estándares web, experiencia de usuario, fiestas, firefox, fotografía, google, guía, ie, innovación, música, madrid, malas prácticas, meetups, microsoft, mundo real, musica, navegadores, política, redes sociales, seo, sgae, simyo, telefonía, tonterías, trabajo, usabilidad, usuario, viajes, windows, wtf, xperience consulting2004-2010 - Alejandro Lillo. Publicado bajo Licencia CreativeCommons. Mantenido con textpattern. 