Duopixel

Color, un juego de color

mark — Tue, 24 Jan 2012 08:40:11 -0600

Color es un juego nuevo para Method of Action. Juégalo y comparte tu calificación en los comentarios.

Quizás lo más interesante del juego es que tiene un modo para personas con deficiencias en la percepción del color. Cada color primario se representa con una figura, y el morph entre cada figura son los colores intermedios. Pruébalo aunque no tengas problemas de percepción de color para ver cómo funciona.

Visita color - a color matching game

El hombre más interesante del mundo dice que no

mark — Tue, 24 Jan 2012 07:47:01 -0600

Soy fan del hombre más interesante del mundo de Dos Equis así que junto con María hicimos un subtitulador para que el hombre más interesante del mundo repruebe lo que quieras.

Algunos casos de uso...

Pero está pensado más para dar un "no" como respuesta cuando se te piden cosas como...

O símplemente úsalo como respuesta para los amigos que proponen cosas poco convenientes o de mal gusto...

Pruébalo y si se te ocurre algo gracioso ponlo en los comentarios!

Nos vemos en Startup Weekend México D.F.

mark — Thu, 10 Nov 2011 18:33:33 -0600

Este fin de semana estaré en el Startup Weekend México D.F. Startup Weekend es un evento en el que se reúne gente de negocios, marketing, programación y diseño para lanzar una startup en menos de 54 horas, y se lleva a cabo en varias ciudades del mundo.

La dinámica es muy fácil: al inicio del evento los participantes que traen ideas para una startup se ponen al frente y exponen su propuesta. Los participantes escogen la idea que más les guste y se forman equipos espontáneos alrededor de las ideas. Entonces se ponen a trabajar a tope durante el fin de semana, creando un plan de negocio, validando su idea con usuarios reales, programando y diseñando el producto.

Durante el evento tienen el apoyo de mentores de negocios, programación y diseño para resolver dudas y ayudarlos a crear el producto en el tiempo que tienen disponible. Al final del evento cada equipo pasa a presentar su producto, y un pánel de jueces escoge al ganador en base a la calidad del producto y a su viabilidad como startup.

Los organizadores de Startup Weekend México D.F. me han invitado como mentor y como juez, así que estaré ahí ayudando a los participantes a hacer sus productos más entendibles, usables, estéticos y quizás echando una mano en cuestiones de programación front-end y marketing.

El evento comienza mañana viernes 11 de noviembre, así que faltan poco menos de 24 horas para que se cierre el registro. Quedan apenas un par de entradas para desarrolladores y unos cuantos más para diseñadores. Si estás en posibilidad de participar (dígase, vives a una distancia razonable del D.F. y no hay nada extraordinariamente importante en tu agenda del fin de semana) te recomiendo muchísimo que participes.

He tenido el placer de participar en una iniciativa similar, AbreDatos, y la experiencia es increíble. El placer de crear un producto en un espacio tan corto de tiempo es muy emocionante y remunerador. Además es un proyecto con usuarios reales que puedes añadir a tu portafolio, y que demuestra que tienes pasión por lo que haces, y solo te lleva un fin de semana.

El evento comienza mañana viernes 11 de noviembre a las 6pm en el Tec campus Santa Fe. Ojalá nos podamos ver por allá.

Shape Type, un juego de tipografía

mark — Fri, 28 Oct 2011 17:15:58 -0600

Hace una semana lancé otro juego de tipografía titulado Shape Type.

En el juego ajustas curvas bézier para acercarte a la fuente original. Algunos tips:

La mayoría de los nodos están en ángulos rectos, si mantienes presionado shift te será más fácil acercarte a la solución. Pero hay unos pocos que no, así que cuidado.
Algunas personas se han quejado de que el juego es demasiado difícil, en realidad las pistas están en el resto de los nodos que no manipulas. Puedes inferir dónde van los nodos si te fijas cómo está construida la figura.
Si te estorban los nodos para apreciar tu creación, presiona Alt, esto desaparecerá temporalmente los nodos para que veas lo que estás haciendo. Si te sientes pro, hazlo mientras mueves el mouse/ratón.

Por otra parte, estoy muy contento por el éxito que han tenido los juegos, ya son más de 100,000 likes, 900,000 visitas, y 45,000 tweets acumulados entre los dos juegos. Ha sido una inversión increíble para mi nuevo proyecto, Method of Action. Pronto les contaré de él.

KernType, un juego para practicar tu interletrado

