Sergio Gago

Este video tiene ya un tiempo, nada menos que de Junio del 2005, pero me volvía a encontrar con él, y lo quería tener entre mis archivos. En su momento fue basante inspirador, pues fué la etapa de “despegue” de nuestra empresa, y la verdad es que lo sigue siendo hoy.

No hay dudas de que Steve Jobs es una de las personas más influyentes en el mundo tecnológico actual, y una de las más inteligentes, al haber lanzado con éxito compañías como Pixar y Apple.

Me parece muy curiosa la forma que explica su “vida universitaria” sin graduación, escogiendo las asignaturas que le gustaban, porque si (que es lo que hago yo!). Y con su “teoría de los puntos”, haciendo que sin haber vivido ciertas situaciones, nunca habrías hecho determinadas cosas en tu vida, pero que solo puedes unir los puntos de atrás adelante.

En fin, un video que merece dedicarle un tiempo para verlo y para reflexionar. Si gustan, pueden encontrar el texto fácilmente.

Me quedo, claro, con dos conceptos:

• Piensa cada mañana si lo que vas a hacer, si a lo que dedicarás el día es lo que amas, y si lo harías si fueras a morir pronto.
• Mantente hambriento, y atolondrado.

Con ustedes, Steve Jobs:

Los tooltips son esos pequeños (o no tan pequeños) mensajes emergentes que nos aparecen, generalmente cuando pasamos el ratón por encima de determinados elementos.

Son un recurso muy bueno para ampliar información de estructuras de nuestro sitio, o del destino de enlaces y mecanismos de interacción con el usuario. Pero cuidado, también pueden ser un arma de doble filo.

Los tooltips son un elemento no esperado en los lugares que no corresponden, hasta el punto que pueden resultar molestos. Si el área de activación es demasiado grande nos puede costar hacerlo desaparecer, y el mismo tooltip puede ocultarnos información que es relevante para ese contenido. Al fin y al cabo, general sorpresa al usuario, y eso no siempre es bueno.

Así, hay una serie de normas básicas que se deben cumplir (y que podéis completar si os parece…).

1. No recargar la página de tooltips. Enseñemos al usuario, pero no pensemos que es tonto (aunque lo sea).
2. Nunca poner tooltips en áreas grandes, de más de 10 - 15px de lado. Por supuesto, nunca dentro de fotos, salvo que sean muy pequeños, y no obtrusivos.
3. El tooltip no debería aparecer inmediatamente, ni demasiado tarde. Si aparece instantaneamente, el usuario lo activará sin desearlo, y si tarda demasiado, se cansará o pensará que no hay nada.
4. Hacerlo accesible. Si desactivamos tanto javascript como CSS la página debería seguir viéndose bien, y a ser posible, también el contenido del tooltip.
5. Si lo ponemos sobre un enlace, es preferible usar el tag “title” que es mucho más semántico, y colocar una pequeña imágen que indique atención (un pequeño interrogante) que active el tooltip. Aunque cada navegador implementa el title de forma distinta, se puede configurar un script para que saque ese contenido con varios segundos de onHover.
6. Aunque puede resultar obvio, pero el contenido del tooltip tiene que estar directamente relacionado con el objetivo del link, o del mecanismo a utilizar, y tiene que dar una información que no sea evidente Por ejemplo, si tenemos un enlace tipo “google“, nunca pongamos en el tooltip “Click para ir a google”.
7. Asegurémonos que el tooltip llama suficientemente la atención, pero que no sea demasiado grande. Esté cerca del objetivo y no oculte otras áreas de la Web que sean importantes. Tampoco tiene que ocultar el accionador.
8. El tooltip debe desaparecer cuando el ratón sale del punto objetivo, NUNCA del tooltip.
9. Si el tooltip se carga dinámicamente, asegura todas las llamadas, y muestra todo el contenido de una sola vez. Esto también es común si contiene imágenes. Las conexiones lentas tendrán que esperar demasiado para verlo. Lo ideal es que sea texto plano, sin imágenes, y salvo que haya demasiados elementos en la página, no cargarlos dinámicamente.

Todo esto viene al último post de smashing magazine donde nos ponen más de 40 scripts de tooltips con javascript o CSS.

