O’Reilly Topics

o-reilly

Acabo de rescatar de entre todos los marcadores del navegador que tengo pendientes por organizar, el enlace hasta una sección en la web de O’Reilly (apenas necesitan presentación creo yo) en la que se dedican a guardar un montón de contenidos interesantes relacionados con los temas que cubren en sus publicaciones editoriales.

o-reilly-ideas

Me ha recordado a lo que hacen también de manera similar en SitePoint [en], otro excelente sitio donde pasar horas y horas (y ojo que sigue vigente la promo de acceso a todo el contenido premium a precio de risa).

Supongo que la vorágine informativa puede con todos y cada uno de nosotros. No es de extrañar la verdad. Pero no por ello deja de merecer la pena que tengamos medio ojo sobrevolando contenidos como estos.

No sé si para ver todos los contenidos es requisito imprescindible que estemos registrados pero bueno, es algo totalmente gratuito y nos da acceso a todos los artículos escritos y también alguna que otra presentación en vídeo o audio.

O’Reilly Topics [en]

UXMAD y UX Fighters, más chicha sobre diseño y experiencia de usuario

uxmad

Se me acumulan los deberes. Intento mantener a la bestia controlada pero si me descuido un fin de semana sin hacer limpieza, ya noto su aliento en el cogote. Hablo por supuesto de la bestia en forma de infinitos links que voy guardando en marcadores para ir organizándolos y destacando lo que merece la pena. La única solución que me queda es irme a una cueva bien profunda donde no llegue señal Wi-Fi o volverme ermitaño del todo.

Mientras me lo voy pensando, comparto los enlaces a UXMAD y UX Fighters con los que tendréis material para rato si os ha picado el gusanillo de uno de los temás más candentes: la experiencia de usuario o UX.

UXMAD es una serie de entrevistas realizadas a profesionales del diseño. Nuestra intención es entender y dar a conocer sus motivaciones y vivencias más relevantes en el mundo de la creatividad y la experiencia de usuario.

Las entrevistas empezaron en Diciembre del año pasado y de momento no han faltado ni una vez a su promesa de una nueva entrevisa cada mes. Por eso os decía que ya tenéis chicha para entreteneros. Ahí va: UXMAD

Por otro lado, UX Fighters es un evento organizado en Madrid cuya primera edición tuvo lugar el pasado mes de Septiembre. Aún así considero reseñable el enlace de rigor porque además en breve lanzan su podcast y siempre viene bien tener nuevos contenidos a los que pegar la oreja 🙂

Que aproveche.

PD: Como la situación lo permite sin que huela demasiado a spam, comentaros que ha salido del horno hace un par de días un nuevo curso sobre fundamentos de UX y prototipado que tiene la aterciopelada voz de un servidor como narrador. Aquí os hablo en detalle sobre mis cursos.

Cómo mejorar fácilmente el diseño de tablas – gif version

better-table-design

Esta pequeña joyita en formato de gif animado me la encontré (y guardé posteriormente) buceando por User Experience Stack Exchange [en], uno de esos rincones que os debe sonar un poquito si tocáis estos temas.

Me ha parecido que sintetiza a la perfección cómo se puede mejorar notablemente la presentación de datos tabulados y en formato tabla. Si bien es difícil aplicar todos los puntos en según qué casos, se trata de un repaso rápido y muy correcto sobre lo que considero buenas prácticas con este tipo de elementos.

El gif es cortesía de Darkhorse Analytics [en] y también lo tenéis en formato de presentación por si lo queréis revisar con más calma. Algo que también os recomiendo hagáis con el resto de artículos de su blog, porque han preparado alguno más de estilo similar.

Clear Off the Table [en]

Baymard Institute, E-Commerce Usability Research

baymard-ecommerce-usability

El siguiente link es un linkazo que he podido rescatar del olvido gracias a un par de mails cruzados con el gran Elad. De no ser por él hubiesen pasado los años sin poder volver a dejarme caer por la web de Baymard Institute, un recurso super útil con gran cantidad de artículos, análisis y recursos sobre usabilidad y ecommerce.

