Recortes

Si ya estás ducho en la materia del diseño web, esto te va a sonar mucho. Pero si eres nuevo uno de los mejores consejos que te pueden dar a la hora de establecer un diseño correcto es que le prestes atención al texto. Y no me refiero sólo a una buena selección de fuentes.

Por ejemplo tenemos Baseline para juguetear un poco. Incluso puedes recurrir a Typetester para comprobar cómo se ven esas fuentes “estándar” del sistema.

Pero este artículo que enlazo a continuación es bastante completito y desarrolla una serie de puntos importantes a tener en cuenta para una correcta maquetación de texto en web. Incluso me ha descubierto lo del Hyphenator.js que no conocía y tendré que probar en algún momento :)

Lo dicho, lectura recomendada.

:: Type Tips, consejos para la tipografía en web :: (Vía Nudonation)

Si no lo habéis visto ya, para eso me lo traigo. Frases de esas lapidarias, que te grabas a fuego, reinterpretadas gráficamente por artistas de lo mejorcito del mundo visual.

:: 10 Design quotes designed [en] :: (vía NFG!)

PD: Aunque no necesariamente relacionado, al escribir esto me he acordado de Ridiculous Design Rules [en]

Me gustaría hacer de este post algo más introspectivo. No alzar la vista fuera sino quedarme con “lo de dentro”. ¿Por qué sugeriros the 30 most awesome typos you can use to be a perfect designer and a handsome boy cuando en realidad no existe algo como tal? Prefiero contaros cuáles son las que yo vengo usando porque el tiempo me ha demostrado que funcionan bien. Son sólo una pequeña muestra pero creo que es la más representativa. Sobra decir que porque las use yo, no quiere decir que sean mejores o peores, además siempre habrá proyectos que requieran usar otro estilo totalmente diferente. Pero siempre agradezco cuando me cuentan este tipo de cosas y he pensado en hacer lo mismo.

Por tanto quiero dar paso a las protagonistas que aparecen listadas bajo un criterio totalmente aleatorio (según me voy acordando). No sé cuantás serán pero seguro que no pasan de 10-12. Por cierto, en un principio iba a separarlas en dos categorías: web e impresión. Pero con cositas que ya conocemos no creo que haga falta discernir entre fuentes seguras y las que no lo son.

(more…)

Cuando empieza un año generalmente suele acabar otro (obviously). Es tiempo de apuntarse metas y de hacer retrospectivas. Como no sé si me dará tiempo a hacer una en condiciones, yo creo que de momento os puedo dejar con la que hacen en Usable y accesible, uno de los blogs sobre diseño de interacción en castellano que más me gustan y que recopilan en este listado sus mejores artículos sobre el tema.

Ya sabéis, si UX no es algo que os suene a chino, os va a interesar mucho:

:: Usable y accesible: Lo más visto en 2009 ::

Pues eso, que en Speckyboy [en] han hecho un recopilatorio bastante potable con documentos y enlaces relacionados con usabilidad y patrones de navegación e interacción en la web. Enchufad la aspiradora y empezar a pasarla por todo lo que hay dentro :)

:: An introduction to understanding and implementing Web Usability [en] ::

Ha sido la gota que ha colmado el vaso. Entrar a la web de DDI y comerme con patatas la redimensión automática de la ventana del navegador. Y si hay una cosa que me cabree más que el target=”_blank” sin notificar, es esta puñetera manía de escalar la ventana sin mi permiso.

Porque no digo que sea una mala práctica, pero sin mi permiso es… una mierda. Así, claramente. ¿Para qué voy a ponerle florituras si es lo que pienso?

Seamos serios, si vamos a necesitar que se maximice la ventana, al menos que cumpla uno de estos dos requisitos básicos: 1) que se avise al usuario y que sea éste quien de la conformidad o 2) que la menos sea porque se necesita el espacio para el contenido.

Cuando no se cumple ninguno de los dos aspectos, que me expliquen a mí que razón hay. Informar al usuario de manera previa a realizar una acción es básico de cara a una correcta experiencia. ¿Estaría bien que si borramos un archivo se nos avisara sólamente cuando ya fuera irrecuperable o que no tuviéramos un paso de confirmación final durante un proceso de compra online? Pues eso.

Nota: Se puede desactivar desde las propiedades de Javascript en Firefox. Pero esto, claro, lo desactiva para los automáticos y los que no lo son. No me vale señoría.

Nota 2: Como añadido, viene bien lo de la filosofía Unix y el diseño.

Hoy es fiesta aquí pero os voy a dejar un caramelito para los sufridores de otros países y currantes españoles que no hacen puente :D

¿Ya tenéis Windows 7? Particularmente he notado el salto notablemente porque me he saltado la generación Vista y a nivel de experiencia de usuario me parece que la cosa ha evolucionado favorablemente. Esto os lo digo por si os pica el gusanillo y queréis sentaros un rato para ver Designing the Windows 7 Desktop Experience [en].

