Diseño de informacion

Hace poco tuve la oportunidad de impartir un par de seminarios sobre Fireworks para los alumnos de Artes visuales. Estuvimos pegando un buen repaso al programita para demostrar en profundidad, que, realmente, le pega muuuuchas vueltas a Photoshop en lo que respecta a prototipado y diseño web. Como les prometí algún tipo de documentación adicional que repasase los puntos clave, he pensado que puedo matar dos pájaros de un tiro: refrescarles la memoria a ellos y enseñaros a vosotros la verdadera potencia del programita en cuestión y el por qué se hace tan interesante. Créeme, si con esto no te convences de que Fireworks es una joya, nada lo hará :P

Como el asunto se extiende bastante y estoy casi seguro que una super parrafada no la digerís de una vez, dividiré el artículo en varias partes. Vamos con la primera:

(more…)

TheyMakeApps es un portal que me han soplado en Surfstation [en] si no recuerdo mal en el que los pequeños habitantes de la casa son los protagonistas. Pero no me refiero a los ratones sino a los dispositivos móviles que pueblan nuestros bolsillos y ocupan espacio en nuestros enchufes esperando ser recargados. TheyMakeApps presenta en un cuidado envoltorio lo que ellos mismos denominan como “las páginas amarillas de los desarrolladores de aplicaciones” aunque uno se da cuenta rápidamente que el mercado predominante y que aparece es el móvil.

Ya sabéis, si hacéis “cositas” de estas o simplemente queréis curiosear:

:: TheyMakeApps [en] ::

Bocetos, mockups, esquemas, garabatos…llámalos como quieras. En aNieto2K se hacen eco de un extenso recopilatorio de linkitos a un buen puñado de plantillas imprimibles que facilitan la tarea de llevar al “mundo real”, el “diseño virtual”.

Plantillas para hacer web con su ventanita de navegador, iPhones, rejillas… un surtido bien nutrido para el diseñador desvalido (cuando me pongo poeta…)

:: Sketchbooks for wireframing [en] ::

PD: Y de regalo otro recopilatorio de los buenos: elementos de interface para diseño y prototipado [en].

Cuando empieza un año generalmente suele acabar otro (obviously). Es tiempo de apuntarse metas y de hacer retrospectivas. Como no sé si me dará tiempo a hacer una en condiciones, yo creo que de momento os puedo dejar con la que hacen en Usable y accesible, uno de los blogs sobre diseño de interacción en castellano que más me gustan y que recopilan en este listado sus mejores artículos sobre el tema.

Ya sabéis, si UX no es algo que os suene a chino, os va a interesar mucho:

:: Usable y accesible: Lo más visto en 2009 ::

Pues eso, que en Speckyboy [en] han hecho un recopilatorio bastante potable con documentos y enlaces relacionados con usabilidad y patrones de navegación e interacción en la web. Enchufad la aspiradora y empezar a pasarla por todo lo que hay dentro :)

:: An introduction to understanding and implementing Web Usability [en] ::

Aunque a mí el término UX Designer me viene grande, debo decir que los patrones de interacción y el diseño de interfaces “me pone”. Hacer gráfico me gusta mucho pero
lidiar con los “puzzles” que se deben resolver para llevar a cabo en una buena experiencia de usuario también es muy entretenido.

Realmente podría empezar a escribir artículos sobre el tema pero tendría que bajar muy notablemente el ritmo de actualización del blog para ponerme a ello. Y tampoco creo que sea muy interesante lo que os pueda contar cuando hay cosas como este Call to actions [en] que son algo bastante potable (aunque poco amigable a la lectura).

Total, que de momento seguiré soltando pequeñas perlas (aunque en breve espero publicar uno sobre diseño móvil) y hoy me toca recomendaros Rosenfeld Media [en]. A mí que me digan lo que quieran, pero un buen libraco impreso no lo cambio por nada salvo honrosas excepciones como ésta. Y es que en Rosenfeld hay un puñado de publicaciones sobre diseño destinado al usuario que bien merecen el desembolso como pudiera ser Web Form Design [en].

