Categorías
Diseño de interacción Libros

Patrones de diseño de aplicaciones y web para móviles

Confieso que en ocasiones me cuesta decidir los elementos de una interfaz cuando me toca prototipar aplicaciones móviles. Una forma de ayudarte a decidir consiste en aprovechar patrones de diseño contrastados. Y por supuesto, también existen para aplicaciones móviles.

Algunos recursos interesantes:

  • Libro Mobile Design Pattern Gallery. Tienes más información en la web, se puede comprar en las tiendas habituales (Amazon y Bookdepository por ejemplo). Si decides comprarlo en O’Reilly Shop puedes aprovechar el cupón AUTHD. Funciona 🙂 El libro es bastante rápido de leer-ojear. Lo cierto es que la mayor parte del contenido son imágenes de aplicaciones para mostrar ejemplos de patrones, y texto no hay mucho. Se agradece, ya que los ejemplos son bastante claros. Hay dos versiones, una con ilustraciones en color y en blanco en negro… por si acaso, fíjate en la portada.
  • Relacionado con ese libro, puedes encontrar más información en la web (mobiledesignpatterngallery.com), con una galería en flickr (Mobile Design Pattern Gallery) algunas presentaciones y un breve blog.
  • pttrns un buen listado de patrones para iOS.
  • Android Patterns patrones con dibujos esquemáticos sobre Android (luce mucho menos que los pantallazos, todo sea dicho).

Actualización: Como apunta Salvador en su comentario, el libro es útil para aplicaciones y web en teléfonos móviles.

Categorías
Libros Pensamiento visual

Garabatear problemas y soluciones

No son pocas las ocasiones en las que el ordenador es una barrera en lugar de un acelerador a la hora de resolver problemas. Últimamente lo arrincono con bastante frecuencia y vuelvo a lo que usa mi hija: lapiceros (algunos de colores) y papel.

Hago un hueco en el blog para hablar de tres recursos bastante relacionados y se podrían resumir en algo muy sencillo: utilizar el pensamiento visual para facilitar la comprensión de la información.

Empiezo por un libro «Tu mundo en una servilleta. Resolver problemas y vender ideas mediante dibujos.» (ISBN 9788498750621) de Dan Roam (el título original, si lo prefieres en inglés es «The back of the napkin. Solving problems and selling ideas with pictures.«). Propone un método para que cualquier persona, a pesar del probable rechazo inicial, pueda resolver problemas mediante un uso del dibujo muy básico. En su web, Dan Roam cuenta con la sección tools donde podrás encontar, entre otros, un documento pdf que resume bastante el libro (una vez que lo has leído), pero por sí sólo puede ser también muy útil: The Visual Thinking Codex, que no es más que una tabla de doble entrada, donde en el eje horizontal aparece el tipo de información que queremos mostrar (simple-elaborado, cualidad-cantidad, visión-ejecución, individual-comparación, cambio-estado actual) y las preguntas que queremos responder con el gráfico (¿quién?-¿qué?, ¿cuánto?, ¿dónde?, ¿cuándo?, ¿cómo?, ¿por qué?). El objetivo es mostrar información de manera gráfica para facilitar su comprensión e interpretación. Un libro recomendable y mucho. Ha publicado otros dos libros y uno de ellos lo hará en español en marzo (Bla, bla, bla: Qué hacer cuando las palabras no funcionan). Me lo pido.

Por otro lado, un curso de mapas mentales (me enteré gracias a inquietudes en twitter). Una herramienta que había utilizado antes pero sin tener ni idea (resultados catastróficos). El curso es bueno y breve, con videos muy cortos y no creo que se tarde más de una hora en hacerlo. Confieso que mis mapas mentales tras el curso, tienen un barniz de heterodoxia, pero a mí me vale. He estado probando un par de programas gratuitos para crear mapas mentales (Freemind  y Xmind) pero qué queréis que os diga: me quedo con el papel 🙂

Por último un video de una charla que lamentablemente no me enteré. Menos mal que está en internet 🙂 Se trata de El dibujo y su retorno, una charla impartida por Fernando de Pablo Martínez (dibujario inteligente es su blog en el que habla de Visual Thinking, Concept Draw y Graphic Recording).

Un par de extractos no literales del video: El 75% de la información sensorial nos entra por la vista. La retentiva aumenta hasta un 90% cuando los conceptos vienen acompañados por imágenes.

Personalmente he notado una mejora notable gracias a los tres recursos que menciono. Tengo un nuevo grupo de feeds relacionados con el pensamiento visual. A diferencia de otros muchos feeds, los consulto con bastante frecuencia 😉
Actualización: hay una segunda parte Garabatear problemas y soluciones 2.

Categorías
Diseño Libros

Libro: elementos del diseño japonés

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).

Categorías
Diseño Diseño de interacción Libros

Libro: Universal Principles of Design

Compra el libro Universal Principles of Design, si tienes ganas de mejorar o profundizar tus conocimientos de diseño. Tendrás un libro de tapa dura, bien escrito, muy claro, y con muy buenos ejemplos. Que te servirá como libro de aprendizaje, de referencia y constante consulta. Hay dos versiones nuevas del libro, una con 125 principios Universal Principles of Design, Revised and Updated y otra con 150 en tamaño bolsillo: The Pocket Universal Principles of Design. Además si lo compras donde te recomiendo:

  • El libro sólo costará 22,65 euros, yEspaña es uno de los paises donde los gastos de envío son gratuitos(de momento).
  • Ale Muñoz (sofanaranja), tendrá una merecida comisión ;).

¿Qué tiene el libro? Se trata de cien principios universales dentro del mundo del diseño. Cada principio viene expuesto en dos páginas: En la primera vemos el fundamento teórico y en la siguiente, ejemplos.

No es un libro enfocado exclusivamente al diseño de productos, diseño web, diseño de interacción,… pero es lo suficientemente genérico como para servir a todas esas disciplinas y mucho más. Los princinicipios explicados tienen la virtud de inducir una reflexión, y entonces te das cuenta de que el adjetivo universal, tiene todo el sentido del mundo, y ves aplicaciones prácticas y útiles de dichos principios en infinidad de aspectos.

Por ejemplo, en User Pathways han empezado una serie de seis artículos en los que aplica los principios expuestos en el libro en el campo de la experiencia de usuario. Comienzan con A UX design framework to address contextual needs, que a su vez sirve como índice.

Recuerda, el libro es Lidwell, W.; Holden, K.; Butler J. (2003). Universal Principles of Design. Rockport, ISBN 978-1-59253-007-6.