Estrategia | 4 entradas
Usabilidad, accesibilidad y eficiencia ante la emergencia del terremoto
Publicado por jbarahona el 04 de March de 2010
1 Comentario Categorías: Arquitectura de la Información, Código, Diseño Front, Estrategia, Experiencia de Usuarios, Iniciativas, Research, Usabilidad

Chile es un país de emergencias naturales, en especial de sismos. Hoy, todos estamos haciendo algo para ayudar a superar los efectos del terremoto del 27 de febrero y que afectó fundamentalmente a la zona central y sur de nuestro golpeado país.
A horas de ocurrido el terremoto varios emprendedores digitales empezamos a pensar, por separado cómo podríamos ayudar con lo que sabemos hacer. Algunos hicieron importantes sitios web que muestran distintos recursos para ayudar, donar dinero, sangre o localizar el estado de las carreteras. Otros suben fotos, muchos -casi todos- tuiteamos con #terremotochile
Es tan grande la cantidad de información que circula digitalmente que le quisimos dar sentido desde el usuario y sus intereses en localidades específicas.
Surgió entonces la idea de geolocalizar la información para ordenarla y sobre todo personalizarla desde los intereses de los usuarios en ciertas localidades aplicando, a su vez filtros de los temas más recurrentes en ésta emergencia.
Se hizo un barrido de los temas y palabras más usadas en distintos medios, como diarios electrónicos, Google, Yahoo, Facebook y Twitter para cruzarlo con las localidades más afectadas. De esta manera, un usuario puede leer todo lo que se dice de una localidad en particular sobre los keywords más usados y relativos al terremoto como son “buscapersonas”, “personas”, “perdidos”, “ayuda”, etc.
La Arquitectura de la Información nos entregó la visión de cómo indexar los contenidos para diseñar su consumo.
El Diseño Visual debía ser muy googleano, quiere decir muy usable y accesible con ciertos toques simples de interfaz pero eficiente y efectiva.
A su vez el desarrollo exigió al máximo a Front ya que había que hacerlo en 1 día, pero sobre todo exigía de los conocimientos en código y programación a Felipe y Basilio.
El resultado es un agregador que en este momento suma noticias de medios específicos, fotografías y tuits indexados en las palabras más urgentes y útiles. Cada localidad, en la medida que aparecen en internet notas o tuits específicos de ese lugar, inmediatamente se activa -si es que no está- en el índice de la home. A su vez, cada lugar tiene un RSS lo que permite llevarse ese feed a cualquier otro agregador y estar enterado específicamente de lo que se habla de esa localidad chilena.
Nos sentimos orgullosos de EmergenciaChile.info pero sobre todo nos sentimos en deuda en mejorarlo, hacerlos más efectivo y eficiente y sobre todo ayudar a vivir mejor ésta emergencia sísmica.

