Khaducsti

Mejorando Evernote

Probé Evernote en su día y mi principal impresión fue ¡Wow! ¡Ojalá me hiciese falta! y es que el servicio es fantástico y funciona la mar de bien, pero a la hora de marcar contenido web no hay nada como los favoritos de tu navegador. El OCR que incluye es fantástico, pero no es algo que nadie vaya a necesitar a diario.

Puede que si eres un fan total de las libretas y anotas todo en papel, Evernote sea una opción genial para digitalizar todo ese contenido. No tienes más que hacer una foto con tu webcam, añadirla a tu evernote y el OCR reconoce el texto (si tienes buena letra ojo!) y lo indexa. Buscar algo en concreto se vuelve, de este modo, mucho más sencillo.

El problema es que, por bien que funcione la aplicación, requiere demasiado trabajo. Si apenas tienes un par de cosas anotadas, no te interesa demasiado digitalizarlas así (escribirlas manualmente será mucho más rápido). Si por el contrario tienes diez libretas a rebosar, te puedes volver loco fotografiando cada página.

Anyway, me ha llegado el mail con las últimas novedades, que incluyen: soporte para PDF, Encriptación, versión optimizada para el iPhone, Windows Mobile, etc…

Igual no parecen gran cosa, pero especialmente el soporte móvil marca la diferencia (por lo que entiendo en el mail, ya estaba disponible. Ni me había enterado).

Poder fotografiar algo por la calle (un cartel, un folleto con información útil, un horario de cines, etc…), sincronizarlo con tu cuenta y que Evernote lo indexe es algo más que interesante y que ya no requiere tanto esfuerzo por parte del usuario.

Me gusta la rapidez con la que van añadiendo mejoras, me hace pensar en futuras utilidades como geolocalización, audios (¿reconocimiento de voz?), etc…

Tengo 20 invitaciones, así que si alguien quiere probarlo puede servirse a gusto dejando un comentario.

Por Keko a 15 Mayo, 2008 – 1:13 pm.
Guardado en Optimización, Webapps | Sin comentarios »

Backboard, buscando feedback

Backboard es un nuevo servicio para recibir feedback de tus proyectos de manera ágil y sencilla (no requiere registro y la interface es impecable).

La idea es bastante buena y funciona a la perfección, admite un montón de formatos y hace todo aquello que promete. El único problema es quizás que promete poco.

Una vez subido tu archivo, URL, presentación, etc, poco puedes hacer más que leer el feedback a modo de comentarios. En este sentido hay un montón de webapps que le ganan por goleada sin estar pensadas para lo mismo. (Véase Flickr, por ejemplo)

Entre otras cosas, me apuntaría al servicio sin pensarlo si:

• Pudiese añadir anotaciones EN los trabajos. Sobre todo si es una web sería genial.
• Pudiese mandar feedbacks privados.
• Un Feed RSS por Dios!
• Añadir versiones nuevas a un trabajo.

Una buena idea que por desgracia se queda un poco corta.

Por Keko a 15 Mayo, 2008 – 12:46 pm.
Guardado en Webapps | Sin comentarios »

Problema con el Feed en Google Reader

Estaba teniendo bastantes problemas con el feed del blog en Google Reader. Como ni en los foros de wordpress, ni en el grupo de Google Reader hay mucha información sobre este problema, pues ahí va mi solución “por las bravas”.

Problema: Creas un nuevo blog en tu dominio, sorprendentemente no se actualiza en Google Reader y además mantiene las entradas del viejo aunque no hayas dejado ni rastro de ellas.

