¿Qúe es esto?

Introducción

En principio, y por hacerme el interesante, esto es lo que ves, y lo que no ves; me explico. Es un cajón de sastre, un pseudo (mira que me gusta el prefijo!) portfolio, pero más que con un listado de trabajos, con un listado de ideas, y cosas que me apetece contar acerca de mi profesión: el diseño web. Pienso que la gente que vea esto se puede hacer una idea más clara de mi -posible- valía si conoce, aunque sea parcialmente, cómo pienso, qué opino sobre determinadas cuestiones relativas al diseño, y las cosas que me gustan y las que me aburren.

Cómo navegar

Como has podido observar ya, al hacer clic, se abre una pseudo ventana (otra vez!) en la que aparece el contenido. Puedes navegar secuencialmente entre ellas, si quieres, a través de las flechas del teclado, o bien de la manera tradicional: cierras una y abres otra.

Contacto (hcard)

César Bolaños
Barcelona España
617193140

Ego

César Bolaños

Diseñador gráfico por la Escuela de Artes de Valladolid, ha sido director creativo de Interacción Multimedia y e-Jazz, agencia web de Jazztel y ha dirigido proyectos como el website de la Candidatura Olímpica de Madrid 2012. Ha colaborado también con diferentes colectivos e instituciones como DDOOSS, Belio Magazine, The Farm, ODZeta, Observatori de Valencia, Milmonas, etc.

Es profesor de Interface Design en el Istituto Europeo di Design de Barcelona (anteriormente en el IED de Madrid). Actualmente es Director Creativo del Departamento Web de EdeP.

Madrid 2012

Trabajos

En el año 2005 Madrid se presentó como ciudad candidata a sede organizadora de los Juegos Opímpicos del 2012. Tuve el gran honor de participar en el proyecto web de apoyo a la candidatura como Director de Arte y fui el encargado de realizar la interfaz. A pesar de no salir ganadora (maldita Londres... enhorabuena, Londres!), el website de la candidatura madrileña fue el mejor valorado tanto en contenidos como en usabilidad por diferentes medios inernacionales. También es de destacar que, gracias al website, se consiguieron cifras récord en cuanto a voluntarios (más de 70.000!) así como en páginas vistas y tiempo de permanencia.

Lo pequeño es bonito

Artículo

Hartos ya de tanto hiper-giga-mercado (recorrer grandes distancias, colas, experiencia de compra poco atractiva), los usuarios están demandando una vuelta a las tiendas de barrio, por comodidad, cercanía, trato...

Leer artículo

Sucublog

Trabajos: Proyecto personal

En lo que puede parecer una vuelta de tuerca (pero es más una vuelta a los orígenes), he decidido "pasar" de los blogs al uso (blogger, Textpattern, Wordpress, etc.) y me he decidido por una versión más sencilla de los mismos: un tumblelog. Microblogging que permite, de una manera mucho más ágil, rápida e intuitiva subir imágenes, videos, ideas, etc.

Sucublog

¿Qué hay de nuevo en la Web 2.0?

Artículo

Ya es todo 2.0. Según Google, hay cerca de 900 millones de páginas con el término "2.0", y 225 millones con "web 2.0". Impresiona ver lo que se ha extendido el término desde su invención, en 2005 por Tim O'Reilly, gran impulsor del código abierto. Pero convendría no olvidar su definición y tener muy claro que las tecnologías en las que se basa ya existían con bastante anterioridad (la más famosa, AJAX, no es más que un remix de DOM a través de, fundamentalmente, Javascript, XML, XHTML, CSS y XMLHttpRequest -invento de Microsoft, allá por el 2000).

Con respecto a lo social de la Web 2.0, son muchos los factores que han ido -y siguen- influyendo en su definición, desde el fracaso de las puntocom y su posterior reposicionamiento en internet a las adquisiciones, por parte de las grandes corporaciones tecnológicas de diferentes redes sociales y otras herramientas online de colaboración (en muchos casos basadas en tecnología open-source). Es evidente que dichas corporaciones no han gastado miles de millones de dólares con el propósito de favorecer la interacción entre usuarios si no es a cambio de algo, sino más bien aprovechar dicha interacción con el fin de que sean los propios usuarios los que den un valor, sea cual sea, a las compañías: los tradicionalmente pasivos consumidores de publicidad terminan tomando un papel activo y participativo papel en la creación de valor, e incluso de producto (prosumidores), ya que, en lineas generales, nadie conoce mejor a los consumidores que los propios consumidores.