Sus contenidos se agrupan en cuatro grandes bloques donde se estudian y analizan los detalles de los procesos de compra, categorización o páginas de inicio, comercio en el móvil… Como extra, ofrecen una serie de estudios premium por los que hay que rascarse el bolsillo. Pero no seríais los primeros 😛

Os dejo el enlace de rigor. Uno de esos que (creo) no os debe faltar si os interesan estos temas.

Baymard Institute, E-Commerce Usability Research [en]

Recursos, consejos y guías de diseño de Apple, Google, Microsoft y Mozilla

Hace nada tuve que rescatar el link desde el que descargar la tipografía oficial de Firefox OS y me dí cuenta que necesitaba recopilar de algún modo los cinco o seis enlaces básicos sobre patrones de diseño que las grandes empresas ponen a nuestra disposición. Porque antes de ponerse el traje de buzo, a veces es mejor dejarse caer primero por la documentación oficial que podemos encontrar en sus sitios web y que nos puedan hacer un buen apaño si estamos buscando material o preparando el diseño de una aplicación móvil para iOS, Android o quizá alguna cosilla para entornos Windows.

apple-guidelines

Apple Guidelines

De Apple tenemos Designing great apps[en] que es el punto de partida desde el que saltar a los artículos que tienen disponibles sobre diseño de interfaz, usabilidad así como consejos y convenciones que se toman a la hora de preparar contenidos móviles y/o para ser visualizado en dispositivos de alta resolución. Es un recurso que debemos tener de manera obligatoria si estamos un poco perdidos. Hay algún punto que se centra evidentemente en el entorno Mac pero a grandes rasgos se marcan pautas genéricas que debemos saber sí o sí.

android-guidelines

Android Guidelines

Otra ración similar a la de Apple pero centrada en los dispositivos del robot verde y que no puede faltar ni mucho menos si queremos contar con una buena base de conocimiento. Toda la chicha la tenemos aquí, en el apartado de diseño en su web para desarrolladores [en]. Hay bastante material y bien organizado. Y de “material” también tenemos todo esto: Introduction to Material Design.

firefox-os

Mozilla guidelines

No se puede decir que la guía de estilo de Mozilla [en] sea muy extensa y se desarrolle de igual manera que las mencionadas de Apple y Android pero algo es algo. Por ejemplo tienen una pequeña sección dedicada a Firefox OS [en] que nos puede venir bien tener a mano.

No obstante tienen mucho más material en otros sitios web como por ejemplo en el apartado Designing apps, disponible en Mozilla Developer Network [en] y también en Building Firefox OS [en].

windows-guidelines

Microsoft guidelines

No podía faltar la pertinente mención a la documentación y literatura que Microsoft pudiera ofrecer a los diseñadores. Por un lado ofrece patrones y recursos de diseño para su Windows Phone [en] pero también tengo guardado el rinconcito dedicado al diseño para Windows y sus aplicaciones para la store [en]. De hecho tengo también el acceso directo a este curso sobre UX para Windows 8.1 [en] que ofrece Microsoft como apoyo para sus certificaciones.

Y como guinda final me gustaría destacar Designer’s Guide to DPI que no tiene que ver concretamente con ninguno de los recursos anteriores pero trata de manera muy extendida el asunto de los diferentes tamanos de pantalla, densidad de píxels por pulgada y otros conceptos relacionados que sé que a más de uno le dan dolores de cabeza. Es un recurso que tengo guardado en The Starter Kit pero bien merece la pena también comentarlo aquí.

GoodUI – A good user interface

Good-ui

En tareas pendientes tengo anotado hacer un breve recopilatorio sobre algunas newsletters que merecen mucho la pena y una de ellas es la que sin duda nos puede llegar desde GoodUI, una web muy muy sencilla enfocada a darnos consejos sobre el buen diseño de interfaces. Es una web que va directa al grano, con ejemplos sencillos y con la que realmente te apetece realizar pruebas y aplicar ideas. Puedes acceder a la web cada cierto tiempo y te dirá las que tienes sin revisar o suscribirte y que te avisen por email.