¿Qué está pasando? Pues pasa que sí se actualiza, el problema es que Google Reader no mantiene los feeds por fecha de publicación (aquí es cuando gritas ¡¿Cóooomo?!, sino por el Guid, que viene a ser la ID del post. De tal manera que si hace cinco años publicaste un post cuya ID era 1, borras tu blog e instalas uno nuevo y publicas de nuevo un post al que wordpress asigna ID 1, Google Reader lo actualiza, pero lo actualiza ahí. Es decir, que para leerlo tendrás que bajaaaaaaaaaaaaaar hasta llegar a tu post de hace 5 años en el que verás el texto nuevo, eso sí, con la fecha “publicado hace 5 minutos”. Muy muy raro, sobre todo porque, efectivamente, la memoria de Google es a-co-jo-nan-te.

¿Cómo se soluciona? Pues mi remiendo ha sido apañar la base de datos a mano tal que así:

$sql = 'UPDATE `wp_posts` SET `ID` = \'396\', `guid` = \'http://www.kekoponte.com/?p=396\' WHERE `wp_posts`.`ID` = 74 LIMIT 1;';

Básicamente le digo que el post con id 74, pase a tener id 396 (que es la ID del último post del blog que antes se alojaba en este dominio y ahora es srholgado.com), y así uno por uno. Como lo he pillado a tiempo sólo han sido cinco :)

El único problema es que perderás las etiquetas y categorías de esos post y las tendrás que añadir a mano. Lo bueno es que wordpress seguirá publicando los post con las ID nuevas aunque dejes huecos.

Por Keko a 8 Mayo, 2008 – 3:45 am.
Guardado en Blogs, Optimización | 2 Comentarios »

Buenas ideas

El trabajo con ONG’s siempre ha estado a la orden del día en el mundo del diseño y, sobre todo, la publicidad. Son muchos los estudios que reducen sus presupuestos en el trabajo con estas organizaciones, a cambio de más libertad creativa.

Microvoluntarios es en esencia una buena idea. Como ONG puedes darte de alta y solicitar servicios de diseño, creatividades, soporte informático, etc… Como diseñador, pues puedes atender estas peticiones para poner tu grano de arena, sabiendo que casi siempre te encontrarás con bastante más libertad que la que te ofrecerá un cliente habitual.

Yo llevo tres días y ya me han pasado cuatro trabajos ¡Se ve que el diseño hace más falta de la que parece!

Por Keko a 7 Mayo, 2008 – 4:44 pm.
Guardado en Diseño | Sin comentarios »

Oferta de empleo en The Cocktail

¡En The Cocktail estamos buscando un diseñador senior! La oferta está en Woila, un servicio que tiene bastante buena pinta. Por si acaso los detalles son estos:

Qué hacemos

The Cocktail es una consultora de experiencia de usuario y diseño de productos digitales (tomaya). Diseñamos pensando ante todo en el usuario, y nuestros clientes incluyen entre otros a BBVA, Grupo Prisa, Grupo Planeta, Vocento, Movistar, Turner, Banco Popular, UEM…

También somos los creadores de La Coctelera, el mayor portal latino de blogs, y de The Shaker, el software de gestión de comunidad en Ruby on Rails que sostiene muchos de nuestros proyectos.

Qué necesitamos

Más que una serie concreta de habilidades, en The Cocktail buscamos a alguien con las convicciones y la personalidad necesarias para encajar en nuestro (particularmente idiosincrático) equipo.

Preferimos a alguien versátil con capacidad y ganas de aprender cosas nuevas.

Trabajamos en equipos pequeños, desarrollando proyectos de forma ágil. Es decir, que no estarás 6 meses en el mismo proyecto infinito.

Qué ofrecemos

Nuestro equipo está formado por Diseñadores de Interacción, Arquitectos de la Información, Gestores de Comunidad, Programadores, Administradores de Sistemas y demás fauna internetera.

Trabajamos en un entorno jóven y distendido (nadie usa corbata en la oficina) y son frecuentes las salidas nocturnas y las celebraciones corporativas (vengan o no al caso).

Asistimos con asiduidad a conferencias y eventos, además de colaborar en la organización de cosas como la Conferencia Rails 2006 y 2007 y From Business to Buttons 2008. Creemos firmemente en la formación interna, y tenemos una biblioteca bien surtida con las últimas novedades. Además organizamos talleres y cursos de formación (tanto internos como públicos) para estar un paso por delante del mercado.