mark — Sun, 09 Oct 2011 20:52:45 -0600

Este fin de semana lancé KernType, un juego en el que distribuyes el espacio entre las letras y lo comparas con la solución de algunos tipógrafos.

Hace algún tiempo tenía en mente crear un juego así. Durante la universidad trabajé como becario en el departamento de señalización, y como era muy torpe pegando el vinilo frecuentemente tenía que despegar letras y reacomodarlas. Por alguna razón, era bastante placentero, y ahora veo que no soy el único al que le gusta hacerlo.

Visita KernType

Memela - una aplicación para dibujar

mark — Wed, 08 Dec 2010 21:28:45 -0600

Memela creada por @doctoraw

Nota introductoria: no lo he probado en Internet Explorer, pero estoy casi seguro de que no funciona. Por el momento es un proyecto personal y no tengo interés en hacerlo funcionar bajo IE. Si necesitas una recomendación Google Chrome proporciona la mejor experiencia.

La semana pasada lancé memela, una aplicación web para dibujar inspirada en Lite-Brite, un juego de los 70's en el que colocabas pines sobre una caja de luz para crear un dibujo luminoso. Este es el juguete:

Te recomiendo que te pases primero por memela primero para que este texto tenga sentido.

Comencé creando una réplica de Lite-Brite, con pines en 3d que creaban halos de luz, en una paleta de siete colores y bajo una retícula de 44 × 32 pines. Ya estaba bastante avanzado cuando me di cuenta de que las limitaciones del juego original no aplican al mundo digital—sería como si la interfaz Skype fuera un teléfono de rueda. Y para ser sincero, sólo podías crear mierda.

Así que comencé de nuevo con una serie de preceptos:

Cuando das click sobre el lienzo, siempre debe pintar algo

Las aplicaciones para dibujar están basadas en modos, cuando seleccionas el pincel estás en modo de dibujar, cuando seleccionas el lazo estás en modo de selección, y cuando seleccionas la goma estás en modo de borrar. Esto es bastante poderoso, pero es muy desconcertante cuando no puedes cambiar el cursor para indicar el modo. Comienzas a hacer click esperando pintar pero, ups! Están desapareciendo tus pixeles. En memela siempre se pinta, la goma en realidad es el color del fondo.

Extendiendo esta filosofía, aún cuando pintas sobre el mismo color verás cambios. Si pintas una pared y pasas la brocha dos veces sucede lo mismo. Además le da un aire analógico imperfecto bastante chulo.

La paleta de colores debe de estar a la mano y en contexto

No sé qué pasa con las aplicaciones de dibujo y retoque, pero la paleta de colores siempre está escondida, a pesar de que es una de las herramientas más utilizadas. Además, se abre en una ventana nueva, completamente fuera del contexto de la imagen.

Seguramente habrás ajustado el color de un texto sobre fondo oscuro, solo para descubrir que el color que elegiste no se parece en nada a lo que querías. Con el tiempo aprendes a elegir el color en relación a lo que ves en tu lienzo y no a lo que ves en el selector de color.

Adicionalmente, quería limitar la paleta de colores, no puedes elegir colores muy oscuros, porque borrarías los grises que te sirven de guías. Fue difícil de implementar pero aprendí mucho en el proceso.

Los colores que has usado recientemente deben de estar a la mano

Otra de mis frustraciones con las herramientas de dibujo es que no tienes los colores que has usado recientemente a la mano. Pones un texto en naranja, cambias el color, pero luego lo quieres reutilizar el naranja y ups! tienes que elegirlo con el gotero, pero como el texto está antialiaseado te da un color distinto, y tienes que copiar los valores numéricos o hacer zoom y seleccionar el pixel que no tiene antialias.

El teclado no es un ciudadano de segunda clase en las aplicaciones web

Si implementas atajos de teclado en tu aplicación web, es posible que solo el 5% de tus usuarios lo utilice. Pero será el 5% de tus usuarios más intensivos y estarán agradecidos. Además es relativamente fácil de implementar, y en un aplicación de dibujo no interfiere con la función normal del teclado (introducir texto).

Deshacer es algo que vale la pena implementar

Otra cosa que se hecha mucho de menos en las aplicaciones web es el deshacer. Aza Raskin explica el caso en Never use a warning when you mean undo.

¿Y para qué sirve?

Tengo pensado usarlo como un espacio dónde hacer experimentos de interfaz. Por ejemplo, he querido escribir acerca de menús radiales, pero ya no creo en escribir cosas que no puedes demostrar, así que Memela es un buen espacio para implementarlo, por ejemplo.

