Los 6 productos de Apple más feos de su historia

(35 comentarios)

Si por algo es famosa Apple es por el atractivo diseño de sus productos, pero como todo el mundo, los diseñadores de Apple también son humanos y también cometen errores. Como ejemplo, aquí tenéis los 6 productos de Apple con diseño más cuestionable según la revista Fortune.

[Pulsa para continuar]

Principios de diseño: fan-in y fan-out

(18 comentarios)

Fan-in (abanico de entrada) es un término utilizado en la Ingeniería del Software para referirse al número de clases que hacen uso de la clase que estamos estudiando. Por otro lado, fan-out (abanico de salida) hace referencia al número de clases que utiliza la clase que estamos estudiando. Estos conceptos, originarios de la electrónica digital, también pueden utilizarse en el resto de niveles del diseño conceptual, para hablar de subsistemas, paquetes o funciones.

Un buen diseño suele tener un fan-in alto, porque eso implica que estamos reutilizando código que de otra forma habría dado lugar a duplicidades en multitud de clases. El fan-in es una medida de reutilización.

Al contrario, un buen diseño cuenta con un fan-out bajo, idealmente de 7±2, que es, según George Miller, uno de los mayores exponentes de la psicología cognitiva, el número máximo de elementos que una persona normal puede almacenar en su memoria a corto plazo. Con un fan-out bajo nos aseguramos de que la clase es lo bastante sencilla para que no nos resulte difícil trabajar con ella. El fan-out es una medida de complejidad, muy relacionado con el Principio de Responsabilidad Única.

The non designer’s design book

(4 comentarios)

The non designer's design bookThe Non-Designer’s Design Book
Calificación:
Autor: Robin Williams
Año: 2008
Editorial: Peachpit Press

“The non designer’s design book” o “El libro de diseño para no diseñadores”, es un pequeño clásico perfecto para aquellos que nunca tuvieron tiempo o ganas de estudiar diseño de forma exhaustiva. Se trata de un libro MUY básico, ameno y fácil de leer, cuyas 216 páginas giran en torno a los cuatro pilares fundamentales de todo buen diseño: contraste, repetición, alineación y proximidad (CRAP).

La autora dedica 1 capítulo a cada uno de estos principios, continúa con un capítulo de repaso, otro de trucos y consejos, y finaliza con una segunda parte dedicada a la tipografía, con una taxonomía básica de las fuentes, y las formas de conseguir contraste aprovechando la tipografía.

No es un libro que vaya a convertirte por sí solo en un gran diseñador, eso por descontado, pero no es un mal principio. Se nota la experiencia en la enseñanza de la autora, y los ejercicios, cuyas respuestas podemos encontrar al final del libro, son bastante útiles.

Diseño de software

(4 comentarios)

Existen dos formas de diseñar software. Una es hacerlo tan simple que sea obvio que no existen deficiencias. La otra es hacerlo tan complicado que no sea obvio que existen deficiencias. El primer método es, con diferencia, el más difícil.

— C.A.R. Hoare

Galletas Pantone

(2 comentarios)

No sé si estaréis familiarizados con Pantone, una empresa que publica muestrarios de colores, considerados por muchos como las biblias oficiales del color en el mundo del diseño. Estos muestrarios, están compuestos por pequeñas tarjetas de cartón sobre el que viene impreso el color y un número a modo de identificador. Vienen a tener, más o menos, este aspecto:

Galletas Pantone

O, quizás, un poco menos delicioso y comestible, porque esto son galletas creadas por una diseñadora, como regalo de navidad para sus clientes. ¿Quieres saber cómo prepararlas? ¡Sigue leyendo!

[Pulsa para continuar]

Kansei: La ingeniería de las emociones

(5 comentarios)