Pensamos que un buen trabajo requiere las herramientas adecuadas. El departamento de diseño trabaja con Mac, pantallas de 20” y dos monitores.

Los horarios son flexibles, somos bastante respetuosos con la vida personal (y los proyectos paralelos) de la gente, y casi nunca verás a nadie trabajando más allá de la hora oficial de salida.

Quién eres tú

Imprescindible

• 3+ años de experiencia
• Portfolio de trabajos online
• Manejar con soltura Fireworks, o tener disponibilidad mental para abandonar Photoshop
• Que seas nativo web
• Que tengas capacidad de autogestión (no tendrás un jefe en el cogote cada 15 minutos)
• Nociones de (o al menos cierta sensibilidad con) usabilidad, HCI, etc…
• Conocimientos de maquetación con estándares, CSS, XHTML, etc aplicadas al diseño (no vas a maquetar, pero querrás llevarte bien con el departamento de front : )
• Que seas dialogante
• Sentido del humor
• Que no seas alérgico a los perros (tenemos a Maggie en la oficina) ni a los gatos (el Departamento de Diseño es Pro Gatuno y se trae pelos pegados en la ropa a la oficina)
• Que jamás hayas pronunciado las frases “no entendéis mi arte”, “coartáis mi creatividad” o “no tenéis ni idea”

Deseable

Cosas que harán que consideremos tu candidatura con cariño