Nodos en la red es el blog de Mario López de Ávila, al que suelo leer con asiduidad por lo interesantes de sus temas relacionados con el mundo de la empresa.

Su último post me ha alegrado la mañana.

Otra versión en down the avenue.

¿Y esto de qué viene? Pues básicamente de open space, un formato de “conferencias” en el que todo el mundo tiene la responsabilidad de contribuir o aprender sobre un tema determinado. Donde no hay ponentes invitados, sino que todos son ponentes, y presentan sus temas. Una explicación más detallada en open space uk.
Aun así y más allá de esto, me quedo con el concepto de la ley de los dos pies:
“Si te encuentras en un lugar donde no estás ni contribuyendo ni aprendiendo nada, tienes la responsabilidad de usar tu par de pies para que te lleven a otro sitio donde sí lo hagas.”

Aplicable a tantas cosas en la vida…

En una “Web 2.0″ que empieza a estar plagada de redes sociales, tematizadas, y con público segmentado hasta el máximo, los product managers empiezan a tener un serio problema.

¿Cómo puedo conseguir que los usuarios estén en mi red?

El tiempo de los usuarios es limitado. No pueden estar en todos los sitios a la vez - de forma activa, se entiende -, no puedes tener una cuenta en myspace, un blog en blogger, tu cuenta facebook, estar en amigosfree, mantener linkedin para tus contactos profesionales y en netlog para estar en contacto con tus colegas. Y así con todas las redes que van saliendo día tras día. Tanto a nivel profional, como de ocio como de dating. Aunque sean un concepto un poco diferente como festuc (que me encanta la idea). De hecho, creo que solo los que nos dedicamos a esto de internet, tenemos una cuenta en todos los sistemas que salen para analizarlos a fondo y ver sus mejores y sus peores elementos. En la wikipedia inglés, tienen un listado de las redes más usadas (desde el punto de vista americano, claro).
Entonces… ¿Cómo lo hacemos? Fácil, metamos al usuario casi, sin su permiso.

Una de las formas más de moda es pedir al usuario su nombre de usuario y su contraseña de sus servicios de correo y mensajería e importar todos sus contactos, como es el caso de netlog.

Procedemos a darnos de alta en netlog:

1. Formulario bastante extenso que cansa hasta al más paciente, finalizado con un captcha por seguridad. OK
2. Perfil básico: Te preguntan cómo eres y tus intereses. Algo habitual en una red social.
3. Invitar a amigos. Casi de forma única en la página solo puedes poner tu nombre de usuario y contraseña en gmail / yahoo / AOL / MSN, o mandar invitaciones manualmente. Hasta el punto que me ha resultado complicado salir de ese paso y hacer algo que no sea violar mi privacidad.

De esta forma aumentamos la viralidad, quiera o no el usuario. Me pregunto entonces, qué pasaría si Google quisiera golpear fuerte con las redes sociales. Poner orkut líder en el mercado sería tan fácil como ver las listas de contactos de todos los usuarios de gmail, junto con picasa, docs y compañía.

Aunque espera, esto me suena. Los Windows Live Spaces no hacen algo parecido con sus cuentas de hotmail? No por nada tienen más de 120 millones de usuarios, frente al líder myspace con 180 millones. Aunque quizá en estos negocios importa más el ratio de usuarios que aportan contenido y su nivel de interconexión. Es decir: De nada me sirve tener 200 millones de usuarios, si esos no están interrelacionados entre si y funcionan como nodos separados.

Así pues, llegamos a la presentación de Genbeta cuando hablaron de netlog. El argumento era: ¿Qué me dan estos sistemas que no me dan por separado youtube, flickr y blogger? Y alguien decía en los comentarios algo que se podría resumir con: ¿Qué me da (me dará) el iphone que no me da mi ipod, con mi divx player, mi movil con 3G y mi pda con GPS? ¿Porqué aprender a usar 5 aparatos (aka 5 sistemas web distintos) si con uno solo estamos bien y tenemos toda nuestra red ahi?

Y al final, ha quedado un batiburrillo de post en el que he hablado de todo y de nada, pero que puedo resumir en:

