En la mayoría de los casos, la intuición y la experiencia son la mejor arma para el éxito en nuestras aplicaciones. Sin embargo, tener claras unas ciertas directrices puede ayudarnos mucho durante el proceso.

Antes que nada, dos cosas básicas: papel y boli, y sobretodo paciencia. Nada sale a la primera, es muy importante el proceso de preparación, y el de prueba y error. Un replanteamiento radical a veces puede ser necesario, no creas que has perdido el tiempo, todo lo contrario.

Simplicidad

Yo diría que es el pilar fundamental del diseño. Deberemos esforzarnos al máximo por que nuestra aplicación resulte sencilla para el usuario al que va destinado.

Usaremos estructuras uniformes y con rejilla (niveles de información a la misma altura). Lo ideal es que haya un foco principal, que atraiga la atención en una primera mirada. Si uniformizamos el contenido resultaría imposible detectar lo importante, y el usuario se asusta, aburre y huye (en ese orden).

Sección de tarifas en las webs de Yoigo y la de Movistar

Usaremos una misma paleta de colores en todo el diseño. Preferiblemente un color blanco de fondo, un color principal, y otro secundario. Hay que tener siempre presente la psicología del color (rojo altera, pasión; verde relaja, naturaleza; azul calma, informa, cielo o mar; amarillo excita, alerta, no se distingue bien; naranja extraño, curioso, diferente ….)

También buscaremos simplicidad en la estructura de las secciones, haremos que sea clara, pocas secciones bien diferenciadas, substituyendo subsecciones por rutas de contenido en cada seccion.

Originalidad

Nos podemos ganar la confianza del usuario si le conseguimos sorprender. A fin de cuentas sorprender es estimular, crear reacción en la persona. Esto da fuerza y identidad a nuestra página. Mi recomendación es dejarse llevar, con mucho cuidado de no perturbar el orden lógico de las cosas.

Pueden ser guiños sutiles, alteración del lenguaje, huevos de pascua, imágenes curiosas o llamativas… imaginación al poder!

Guardar un artista como favorito, en nvivo pulsas sobre “soy fan”, y te contesta con un desenfadado “yeah”

Modelizar usuarios

Este trabajo resulta fundamental e imprescindible. Consiste en analizar todos los usuarios tipo que van a utilizar nuestra aplicación (o que pueden estar potencialmente interesados).

Tendremos que reflexionar profundamente, quién y por qué querrá usar nuestra herramienta, para tenerles preparado lo que esperan, apelando a sus necesidades. Para esto tenemos que emplear ganchos fáciles de identificar (sin mucho texto, llamativos, interesantes)

Es muy importante llamar la atención de todos y cada uno de estos modelos en nuestra portada, y en menor medida en el resto de secciones. Hay que conseguir que cada usuario siga una ruta natural, previamente establecida.

En Flickr tienen muy claro lo que ofrecen, y te lo exponen en la portada para que elijas

Diferénciate

Si haces lo mismo que otro, sobras. Deja claro a tus usuarios que tienes algo distinto que los demás, que te lo has currado, que destacas sobre el resto que se te parecen. Pero sin timar a nadie, que sea verdad!

Trata de conseguir una identidad, que se te reconozca con una palabra, un logo, una tipografía, unos colores… Si consigues que el usuario se quede con tu cara, y le gusta lo que le das, da por seguro que volverá y traerá más gente consigo.

Consejo final

Pero ante todo, disfruta haciéndolo. Porque te gusta.

Te recomiendo leer “Profesional CSS Hojas de estilo en cascada para el diseño Web. Ed. ANAYA Col.De Programadores, para Programadores“; sobretodo primeros capítulos.

Según comentan en AyudaWordpress Imaset es incompatible con Wordpress 2.6.

Pero yo lo he probado y sí me ha funcionado correctamente.

De modo que si tienes algún problema en Imaset, ya sea porque has cambiado de versión o por cualquier otra causa, deja un comentario en este post para que lo solucionemos cuanto antes.

