prevenir errores en contraseñas

Setting a passcode on an iPod Touch

Hace un tiempo atrás, me sorprendió gratamente un detalle en la actualización del software para el iPod Touch (y el iPhone). Se trata del patrón de interacción de los campos de entrada de texto, al escribir una contraseña.

Ya es de ayuda al usuario el que las letras se hagan más grandes al escribir. Así vemos claramente en el teclado (que es donde hemos centrado la vista) qué se ha escrito.

Al introducir una password, el texto de la contraseña, muestra por 4 segundos, el último caracter. Así el usuario puede validar que va completando el campo correctamente, según lo va leyendo.

Cuando pasan los 4 segundos, se convierte en un bullet y queda oculto, de manera que se cuide la privacidad del dato.

El patrón me parece extrapolable a muchas otras plataformas y de hecho, cuando necesito escribir una clave WEP en el iPod soy más feliz que antes.

Queda documentado, porque curiosamente, intenté buscar información en las Human Interfaces Guidelines, que publica Apple para la interfaz del iPhone en su centro de desarrolladores y no fui capaz de encontrar nada…ni siquiera en el manual de usuario que encontré en su sitio para el iPhone 3G.

Si alguien ha dado con documentación oficial al respecto, estaría muy bien recoger cuáles son los argumentos y el proceso que les ha llevado a adoptar esta solución. Aunque no sea difícil de inferir, en cuanto intentas meter una clave WEP en otro dispositivo.

Pues eso,  que me pareció destacable… como para haber vuelto a escribir.

mj

Recursos para “bien practicar” el diseño web móvil

En el Programa Vostok, cada quién realiza un proyecto. Gracias a que el mí­o tiene que ver con la plataforma web móvil, he dado con recursos muy interesantes como:

http://dev.mobi/

Ver el sitio Web »

Recursos de todo tipo para desarrollar interfaces móviles. Yo destacarí­a por su utilidad y facilidad de uso:

  • Test de legibilidad móvil » basado en estándares y buenas prácticas definidos principalmente por el W3C. Se pueden evaluar una página de sitio o bien un sitio completo (esto último requiere registro previo en dot.mobi)
  • Mobile Web Developer’s Guide » La tengo impresa, y siempre le estoy echando un ojo. Abarca desde arquitectura de información, principios de diseño usable y prototipado para web móvil, hasta buenas prácticas de desarrollo y estándares. Es de estos trabajos que lo ves y dices: “Bueno, Bonito y Gratis!”.

Qweos.net: Buenas Prácticas en Web Móvil 1.0

Ver el post en http://queos.net »

En la cuarta de sus Guí­as Prácticas para Profesionales Web, José Ramón Quevedo Santana hace una traducción-reordenación, de los puntos a revisar basándose en el Summary of Statements – Mobile Web Best Practices 1.0

De momento estos enlaces, a ver si pronto publico las conclusiones que voy sacando.

Un saludo,

mj

Árboles de contenido, diseño de redes e ideas

Puestos a hacer árboles de contenido, la semana pasada y ví­a del.icio.us de chatina5, encuentro el enlace al portfolio de Manuel Lima, fundador de visualcomplexity.com donde encontramos muchos y buenos ejemplos de visualización de redes complejas.

Entre los proyectos que se recogen, pensé que a lo mejor a Nau le interesa para su proyecto, el apartado de World Wide Web y en particular:

Especial para frikies, dentro de Bussiness networks:

Espero que os guste y sirva.PDT: También encontré información ad-hoc en el tan recomendadí­simo libro de los “Principios universales del diseño“, están “La jerarquía” pg.104 y “El modelo mental” pg.130