• Cada vez hay más dinero en las redes sociales - Cada vez hay más redes sociales, con usuarios segmentados por temática, localización, gustos, qué buscan etc
• Hacen falta métodos para atraer a los usuarios a tu red social. Los éticos: Tus amigos están aquí. Nuestro sistema es más fácil, te damos más espacio, mejores servicios… o los menos éticos: Danos tu contraseña de hotmail, que ya nos encargamos nosotros, ya….
• ¿Qué métricas utilizar? Visitas VS Usuarios registrados VS ratio de producción del usuario VS Nº de enlaces entre usuarios, etc…
• Redes sociales como producto “all in one”, móvil, GPS, cámara… fácil de usar y rápido para low and mid level users.
• ¿Cuál será tu modelo de negocio? Id Est: En el dating: Un modelo tipo meetic de pago o tipo amigosfree gratuito. ¿O quizá un modelo de “usuario premium” como linkedin o flickr?

Nota al Pie 1: El logo es el de la revista Redes Sociales, una publicación que trata el tema de las redes sociales desde un punto de vista más científico, y cuyo logotipo me parece excelente.

Nota al Pie 2: Discutiendo con Albert Rivera, (XFN=”friend met colleague”), porqué las redes sociales en España nunca tendrán la misma repercusión que en EEUU. Nuestra filosofía de vida aquí nos obliga a buscar tiempo para quedar con nuestros amigos… no hay tanta gente como allí que esté aburrida en casa y no tenga con quién pasar la tarde!

Uno de los campos que más me gustan del mundo de internet es la Arquitectura de la información. Término que suena muy rimbombante, pero que engloba los 4 factores a mi entender, más importantes para que un proyecto Web tenga éxito.

Además, es un campo disponible para casi cualquier profesional. Desde informáticos, hasta bibliotecónomos, pasando por pedagogos incluso matemáticos!

Pero. ¿Qué es la arquitectura de la información?

“La Arquitectura de Información es la disciplina encargada de la fundamentación, planificación, análisis y estudio de la selección, organización, disposición, estructuración de espacios de información y presentación de los datos contenidos en los sistemas de información interactivos.”
Más en la Wikipedia.

Es decir, en un mundo donde lo que prima es la información, hacen falta (y cada vez más) profesionales que sepan como hacerla encontrable, clasificable, útil y usable.

Cabe decir que no es un mundo, ni mucho menos exclusivo de internet. Pero ha sido éste el salto necesario para que esta rama profesional se alce como uno de los perfiles más codiciados en las empresas Web de hoy en día.

Así pues, podríamos dividir la arquitectura de la información en 4 patas

Clasificación y ‘encontrabilidad’

Este es el campo más habitual relacionado con la ‘AI’, realizar las clasificaciones, o las categorizaciones de nuestros elementos. Desde investigaciónes y pruebas de usuario, hasta card sorting. Aunque aquí también entra todo el mundo de los metadatos asociados a ficheros (desde los ID3 de los MP3, hasta los microformatos!)

Búsquedas

Por supuesto, lo que hace la gente en Internet es buscar, cualquier cosa, de miles de formas distintas. De forma lógica, semántica, irracional… pero al fin y al cabo busca. El cómo presentemos la búsqueda, y cómo devolvamos los resultados (y qué resultados, por supuesto), forma parte de la AI. ¿Subrayaremos las keywords encontradas? ¿Mostraremos el enlace del documento encontrado? ¿Permitiremos una búsqueda avanzada por fecha?

Navegación

Imaginemos por un momento que vamos todas las semanas, rigurosamente, a la biblioteca de nuestro barrio. Que tras la segunda o tercera visita ya conocemos a nuestra bibliotecaria, sabemos donde están las novelas y dónde los ensayos… incluso conocemos el proceso para reservar un libro que no está disponible en ese momento. Ha sido dificil, pero hemos conseguido aprender a usar el sistema.
Ahora pensemos que cada Web en la que entramos es completamente diferente a la anterior, tenemos que aprender el sistema de uso una y otra vez, en cada visita, y por supuesto en escasos segundos.
De eso se trata la navegación. Utilizar elementos estándares, sencillos, fáciles de usar, y que permitan llegar rápidamente a la información que buscamos.

Diseño, usabilidad y accesibilidad