Pero Memela está inspirado en un juguete, y es un juguete también. Así que úsalo para divertirte, y si creas algo que te guste, compártelo en los comentarios. Sólo tienes que dar click en "Share your creation" y copiar el enlace.

Sobre los Community Managers

mark — Thu, 11 Nov 2010 10:31:26 -0600

Para los no iniciados, los Community Managers son personas que llevan el blog, foro, Twitter, Facebook, Flickr, YouTube y demás aplicaciones sociales. Eso es lo visible y demostrable de su trabajo (que no es poco). Sin embargo, la industria está llena de bullshit, y puedes encontrar definiciones como "Evangelista virtual de la marca ante el consumidor" o "Estratega de comunicación virtual". Si hubiese un gráfico que mostrara la cantidad de sandeces dichas en cada profesión, estos estarían justo por debajo de los expertos en social media. Es más, aquí hay un gráfico (espero no ofender a algunos colegas):

Hay una demanda muy fuerte de community managers. No es para menos: Facebook ahora tiene más usuarios activos que la población entera de la Unión Europea. La mayor parte de estos venden humo, es realmente difícil cuantificar el impacto que tiene una estrategia de fidelización virtual a través del involucramiento con los consumidores en los medios sociales. Los veteranos de la industria se quedan estupefactos ante cómo pueden vender diciendo tantas sandeces, pero se les olvida que no todo el mundo tiene esa natividad digital y que muchos clientes ven las aplicaciones sociales como un medio misterioso donde hay millones de clientes potenciales, y creerán lo que sea con tal de llegar a ellos.

Ahora, no quiero hacer menos una profesión en crecimiento, ser un buen community manager requiere una buena cantidad de talento, entusiasmo y habilidades que no cualquier persona tiene. Es básicamente el portavoz de una empresa, necesita redactar de manera clara, concisa, amistosa y debe de tener una ortografía impecable (cualidades tristemente difíciles de encontrar). Necesita saber gestionar desastres de comunicación y relaciones públicas, aplacar trolls sin censurar, tener un conocimiento profundo de la industria y de la comunidad, entre muchas otras cosas.

En muchos casos se puede prescindir de los Community Managers. Los clientes buscan contacto directo con la empresa, y lo mejor es que los mismos empleados de la empresa administren las aplicaciones. Muchas empresas equivocadamente lo subcontratan, perdiendo todo el encanto que puede tener para los clientes. Pongamos un ejemplo deliberadamente sencillo: una peluquería.

La gente no solo quiere saber si hay promociones nuevas, quieren saber cuándo estará Juanita de baja por maternidad para hacer una cita con Pilar. Quieren saber si estará abierto el próximo puente. Quieren saber qué opinan los estilistas del peinado que llevó Penélope Cruz a la entrega de premios. También quieren saber si el bebé de Juanita fue niño o niña. Cuando se subcontrata este servicio la persona encargada de actualizarlo no tiene ni idea de lo que sucede dentro de la empresa, de la industria, o de la comunidad. Simplemente recibe correos con cosas que debe de poner, y realiza aportes tontos como enlazar un artículo en un blog ajeno que habla sobre tips de cuidado del pelo.

Entiendo que haya empresas en las que no haya alguien con la paciencia o el conocimiento de estar actualizando el Twitter y el Facebook, pero si yo tuviese que contratar a un community manager para una peluquería, lo primero que haría es irme a un foro a buscar a un entusiasta de los peinados. Guy Kawasaki dijo alguna vez que es mucho más interesante un experto que bloguea a un bloguero que expertea, y está en lo cierto. Un entusiasta no es un experto, pero se acerca lo suficiente (un experto sería demasiado caro). Esta gente ya conoce la comunidad, escribe por gusto, no porque sea su trabajo, y tiene experiencia interpersonal en la web.

El mejor community manager no es aquel que tiene más amigos en Facebook o Twitter, es aquel que mejor conoce la comunidad, la industria y la empresa que representa.

Nunca uses texto en mayúsculas en tu código

mark — Mon, 11 Oct 2010 21:05:36 -0600

Entre los maquetadores novatos, un error muy común hacer cosas como esto:

Si decides cambiar el formato, tendrás que cambiar cada uno de tus textos manualmente. Peor aún es usar mayúsculas en el título de los posts: en tu blog se puede ver muy bonito, pero gracias a la magia del RSS no sabes dónde terminará, y fuera de contexto resta como veinte puntos de coeficiente intelectual al autor.

