30/01/2012
Categoría/s: Diseño.
2 Comentarios
El cerebro es capaz de detectar una serie de atributos precognitivos, mediante una serie de "procesos mentales de bajo nivel" que se detectan antes incluso de pensar conscientemente. Son los siguientes:
- Proximidad
- Color
- Tamaño
- Orientación
- Dirección
- Forma
- Sombreado
El origen es biológico: cuestión de supervivencia de la especie. Más de un astuto lector de xposible confimará su certeza de que las fuentes del diseño son muy profundas...
Dejando de lado las cinco primeras, me centraré en la última, el sombreado. Muy relacionado con el sol, una fuente de iluminación y calor. Viendo la dirección de la sombra, los hombre primitivos (hablo de cuando twitter no existía en incluso antes) sabían cómo encontrar el sol o la hoguera.
Ahora es cuando doy una pirueta en el discurso, para recordar una frase que me dijo hace unos meses un compañero: en el diseño gráfico, la sombra en los elementos suele estar debajo, porque el sol está arriba
. Con el tiempo, me he hecho una pregunta: ¿y si el sol no está arriba? Traduzcamos la pregunta a algo relacionado con la web: ¿Y si el call to action no está arriba?
Por si eres uno de los pocos que no conoce qué narices es un call to action (yo hace poco lo era), basta con resumir que es un elemento que debería captar nuestra atención para realizar una acción concreta: darnos de alta, suscribirnos a sus noticias, buscar, ver las ofertas,... cosas así. En ocasiones se destaca usando apropiadamente los atributos precongnitivos mencionados al principio, entre los que seguramente destaquen el color, el tamaño y la forma.
La tesis que defiendo, y bienvenidos sean los comentarios al respecto, es que la sombra o la intensidad de la luz, puede ser un factor importante a la hora de destacar adecuadamente los elementos, y como extra, puede proporcionar una dirección a seguir, y dentro de esa dirección, una orientación hacia el call to action. Como diría Chicho Terremoto Tres puntos, colega
.
A continuación tienes una imagen que pretende ilustrar lo que digo: en una rejilla con nueve elementos, el elemento central actua como "sol" que "ilumina",siendo el sol del ejemplo oscuro el resto de los elementos. Desde cualquiera de esos otros elementos, la dirección de la luz, nos conduce al centro, lo que se supone que es el centro de atención (no sólo por estar en el centro, aunque así sea en el ejemplo). He usado un degradado con dos colores del tema de xposible,... y así ha salido...
En el segundo ejemplo, trasladamos ese centro de atención (de luz y de calor) a la esquina inferior izquierda.
El caso es que los ejemplos usados tienen truco, porque dejo de lado otros factores (color, tamaño, forma y proximidad) que obviamente cambian la relación entre todos los elementos que entran en juego.
De postre, Fundamentos de diseño: Economía de Recursos, de Ale Muñoz, que habla un poco de espacio, color y forma.
Imágenes actualizadas tras el comentario acertado de David
10/01/2012
Categoría/s: Diseño.
0 Comentarios
Una de las tareas adicionales que surgen cuando eres padre es ir al cine para ver películas como... los pitufos. Pero ojo, recordaré la película por una frase que dijo la jefa al protagonsita (un muchacho de marketing):
No hagas lo que te digo, haz lo que quiero.
Muy grande. Muy cierto.
Otra frase que dice un compañero, desarrollador también tiene miga:
Me gustaría ser al menos una vez cliente para pedir en vez de intentar adivinar lo que quieren.
Dos caras de la misma moneda. El origen es algo muy sencillo: falta de comunicación. En sus dos vertientes, desde el punto de vista de lo que se quiere hacer:
- El cliente no sabe o no quiere explicar lo que quiere.
- El diseñador-desarrollador-gerente (llámalo "X") no entiende o no sabe cómo saber lo que el cliente quiere.
Por otro lado, lo que se puede hacer que viene a ser lo mismo, pero cambiando los papeles.
Evidentemente no pueden faltar otros detalles como el tiempo, el presupuesto y las consideraciones técnicas. Pero no es de eso de lo que quería hablar.
Para terminar no puede faltar una referencia obligada a Aprende a preguntar de Ale Muñoz, por la parte que nos toca.
18/11/2011
Categoría/s: Programación.
0 Comentarios
Estoy en el enésimo intento de aprender a programar. Tras java, PHP y ruby ahora toca iOS. Siendo honesto, el fracaso está casi garantizado viendo mi historial.
Al menos voy a intentarlo, y los recursos que incluyo pueden servir a alguien con más constancia, talento, tiempo, ganas,... o lo que sea.
Para empezar, un libro de Objective C, Programming in Objective-C de Stephen G. Kochan. Para principios del año 2012 va a salir la cuarta edición, donde vendrá incluído las últimas novedades a día de hoy: el SDK de iOS 5, y Xcode 4.2. Sólo son 600 páginas, intuyo que se tardará algo más que un viaje en metro para leerlo.
Por otro lado hay un buen curso que ofrece la Universidad de Standford CS 193P iPhone Application Development con documentación muy detallada. Hay recursos disponibles en iTunes U: videos, ejemplos, apuntes,...
Otro recurso interesante, para ir aprendiendo más rápido es seguir los tutoriales de appsamuck. El concepto es simple: hay ejemplos de 31 aplicaciones en el que hay un aprendizaje progresivo. Una aplicación al día. Un mes (de los largos).
Y por supuesto, iOS Developer Program, de Apple.
Y previamente, tener un Mac potente y actualizado. Y si se hace alguna aplicación y se quiere probar en un terminal —después de usar el emulador—, pagar anualmente los 99 $ al año.
La verdad es que se te quitan las ganas :)
14/10/2011
Categoría/s: Diseño,Libros.
0 Comentarios
The philosophy and ethics of Japanese design concepts are revealed in key words that are laden with cultural meaning. Over the gerations, the Japanese created an extensive vocabulary of aesthetic terms that made it possible for them to describe the physical as well as the metaphysical attributes of their culture, and of their arts and crafts. Although often relatively simple in their original meanings, the terms were expanded to encompass the basic principles and elements of beatuty and design that evolved in the unique Japanese enviroment. The Japanese also created a variety of ritualized practices form enhancing their ability to recognize and appreciate beauty and good design.
Boyé Lafayette De Mente autor de Elements of japanese design.
Un libro con ciertas analogías a Universal principles of design. Tras una introducción (arriba puedes leer un extracto) expone de forma clara una serie de elementos en los que se fundamenta el diseño japonés. En total son alguno más de setenta, expuestos brevemente —dos o tres páginas—, de lectura fácil. Algunos de esos elementos son lo suficientemente genéricos como para aplicarse, porqué no, al diseño web. Y puede dar muchas y buenas ideas cuando buscamos la inspiración. Es un buen libro para leer y releer.
Para situarnos mejor en el cotexto, profundiza levemente en las raíces históricos del diseño japonés (influencia de China, Corea, budismo, sintoísmo,...) y las características geográficas del archipiélago japonés. Es una gran ayuda. Personalmente echo en falta ilustraciones, pero eso elevaría el precio del libro (ahora mismo en the book depository cuesta poco más de cinco euros y no cobran gastos de envío), y siempre podemos contar con internet para intentar buscar imágenes relacionadas.
He leído también el libro Leonard Koren (Wabi-Sabi for artist, designers, poets and philosophers) en principio bastante relacionado, y me ha parecido bastante más limitado. Cuestión de gustos.
Termino algunos elementos que se desarrollan: wa (armonía), heisei (mente en paz), kaizen (búsqueda de la perfección), kanso (conseguir más con menos), makoto (construyendo sinceridad en los productos), miekakure (la atracción oculta), medatsu (crear puntos de atención), kuwashii (belleza en los detalles),... y por supuesto wabi (belleza desolada), sabi (objetos "gastados") y shibui (eliminación de lo no esencial).
02/09/2011
Categoría/s: Accesibilidad web.
0 Comentarios
Hay aspectos de la accesibilidad web que me resultan incomprensibles. Y de la accesibilidad en general, como algo que pude ver hace unos días:
Efectivamente, es lo que parece: un rampa que facilita el acceso —y no sólo a personas con discapacidad—, cerrado con una cadena y un cartel que dice Acceso solo para Minusvalidos. Gracias
.
No es sólo por las faltas de ortografía, el uso nada afortunado del término "minusválido",... es que el hecho de cerrar conscientemente un acceso de esa naturaleza de una forma tan drástica, me parece irreal.
Lo gracioso, es que no me ha costado nada encontrar analogías entre el disparate de accesibilidad arquitectónica de la foto con la accesibilidad web. Hace algunas semanas, en la lista accesoweb hubo un correo, Re: [AccesoWeb] Extensión Chrome para usabilidad de Google+, cuya lectura aporta argumentos en ese sentido.
Y es que debo de ser muy cabezota, pero me cuesta entender que tras unos cuantos años de WCAG 1.0 (¡del año 1999!), legislación en España y mucha gente, organismos y empresas poniendo su grano de arena hablando, debatiendo, explicando, escribiendo y poniendo en práctica la accesibilidad web,... en los días que corren, año 2011, sigue siendo habitual encontrando webs que deberían ser accesibles con deficiencias serias ya sea por culpa de los gestores de contenidos, los desarrolladores, los responsables, los propios clientes, los usuarios... o todos a la vez.
Ahora que la evolución tecnológica digital parece ir a años luz, da la sensación de que en cuestión de accesibilidad web vamos a la velocidad del caracol.
Al menos vamos avanzando.
