El rediseño de Perú21 de hace unos días genero muchos comentarios y preguntas, bueno, respondo las que tengo al alcance :

1. ¿por qué Drupal?
   Parte importante de este cambio es la migración de tecnología, ahora el sitio es completamente opensource y necesitábamos un buen CMS libre para gestionar el sitio : Drupal es lo mejor que encontramos, por su modularidad, el framework de desarrollo, el concepto de nodos y la calidad de desarrollo del core.
2. ¿por qué destriparon Drupal?
   No lo “destripamos”, sigue integro y lo usamos de la manera normal respetando su orden. Aunque tambien se puede usar de otras maneras.
3. ¿cúal es el trabajo de 451?
   Ellos nos ayudaron con el arte del diseño preliminar del sitio (.PSD) que luego discutimos e implementamos.
4. ¿quíenes desarrollan el sitio?
   Aquí trabajan 3 equipos que intervienen directamente en la construcción : diseño web, desarrollo web (el cual dirijo) y soporte web.
5. Necesitamos más RSS
   Tenemos feeds para las noticias online y la versión impresa, próximamente habilitaremos algunos más.
6. ¿Cumple con estándares? ¿es accesible?
   Ouch, aún no completamente, es una meta, el equipo de diseño trabaja en ello.
7. No nos gusta el diseño : “mucho azul”, “El fondo negro es demasiado !” “los 3 cuadros de valoradas, leídas, comentadas no pueden estar en uno solo con 3 pestañas?” “2.0″
   El sitio presentado no es estático y el diseño seguirá ajustándose según se necesite, un sitio web que no se adapta muere. No confundir diseño con arte.
8. ¿Me puedes presentar a las chicas21?
   No.
9. Del contenido ¿Y los columnistas de la versión impresa?
   Pronto los tendremos en linea nuevamente, y tendrá sindicación.
10. ¿Los enlaces seguirán rotos?
    Seria una locura dejar todos los enlaces rotos, también estamos trabajando en ello (son muchos enlaces) y otros detalles relacionados al posicionamiento.
11. ¿tendremos búsqueda cronológica?
    Usamos Google para búsqueda de la manera normal, pero si se necesita cronológica también Google tiene esa característica implementada.
12. “Blogs triviales”
    La trivialidad del contenido es criterio de cada uno.
13. ¿por qué algunas noticias tienen comentarios y otras no?
    Por decisión editorial.
14. ¿se pagara por acceder a secciones de Peru21 como se hacia antes?
    No, el acceso es libre a todo el sitio.

Para los equipos web este es un gran cambio, una mejora visual y organización necesario (el diseño anterior tenia 4 años) ademas de una nueva plataforma opensource.

Como involucrado me interesa conocer sus opiniones y sugerencias acerca de este rediseño, puedes dejar un comentario o si lo prefieres tambien tienes el formulario de contacto.

Nuevo diseño para Peru21.pe,  un cambio completo en diseño y usabilidad, mejor organizado, ahora el sitio es gestionado usando Drupal sobre una base opensource : Linux + Apache + Lighttpd + PHP + MySQL, y mucho trabajo del equipo web.

Ahora que estoy del lado de los constructores, ¿ustedes como lo ven? los comentarios son bienvenidos.

Actualización: continua en Rediseño de Peru21 : preguntas y respuestas

Opera, junto con Yahoo, Web Standards Project y otras universidades pone a disposición el Opera Web Standards Curriculum, un excelente curso online gratuito para saber todo lo necesario para desarrollar en base a estándares y examinando los principios básicos de la web, es ofrecido bajo una permisiva licencia Creative Commons a  educadores interesados en ofrecer este tipo de formación, estudiantes y empresas en general.

El curso consta de 23 capítulos y continuaran publicando más.

Como excusa para sacar de la pausa a este blog y meterme en asuntos donde nadie me llama pero que me interesan, llego a 3 cosas que me molestan de los blogs, pero quisiera darle vuelta al asunto y prefiero escribir sobre las 3 cosas que me gustan en un blog :