La solución es bastante sencilla:

A menos que sea un acrónimo, o algún caso especial detallado por la RAE, las palabras en mayúscula están ahí por estilo. Y las cosas de estilo van en la hoja de estilo. text-transform: uppercase; es tu amigo.

¿Tu hogar revela quién eres?

mark — Sun, 10 Oct 2010 22:16:02 -0600

Hace un par de semanas Gizmodo reveló los planos del hogar que se piensa construir Steve Jobs en Woodside, California. Más allá de la obsesión por la vida privada de Jobs, me llamó la atención el intento de inferir su personalidad en base a sus decisiones arquitectónicas:

[...] "Yo diría que Steve Jobs y familia están bastante cómodos consigo mismos, y no intentan demostrar nada a nadie", afirmó [la psicóloga ambiental]. "Han pensado lo que necesitan en una casa y lo han construido". En términos de diseño, la nueva casa está dominada por líneas rectas, indicativo de un fuerte sentimiento de control, según la psicóloga.

Suena un poco a horóscopo. ¿Qué casa no está dominada por lineas rectas? ¿Quién podría pensar que un billonario tiene algo que demostrar al mundo? Sin embargo, hay bastantes puntos acertados en el artículo, aunque quizás hubiese sido más interesante no informarles del dueño, para no contaminar la crítica de la casa con el dueño.

¿Es posible hacer lo mismo con un desconocido? Quizás: así como tu elección de atuendo, música, y literatura seguramente revelan detalles de tu personalidad, tu hogar seguramente revela muchas otras cosas, quizás más profundas. Desafortunadamente la mayoría de nosotros no tenemos la oportunidad de construir nuestra propia casa, pero la manera en la que diseñas tu espacio también refleja mucho de ti.

Es poco fiable hacer un diagnóstico en base a la calidad de los muebles, si alguien viera la primera casa que amueble junto con un amigo habría llegado a la conclusión de que no teníamos gusto alguno. Acabábamos de salir de la universidad y coincidimos trabajando en una ciudad nueva, sin ahorros, los dos comenzando de cero. Así que fuimos a Walmart y compramos un par de colchones y nos apañamos con lo que pudimos: mesas y sillas de plástico y el refrigerador más barato que había.

En Europa prácticamente todas las casas de jóvenes están amuebladas con IKEA, si quieres escapar de ello tienes que pagar substancialmente más por cosas horrorosas.

Lo que es bastante más relevante es el orden en el que compras las cosas: primero cubres tus necesidades básicas: una cama, una mesa, y una silla. En México se renta sin electrodomésticos, así que el refrigerador seguramente estaría alto en la lista de prioridades. Después de eso se vuelve interesante.

¿Una tele? ¿Una mesa para el ordenador? ¿Un sofá?

Alguna vez me he sorprendido de llegar a una casa que lo tenía todo excepto cocina. Evidentemente el dueño no era muy dado a cocinar. En otra ocasión, me encontré una casa recién construida con la fachada impecable, pero todavía en obras por dentro, con apenas muebles (a pesar de que los dueños ya la habitaban). No quise indagar, aunque supongo que el estatus social les importaba mucho.

Otro amigo me contó de una persona que sólo compró un colchón, y comía en platos y vasos desechables, a pesar de tener dinero de sobra para amueblarla. Asumo que no consideraba su hogar como un espacio para habitar, sino simplemente un lugar dónde dormir y ducharse.

También es interesante ver si la primera televisión se pone en la sala o en la habitación, porque revela si el ver la tele es un acto social o privado. Me he dado cuenta de que los fanáticos del deporte la ponen en la sala, pues es más apto para ver un partido con los amigos.

Si alguna vez has tenido que amueblar de cero, estaré encantado de leer qué fue lo primero que compraste, y tu razonamiento al hacerlo.

Cómo cobrar el diseño, redux

mark — Fri, 03 Sep 2010 10:57:26 -0600

Ariadne escribe:

¿Cómo se puede cotizar el diseño en México? Hay muchos diseñadores aquí que varian mucho el precio por sus servicios. Entonces bajo que criterio puede uno aprender a cotizarse para no quedarse sin trabajo así como para no contribuir a la irregularidad de precios.

Hace poco más de cinco años escribí acerca del tema, aunque fueron las notas de un amigo que fue a una conferencia y no tenía la experiencia como para dar una opinión informada.