Muchas de las ideas recogidas bajo el paraguas de la Web 2.0, ya estaban siendo puestas en práctica mucho antes del nacimiento del término (los casos de Amazon o Ebay son paradigmáticos). También es digno de tener en cuenta que existen demasiados websites que se declaran Web 2.0 por el mero hecho de tener una estética concreta (ya sabemos: tipos grandes, degradados sutiles, Helvetica por doquier, esquinas redondeadas, badges o chapas, etc.) o ser simplemente un blog.

Sería deseable para el desarrollo sostenible de internet que obviáramos según que acepciones y aplicaciones del término y nos centrásemos más en las que verdaderamente pueden ser interesantes, tales como la generación de contenidos por y (verdaderamente) para usuarios, sean estos consumidores o no.

Términos (neologismos) de interés en Wikipedia: Prosumidor, folcsonomía, wikinomía, crowdsourcing (No perderse las mismas entradas en inglés, ya que tienen más información).

Skills, habilidades, conocimientos

César Bolaños

Plataformas

Apple, Windows

Tecno / Software

Editores de imagen (Photoshop, ImageReady, Fireworks), de dibujo vectorial (Illustrator, Freehand), de animación e interactividad (Flash, After Effects), editores web wysiwyg (Dreamweaver, GoLive), Bbedit, Microsoft Office,

Programación

(X)HTML, CSS, Javascript (básico), Actionscript (básico), PHP & Mysql (básico)

Otros

Diseño de Interface, Usabilidad, Arquitectura de la Información, Marketing online, Web 2.0, CMS y Blog engines (TextPattern, WordPress, Expression Engine), Gestión de proyectos, etc.

CV

César Bolaños

Diseñador gráfico por la Escuela de Artes de Valladolid, ha sido director creativo de Interacción Multimedia y e-Jazz, agencia web de Jazztel. Ha colaborado también con diferentes colectivos e instituciones como DDOOSS, Belio Magazine, The Farm, Observatori de Valencia, Milmonas, etc. Es colaborador permanente de ODZeta, agencia digital con clientes como Madrid 2012, Soluciones Creativas, etc.

También puedes descargar el CV completo (pdf, 49kb)

El Conde Inglés

ccccccccccccccccccccccc

dddddddddddddddddddddddddddddd

Webappers

Webappers

Enlace

En internet existen cientos (tal vez miles!) de websites con recursos para desarrolladores, para descargarse, probar, trastear, y si (en el mejor de los casos) se adapta a las necesidades del website, usarlos. Lo que diferencia a Webappers del resto es su selección, y el hecho de que todos los recursos citados son 'open source', lo que, a la larga, es bueno para la comunidad, la investigación y la implantación de estándares.

Webappers

cuatro. ediciones

Trabajos: Website (Parte pública - Gestor de contenidos - PHP)

Así, en minúsculas, se presenta esta pequeña pero exquisita editorial centrada en la edición de textos, en su mayoría inéditos, cuyo nexo común es el entrecruce de memoria, reflexión y creación verbal. Con un catálogo de casi treinta libros con textos de Derrida, Bodei, Benet, Starobinski, Lledó o Proust, por citar sólo unos pocos, podemos decir, con total garantía, que estamos ante uno de los grandes logros editoriales de este país. Eso si, en minúsculas.

cuatro. ediciones

No me gusta SecondLife

Artículo: Opinión

... porque, a pesar de ser un mundo virtual, la moneda que se utiliza no es virtual: a través de Lindex (su índice de cambio de moneda) se pueden cambiar dólares Linden por dólares USA, y todo ello con una regulación llena de agujeros y vacíos legales (ya tienen varias demandas al respecto).

... porque eso de poderme comprar un pene nuevo por entre 1 y 600 dólares Linden (la moneda oficial), no me hace gracia.