1. Los blogs que investigan, que cuando dan una opinión revisan el tema, consultan, demuestran, experimentan, un buen uso de youtube o slideshare, que no son ruido y ecos, los que crean contenido, los que son opinión informada.
2. Los blogs que cuidan el diseño, que aunque es la plantilla n de blogger no abusan y mantienen cierto orden, los que siempre cuidan como se presentan a sus lectores.
3. Los blogs que reconocen cuando se equivocan, y dan disculpas cuando deben y no se corren cuando tienen que mantener firme una posición.

Y esas son.

Ahora si quieres saber que cosas no me gustan de los blogs le puedes dar un vistazo a No lo hagas.

Pasaron unos días desde el fin de la campus, pero quería publicar las notas sobre las 2 mejores exposiciones que vi en el Campus. Continuar leyendo »

Conversando con el autor de Cine al Oído me contó una historia que esta involucra a un periódico, un foto y una banda de mafiosos, seré breve:

En diciembre del 2007 el diario el Pais de Colombia publico en sus paginas una fotografía tomada por una blogger colombiana sin respetar los derechos de autor. Esto hubiera quedado en una  molestia más de no haber recibido por respuesta “entonces lo mejor seria que las subieras (la foto) a un sitio donde no se pueden bajar”

Esto provoco una reacción en cadena en muchos blogs, formándose un espontaneo grupo que fue bautizado por un blogger que estuvo a favor del diario como La Mafia Caramelo.

Finalmente, ante la presión, el diario se disculpo en una escueta carta.

Y esa es la curiosa historia.

Ya vamos por el cuarto dia de la Campus, algunas cosas resaltantes de estos dias :

Reactable
Es un instrumento que en el Campus causa furor, con el uso de cubos sobre una interfaz sensible al tacto se puede hacer música, mejor vean el video :

Continuar leyendo »

Finalmente estamos en Colombia, mi primera vez en este país, el evento se desarrolla con buena acogida aqui siendo el primero en Latinoamerica, ayer hasta la noche estuvo llegando mucha gente con sus computadoras y carpas desde distintos lugares. Continuar leyendo »

Mañana estaré llegando al Campus Party Colombia, una fiesta geek tecnológica de una semana con una serie de conferencias, talleres técnicos  y un gran ancho de banda, espero escribir un poco sobre como las cosas se desarrollan por allá en este blog, twitter o jaiku.

Voy por una invitación de Telefónica, a ver si los convenzo de aumentar ese 10% de ancho de banda que no nos hace muy felices. También va Arturo Goga, y si hay algún lector que va para allá que avise en los comentarios.

Techcrunch da un vistazo al laboratorio de usabilidad que se utiliza para diseñar Gmail (nombre código Caribou ), muestran algunas fotos, observación de usuarios y grandes pantallas.

Ahora Google Trends permite mostrar estadísticas acerca de la cantidad de usuarios únicos de diversos sitios web, comparando entre máximo 5 sitios (menos google.com), con filtros de tiempo y zona geográfica.

Tiene tanta importancia como Alexa, solo son datos estimados.

Hace unos instantes ya esta liberada Firefox 3, con muchas mejoras en interfaz y rendimiento, 3 características que me llaman la atención : el zoom de pagina, lienzo HTML y el soporte para trabajo offline de aplicaciones web.

También espera obtener establecer el récord mundial de descargas en un solo día. Mozilla tiene un contador en vivo de cuantas descargas se van completando.

2 recursos para esta nueva versión : Sitepoint ofrece el ebook gratuito Firefox 3 Revealed, también tenemos una extensa vista en la Guía de campo para Firefox 3.

En busca del record, ¡ lemming power !

Actualización : se alcanzaron 8 572 173 descargas en 24 horas, falta la confirmación de Guinnes para darle la categoría de récord.

Finalmente con Alexis encontramos tiempo para grabar una nueva edición de Tiempos interesantes, la edición tomo su tiempo y finalmente esta listo,  en este episodio hablamos sobre opensource, twitter, plurk, n800, ebooks y otros.

Intentaremos sacar mas episodios, los comentarios son bienvenidos.

Al momento de escribir este post algunos dominios peruanos estan inaccesibles, específicamente a dominios que terminan en .pe, .gob.pe y algunos .com.pe. Red Científica Peruana aún no informa nada en su blog dedicado a los dominios.

