Recursos

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] ::

A estas alturas ya no me pronunciaré sobre Fireworks. Petardea y se cuelga lo sé, pero yo no puedo vivir ya sin él. ¿Qué sería de mí sin esos momentos en los que sabes segundos antes que se va a colgar? Ahhhhh.

En fin, que escribo esto por si no viste las perlitas de Fireworks que dejé en [Q] y que os recomiendo MUY encarecidamente.

Y ya de paso veo la jugada y la subo apostando con Orange Commands que puede hacer las delicias de los amantes de los atajos de teclado y de los que no lo somos tanto con combinaciones realmente productivas.

Pero no te vayas. Porque hay gente que ha pensado en tí, neurótico de los cuelgues del Fireworks. Fireworks Autobackup [en] es una pequeñísima aplicación hecha en Air que se encarga de estar pendiente de hacer copias paralelas periódicamente de los archivos que tengas abiertos. Después de la rueda, el mejor invento de la humanidad.

Aunque la Navidad aún no ha llegado en video2brain han pensado que quizá os interese participar en un nuevo sorteo en este rinconcito. Porque a lo mejor queréis echar un vistazo al nuevo curso de Aperture 2 o saber cómo manejar Mocha de una vez por todas.

Resumiendo, que si quieres ganar una suscripción mensual online con acceso a todos los cursos sólo tienes dos opciones de las cuales os recomiendo encarecidamente la primera:

1) Mandarme un jamón (pero bueno y comestible eh!?)
2) Dejar un comentario en este post.

Hay hasta el jueves que viene para probar suerte. Y si tenéis la mala fortuna de no salir agraciados, no os preocupéis porque no será el último sorteo de suscripciones :)

Por otra parte recordar el 10% de descuento en los cursos si usáis Criterion como código de descuento durante el proceso de compra.

Ale, que haya suerte!!

Hasta hace escasas fechas, he venido usando este qTip para estilizar ligeramente los atributos title de la web. Pero como soy culo inquieto me dió por buscar en Google y resulta que hay una versión para jQuery…y la he tenido que probar. Curiosamente los creadores de ambos sistemas se llaman igual.

En términos comparativos la de jQuery “pesa” bastante más pero también ofrece muchas más opciones de configuración tanto a nivel estético como funcional. Basta echarle un ojo a las demos disponibles [en] para entender lo que digo.

Por tanto, si estás buscando un añadido tooltip para tu proyecto, piensa que quizá este qTip te venga bien.

:: qTip tooltip con jQuery [en] ::

Si hay algo a lo que no he prestado realmente mucha atención es a preparar la versión para dispositivos móviles de este blog. Y mira que hay alternativas: está la de Mobify que es muy completa pero me da mucha pereza y no tengo un hueco para prepararmelo en condiciones con todas las posibilidades que ofrece. Pero la recomiendo, eh!?

El otro día ví la luz con nnatali ya que me descubrió MobilePress, un plugin que detecta los cachivaches móviles y les ofrece un tema diseñado específicamente para que la experiencia de usuario sea mucho más placentera. Además dicho tema ofrece la posiblidad de volver al diseño original en cualquier momento.

Lo he probado y pese a funcionar correctamente, no me cargan las funcionalidades de administración y ahora mismo interpreta Internet Explorer 8 como dispositivo móvil (xD). Mi gozo en un pozo. Además, si lo activas a la vez que el plugin Broken Link Checker debe chupar CPU cosa fina viendo lo lentíiiiisima que me iba la web.

¿Solución? Buscarme otra alternativa. Wordpress Mobile Edition [en] que es igual de sencillote de usar con el añadido de que puedes incluso juguetear con Handset Detection [en].

Actualmente tengo instalado un híbrido raro porque tengo este último plugin enchufado sólo que usando el tema del plugin de MobilePress tuneado a mi gusto para que al menos la usabilidad del sitio en móviles ya no queda en entredicho :)