... porque ver que grupos de extrema derecha o extrema izquierda hayan visto el potencial de las comunidades virtuales, me da miedo.

... porque puedes ser tan cretino como te apetecería serlo en el otro mundo (el real).

... porque, como en el mundo real, hay robos, crímenes de estado*, pornografía infantil, timos, etc.

Según los Términos del Servicio:
"Linden Lab has the right at any time for any reason or no reason to suspend or terminate your Account, terminate this Agreement, and/or refuse any and all current or future use of the Service without notice or liability to you. In the event that Linden Lab suspends or terminates your Account or this Agreement, you understand and agree that you shall receive no refund or exchange for any unused time on a subscription, any license or subscription fees, any content or data associated with your Account, or for anything else."

Entrada de Second Life en Wikipedia
Second Life

bbbbbbbbbbbbbbbbbbbbbbb

ccccccccccccccccccccccc

dddddddddddddddddddddddddddddd

Webappers

bbbbbbbbbbbbbbbbbbbbbbb

ccccccccccccccccccccccc

dddddddddddddddddddddddddddddd

Webappers

bbbbbbbbbbbbbbbbbbbbbbb

ccccccccccccccccccccccc

dddddddddddddddddddddddddddddd

Webappers

Tú... vectorizas o qué?

Enlace

- ¿Qué es esto de Vectormagic?
- Es una aplicación online para vectorizar imágenes bitmap. Pertenece al Laboratorio de Inteligencia Artificial de la Universidad de Stanford.
- Ya, pero... ¿Freehand, Adobe y demás no vectorizan imágenes?
- Si, claro que si!
- ...¿entonces?
- Pues porque es un servicio gratuíto y lo hace bastante mejor que esos programas, con muchas opciones, tanto de análisis previo de la imagen como de personalización de las paletas de colores. Los resultados son verdaderamente espectaculares: las curvas siguen siendo curvas, el ruido desaparece...
- Jopé!

VectorMagic

bbbbbbbbbbbbbbbbbbbbbbb

ccccccccccccccccccccccc

dddddddddddddddddddddddddddddd

Webappers

bbbbbbbbbbbbbbbbbbbbbbb

ccccccccccccccccccccccc

dddddddddddddddddddddddddddddd

Webappers

bbbbbbbbbbbbbbbbbbbbbbb

ccccccccccccccccccccccc

dddddddddddddddddddddddddddddd

Webappers

Lorem ipsum

Enlace

El texto más utilizado por todos los diseñadores, ahora online gracias a varios websites que te permiten generar la cantidad que necesites de una manera rápida.

Un generador de "Lorem ipsum...
...y otro más
...y el último

bbbbbbbbbbbbbbbbbbbbbbb

ccccccccccccccccccccccc

dddddddddddddddddddddddddddddd

Webappers

bbbbbbbbbbbbbbbbbbbbbbb

ccccccccccccccccccccccc

dddddddddddddddddddddddddddddd

Webappers

Istituto Europe di Design

Enlace

Desde hace 7 años que doy clases o he dirigido cursos de Diseño Web (Interface Design, Proyecto Web,...) en el IED, primero en la sede de Madrid y ahora en la de Barcelona.

La labor de profesor de temas web puede ser muy dura, ya que te obliga a estar muy pendiente de los cambios que van ocurriendo, no sólo a nivel de diseño, sino también de uso de tecnologías y de comportamientos de los usuarios en la Red. Debido al enfoque que tiene el IED de la enseñanza basada el La Cultura del Proyecto has de estar aprendiendo continuamente, mediante la navegación de muchas páginas de muy distinta índole, leyendo muchos libros teóricos y descargándote muchos manuales y tutoriales prácticos, lo que, todo ello a su vez, te convierte en alumno y te hace darte cuenta de que eres, simultáneamente, receptor y emisor de información, o sea que...

... muchas gracias, IED!

Istituto Europeo di Design

Blue Vertigo

Enlace

Para diseñadores existen directorios y Directorios, y este del que hablamos pertenece al segundo grupo, por extensión y calidad de los enlaces. ¡Y yo que pensaba que me los conocía todos!

Blue Vertigo

bbbbbbbbbbbbbbbbbbbbbbb

ccccccccccccccccccccccc