Actualización : los dominios vuelven a la normalidad.

Yahoo! Design Pattern Library tiene en libre descarga plantillas para la elaboración de wireframes en proyectos que incluyen el uso de la librería YUI. Trae ejemplos para formularios, menús, dispositivo móviles (blackberry, iphone o un nokia n95) entre otros.

Aunque estas plantillas vienen a color, lo ideal sera pasarlas a escala de grises para evitar confundir la elaboración del wireframe con más detalle del necesario.

Via : UX Magazine.

Mexico Web 2.0 es el próximo gran evento que se viene, en realidad de los pocos que hay en Latinoamerica, trae expositores de buen nivel, entre ellos algunos buenos amigos : Freddie Vega, Alexis Bellido, Christian Van der henst, Manolo Guerrero (el de JQuery), en su blog también confirman la participación de Molly Holzschlag, co autora de The Zen of CSS Design

Avisados están, vayan preparándose para ir que va a estar bueno

Shibuya.js, un user group de Javascript japones, único en el mundo segun comentan en su presentación, produjeron 3 vídeos del proceso de reflow, que en palabras sencillas es el proceso del navegador para posicionar los elementos de la página web que carga, una muestra de ejemplo con una página en wikipedia:

Siguiendo vía tras vía la noticia original en Inside Gecko Handout.

He solucionado el problema de centralizar los diversos enlaces creando un planeta para ello : planetalki.com/backdraft [sindicación] así comparto en un solo punto los post que recomiendo en Google Reader, enlaces que tengo en mi cuenta del.icio.us, presentaciones mías y algunas favoritas en Slideshare.

Planetaki es un agregador minimalista, muy fácil de usar, con interacción intuitiva, simple e ideal para personas que aun no entienden que rayos significa sindicación o RSS, tiene lo justo y necesario para seguir tus sitios web en una sola página. Otra opción interesante es soup.io (un ejemplo : backd.soup.io) aunque falla en estabilidad.

Acerca de algunas consideraciones acerca de usabilidad al implementar CAPTCHAS para el control de spam y evitar abuso de servicios.

Explicar por que se usa este código
Nada es obvio, el visitante que se encuentra por primera vez con un captcha se siente desorientados al ver un numero y letras deformadas, un par de lineas de cortesía los informan por que deben escribir el código y algunos agradecerán aprender algo nuevo.

Hacerlo legible para humanos
La meta es desorientar a los robots no ahuyentar visitantes, equilibre la complejidad de lectura a niveles racionales, los extremos no son buenos.

Definir claramente que caracteres se están utilizando
Reducir la complejidad a los visitantes al distinguir los caracteres, por ejemplo en ocasiones no se puede distinguir entre una O (ó) y 0 (cero), evite el uso de L,1,O,0,6,G,5,S o similares y aumente la cantidad de caracteres a seis como mínimo, utilize las letras en minúscula.

Brinde una alternativa
Una buena posibilidad es tener la posibilidad de escuchar el captcha ampliando las posibilidades de entenderlo.

Explore opciones
Los CAPTCHA son una buena manera de evitar el SPAM, pero las complicaciones para entenderlos por personas mayores, usuarios novatos o discapacitados puede ser perjudicial. Conviene revisar alternativas transparentes al usuario.

Tengo un blog descuidado, escribo poco, leo mucho, trabajo más (si, en algun momento les contare ), les comento algunas temas que lei y merecen explorarse :

Google Connect sera la forma de aprovechar los sistemas de login de sitios como Gmail, Facebook, HI5 y otros para aplicarlo a cualquier sitio web (single sign-on), agregar caracteristicas sociales y desarrollar para esta plataforma, bonita promesa. Aún esta en estado preview release :

Reuters Spotlight nos brinda un api para poder trabajar con la data (texto, imagenes y video) que esta agencia produce a diario, requiere suscribirse para obtener el api-key.

Para finalizar, el blog de Jonathan Schwartz, CEO de SUN Microsystems, recientemente adquirieron MySQL, tiene el blog traducido al español, habla de su empresa, la tecnologia que desarrollan y escribe en su último post un parrafo acerca de bloging corporativo :

