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.