Lo que sí es cierto es que Imaset explora toda la carpeta wp-content para buscar imágenes, pero no contempla el hecho de que esta carpeta se encuentre fuera de la ruta usual (hecho que permite la nueva versión de WordPress). Esto se tendrá en cuenta para próximas versiones.

En respuesta al meme que me envía Miquel Camps
La verdad es que el origen de este dominio, y por ende del blog, es algo incierto. Hace ya diez meses que José Cabo y servidor, Alex Barros, decidimos enfrascarnos en este proyecto. Supimos desde el principio que consistiría en un blog sobre tecnología y curiosidades, que nos lo curraríamos todo lo que pudiéramos, y que por tanto debíamos crear una identidad (como diría Risto, un producto)

Nuestros referentes eran las webs Bloodblog y Zumbe, de lo que se deduce que nos van los nombres extraños y difíciles de pronunciar. En una conversación, definiendo lo que sería el blog que nos traíamos entre manos surgió el tema del nombre. Acto seguido nos dedicamos a proferir palabros que no significaran nada y cuyo dominio .com o .net no estubieran cojidos.

Finalmente, y como todos supondréis…. ganó Boozox.net

Si esperabais más, siento defraudar.

El meme queda abierto a quien más le apetezca, se considera invitado de mi parte!

P.D: Miquel, te recuerdo que en este blog trabajamos yo y José Cabo, que se me cabrea cuando me envías los memes sólo a mí.

En este blog siempre hay un hueco para el gigante Google, que no está quieto ni un segundo.

Lo primero que destacaría es su reciente rastreo de archivos Flash. Esto no me acaba de gustar, como ya dije en un post hace un tiempo la tecnología flash puede resultar útil en algunos casos muy concretos (mostrar contenido audiovisual principalmente) pero en la creación de páginas web resulta inservible, y conlleva una importante lista de desventajas.

Sin embargo, el objetivo principal de Google, según dicen, es “Organizar toda la información que hay en el mundo“, y en esa definición entran también los archivos Flash.

Otra noticia interesante es que recientemente se está ofreciendo Street View (la aplicación para ver fotografías a pie de calle en Google Maps) en algunas zonas del territorio francés, y ya se ha anunciado que pronto se mostrará en España. Eso sí, únicamente en las ciudades Madrid, Sevilla, Barcelona y Valencia. Esta última, por fortuna, ciudad donde vivo. De hecho se ha visto el coche de Street View a un par de calles de donde vivo.

Por último mencionar cosas como que Google se instala en África para promocionarse y mejorar el soporte en el continente, que ha liberado un formato que utilizan internamente en substitución del estándar XML, o que ha participado en varios desfiles del orgullo Gay (de varias ciudades del mundo), con sus propias carrozas y elementos identificativos.

Si google tiene futuro es porque no deja de moverse y sorprender, es el espíritu emprendedor que le caracteriza.

Via Dirson

Para volver a la carga este verano, me gustaría comenzar presentando esta genial aplicación para todo amante de la música en directo.

Nvivo es un portal donde conocer artistas y salas, y donde estar al tanto de todos sus conciertos. Con el lema de “No vuelvas a perderte un concierto” ofrece servicios para que estés siempre informado de lo que te interesa.

Además podemos decir que pertenece al territorio 2.0, porque cuenta con una comunidad abierta, y permite a los usuarios tomar el control de toda la información (bajo supervisión de 13 editores)

Considero que este tipo de iniciativas son muy positivas para lo que los internautas concebimos como el futuro de la cultura musical, un futuro lleno de tags, donde encontramos a los artistas que nos gustan y estos conseguen la auténtica visibilidad que merecen, promocionándose y vendiendo su auténtico producto: la música en directo.

Os invito a todos y todas a que os registréis y os dejéis llevar por la magia que esconde Nvivo y su comunidad.

Por razones personales, Boozox no actualizará hasta el 10 de Julio. Prometemos traeros muchas cosas interesantes para este verano.