Y por último, por supuesto, el diseño del sitio. Aquí hay una clave fundamental, que se repite una y otra vez por todas las webs que hablan de este tema. No diseñes para tu ego, diseña para el usuario. Las florituras, las animaciones pesadas, y los excesos gráficos son cosa del siglo pasado. Ahora lo importante no es ni el diseño, ni la programación, sino el contenido. Hacerlo usable, accesible para cualquier persona desde cualquier sitio, y entendible, es la clave.

¿Qué parte os parece más interesante?

¿No te gusta ni flickr ni picasa? ¿Quieres poner en tu Web de forma fácil una galería de fotos? Pues en Smashing Magazine han hecho una recopilación de scripts para tus galerías de fotos. Un curro estupendo que no se puede dejar marchar.

Las divide en galerías ajax, CSS-based, y DHTML con JS y html.

Me quedo con HighSlide JS, TripTracker (aunque de pago, muy útil para visualizar fotos en la Wii) , Slimbox (basado en lightbox pero solo en 7kb!) y por supuesto la SmoothGallery, con un diseño super cuidado.

Los proyectos se acumulan y ya no llegamos con lo que tenemos. Necesito gente que se lo quiera pasar bien disfrutando de su trabajo, aprendiendo nuevas consas, y enseñandoselas
Debería tener altos conocimientos de internet, Web 2.0, usabilidad, javascript, php, MySQL y estándares en general, aunque estamos abiertos a muchos perfiles diferentes.

¿Qué perfiles buscamos?

• Desarrolladores Web que sepan maquetar bien bajo estándares. Controlen de javascript y sepa cosas de usabilidad. Un poco de ajax no vendría mal.
• Diseñadores gráficos que sepan lo que significa interacción de usuario.

¿Dónde?

• Gente en Valladolid o alrededores.
• Gente freelance, esté donde esté que trabaje por funcionalidades o proyectos, y que cumpla con objetivos, y sea capaz de trabajar online.

También buscamos gente que quiera entrar como socia para proyectos “de garaje”. Ambas opciones tendrían retribución en función de la capacidad que tenga la persona en cuestión.

Envíen correo a sergiogh EN aresdesarrollo.es

A ver si con esto, consigo liberarme un poco y escribir algo más aqui!

Estos días tengo la agradable visita del CDM, colega, y uno de los editores de Miel para el asno.

CDM es el mejor diseñador con el que he trabajado, y el que más rápido ha cogido los conceptos de usabilidad, y experiencia del usuario en la Web. Algo que no es nada fácil para el diseñador gráfico habitual acostumbrado a los formatos habituales.

Y para adentrarme un poco en este mundo me ha llevado a las jornadas ligaduras, organizadas por el grupo Catalana de Tipos, donde he conocido un poco más a fondo la cultura de la tipografía. Estas jornadas se celebran hasta el 29 de mayo en Barcelona, y creo que son bastante interesantes para diseñadores y derivados (incluso para los que, como yo, les guste conocer de todo).

El primero en hablar fue Jordi Embodas, quien nos explicó el proceso de creación de su familia tipográfica “orenga”, de una forma bastante detallada y concreta. Para un tipo cuyos conocimientos tipográficos se limitan a conocer la diferencia entre serif y san serif fue muy ilustradora, y en ningún momento me pude imaginar que se tardaría tanto tiempo en crear un tipo.

Después habló Ken Barber de House Industries, una empresa de diseño basado en lettering que desde 1993 lleva diseñando y haciendo muchos de los tipos que hemos visto en portadas de peliculas, cómics, o ropa. Básicamente describió como se trabaja en su empresa, los trabajos que han hecho y el estilo que se sigue.

Para mi, y por las caras que ponían, debía ser como para un programador trabajar en google (de hecho, alguna petición de trabajo hubo en la ponencia!). La presentación en tono humorístico estuvo bastante bien y no fue nada pesada, teniendo en cuenta el nivel super básico del que escribe en el campo de la tipografía.

Una de las cosas más interesantes fue cuando presentó el tipo Ed Benguiat, que utiliza un sistema basado en open font, de forma que las ligaduras entre las letras cambian como si de un trabajo de lettering se tratara.