Tarjetas de Presentación diseñadas con Processing
Publicado por Estefanía Trisotti el 30 de January de 2010
8 Comentarios Categorías: Estrategia
Debido a la buena acogida que tuvimos con el diseño de nuestras tarjetas de presentación (y que actualmente estamos reimprimiendo ya que se nos agotaron) decidimos escribir un post acerca de cómo las hicimos, ya que al contarlo nunca nos entendieron del todo.
La idea fue hacer de algo simple -como unas tarjetas de presentación- algo innovador y personalizado. Partimos estableciendo que ninguna tarjeta fuera igual a la otra, ya que somos una empresa relativamente pequeña, donde cada uno es importante. La idea derivó a que cada tarjeta tuviera el rostro de la persona presentada, con una trama negra inspirada en el fondo del sitio de AyerViernes.
Desde un inicio, definimos graficar las caras en base a pequeños círculos de diferentes diámetros. El primer intento fue tomar una foto y aplicarle filtos en photoshop, para que quedara 100% contrastada y creada en base a círculos. Después de varias modificaciones el intento no funcionó, ya que los bordes quedaban poco definidos y la calidad era insuficiente para enviar a imprenta. Con la misma idea en mente, sumado a la dificultad de que ahora debían ser construidos con vectores, Herbert Spencer tuvo la (genial) idea de manipular las fotografías en processing. En base a un sencillo código que programó, es posible convertir una foto en una trama de círculos, ajustables según su tamaño y espacio entre ellos.
Resumimos aquel proceso por pasos:
- Conseguir una foto de la persona. Ideal que el fondo sea limpio/homogéneo.
- Descargar processing. Luego descargar el código de la trama realizado por Herbert para aplicar el filtro de los círculos, y guardar en una carpeta la cual debe tener una subcarpeta con el nombre “data”, que es donde s ubica el bitmap de entrada.
- Abres en el programa y el código. Los parámetros están comentados por lo que es fácil jugar modificándolos. (mínimo debes reemplazar el nombre del jpg y el nombre del PDF de salida). Hacer click en el ícono de “play” y el sistema genera el PDF, que posteriormente es editable en Illustrator.
- Al tener la imagen definitiva, seleccionas los puntos de la persona, y lo encajas en el archivo donde están los demás datos (en este caso las tarjetas). En el ejemplo, la capa la imagen de la persona está simulado color rojo.
- Finalmente, las tarjetas fueron impresas en papel couché de 350 gramos, Polimatte por tiro y retiro más barniz serigráfico por tiro. El polimate le da la opacidad al negro, mientras el barniz le da el brillo a la trama creada en processing.
¿Simple, no? la idea es demostrar que desde el pensamiento abstracto y matemático, el campo de desarrollo de processing es ampliamente artístico y creativo. Si estás comenzando a usar processing -que para goce de todos es código abierto- será útil que hagas click acá.
SoyDigital 2010 liberado
Publicado por jbarahona el 06 de January de 2010
Sin Comentarios Categorías: Estrategia, Research, SoyDigital 2010
Está liberado “SoyDigital 2010, reporte de Experiencia de consumo en Chile”
- Reporte SoyDigital 2010, completo (PDF 4.2 Mb.)
- Imágenes y gráficos (Flickr, imágenes individuales)
- Hazte fan en Facebook y sigue todo lo que viene
- Síguenos en Twitter (#soydigital)
Estamos en el 2015
Publicado por jbarahona el 11 de November de 2009
Sin Comentarios Categorías: Estrategia, Research
Soñar el futuro es una de las cosas más entretenidas de nuestro oficio. No son sueños sin fundamento ya que estudiamos a los consumidores y sus comportamientos, las tendencias y a diario diseñamos las Experiencias que viven nuestros Clientes y sus audiencias.
Nokia se precia de pensar el futuro incluyendo temas y avances que están recién desarrollándose, como la realidad aumentada o la geolocalización como algo obvio y posible para el cercano 2015, no sólo para saber dónde, si no para que los demás sepan de mi (me incluye, soy social) y poder vivir mejor las relaciones con mi entorno.
El vídeo usa la metodología de personas y coloca en el centro de todo la experiencia de los usuarios como la clave del futuro móvil de todos nosotros. Hay varias señales y enseñanzas que siempre nos deja Nokia con éstos “future-design” o conceptos, una es que todo el discurso está en torno a las personas haciendo cosas, no en torno a los móviles. Colocar al usuario en el centro en fundamental para pensar el futuro, uno muy cercano.
Otro antecedente es la confirmación de que son las redes sociales la manera en como nos comunicamos y seguiremos haciéndolo.
Reflexionar en que el contenido es lo que hace a una marca existir, para que me encuentren cuando, por ejemplo alguien planifique una junta de tapas en Madrid. Eso que se ve tan sencillo y nítido en el vídeo requiere de una actitud y por sobre todo de Estrategia.
Estás pensando el futuro de tus clientes? Sueñas? Hacer éstos ejercicios le da rumbo a la empresa, guía el camino y lo más importante, coloca los temas que a Nokia, en éste caso le interesa proponer al mercado. Lidera.
5 errores clásicos en licitaciones o porque no hacemos maquetas para ganarnos una
Publicado por jbarahona el 09 de November de 2009
3 Comentarios Categorías: Estrategia
Estamos en época de licitaciones. Las empresas suelen, por estas fechas convocar algunas empresas y hacerlas competir para que durante los próximos meses (a veces el año completo) les hagan sus trabajos de Diseño y Producción de sus medios digitales.
Sin embargo dichas licitaciones tienen muchos vicios que afectan la elección. A continuación algunas de las cosas que afectan dichas licitaciones donde, al final perdemos todos; los que convocan, los convocados y lo que más nos duele, los usuarios finales de los medios digitales.
- Brief. La baja calidad o inexistencia de Brief es una condición general de la mayoría de los llamados. Los ejecutivos que llaman a las Licitaciones generalmente lo hacen para producir un medio, no para resolver un problema de comunicación. “Queremos que nos hagan el nuevo Portal de la empresa” suele ser la equivocada frase. Pensamos que es distinto, nos gustaría más que en un buen documento, se volcaran la Estrategia general de la empresa con sus objetivos, sueños y anhelos. Qué les gustaría suceda en sus canales digitales?. Cómo estos conversan con los esfuerzos off-line?. Sólo así se puede desplegar toda la creatividad y experiencia de los convocados. Sin un buen Brief se produce desde el comienzo un divorcio entre los ejecutivos y la empresa ganadora, impidiendo por ejemplo que los ricos mecanismos de medición que entregan los medios digitales, funcionen como argumento de éxito o fracaso de las acciones realizadas al final de proceso, una vez que se terminan los trabajos
- Las empresas convocadas. Una de las mayores confusiones se producen porque se llama a la empresas que “hacen páginas web” y en ese saco se meten desde consultoras exclusivas en Usabilidad, que poco entienden de belleza y Diseño hasta empresas de Desarrollo e Ingeniería que nada saben de Comunicación. La confusión en el llamado más la falta de Brief hacen que al final ganen empresas o personajes “por que tiene experiencia internacional” o por que derechamente eran las “más baratas”. Y qué fue del brief? Antes de llamar a empresas a competir es bueno conocerlas, convocarlas a que entreguen sus credenciales y sólo una vez conocidas sus ventajas y desventajas, invitar a las que más se acerquen a lo que la empresa desea lograr en los medios digitales
- Los presupuestos. Es importante que la empresa que convoca entregue un presupuesto. Sin embargo el presupuesto a invertir es una cifra que cuadra con mi inversión general para lograr que se implementen mis tácticas para lograr los objetivos que mi empresa tiene para éste año o lisa y llanamente es un porcentaje de la inversión general de marketing, cercano a lo que hace la industria (un 25% y subiendo aceleradamente) a nivel global. No es, el precio que se pagó el año pasado o, ni por lejos la suma de lo que creo valen las cosas y estoy dispuesto a pagar. En Estrategia y Diseño, no hay listas de precios ya que lo que se compra es materia gris y talento.
- Las maquetas. Hacer maquetas para las licitaciones es una trampa donde el convocante tiene todas las de perder. Proviene de la publicidad. Los publicistas cuando participan en una licitación de una cuenta, hacen bosquejos generales (no alcanzan a maquetas) de cómo podría verse la marca y los mensajes que se desean transmitir, necesitan mostrar la estilística ya que a través de ella comunicarán los nuevos llamados que hace la marca. En Diseño, esto es muy distinto, mucho más cuando te das cuenta que lo que harás como empresa son medios de comunicación, seres vivos que mutarán en el tiempo. En AyerViernes no hacemos para maquetas para licitaciones porque:
- Vendemos una Metodología que permite trabajar la Estrategia y Diseñar para los intereses de los Usuarios, los Clientes de nuestros Clientes. Esta Metodología es un proceso que requiere de muchas otros trabajos antes de plasmarse en una imagen que muestre cómo se resolverán las tácticas de la Estrategia. Quien llegue a una Licitación con maquetas, quiere decir que miente y que su precio es muchísimo menor al que indica en la propuesta, ya que si fue capaz de entender y dar en el gusto en menos de 10 días a un cliente que ni siquiera lo ha contratado, qué justificación tendría el proceso posterior una vez ganada la Licitación? Cómo justifica entonces su trabajo futuro, si fue capaz de adivinar lo que le “gusta” al futuro Cliente?
- El Cliente cuando ve una maqueta tan tempranamente, se queda con esa imagen como representación de lo que desea. Es seguro que una vez iniciado los trabajos, las consideraciones que tuvo la empresa al comienzo cambien o maduren hacia nuevas soluciones que harán necesariamente cambiar “la maqueta inicial”. Sin embargo, los ejecutivos ya mostraron a sus superiores “cómo será la nueva página”. Llegar un mes después con otra distinta o simplemente darse cuenta que no era un Portal, si no una Red Social o una Extranet ya es tarde y los ejecutivos de la empresa jamás entenderán porque no se hace lo que vieron en la propuesta. Todo mal. Hacer una maqueta inicial rompe cualquier lógica de cómo hacer las cosas en cualquier medio, más aún los digitales.
- Los mecanismos de evaluación. Cuando se llama a un Licitación, se supone que hay reglas conocidas para todos y lo más importante, mecanismos de evaluación transparentes y personal idóneo; mecanismos nítidos y efectivos que permiten de verdad, quedarse con la empresa que mejor interpretó el Brief. No siempre se gana, por lo mismo la empresa que convoca debe entregar dicha evaluación a las que perdieron y ser lo más transparente en la elección. No olvidar que tendrán que llamar a otra convocatoria en un año más.
Estos son algunos de los consejos que les damos a los ejecutivos que por estos días hacen llamados a licitar sus cuentas digitales:
- Elaborar el mejor brief de la industria. Si no lo tienen quiere decir que todo es un ejercicio odioso y que se evalúa por el “gusto” y no por mecanismos técnicos
- Convoca, antes del llamado a las empresas que crees podrían participar. Así no mezclas peras con manzanas. Algunas se inclinan más por la ingeniería, otras por la Estrategia y muchas por una bonita maqueta
- No pidas maquetas, haz trabajar a las empresas en una propuesta que alumbre el camino futuro desde las comunicaciones integrales, no desde la belleza de una propuesta. Si quieres saber “cómo es la mano” de la empresa convocada, invítalos a que te muestren su portafolio y te cuenten cómo llegaron a esas soluciones. Te aseguramos que cualquier maqueta que recibas no provendrá de una acabado proceso de diseño, si no más bien de una copia o “adaptación” rápida de las miles de “maquetas” que existen en internet
- Prepara un mecanismo de evaluación que brinde transparencia al proceso. Convoca a otros ejecutivos e incluso consultores que te ayuden a evaluar la mejor opción, que siempre no es la más barata
- Hazlo con tiempo
- Coloca la calidad en primer lugar. La calidad se ve, se percibe, es pesada como sus evidencias
Suerte y no te olvides de contactarnos, tal vez podamos ayudarte a implementar tu Estrategia en medios digitales. De hecho ya lo estamos haciendo no?
Destacan a nivel mundial nuestro trabajo para iPhone
Publicado por jbarahona el 27 de September de 2009
1 Comentario Categorías: Arquitectura de la Información, Diseño de Interfaces, Estrategia, Experiencia de Usuarios, Research

La revista en línea “Smashing Magazine” ha destacado nuestro diseño, entre los mejores a nivel mundial para iPhone hecho a nuestro Cliente, Hotel Monterilla de Viña del Mar (Chile).
El trabajo fue elaborado el año 2008 y responde a la suite que incluye el diseño del sitio corporativo y su aplicación para formatos móviles, en especial para iPhone.
El desafío de toda web móvil es el desarrollo de una arquitectura de la información adaptada a las necesisades de contenidos de un usuario móvil y a su vez a la construcción de marca, donde no es menor para un usuario iPhone el Diseño Emocional que convoque a la comprar el servicio, en éste caso de hotelería.
Que nuestro trabajo aparezca destacado a nivel mundial no es gratuito ni por azar de la belleza del sitio. Responde a estudios y papers publicados en su momento sobre la real problemática de los contenidos para móviles y a su vez, tener un Cliente que capta tempranamente las nuevas necesidades de comuncación de sus Clientes y Prospectos.
Los clientes deben sólo escribir la dirección habitual del Hotel Monterilla (www.monterilla.cl) y el navegador del iPhone capta de inmediato que la petición viene desde esos aparatos y por lo tanto entrega una interfaz y contenidos especialmente diseñados para las pantallas móviles de iPhone.
- Smashing Magazine
- Hotel Monterilla, web corporativa
- Paper y presentación “Estrategia de contenidos móviles” ganador del IV Seminario de Arquitectura de la Información del 2008.
Cancillería chilena lanza nuevo Portal “Chile en el exterior”
Publicado por jbarahona el 10 de July de 2009
Sin Comentarios Categorías: Arquitectura de la Información, CSS, Código, Diseño Front, Diseño de Interfaces, Estrategia, Experiencia de Usuarios, Usabilidad, XHTML | Tags: ayerviernes, diseño, minrel

El portal web “Chile en el exterior” fue lanzado oficialmente, hoy por el Ministro de Relaciones Exteriores de Chile, Mariano Fernández.
La Estrategia, Diseño y Desarrollo del portal fue un trabajo de 10 meses donde se aplicaron todas la etapas de nuestra Metodología del Diseño Centrado en el Usuario mas un sinnúmero de innovaciones en Diseño Front ya que el portal está implementado sobre el CMS Open Source, WordPress Mu donde se programaron y adaptaron plug-ins especiales para la ocasión.
La prensa nacional ha cubierto ampliamente las ventajas e innovaciones del nuevo portal que cumple además con los estándares, accesibilidad y elementos de usabilidad exigidos por la W3C y el Decreto 100 chileno.
Quo Vadis AyerViernes?
Publicado por jbarahona el 21 de May de 2009
Sin Comentarios Categorías: Estrategia | Tags: ayerviernes, doceymedia, tendencias
Este es el nuevo blog de AyerViernes, dedicado a las tendencias y el Diseño para tu vida digital. Sabes que hemos cambiado y lo seguiremos haciendo, porque creemos fuertemente que nuestra industria está regida por la ley de Moore o sea que debemos evolucionar en la medida de tus cambios y que muta sobre la base de la capacidad de procesamiento de los datos. Tu vida cambia, lo seguirá haciendo y si deseas saber cuáles son las tendencias que se consolidarán en el futuro debemos asumir los desafíos con energía y cariño por el oficio.
Y cómo enfrenta una compañía como AyerViernes ésta teoría que es una evidencia? Así como ves, cambiando y sabiendo que nada es perpetuo y que nuestro primer deber es estudiar, conocer, discutir y diseñar cómo habitaras a futuro tu existencia digital. Para ello queremos contarte qué hicimos y qué haremos para diseñar el futuro.
Hace más de un año atrás le pedimos a uno de los evangelizadores más influyente del medio, nuestro amigo Juan Carlos Camus que nos hiciera una consultoría para pensar nuestro futuro. Su informe llevaba por título “Quo Vadis AyerViernes?” que hemos tomado prestado para titular lo que lees. Este informe nos ayudó a comprender que debíamos asumir y liderar el cambio de la industria, pero para exigir digitalización hay que ser digital.
En julio del 2008, pocos pero influyentes economistas y empresarios anunciaban la peor depresión desde la de 1930. Era la oportunidad de provocar los cambios, mutar como siempre hicimos porque, lo que nos motiva son los sueños y esperanzas de profesionales líderes en la industria como lo son mis compañeros de AyerViernes.
Decidimos que para liderar debíamos enriquecer nuestra oferta entrando a la publicidad digital y al software web-based. Para una empresa como AyerViernes era un camino natural.
Buscamos nuevos talentos para que se integraran a la novel unidad de Publicidad Digital que llamamos doceymedia. Hoy es una Agencia con un equipo consolidado que ya realiza campañas diferenciadoras.
Para hacer aplicaciones sobre web entramos al desarrollo en Ruby on Rails (RoR) con nuevos talentos. Ahora no te podemos contar más, pero es un proyecto mundial que lanzaremos en beta (obvio) en septiembre para servicios en hispanoamérica, luego Brasil e inglés (al menos eso es lo planificado). Estamos convencidos que nuestro know-how en inteacción e ideas de cómo son los nuevos servicios en línea pueden incentivar a nuevos emprendedores a pensar en que las aplicaciones sobre web son una real oportunidad de influir y mostrar el potente capital humano y de conocimiento que hay en Chile. El halago que nos hiciera “Denken Uber” cuando nos colocan como una de las cuatro empresas en hispanoamérica que puede ser como 37 Signals, lo asumimos como un desafío que esperamos cumplir.
Ahora éste blog, nuestro nuevo canal para compartir contigo el Diseño y las tendencias para tu vida digital. Bienvenido al futuro!



















Todos los contenidos están licenciados bajo una