No todo va a poder tomarse como verdades absolutas y hay algunas sentencias que parecen obvias pero me parece una lectura absolutamente recomendable que sienta las bases correctas sobre el diseño centrando en el usuario y la conversión, no en hacerlo bonito sin más.

GoodUI – A good user interface

Why Burying Sign Up Buttons Helps Get More Sign Ups

Me gusta mucho lo que cuenta la tropa de ZURB en su blog [en]. A veces sueltan freebies [en] bastante majos y otras veces escriben artículos breves sobre cosas concretas.

Es el caso de este Why Burying Sign Up Buttons Helps Get More Sign Ups donde nos hablan sobre la capacidad de atracción de un botón de “registrarse” (cambiadlo por “comprar” si queréis) en función de la manera en que se presente. Un detalle muy sutil pero que tiene gran impacto a la hora del éxito o fracaso de una idea.

Why Burying Sign Up Buttons Helps Get More Sign Ups [en]

Otra ronda de recursos de diseño de interfaz

Disfruto cuando puedo añadir cositas nuevas con las etiquetas de diseño de información o de diseño de interacción. Le dedico muchas horas al día a este tema y cada nuevo linkito que encuentro, paso a compartirlo para añadirlo a todos los anteriores.

Esta vez me he encontrado UI-Patterns [en] que no es que esté muy actualizada pero aún así es una buena fuente de información y ejemplos sobre patrones de diseño de interfaz y usabilidad.

Mobile UI Patterns [en] pues el propio nombre lo indica, ¿verdad? Estructuralmente un calco de UI Parade, presenta chorrocientos pantallazos de patrones de diseño para dispositivos móviles. Joyita!

Y por último Patternry [en], que es otro poquito más de lo mismo pero con el añadido de que en algunos ejemplos incluye el código HTML necesario para generar el diseño.

Qué aproveche!

UXPLORA, portal de emplos relacionados con usabilidad, diseño de interface…

Uxplora

UXPLORA es un portal de empleo en el que aparecen regularmente nuevas ofertas de trabajo relacionadas exclusivamente con el mundillo del diseño y concretando aún más, en el diseño de información.

Diseño de interface, usabilidad, experiencia de usuario… Detrás de UXPLORA están los señores de Usolab lo que asegura cierto mimo por el proyecto y augura que no quedará en el olvido o abandonada.

Publicar ofertas es gratis y parece tener bastante movimiento últimamente. Un recurso muy valioso en los tiempos que corren. Suerte!

UXPLORA (Lo encontré por un tweet, pero no recuerdo de quien :P)

HTML5 please, úsalo con responsabilidad.

html5-please

Comenzando a ver cada vez más ‘sitios HTML5’ espectaculares… que hacen que un ordenador de gama media se arrastre como con el peor Flash :-S

Esta cita es un twitteo de César Córcoles que leí gracias a elecash. Y no puedo estar más de acuerdo. Porque por lo mismo que se demonizaba el uso de flash parece que curiosamente también está pasando con HTML5, javascript y CSS a saco. A ver si al final va a ser que no es la tecnología sino el usuario con su uso el que va a tener la culpa…

En fin, al grano. HTML5 please me parece un acierto realmente destacable en forma de página web en la que se nos sugieren, recomiendan o comentan algunas de las características disponibles a día de hoy en la variedad de navegadores existentes. Qué compatibilidad ofrecen, si es mejor optar por ofrecer retrocompatibilidad… Una chuleta a la que echarle un vistazo al menos un par de veces. Y fijaos que de regalo y si no la conocíais también crearon CSS3 Please!.

HTML5 Please [en] + CSS3 Please! [en]

También os dejo a continuación unos cuántos títulos bien majos para que añadáis a vuestra biblioteca.