Por último, por si alguna vez vais a alguna conferencia de este tipo, unos conceptos rápidos sobre tipografía para que no os perdáis:
Kernings: Es el espacio existente entre dos caracteres, de forma que permite jugar con la cantidad de espacio blanco existente, o lo juntas que acaben las letras. Una descripción muy sana en la wikipedia de kerning vs tracking.
La caja alta: Asi es como llaman a la colección de mayúsculas.
Ligaduras: Son las combinaciones entre distintas letras que se realizan para que tengan ciertas uniones y que aparezcan más o menos juntas, o de una forma determinada. Por ejemplo, unir la ‘f’ y la ‘i’, o la ‘a’ y la ‘e’. Hasta cosas más especiales, como hacer que siempre que haya una ‘t’ seguida de una ‘i’ el palo de la ‘t’ se coma el punto de la ‘i’.

Realmente es un mundo muy interesante, caracterizado por la “piratería de tipos”, ya que hay muy poca gente que tenga las licencias de los tipos usados incluso a nivel comercial. Ahora lo comprendo un poco más!

En alemán:

Kernell = núcleo. Así, cobra más sentido la frase Tengo que recompilar el kernell del linux

null = cero. Aunque en la mayoría de los lenguajes de programación, el valor 0 sea distinto de null!

Acorde con las últimas tiras de Dilbert, que tratan el tema de los e-mails.

La tira de ayer.

La tira de hoy.

Así pues, digo:

• Gracias a dios, en los correos electrónicos no tenemos restricción de caracteres. Por favor, no me envíen complicados jeroglificos difíciles de entender. Además, a alguien se le ocurrió que MIME era una buena idea, así que es posible poner acentos, eñes y demás símbolos (podemos hasta escribir en ruso si queremos!). Estructuremos correctamente los correos.
• Si estás respondiendo a algo que te dije anteriormente, por favor, mantén el asuno del mensaje, permitiendo que se propaguen las cabeceras estándar: RE: para respuestas; RV: Para reenvíos. De esta forma podré saber a qué me estás respondiendo. ¡Que grande es la era de internet, que nos permite tener cientos de conversaciones abiertas a la vez!
• Claro, que si fuera posible, tener mi correo original en tu respuesta sería de gran utilidad, de esta forma podré contextualizar todo mucho mejor.
• Creo que podré pasar sin esas imágenes tan chulas. El propósito del correo electrónico es comunicar de forma rápida y eficaz. Ve directo al grano y no te líes. Cuantas más florituras pongas, más posibilidades hay de que no lea bien el correo con mi gestor, o de que no llegue bien a la información. A ser posible, envíame los correos en texto plano, no HTML.
• Los mails son, en cierta manera como una carta. Estaría bien saludar, decir quien eres si no te conozco, exponer claramente el motivo del correo, y al final despedirse.
• Sobre todo (dedicado a los hotmail forwarders): Antes de darle a Reenviar, asegurate de que ese contenido va a ser de mi interés. En caso de que lo sea, borra todas las direcciones anteriores, que no quiero los correos de toda esa gente desconocida, y limpia un poco el correo para que se quede solamente el contenido. Todas las flechas >> de reenvíos anteriores, y piés de correo publicitarios que meten algunos servidores de correo.
• Bienvenidos al mundo de los campos To: (Para:) CC: y BCC:. Aunque el campo “Para:” y “CC:” funcionan igual, se utiliza como cortesía para personas que también leerán el correo para darse como informados, aunque no formen parte activa de la conversación. BCC: el más importante, oculta los destinatarios que incluimos ahi, muy útil si hacemos un envío y no queremos que se vean las direcciones de los demás.
• Por último: Si el correo es de alta seguridad, me estas enviando contraseñas de alta importancia, o datos muy valiosos, te recomiendo que lo encriptes. Por defecto, los correos web no encriptan las comunicaciones, y la mayoría de la gente lo tiene desactivado en outlook. Para contarnos qué tal el fin de semana no hará falta, pero para determinadas transmisiones de datos tenemos que tener en cuenta que cualquiera con un sniffer nos podría escuchar. Para gmail recomiendo el gmail encrypter, basado en greasemonkey. Y sino, informarse sobre PGP.

Y por último, algunas frases que he oido destrozando nuestro bello diioma.

• Atacheame el archivo al mail
• ¿Me pudes forgüardear eso?
• Ahora mismo te replieo el correo.
• Ahora mismo te lo uploadeo.
• Tio! Te han debido hackear la cuenta, un tal mailer daemon dice que no te va a entregar el mensaje!