Sergio Gago

El amigo Whiskito, editor de xataca, me envía una aplicación de lo más interesante. Un validador de la “movilidad” de una Web, o lo que es lo mismo. Cómo se vería y costaría desde un teléfono móvil (celular)

Ares you mobi ready?

Además de decirte el resultado general, te hace unas gráficas con datos más que interesantes, si realmente nos interesa ofrecer contenido móvil (que no es mi caso). Desde la legibilidad en la pantalla hasta los tiempos de carga. Así, en función del peso de la página, nos da unos precios aproximados de lo que costaría navegar por esos sitios.
Os dejo una captura de los pobres resultados de este blog.

Parece que fué ayer cuando llegué a Barcelona para dedicar la mayor parte de mi tiempo a emagister, parte de grupo intercom (número 19 de los mejores sitios para trabajar en España!), y ya van a hacer cuatro meses!

Algunos me preguntan… ¿Y qué estás haciendo ahi? Bueno, pues me permito lanzar un a pequeña preview del proyecto que he estado gestando, y que lanzaremos dentro de muy muy poquito. ¡Formación Subvencionada!
Lo cierto es que hay más cursos gratuitos y de calidad de los que yo pensaba en un principio, tanto los clásicos cursos del plan FIP y FPO para desempleados, como cursos para trabajadores en activo. Así que estoy seguro de que tendremos un público importante!.

Esta semana se está hablando mucho del fenómeno life, famosa revista que ha decidido pasar de forma exclusiva al mundo online, tal y como nos cuentan en Maestros del Web.
Sobre esto ya se está hablando mucho, por lo que no voy a entrar en el tema, sino que hundiré un poco el dedo en la llaga hablando de otra revista online.

O más bien, la editorial MagWerk, que se dedica exclusivamente a la edición online de lo que podríamos llamar “revistas verticales” en un lenguaje más Web.

El concepto es curioso: Una revista hecha completamente en flash, que intenta emular la sensación de estar tirado en el parque, escuchando a los niños jugar y algún que otro pájaro, pero aprovechando los grandes conceptos de la Web, como el incrustar videos, animaciones o música. Reserva una doble página (y es que en ese formato tenemos que hablar de páginas) para un chat, otra para recomendar a un amigo, otra para incrustar el ya tradicional asteroids y el space invaders, y la contraportada para hacer publicidad entre las “revistas del grupo”.

Bien, parece un concepto de lo más innovador. Emular en la medida de lo posible una revista, con la sensación de su lectura, y añadiendo la “cuarta” o “quinta” dimensión de la red. Pero, no tienen en cuenta factores tan importantes como:

• Tiempo de carga pesado: Todo su contenido es flash. Si no tienes una gran línea de conexión, te desesperarás antes de la 4ª página.
• 0 patatero en information share: No solo no tienen RSS, ni siquiera el texto es seleccionable.
• 0 de publicidad contextual: Vale que el nicho de mercado en cada revista es muy concreto, pero al menos contextualizarla por pais de origen.
• ¿Indexación? ¿Qué es eso? ¿Para qué?
• Usabilidad: No caballeros… por mucho que lo intentéis y lo pongáis bonito, la gente no lee en el ordenador igual que en el papel.
• etc…

Parece que el problema viene de que muchos diseñadores, siguen pensando que editar contenido en una Web es lo mismo que la edición de una revista o libro en papel.

O stripe generator, como lo queráis llamar.

Esta aplicación, básicamente nos pide el color, estilo de fondo, anchura y dirección de la línea, y nos genera un fondo con líneas diagonales para que lo podamos poner tranquilamente en nuestra Web.

Queda muy “2.0″, y se hace rápidamente.

El problema: Es posible que tardes más en encontrar el enlace a la página que en crear el fondo con Photoshop…

Visto en Ajaxian

Hace mucho, mucho tiempo (o al menos allá por finales de los 90), se oía a ciertos tipos autoproclamarse de profesion “Webmaster”. Mientras que la mayoría de la población no sabía ni traducir, y mucho menos saber el cometido de dicho trabajo. Ellos se consideraban gurús de las nuevas tecnologías.
Gente que empezaba haciendo su página Web (que ahora se horrorizaría al verla, probablemente), y que conseguía a duras penas engañar convencer a alguien de que también necesitaba una. Y que estar “en eso del interné” podía ir muy bien para el negocio.