¿Por qué el CEO de Sun pierde el tiempo escribiendo ese blog?
Porque estoy convencido de que es necesario aportar toda la claridad y transparencia posible en relación con nuestra estrategia y operaciones de forma permanente, en lugar de una vez cada doce meses en el informe anual. Creo que la claridad respecto al rumbo que tomamos resulta de utilidad para nuestros accionistas, clientes, socios y empleados.

Tanto en los buenos tiempos como en los difíciles.

Este es un popup de la nueva generación, un elemento no solicitado y molesto (ejemplo en la ley del menor asombro), un elemento que el usuario no controla (aunque es posible configurarlo sigue siendo un tramite más) y por que en última instancia es un elemento decorativo que tiene por único “beneficio” “previsualizar” un sitio web que no necesariamente sea visitado y que tal vez tenga un diseño diferente aumentando la confusión.

La mejor utilidad que le encontré, fue la relación con los enlaces de wikipedia, donde da un previo de la info relacionada que aporta más que una sencilla imagen, allí es donde le veo más posibilidades al servicio.

Y no me refiero al tipo de fuente que se usa en el noticiero de la mañana, el ejemplo va cuando visualmente se refuerza cierto mensaje, en vez de usar imágenes, usar texto, 2 buenos ejemplos :

El de la canción Ya no sé qué hacer conmigo, El Cuartetos de nos

O el aplicado al dialogo de a uno de Marcellus Wallace, Say what again!? (El lenguaje usado es del calibre de la película Pulp Fiction, asi que NSFW)

Esta técnica mantiene atenta a la audiencia para no perder la secuencia, una táctica ideal al llevar una presentación

Actualización : Más sobre el autor del segundo video en JarrattMoody.com

Cuando se habla de usabilidad no se puede evitar referenciar a Jakob Nielsen, un guru en su campo y celebrando su 25 aniversario hace un balance de cuantas cosas cambiaron durante estos años, calcula 50000 profesionales a tiempo completo y medio millon trabajando en usabilidad de alguna manera, tampoco duda de ver la usabilidad como carrera.

Una párrafo :

But that’s still pretty good. We have job security as long as there’s stupid design in the world, and that’s forever: every new technology that comes along will be abused.

Estamos seguros de que siempre tendremos trabajo mientras haya diseños estupidos en el mundo, y eso es para siempre: cada nueva tecnología que aparece será objeto de abusos.

Feliz aniversario Jakob !

Alguna vez escuche este FUD y me causa gracia recordarlo al ver los datos obtenidos de la mesa redonda Scaling MySQL - Up or Out ? durante la MySQL Conference 2008.

Algunos datos : Flickr no tiene DBA, Wikipedia usa en parte Ubuntu Server y todos hacen las veces de DBA, Fotolog anda con Solaris 10, Facebook mantienen 1800 servidores de base de datos por lo que la caida de uno no afecta mucho y Youtube además de Python usa SUSE 9.

Ahora con la llegada del microblogging y aprovechando el tema prologue estamos recomenzando un viejo proyecto : No lo hagas!, donde la gracia es contar lo que creemos que no deberías hacer con tu blog.

Es un buen ejercicio bloguear así, somos 4 autores con algo de experiencia con blogs usando un formato de publicación de piensa y postea, estamos agregando modificaciones al tema original, ya veremos hasta donde nos lleva el experimento esta vez.

Enlace relacionado : Microblogging en Wikipedia

La novedad del día, video en Flickr, muy bonito, sencillo y fácil de usar, los videos son solo para las cuentas Pro y están limitados a 90 “gloriosos” segundos o 150 mb, una buena idea para que el servicio no pierda la buena onda conviertiendose en el desmadre que es Youtube.

Aunque me salio un poco oscuro dejo un video de muestra :

Como por ejemplo cuando queremos hacer pruebas o una consulta rápida a la base de datos, para esto colocamos al principio del archivo .php el siguiente código :

//testing
include_once 'includes/bootstrap.inc';
drupal_bootstrap(DRUPAL_BOOTSTRAP_FULL);

Así incluimos las funciones de una instalación de Drupal existente de manera sencilla, no olvidar la seguridad de tu script y que esto es solo para hacer pruebas.