Viendo tantas demostraciones de diseño libre y espectacular en galerías de diseño por ahí, sentí la necesidad de hacer algo que estuviera a ese nivel. Quería hacer algo más allá de los límites del diseño corporativo y necesitaba, como siempre, una excusa que me motivara para hacerlo. Entonces pensé que podría ser buena idea hacerme a mi lugar como diseñador en internet.
Entonces mi primer portafolio empezó a tomar forma con algunos proyectos personales, otros hechos para amigos y algo de mi trabajo en Gattaca. Decidí que quería algo impactante pero directo, así que me decidí por un diseño lleno de color y una presentación clara: todo en una sola página.
El resultado ha sido mejor de lo esperado: sólo esperaba divertirme y aprender un poco por el camino pero recibí más que eso. El portafolio tiene, a una semana de su puesta en línea, una cantidad increíble de visitas de todos lados, así como reconocimiento en galerías y blogs de diseño. Bastante bien para empezar.
El Dia Tigo es una promoción permanente que tiene este operador celular para sus usuarios en prepago. En estos días mágicos las recargas parecen dobles, los minutos se multiplican y el gasto que significa llamar resulta mucho más amable.
Lo difícil siempre es saber qué día son esas promociones, especialmente cuando uno no escucha radio y ve poca televisión nacional. La gente de Tigo tampoco es que sea muy avispada en temas de Internet, así que la única forma de que usted se entere, por este medio, es ingresando al sitio y chequeando personalmete si hay o no promoción.
Con la necesidad en las manos y gracias a esa ilusión de poder que le da a uno tener idea de programación, escribí un bot bien humilde cuya única misión en la vida es hacer una consulta automática y anunciar vía Twitter a sus followers cuándo es día Tigo. Si la API de Twitter se encuentra estable todo lo demás marchará sin problema.
Si usted es usuario de Tigo pero además de Twitter, puede usarlo siguiendo al usuario @diatigo. Sobra decir que no hay nada que me vincule al operador más allá del contrato que firmé el dia que compré mi teléfono. Aprovecho desde ya para lavarme las manos frente a cualquier efecto inseperado del experimento.
10 Sep
Posted by: Juan Diego in: Desarrollo web, Diseño, Recomendaciones, Web 2.0
Hace algunos días estuve explorando varias opciones para hacer prototipado de sitios y aplicaciones web. Hasta el momento he prototipado decenas de sitios y aplicaciones en varios niveles de fidelidad (desde wireframes hasta prototipos con diseño) con Fireworks. Sin embargo el programa de Adobe está hecho para mil cosas diferentes a hacer prototipos como tal y en este caso prefiero inclinarme por un software que prometa poco pero que lo haga bien. Así mismo descarté también Visio por ser una solución mucho más costosa y compleja de lo necesario.
Probé un demo de Axure, una aplicación diseñada exclusivamente para realizar prototipos con la ventaja de que permite crear varias pantallas y realizar demos de la navegación entre ellas, exportando todo a un HTML fácil de explorar por el cliente. Sin embargo, aún con ganas de ver más, busqué en Delicious y me encontré con Balsamiq Mockups.
Balsamiq es una interesante aplicación desarrollada en Actionscript que es perfectamente capaz de correr como un swf embebido en cualquier web, y gracias a AIR, una versión ligeramente más trabajada del programa anda de manera transparente en mi WinXP como aplicación de escritorio. Esto, sin embargo, no es la característica más llamativa de Balsamiq: falta decir que lo que me conquistó fue su estilo. Como sería de esperarse en este tipo de programa, Balsamiq dispone de una librería de elementos adjuntables al lienzo via drag&drop o mediante una cómoda línea de comandos con autocomplete. La peculiaridad radica en que los trazos de estos elementos dan la sensación de haber sido rayados en borrador sobre un papel.
Este estilo le da una sensación de informalidad a los dibujos y genera una experiencia de trabajo más relajada, evitándole al diseñador de interfaces sufrir con la necesidad obsesiva de dejar todos los elementos perfectamente alineados entre sí. Al final lo que se obtiene es un software muy fácil de usar (lo que se traduce en velocidad) y una presentación que, anticipo, puede ser de ayuda a la hora de dejar más claro en los clientes (y diseñadores) el carácter de boceteado que hay en el proceso del desarrollo de prototipos.
Al final Balsamiq no es un software definitivo para nada, pero creo que puede servirle a muchos para trabajar ideas al menos en las primeras versiones. Además las características de usabilidad que tuvieron en cuenta sus desarrolladores son un ejemplo bien interesante de lo que puede hacer perfecta a una aplicación como esta. La ventaja está en la sencillez y los detalles pero los otros productos que compiten en el mercado no tienen ni idea.
01 Dec
Posted by: Juan Diego in: Desarrollo web, Diseño, Personal, Recomendaciones, Web 2.0
Gacetilla es una iniciativa liderada por Sergio García, Javier Moreno y Fidel Ramírez y en palabras de ellos mismos se trata de “un proyecto que agrupa varios ríos de noticias, estilo Digg o Reddit, especializado en asuntos específicos (Colombia, Literatura, Cine,…). La idea detrás de Gacetilla es facilitar el acceso a notas interesantes sobre estos temas que usualmente se pierden entre la maraña informativa y la basura mediática, así como generar discusiones al respecto. También pretende visibilizar medios regionales y nuevos medios (blogs y e-revistas, por ejemplo) equiparándolos a los ya establecidos”. Lo interesante es que son los usuarios quienes destacan artículos encontrados en la web y Gacetilla se encarga de indexarlos y generar el espacio para la discusión alrededor del tema.
Esta semana tuve la oportunidad de participar temporalmente en el proyecto y pude hacer mi aporte diseñando un nuevo logo y creando un par de aplicaciones del mismo (favicon y banners). A decir verdad el trabajo fue poco y al final el cambio consistió simplemente en crear un logosímbolo y replantear la tipografía ajustando un poco el kerning y las ligaduras.
Espero que este no sea mi último aporte, pero sobretodo espero que les vaya bien. Me parece que la iniciativa es buena y sobretodo se siente bonito ver que se hagan cosas de este tipo (y sin intereses económicos) desde Colombia, donde para la mayoría de los usuarios de internet la web social no llega más allá de mandarse pescaditos en Facebook.
Desde mi actualización casi simultánea a Windows Vista y Flash CS3 venía sufriendo por lo mal que se llevaban. Entendía que ocurriera así con la versión previa de Flash dado que no fue desarrollada pensando en correr sobre Vista, pero lo de ahora era inadmisible, por decirlo de alguna manera.
Yo todavía no sé si esa lentitud al usar el editor de ActionScript o tratar de modificar un MovieClip eran un problema exclusivamente mío producto de la suma de tres o cuatro variables indeterminadas que conspiraban a favor del pésimo rendimiento o si todo era culpa de una poco conveniente alineación de la tierra con el sol. El caso es que busqué en todos lados y le pregunté a varias personas alrededor y el problema, en el caso de los demás, no parecía tan crítico.
Y como no apareció solución, probé. Ya hacía un par de meses había deshabiltado Aero y esta vez, ante el desespero probé medidas más desesperadas. Instalé a ojo cerrado un programa para mejorar el rendimiento del sistema operativo que funcionó bastante bien en términos generales pero que no resolvió mi problema específico.
Casi a punto de devolverme a XP y tras jugar a prueba y error con algunas configuraciones dí con una solución:
09 Oct
Posted by: Juan Diego in: Blend, Desarrollo web
Hace días, luego de actualizarme al Blend 2 September Preview intenté compilar y previsualizar proyectos existentes e incluso proyectos creados desde cero en esta versión del producto. Sin embargo, cada vez que trataba se me presentaba el siguiente error:
error MSB4126: The specified solution configuration "Debug|MCD" is invalid. Please specify a valid solution configuration using the Configuration and Platform properties
La única solución la encontré luego de un par de horas escarbando entre los foros y knowledge bases de Microsoft. Es tan sencillo como abrir el editor de registro (Win + R y ahí escribir Regedit) y ahí buscar la ruta llamada HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Session Manager\Environment y una vez allí, eliminar la variable PLATFORM. Luego de esto, cerrar el editor de registro y reiniciar la máquina.
24 Aug
Posted by: Juan Diego in: Blend, Desarrollo web, Diseño
Los MovieClips son fundamentales en Flash para hacer muchas cosas, para manejar líneas de tiempo de forma paralela y de alguna forma para mantener todo separado y organizado. Véamos qué elemento puede llegar a funcionar aunque sea parecido a este concepto en Blend.
24 Aug
Posted by: Juan Diego in: Ciudad, Desarrollo web, Personal, Recomendaciones, Web 2.0
Transmilenio puso en funcionamiento hace poco un mapa interactivo del sistema, donde, desde el sitio web oficial el usuario introduce una estación de origen, una estación de destino y la hora en la que planea hacer el viaje. Usando esta información, el sistema devuelve al usuario una serie de posibles rutas ordenadas de acuerdo a la cantidad de paradas que implica cada una, de menor a mayor.
Sin embargo, existía desde antes un sitio que prestaba el mismo servicio de manera más intuitiva y más rápida, con una interfaz que hacía uso inteligente de cuadros de diálogo generados en vivo por medio de Ajax. La apariencia tanto de la interfaz como la del sitio eran bastante mejorables, pero el problema real de esta opción siempre fue que estuvo oculta a casi todo el mundo, enterrada en el sitio de Ciudad Móvil S.A., empresa privada administradora de TM.
Aún cuando en la página de Transmilenio la herramienta ofrece más información (sitios cercanos, alimentadores) yo sigo usando la opción de Ciudad Móvil porque funciona mucho más rápido y me queda un par de clics más cerca. Pero seguramente, al dejar de ser una herramienta indispensable (ante la existencia de la nueva) entrará en desuso y sufrirá por falta de mantenimiento llegando a situaciones como que por ejemplo las nuevas rutas dejen de ser ingresadas al sistema.
Preocupa en todo caso la posibilidad de que hayan trabajado el doble, haciendo dos herramientas parecidas para el mismo fin. Sin embargo, la idea es buena y es algo que debimos tener incluso desde la llegada de Transmilenio a Bogotá. ¿Será posible unificar las dos herramientas conservando lo mejor que tiene cada una? ¿Se les ocurrirá aprovechar la plataforma ya existente y hacer cosas interesantes como la implementación de kioskos virtuales en portales y estaciones?
No sé si es equivocado abordar este proceso pensando desde tan dentro de Flash, pero cuando a uno le enseñaron que podía hacer máscaras es dificil olvidarse del concepto y ahora parece que fueran necesarias para cualquier cosa. En Blend la tarea parece aún compleja pero buscando se encuentran algunas alternativas.
Escribir CSS puede ser un parto algunas veces. La forma en que Internet Explorer interpreta los parámetros CSS es muchas veces diferente a como lo haría Firefox, por ejemplo. Hoy explico una solución que no conocía y que está mucho más a la mano para resolver algunas situaciones específicas.