• Manejo de Illustrator, InDesign y cualquier otra herramienta que te permita hacer lo mismo en menos tiempo.
• Inglés a nivel conversación
• Dominio de plataforma Mac (porque te pondremos uno, básicamente : )
• Presencia online (blog, delicious, Flickr, LinkedIn, etc.

Bola Extra

Cosas que en realidad no hace falta que sepas, pero que harán que te miremos con mejores ojos:

• JavaScript
• Flash
• Cualquier otra habilidad que pienses que mola (por ejemplo, que seas un maestro del Guitar Hero

Si te interesa, sólo tienes que ponerte en contacto con Ale: ale.munoz en the-cocktail.com

Por Keko a 5 Mayo, 2008 – 6:37 pm.
Guardado en Diseño | 2 Comentarios »

Testeando accesibilidad

Si generas contenido en internet, es casi imprescindible que te manejes bien en terminos de accesibilidad. Si crear buen contenido es una experiencia gratificante, más lo es que este contenido sea accesible para personas con discapacidad.

Hay muchas herramientas para testear la accesibilidad de tu página, la principal quizás sea el Test de Accesibilidad Web (TAW), que genera una vista de tu página con los puntos que presentan conflicto con el nivel de accesibilidad web escogido.

Los resultados del TAW se muestran en dos grupos, los automáticos y los manuales. A grandes rasgos, los resultados automáticos son incontestables: presentan conflictos de accesibilidad que deberías corregir si deseas obtener el nivel que has marcado. Los resultados manuales son aquellos que necesitarás revisar tú mismo y, en muchos casos, no son errores de accesibilidad, sino avisos del tipo “revisa que esto esté cerca de esto otro, que yo no lo puedo hacer por ti”. Generalmente, si no tienes ningún error en los resultados automáticos, tu site es muy accesible.

Este blog, por ejemplo, no tiene ningún error de accesibilidad en la categoría AAA reflejado en las alertas automáticas. Hay sin embargo muchas concesiones al diseño en lo que a los resultados manuales se refiere. Por ejemplo, los links contiguos presentan problemas de accesibilidad. Sin embargo el test salta con esa alerta en la nube de tags de la barra lateral, lugar en el que, en realidad, los enlaces están bien diferenciados.

Otra herramienta muy útil es Vischeck, que te muestra tu site del modo en el que lo verían personas con diferentes discapacidades visuales. Siempre es buena idea revisar los colores de los enlaces y elementos gráficos principales.

También puede interesarte el CSS Analyser, de Juicy Studio, que analiza tu CSS en busca de relaciones de color poco claras y otros problemas de accesibilidad.

Por último, una correcta maquetación del texto es fundamental. Buscar un ancho de línea óptimo, un tamaño de letra generoso y un interlineado cómodo son las premisas fundamentales. Hay cientos de recursos sobre cómo manejar la tipografía en pantalla, seguro que dará para otro post. Una herramienta que me gusta mucho a la hora de maquetar texto es Typetester, de Marko Dugonji. Con esta herramienta podrás probar diferentes combinaciones para tu caja de texto y descargar la CSS que más se adapte a tus necesidades.

Recursos
Si quieres profundizar más en el tema, Whdb.com publicó un genial post hace unos días sobre 100 recursos fundamentales de accesibilidad.

Por Keko a 4 Mayo, 2008 – 6:08 pm.
Guardado en Accesibilidad, Diseño | Sin comentarios »

Visualizando microformatos semánticos

Antes de nada, si no sabes de qué va esto de la web semántica, Puede que te resulte más que útil leer el artículo al respecto de The Mixer en su blog.

Uno de los campos que más está funcionando en esto de la web semántica (no tanto como debería, pero al menos algo) es el de los microformatos. A grandes rasgos, la idea es incorporar a nuestros enlaces información semántica útil, susceptible de ser interpretada por buscadores y webapps varias. Un ejemplo puede ser hReview, que nos permite añadir “semántica” a nuestras valoraciones de productos.

Hasta ahora no es difícil encontrar una valoración de (por ejemplo) un monitor tft; sin embargo, es más complicado obtener una valoración de monitores tft puntuados de 8 a 10. La razón es que los motores de búsqueda manejan bien cadenas de texto como “monitor tft”, pero no distinguen entre el “8″ que buscamos, y otros muchos “8″ que puede haber en la página, por ejemplo en fechas (Sí, hay maneras de darle importancia a esas cifras con css, pero no relevancia semántica). hReview es una manera de decirle al buscador que ese “8″ es una puntuación.

Wordpress incorpora el microformato XFN a nuestros enlaces. XFN permite definir la relación con la persona a la que enlazamos de manera semántica, por ejemplo:

<a href=“http://www.vier0n.com/blog” rel=“friend met colleague”>Vier0n</a>

En este enlace, el atributo rel=”friend met colleague” indica que Vieron es mi amigo, le conozco en persona y es colega de profesión.

Un paso más allá está la visualización de esta información. Por supuesto que la principal utilidad de los microformatos está en construír nuevos datos a partir de información ya existente y sus conexiones, pero también puede ser útil visualizar estas relaciones para que el usuario de nuestro site pueda conocer nuestros matices XFN sin tener que acceder al código fuente de nuestra página.

En mi caso, me gustaría diferenciar aquellos enlaces que pertencen a compañeros de trabajo. Hay varias razones, por ejemplo en este mismo post, cito un artículo de The Mixer. Visualizando su enlace de manera que indique que es co-worker, indico a todo el mundo la relación que tengo con ese enlace por si alguien considera que debería buscar más fuentes. Básicamente es una manera de decir “alguien que conozco ha escrito esto, no sé si hay otros artículos mejores por ahí, pero conozco a The Mixer y sé que sabe de lo que habla”. El usuario crea conexiones y se establecen relaciones semánticas mucho más ricas que un simple enlace al artículo Web 3.0 en la Wikipedia.

Visualizar esta información es bastante simple con un poco de CSS. En este blog, los enlaces de “co-workers” van seguidos de un bonito TCK en verde oliva indicando que son colegas en la gran corporación, conseguir esto es tan sencillo como esta simple línea de código:

a[rel~="co-worker"]:after 

{font-size:8px; font-weight:bold;color: #7cab20; content: " TCK";}

Queda mucho por avanzar en la web semántica, pero si herramientas como Wordpress empiezan a incluír estos microformatos, vamos por buen camino.

Tirando del hilo y dando más ejemplos, puedes leer más sobre microformatos en el blog de Luis.

Por Keko a 3 Mayo, 2008 – 6:03 pm.
Guardado en Web semántica | 1 Comentario »