Descarga Imaset 2.2La nueva versión de Imaset ya ha llegado!

Imaset 2.2 es compatible con Wordpress 2.5 y además trae algunas mejoras:

• Mejor calidad en la previsualización, y más respeto a las imágenes PNG en el canal alpha
• Dos nuevos filtros
• Transferencia correcta de Marcas de agua con PNG
• Interfaz mejorada, y adaptada al nuevo look de WP

Instalación

Instalar Imaset es muy sencillo:

• Descarga el archivo imaset_2-2.zip
• Descomprime el contenido en tu ordenador
• Sube la carpeta imaset/ por ftp a tu servidor, en la carpeta wp-content/plugins/
• Activa el plugin en la sección Plugins del panel de administración Wordpress
• Ya está!

Usar la herramienta

Una vez el plugin está activado, aparecerá en el panel de escritura un botón con la palabra “Imaset”. Al pulsar este botón se abrirá el panel de Imaset, mostrando tus imágenes, y los filtros disponibles divididos en categorías.

Marcas de agua

Poner marcas de agua de tu web es muy sencillo, y ahora se respeta la transparencia del PNG, así que puedes añadir efectos interesantes!

Busca entre los filtros de la categoría “Personalizar” el de “marca de agua“. Pulsa en la varita mágica y selecciona el archivo de la imágen (debe estar almacenada en el directorio llamado src/) y el lugar donde posicionarlo.

Filtros incluidos

• Sombra
• Marco
• Reflejo
• Reflejo3D
• Brillo
• Perspectiva
• Glossy
• Invertir colores
• Colorizar
• Desenfoque suave
• Desenfoque fuerte
• Desenfoque gaussiano
• Marca de Agua
• Redimensionar

Recuerda siempre Guardar los cambios antes de cerrar el programa Imaset.

Agradecimientos:

Me gustaría agradecer a Patricio Villa, Francesc Josep, Francisco Espinoza, y a todas las personas que usan, apoyan y se interesan por Imaset.

Feedback necesario

Para que Imaset avance y mejore, es imprescindible vuestra ayuda. Comenta qué te parece, cómo puede mejorar Imaset, si tienes problemas, etc…

Hoy he realizado esta imagen promocional de la herramienta GeoGPS. Refleja bastante bien lo que creo que es Geo en su totalidad, y además creo que me ha quedado currado.

Lo he hecho enteramente con Gimp, usando fuentes de Dafont. Ha salido al segundo intento, y he necesitado hacer antes varios bocetos en papel.

Este tipo de gráficos que muestran una herramienta de un vistazo pueden ser muy útiles durante la promoción, y creo que voy a empezar con la promoción de Geo dentro de muy poquito.

Por cierto, guardo una sorpresa muy importante para esta semana próxima. Estad atentos!

Hace un tiempo que vengo recibiendo peticiones para que desarrolle una siguiente versión de Imaset, que sea compatible con el nuevo Wordpress 2.5.

He de decir en mi defensa que, aúnque me encantaría desarrollar cuanto antes esta nueva versión, dispongo de poco tiempo, y lo dedico al desarrollo de varios proyectos, últimamente con cierto énfasis al proyecto de Geo.

Pero la nueva versión ya está en marcha. Un nuevo núcleo está en desarrollo, hay nuevos filtros muy interesantes, y tengo planeada una interfaz mucho más manejable. No puedo dar ninguna fecha, pero sabed que no me he olvidado de este plugin.

Así que si os interesa esta nueva versión de Imaset, no perdáis de vista este blog, y no dudéis en escribir sugerencias que las tendré todas en cuenta.

Quiero compartir con vosotros un interesantísimo vídeo del debate que tubo lugar en Canal Sur sobre el Canon Digital.

He encontrado también la opinión de David Bravo y Javier Capitán sobre el debate.

Nota personal: me molesta mucho la actitud de Antonio Martínez Ares durante el debate.