Por cierto, que otra interesante alternativa puede ser WPtouch tal y como comentan en Kabytes.

Extra: Para algunos dispositivos como la PSP por ejemplo, se hace necesario declarar la codificación de caracteres para que se interpreten los acentos y demás. En el tema de MobilePress no viene por defecto. Ya sabéis, añadir el meta:

http-equiv=”Content-Type” content=”text/html; charset=UTF-8″

:)

En ocasiones contadas llego hasta alguna web que tiene implementado algún complemento o sistema de mostrar información que me llama la atención. Lo que hago entonces es tan simple como bucear en el código fuente a ver si es algo propio y desarrollado exclusivamente para el site en cuestión o si por el contrario es alguna cosilla que se puede encontrar y emplear como uno quiera.

Lo último que me encontré y que he implementado parece haberos gustado a unos cuantos a tenor de los comentarios y correos que me han llegado. Como ayer me llegó otro más, pensé que lo mejor era deciros cómo hago eso de que las imágenes carguen a medida que nos desplazamos con el scroll.

Es tan sencillo como usar jQuery y Lazy Load [en].

No creo que tenga que ponerme a explicar cómo “enchufarlo”. Si tienes un mínimo (pero mínimo mínimo) conocimiento de hacer llamadas a javascript te bastará para hacerlo funcionar.

En cualquier caso también hay un plugin para Wordpress [en] que no he probado y que en teoría debería facilitar la tarea (que, repito, es bastante sencilla ya de por sí).

Ojito al tema compatibilidad con otros plugins de jQuery puesto que Lazy Load no funciona bien con la última versión de la librería. Y recordad que para agilizar peticiones al servidor, siempre podréis cargarlo externamente (desde Google mejor)

Seguramente cuando me pusé a hacer el mono me hubiese venido bien recopilar mucha más información de la que pude conseguir (y eso que fue bastante). Quizá hubiese estado bien encontrar FlashFacilito. Porque en su canal en YouTube FlashFacilito Tips, Alex tiene un buen puñado de videotutoriales enfocados al uso de Flash como herramienta de dibujo y animación. Si bien también debo decir que hay cabida para vídeos dedicados a la programación en Actionscript pero eso a un servidor ya no le importa tanto. Aunque…igual a tí sí.

Recuerda: FlashFacilito Tips.

Muchas veces podemos tener grandes ideas a la hora de innovar en packaging que no pueden ser llevadas a cabo por dificultad, presupuesto… además acojona cuando mandas encargar troqueles e impresiones, ¿eh? Qué me vais a contar… xD

Total, que esto viene a cuento porque en g:lou me he enterado de la puesta en marcha de Self Packaging, una tienda online donde puedes encargar diferentes modelos de packaging incluso en tiradas muy muy reducidas. Lo personalizas en función de lo que necesites y ellos te envían el modelo para que lo montes tú.

Me parece una idea estupenda teniendo en cuenta que no siempre se hacen acciones que necesiten tiradas enormes y cuyo coste no te puedes permitir o si no dispones de proveedores cercanos que te puedan ofrecer las mismas condiciones. Yo me lo guardo porque creo que antes o después algo caerá :)

:: Self Packaging ::

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)

El otro día ví en Menéame un post sobre F.lux y me llamó la curiosidad. Resulta que es un programa multiplataforma que se encarga de modificar los parámetros de temperatura de color del monitor para que, en función de la hora, se adecue a los valores óptimos para la vista.

A ver, no lo he probado pero realmente parece muy interesante. Tan interesante como ese supuesto sonido que mataba mosquitos. Quizá esto funcione de verdad vista la cantidad de difusión que está teniendo.

Está claro que si teneís un monitor calibrado perfectamente y mantenéis una luminosidad regular, el programita poco puede ayudar. En cualquier caso ahí os va y ya me contaréis qué tal.

:: F.lux [en] ::