Se acercan las Navidades y si tenéis algún diseñador en vuestra lista, quizá sea una buena opción. Seguramente más barata que ese monitor de 30″ por el que babea :D

:: Rosenfeld Media [en] ::

Ha sido la gota que ha colmado el vaso. Entrar a la web de DDI y comerme con patatas la redimensión automática de la ventana del navegador. Y si hay una cosa que me cabree más que el target=”_blank” sin notificar, es esta puñetera manía de escalar la ventana sin mi permiso.

Porque no digo que sea una mala práctica, pero sin mi permiso es… una mierda. Así, claramente. ¿Para qué voy a ponerle florituras si es lo que pienso?

Seamos serios, si vamos a necesitar que se maximice la ventana, al menos que cumpla uno de estos dos requisitos básicos: 1) que se avise al usuario y que sea éste quien de la conformidad o 2) que la menos sea porque se necesita el espacio para el contenido.

Cuando no se cumple ninguno de los dos aspectos, que me expliquen a mí que razón hay. Informar al usuario de manera previa a realizar una acción es básico de cara a una correcta experiencia. ¿Estaría bien que si borramos un archivo se nos avisara sólamente cuando ya fuera irrecuperable o que no tuviéramos un paso de confirmación final durante un proceso de compra online? Pues eso.

Nota: Se puede desactivar desde las propiedades de Javascript en Firefox. Pero esto, claro, lo desactiva para los automáticos y los que no lo son. No me vale señoría.

Nota 2: Como añadido, viene bien lo de la filosofía Unix y el diseño.

Lo ví en Infografistas y entré a curiosear para ver quién era ese llamado Zack Wise.

Al final estuve el fin de semana pasado un buen rato metido en su portfolio. Es un diseñador multimedia especializado en la creación de proyectos audiovisuales informativos. Y ahí me ha tenido viendo sus tres o cuatro primeros proyectos. Una pasada vamos. Me lo anoto para poder volver a verlo y dedicarle una tarde entera de visionado.

:: Zack Wise [en] ::

Hoy es fiesta aquí pero os voy a dejar un caramelito para los sufridores de otros países y currantes españoles que no hacen puente :D

¿Ya tenéis Windows 7? Particularmente he notado el salto notablemente porque me he saltado la generación Vista y a nivel de experiencia de usuario me parece que la cosa ha evolucionado favorablemente. Esto os lo digo por si os pica el gusanillo y queréis sentaros un rato para ver Designing the Windows 7 Desktop Experience [en].

Luego también podréis echarle un vistazo rápido a la comparativa entre dos modelos de interfaz móvil a la hora de lidiar con aplicaciones: App Interface Models in iPhone and Android [en].

Y para acabar, dos super enlaces de usabilidad que me he guardado para seguir desde hoy: Usability Post [en] y UI Trends [en]. Ambos sacados de 10 UX blogs you should be reading [en].

En breve quedarán almacenados 4500 posts aquí. Un buen puñado. Y de todos ellos, uno de mis favoritos es este de recursos de usabilidad y patrones web. Quizá si lo hubiese escrito hoy, CSSBake formase parte de todos los linkitos que hay ahí dentro.

Porque lo bueno de este showcase es que es de esos que despiezan las webs que encuentran para quedarse con sus detallitos de calidad. Que si el footer, que si el estilizado de la página de error…

Particularmente considero mucho más útil estas pequeñas píldoras visuales a la hora de encontrar ayuda. Un poquito de aquí, otro poquito de allí… Todos tenemos nuestros recursos y estructuras que funcionan, pero viendo cómo lo hacen los demás uno siempre se encuentra cosas novedosas.

:: CSSBake [en] :: (Vía Pedro Puig)