dddddddddddddddddddddddddddddd

Webappers

bbbbbbbbbbbbbbbbbbbbbbb

ccccccccccccccccccccccc

dddddddddddddddddddddddddddddd

Webappers

bbbbbbbbbbbbbbbbbbbbbbb

ccccccccccccccccccccccc

dddddddddddddddddddddddddddddd

Webappers

Inusual

Redes sociales: perfil

Después de haber "pasado" por varias redes sociales (Neurona, Xing), al final he encontrado la que mejor se adapta a mi perfil profesional y al funcionamiento que espero en una red profesional. El feedback entre los usuarios es bastante intenso, y en este entorno, es muy fácil aportar los conocimentos que uno pueda tener.

Inusual

bbbbbbbbbbbbbbbbbbbbbbb

ccccccccccccccccccccccc

dddddddddddddddddddddddddddddd

Webappers

bbbbbbbbbbbbbbbbbbbbbbb

ccccccccccccccccccccccc

dddddddddddddddddddddddddddddd

Webappers

Cock-a-doodle

Enlace

Cock significa dos cosas en inglés: gallo y p****. En esta página te permiten garabatear (con una herramienta realizada en Flash) como si fuesen las paredes de unos servicios públicos; eso si, por una buena causa: recaudar fondos, con un poco de humor, para la investigación del cáncer masculino. Si eres menor, o te ofenden fácilmente determinadas garabatos de penes... no hagas clic.

Cock-a-doodle

bbbbbbbbbbbbbbbbbbbbbbb

Artículo

A pesar de los intentos de Microsoft de que las versiones más recientes de su navegador, Explorer, se vayan adaptando a los estándares establecidos por el W3C, sigue dando bastantes problemas

Webappers

cba. without prejudice

Proyecto personal

El mundo de la creación visual (entendida aquí en el amplio sentido) puede ser muy estresante... al final analizas todo lo que te entra por los ojos... por lo que para desconectar, pero sin dejar la creación, en mi caso, suelo ir al extremo opuesto, aquello que no es imagen pero que se ve con los oídos, o sea la música, crear música, ruidos, sonidos. Pues eso.

cba. without prejudice

Free Rice

Enlace

Free Rice (Arroz gratis) es un proyecto hermano de Poverty, y es tan simple como un juego en el que, por cada palabra que proponen y aciertas su significado, donan 10 granos de arroz al World Food Programme de Naciones Unidas.

Empezaron el 7 de Octubre de 2007 y ya llevan recaudados más de 3.500 millones de granos, lo cual es una ayuda, no sé si grande o pequeña, pero es ayuda.

Si estás interesado en ayudar más, haciendo que tu país done el 0,7 de los ingresos nacionales necesario para paliar el hambre en el mundo (España, a fecha de 2007, dona el 0,32) puedes escribir una carta al Presidente de tu país pidiendo un mínimo esfuerzo para alcanzar los objetivos.

Free Rice

Unos buenos tipos

Enlace

Normalmente las tipografías (o tipos o fuentes, como dice ahora todo el mundo!) que son gratis en internet, o bien no tienen acentos, o no están muy cuidadas, pero resulta que, de vez en cuando (muy raramente), te encuentras con excepciones, y no solamente son bonitas, sino que además tienen acentos, ligaduras, fracciones, números alternos, o sea, tipografías completas. Realizadas por Jos Buivenga, un tipo que parece amar a los tipos!

Exljbris

Non Beta

Artículo

Interesante artículo sobre cómo el término "Beta" se ha convertido en una herramienta de marketing importante para los websites tecnológicos. El hecho es que sitios como, por ejemplo, Gmail, llevan en Beta desde su nacimiento, incluso teniendo en cuenta que tiene más de 3 años y cientos de millones de usuarios... ¿Verdaderamente tiene tantos bugs como para seguir en beta (según google: "gmail problems": 79.500? ¿es una excusa para empezar a cobrar por el servicio cuando deje de ser beta? Msn no está en beta a pesar de ser ajax

What is beta in the context of social software? http://www.oreillynet.com/xml/blog/2006/09/gmail_beta_is_beta_the_version.html http://www.techuser.net/gmail.html