Por supuesto, estas personas ivan aprendiendo sobre la marcha. Salían tecnologías nuevas que poco a poco ivan adoptando. Unos escucharon algo de CGIs y vieron el destino en sus manos. Otros, pudieron comprobar que había algo con lo que hacer efectos y popups llamado javascript y que le cogieron miedo porque no querían meterse en Java, aunque luego vieron que no tenía nada que ver. Y ya tiempo después se siguió segmentando la cosa. Unos se hicieron PHPeros, y otros flasheros, a elección de si les gustaba más el diseño o la programación. (Pongan aquí su rama del desarrollo web favorita).
Parecía que estaba el “pescao” vendido. En las altas esferas se hablaba de B2B y B2C, y aparecían grandes portales que nadie sabía de qué narices vivían. Y ahí seguía el Webmaster, especializado en algo, pero experto en todo. Un tío que solito, con su laptop de última generación con un MMX, te maqueaba una Web con la primera edición de Dreamweaver, o GoLive. O mejor aun… con el notepad. Te contrataba el hosting, o si era bueno, te configuraba un servidor con Apache. La edad de oro de las empresas de diseño Web. Algunas, incluso descubrieron las plantillas!.

¿Y todo esto a cuento de qué?

No es malo, pero nos hemos especializado mucho. Ya no somos técnicos. Somos expertos en .NET, DBAs, responsables de sistemas, gurús del PHP o hackers del CSS, Javascript y el DOM. Ya no hay “diseñadores Web”. Hay maquetadores, analistas de usabilidad, de accesibilidad, testers y grafistas. Por no hablar de la cantidad de profesiones nuevas que ha traido consigo la “Web 2.0″.
Entonces.. ¿Qué es hoy en día un Webmaster? Si conseguimos separar en cuatro burbujas un startup, .com, o como lo queráis llamar (y que llamarlo burbujas no sirva de precedente), podríamos resumir cuatro grandes roles.

• Negocio: El business, toda la gestión del negocio. El CEO, director, jefe o jerifante. Los que llevan las facturas, los que hablan de recursos humanos y liderazgo, el que maneja el cotarro o el que sabe cómo vamos de pasta. Es el ¿Para qué?
• Edición: Los “periodistas”. Los tipos que llenan de contenido nuestra Web. Preparan toda la información que vamos a “vender” a nuestros visitantes. Sería el ¿Qué?
• Técnico: Todos los que hacen posible que cuando alguien teclea nuestra URL, lleguemos a donde queremos llegar. Aquí tendríamos el ¿Con qué?
• Grafismo: Todo lo que tiene que ver con la imágen del site. El diseño, y aquí meteríamos también todo lo que tiene que ver con usabilidad, experiencia de usuario, etc… Esto es el ¿Cómo?

Es cierto que hay más roles que están por ahí pululando entre medias, pero en general aquí tenemos los básicos e imprescindibles.

¿Cómo lo unimos todo?

Esa figura central, es nuestro Webmaster de hoy en día. Ese tipo que sea capaz de manejarse en un mundo de negocios, en un ámbito técnico, que conozca las diferencias entre escribir para un periódico y para una Web, y que sepa lo que significa usabilidad y cómo aplicarla, es nuestro Webmaster del siglo XXI.

Así que ahora solo queda elegir. ¿Seremos grandes expertos en un área? ¿O bien hombres para todo, pero no especialistas? Desde mi punto de vista, ambos perfiles son necesarios. Y sino, dejen a un DBA a su aire, o a un diseñador gráfico pedir sin que un programador le pare los pies.

Actualización: Un rato después de escribir el artículo, y repasando los feeds del día, he visto el artículo El Webmaster Profesional en Maestros del Web. Que trata de forma paralela este mismo tema, y parece, que estamos de acuerdo

Ni siquiera tener detrás un gran venture capital que te apoye. Al menos, si eres lo suficientemente bueno, o tienes algo que aportar, y usuarios que aporten.

Es decir: Puedes tener mucho dinero, y un gran equipo de editores que genere contenido y por lo tanto información, y por lo tanto (quizá) movimiento de usuarios que se transformará en dinero. O BIEN puedes tener una buena idea muy bien llevada a cabo, y que ese costoso equipo de editores, se convierta en una comunidad de usuarios, gratuita, agradecida, constante y creciente.
Los que lean habitualmente este blog, sabrán que soy de los que opina que los startup Web, cuanta menor inversión tengan, mejor que mejor. Y cada vez me reafirmo más en esta postura. Hoy he leido el último post de Kathy Sierra y como de costumbre, nos ha dejado un gráfico que vale más que unas cuantas palabras.

En su post incluye ideas para potenciar esto. Cómo gestionar a los “expertos”, y hacer avanzar a los newbies en tipos “enganchados” al sistema. Y así conseguir fomentar las economías de red de forma bestial. Recomiendo totalmente leer el artículo.

Como nota final, y aunque sea un poco de autobombo, me gustaría reseñar los foros de emagister, que a mi parecer implementan esta funcionalidad de expertos de forma excelente.

En SEOmoz tienen un artículo donde hablan de los footers más “cañeros”, que han visto ellos al menos. Es cierto que suele ser algo que se habitualmente se deja bastante abandonado. Entonces… ¿Qué debe llevar un buen footer o pié de página?