Y aún no la tengo, pero intentaré razonar las peculiaridades de cobrar el diseño en México (que posiblemente es extrapolable a todo América Latina).

Consideraciones de freelancear en México

El hecho de que trabajes desde México no es trivial. La escala de precios (y calidad) varía en órdenes de magnitud inimaginables en el mundo desarrollado. Una comida corrida ("menú" para los españoles, y dejaos de reir) puede ir desde $30 pesos hasta quizás $1500 por una comida bistro superfresa.

Habrá clientes que te digan "pero equis persona me lo cotizó en una décima parte de tu precio!". No vale la pena tratar con ellos, ven el producto de diseño como un commodity, un producto cuya calidad es básicamente irrelevante. Si me encuentro una bolsa de sal que vale 10 pesos y otro que vale 100 pesos, evidentemente iré por el de 10. Puede que la calidad sea menor, pero no tanto para justificar un cambio drástico de precio.

Adicionalmente, México está cimentado en una cultura del regateo, aún cuando a tu cliente le parece barato el precio puede intentar sacarte una cotización más económica.

La mejor manera de cobrar el diseño es por hora, no por proyecto

Cuando comencé a diseñar y leía que la gente cobraba por hora se me hacía estúpido, le diré a mi cliente que sabré cuánto cobrarle cuando haya terminado?. Yo era el estúpido en realidad. Lo que se hace es una estimación de horas que vas a tardar haciendo el proyecto.

¿Pero no es lo mismo que cobrar por proyecto? Un rotundo sí. La diferencia es que si un cliente intenta regatear—ya sea porque quiere ver hasta cuanto puedes bajar, o porque verdaderamente su presupuesto no alcanza—puedes recortar features para reducir el número de horas que te lleva hacerlo. Un proyecto es más como un monolito, es todo o es nada. Si le haces un descuento estás devaluando tu trabajo.

Adicionalmente, si te pide cosas que no estaban dentro de la cotización original es fácil cotizárselas: "me tardaré 8 horas más con lo que me estás pidiendo, por lo que te tendría que cobrar X pesos más".

Además de tus conocimientos, tienes que cobrar tu equipo y espacio de trabajo

Un error común que he visto en los freelancers que hacen el salto desde un trabajo asalariado es simplemente cobrar un poco más de lo que estaban ganando antes. Esto es un error grave, pues tienes una computadora, software, conexión a internet, café, papel, impresora, llamadas por celular y demás gastos que parece que no cuestan, porque de todas formas los tenías antes. Todos estos gastos se van acumulando y al final representan una parte sustanciosa de tu salario.

Aunque uses tu mesa del comedor para trabajar también la deberás de cobrar.

A clientes grandes hay que cotizar más horas

Hay muchos diseñadores que aplican la de según el sapo es la pedrada y si llega digamos Coca Cola a pedir una ilustración se volverían locos cobrando, porque para ellos es dinero para chicles. Yo no estoy de acuerdo con este razonamiento, pero tratar con clientes grandes sí involucra más trabajo porque:

Vas a tardar más tiempo intentando hacer trabajo de calidad
Vas a tratar con más gente que tiene interés en el proyecto, y tendrás que administrar su retroalimentación
El impacto de lo que hagas será mucho mayor a lo que estás acostumbrado, si cometes un error en la publicidad en la Gaceta de la Universidad Pancho Villa será mucho menor a si lo haces en en New York Times.

¿Entonces cuánto debo de cobrar por hora?

Yo esperaría que un diseñador mexicano recién egresado me cobrara entre $100 y $150 MXN por hora en proyectos pequeños, alguien senior quizás tres veces más. Cuando contratas a alguien una cantidad de horas definidas por mes este precio se reduce sustancialmente, porque es un ingreso seguro.

Pero a final de cuentas lo que puedes cobrar se reduce a dos cosas: el mercado y el valor sobre inversión de tu trabajo. Si hay muchas personas dispuestas a hacer lo mismo que tú, con la misma calidad y con menor salario, entonces estás cobrando demasiado. Y si alguien te pide hacer el sitio web del equipo de futbol del pueblo, quizás se ría de tu cotización, porque simplemente no tiene manera de justificar el gasto. En cambio, si has demostrado un éxito rotundo con clientes anteriormente, puedes darte el lujo de cobrar más porque estás casi-garantizando que obtendrá beneficios substanciosos sobre tu trabajo.