Luego también podréis echarle un vistazo rápido a la comparativa entre dos modelos de interfaz móvil a la hora de lidiar con aplicaciones: App Interface Models in iPhone and Android [en].

Y para acabar, dos super enlaces de usabilidad que me he guardado para seguir desde hoy: Usability Post [en] y UI Trends [en]. Ambos sacados de 10 UX blogs you should be reading [en].

Va a hacer casi casi un año desde que Pepsi cambiaba de imagen. Y montó bastante jaleo no nos engañemos. Con el paso del tiempo uno se va a haciendo a la idea y va relegando la noticia para dar paso a cosas de más actualidad.

Hoy he llegado saltando entre webs hasta El manipulador y en ella me he encontrado un interesantísimo documento relativo al cambio de imagen de Pepsi y cómo se ha ido desarrollando y forjando la misma.

Con decir que se habla hasta del magnetismo de la Tierra creo que ya lo digo todo o_O

:: Pepsi Breathtaking Design Strategy [flash] ::

La culpa de que ponga esto es del gran Carlos (ánimo chaval que de todo se sale). Parece que o bien es un mail en cadena o realmente hubo un simpático que se tomo la molestia de responder a una oferta de trabajo en la que los requerimientos quizá sean, digamos, un poco más elevados de lo normal.

Parecerá una tontería pero me ha parecido bien reirnos un poco de esta situación que en realidad no es tan rara como pueda parecer.

El texto original está en portugués por lo que es posible que comenta algún fallo de traducción. Igualmente las risas están aseguradas.

(more…)

Si sois asiduos al blog, seguro que os habréis dejado caer por la promoción del freeland, un interesante post que ha generado bastante conversación y feedback por vuestra parte.

El trasfondo de dicho post más los comentarios queda bien claro: sigue candente la peculiar situación en la que se encuentra nuestro mundo diseñil y lo que en sí la genera: regularización, precios base, intrusismo y bla bla…

Y ahora iStock vende logos también. Os habréis enterado seguramente por su nota de prensa si habéis usado sus servicios alguna vez o si permanecéis al tanto del tema en Logo Design Love [en] y/o Brand New [en].

Veréis. Particularmente me la bufa que se vendan logos al peso o que se hagan webs a 200 euros. Sinceramente. Si hay fast food por qué no va a haber fast design? Quieres un logo de 100 euros? Toma hombre, para que no te me quejes. Una web también. “so sssta hecho!”.

Para mí eso no desprestigia mi labor ni me quita el pan de la mesa. Es que ni me preocupa, oigan. Porque hasta cierto punto, yo mismo he sido un intruso cuando pedía a un amiguete que me hiciera las facturas para los primeros trabajitos. Aprendí yo sólo por las tardes en mi casa y luego me hice un Ciclo Superior. Ni carrera (ni grado que es lo que vendrá) ni leches. Habría que ver cuantos nos hemos pirateado el Photoshop alguna vez o nos hemos pasado tipografías. Me apunten como culpable en todo lo anterior.

También soy culpable de ver esta situación no como algo malo, sino como la evolución del mercado. Y supongo que los fotógrafos profesionales también se sintieron jodidos cuando a alguien se le ocurrió lo de vender fotos low-cost. Y de los ilustradores ni hablo que seguro que me pueden contar también batallitas que no dejarían dormir.

Cuando yo compro una foto barata, sé lo que me “viene de regalo”. Casi con total seguridad, existirá otro sitio, otro folleto u otro vídeo en el que también la hayan usado. Es el precio que he de pagar por pagar poco, y valga la redundancia. Cuando yo compro un logo barato, sé qué valor le doy a mi negocio, a mi aplicación…a lo que vaya a tener como imagen dicho logo. Si considero que mi producto “merece” una identidad de unos cuantos lereles, pues oye, que me quiten lo bailao. ¿A quién estoy haciendo mal si no es a mí mismo en realidad?

Y para webs, tres cuartos de lo mismo.

Cuando ofrecemos nuestros servicios diseñiles, nos encontramos todo tipo de clientes y como tal, es prácticamente imposible contentar a todos con las mismas soluciones. Porque los hay que entienden el valor de lo que hacemos y los hay que entienden que una moneda de 2 euros es más grande que una de 10 céntimos. Como profesionales, intentamos educar al cliente, no sólo hacer un servicio. Atrás queda el “excusar” nuestros proyectos con parrafadas que nos inventamos después. Eso no viene a cuento ahora. Pero, ¿qué pasa si no lo quiere entender? Pues nada, tiene la opción B y esa opción B la podemos ofertar o no si nos interesa. Pero si no nos interesa no significa que sea malo. Es lo que tiene el mercado libre competitivo.

De la misma manera que no me preocupa esto, me preocupa más no saber bien After Effects ni 3D. Veo que el mercado lo demanda y eso SÍ me interesa. No me preocupa que alguien haga lo mismo que yo más barato. No me preocupan sitios como 12designer o Guerra Creativa. A mí me preocupa no saber lo suficiente para seguir ampliando mi mercado.