Elementos habituales que nos encontramos:

• Quiénes somos: Enlace a información referente a la empresa, o autor/es.
• Estadísticas: El habitual icono de estadísticas, o bien algo más sencillo. También pueden ser estadisticas de uso, como número de usuarios conectados, o tiempo de búsqueda.
• Reglas de uso / privacidad / información legal
• Contacto: Enlace a una forma de ponerse en contacto.
• Licencias (copyright, creative commons…)
• Sindicación: RSS, Atom, etc…
• Logos de estándares: Fue una moda muy típica, y bastante usado en páginas que no cumplían estándares, pero estuvo bien poner los logos de “cumplo con la W3C”.
• Powered by: O reconocimientos a herramientas usadas. Wordpress, themes usados, plugins, o herramientas open source en general.
• Información de los creadores: Suele ser la empresa que diseña el site.
• Sitemap: Enlace a un mapa con los vínculos a todas las partes del sitio.
• Enlaces internos: Ya sea a otros sitios de la compañía, o simplemente linking interno para favorecer el tema SEO.
• Ayuda: Enlace a la ayuda o FAQs del sitio.
• Paginadores: Si los resultados de una búsqueda han dado varias páginas, posibilidad de acceder a cualquiera de las otras páginas.
• Adsense: No perder oportunidad para generar ingresos. No es el sitio más óptimo, pero también genera.
• Otra caja de búsqueda: Siempre, con el mismo término que el buscado al principio. Ayuda a enlazar rápidamente resultados obtenidos, con palabra buscada y hacer los cambios necesarios.

¿Respuesta correcta? Probablemente ninguna y todas a la vez. En función de nuestro sitio habrá cosas más óptimas y otras menos. Recomiendo, en las páginas que sean suficientemente largas, dar opciones de navegación parecidas al usuario, diferenciar siempre el área de footer y que todos los servicios que el usuario espera que estén ahi, estén verdaderamente ahi. Podemos ponerlo en otros sitios, pero también en el footer. Y siempre nos queda ver algunas

Hace días, publiqué un artículo hablando sobre una recopilación que estuvo haciendo Alejandro Karpich - Karpicius sobre educación virtual. En este conjunto de entrevistas han participado personas con muchos conocimientos, y me siento orgulloso de haber estado entre ellos.

Ahora Alejandro ha publicado el PDF agrupando todas las entrevistas. Un documento muy interesante de leer.

Educación virtual y lo que vendrá - PDF

O las siete virtudes de todo buen blogger.

Leo el último post de Kathy Sierra en headrush (Creating passionate users), un artículo muy interesante donde publica un pdf con la presentación que hizo en una conferenci por allá sobre “The seven blogging virtues for building a global microbrand“, lo que aplico a “siete grandes virtudes que es interesante tener, para convertir un blog en una herramienta de marketing”.

La primera de todas, me quedon con el disclaimer, y para mi, la más importante:
Debes bloguear para ti mismo, pero si quieres conseguir más lectores, también debes hacerlo para ellos.
La lista se basa en siete puntos:

• Agradecido: El hecho de por si, de que alguien nos visite, ya es suficientemente bueno. Demos algo a cambio.
• Humilde: Salvo que seas un gurú, no te van a leer porque seas tu, sino por lo que les puedas ofrecer. Si hacemos una review del producto, deberemos dar la sensación de importancia al usuario. No un “Excelente producto”, o “Excelente empresa” (que también), sino “Excelente usuario”.
• Paciente: En internet todo va muy deprisa y muy despacio a la vez. Ten paciencia, los números grandes llegarán (o no).
• Generoso: Comparte tu conocimiento. Es lo mínimo que puedes hacer por el hecho de que te visiten.
• Respetuoso: Con su tiempo. Si no tienes nada sobre lo que escribir, no hagas algo que consuma su tiempo sin razón. Si puedes emplear gráficos o imágenes para reducir el tiempo de lectura, lo agradecerán.
• Motiva: Intenta inspirar y motivar a los demás, para llegar a ser su “experto” personal. Lo llama el “síndrome del experto externo”, que se hace eco de lo que escribes. Llegar a ese punto, es sinónimo de éxito!
• Sé valiente: Escribir para tus lectores no significa escribir lo que ellos quieren escuchar. A más visitas, más críticas. Unas razonadas y otras por celos. No tengas miedo a publicar algo que no golpee, porque entonces te quedarás en lo mediocre.

Este post es solo una reseña rápida hacia el mismo de jmarquez.com donde tiene en pdf la presentación que hizo en imaginatica 2007. “Usabilidad y proyectos Web, la experiencia desde las trincheras“.

Recomiendo mucho ver esta presentación, ya que creo que sintetiza perfectamente y sienta muy bien las bases de la usabilidad.