Hoy en día los usuarios son (somos) mucho más exigentes. No nos conformamos con que un producto satisfaga una necesidad o solucione un problema, sino que tiene que ser amigable y sencillo de utilizar, además de generar una sensación positiva (provocar una respuesta emocional positiva). Y si del primer punto se encarga la ingeniería de la usabilidad, del segundo lo hace el diseño emocional, uno de cuyos mayores exponentes es la Ingeniería Kansei (KES, o Kansei Engineering System).

[Pulsa para continuar]

Sellos de los grandes éxitos del diseño industrial inglés

(9 comentarios)

El Royal Mail inglés ha lanzado una serie de 10 sellos que conmemoran los mayores éxitos del diseño industrial inglés del siglo XX. Sellos que incluyen desde el mini al concorde, pasando por la típica cabina de teléfonos londinense.

Y tú, ¿Qué propondrías para una hipotética serie de sellos de grandes éxitos españoles? 😉

Vía

El rap del diseñador web

(9 comentarios)

“Design, Coding” de The SEO Rapper es una fantástica canción que usa la rima para explicar los principios fundamentales del diseño web: uso de estándares, usabilidad, análisis y diseño, etc.

Os recomiendo echarle un vistazo, porque es pegadiza y la letra, muy cierta. Aquí tenéis el vídeo, y a continuación tenéis la letra en inglés y una traducción rápida al castellano, para los interesados:

[Pulsa para continuar]

Cómo transformar los feeds en formatos legibles para el usuario

(16 comentarios)

Este es uno de los puntos menos amigables para el usuario que se pueden encontrar en una web. Cuando un usuario no sabe qué es un feed, ver código XML al abrir un archivo puede resultar muy desconcertante.

Por eso es obligatorio transformar el feed en una salida que muestre información sobre qué es ese archivo y cómo utilizarlo. Feedburner ofrece este servicio, pero estamos limitados a las salidas que ellos nos proponen. Nosotros vamos a ver cómo utilizar XSLT y CSS para crear el documento que queramos. Podéis ver un ejemplo en el feed RSS2 de Mundo geek.

XSLT (eXtensible Stylesheet Language Transformations) es un lenguaje de la W3C que permite transformar documentos XML en otros formatos, por ejemplo HTML. XSLT funciona a base de plantillas, de la forma:

<xsl:template match="foo">
R1
R2
R3...
</xsl:template>

Las reglas R1-R3 se aplican cuando en el documento XML original se encuentre una etiqueta foo. Estas reglas podrían ser, por ejemplo, mostrar un cierto texto, el contenido de la etiqueta, uno de sus atributos, aplicar otra plantilla, etc. Podéis ver un ejemplo en el documento XSLT que he utilizado para transformar el feed RSS2.

Para asociar un documento XML a un documento XSL, y que por lo tanto se muestre la salida especificada con XSLT al abrir el XML, tenemos que añadir una línea indicando dónde encontrar el XSL asociado:

<?xml-stylesheet href="xslt-rss2.xsl" type="text/xsl"?>

En el caso de WordPress abrimos el archivo wp-rss2.php y añadimos la línea:

<?php echo '<?xml-stylesheet href="xslt-rss2.xsl" type="text/xsl"?>'; ?>

después de

<?php echo '<?xml version="1.0" encoding="'.get_settings('blog_charset').'"?'.'>'; ?>

De esta forma hemos indicado que cuando se abra el feed RSS2 de la web se apliquen las transformaciones de xslt-rss2.xsl que se encuentra en el mismo directorio que wp-rss2.php. No tiene ningún misterio.

Podeis utilizar mi archivo XSL o bien modificarlo para que se ajuste a vuestras necesidades, la mayor parte de él es simple código HTML. Simplemente descargarlo y subirlo al directorio en el que se encuentre el feed (el directorio raíz en WordPress). Lo que si deberíais tener en cuenta es que en el XSL, al crear el documento HTML, se incluye una hoja de estilo CSS en la línea 13:

<link rel="stylesheet" type="text/css" href="/wp-content/themes/fscreenmg/style.css" />

Modificadlo para que apunte a la hoja de estilo que queráis utilizar y voilà!.