Diseño & Tecnología

10 errores en el diseño de iconos. 

1. Insuficiente diferenciación entre iconos.

A veces, dentro de un conjunto de iconos, tenemos que buscar entre iconos parecidos, resultándonos muy difícil lograr diferenciarlos entre sí. Si le colocásemos una leyenda, nos sería muy fácil hacerlo.

Iconos de la sección Utilidades en Mac OS X. Siempre los confundo e inicio la aplicación errónea.

2. Demasiados elementos en el icono

Mientras el icono esté más limpio y más simple, mejor. Es preferible mantener el número de objetos en el icono al menor tamaño.
Sin embargo, los diseñadores de Microsoft, basándose en el nuevo formato de los iconos que aparecen en Windows Vista, decidieron hincharlos, culpar a los iconos y justificar así su gran presupuesto:

En cada icono tenemos una mini-historia con una trama entrelazada. El problema es que en los de menor tamaño, no podemos hacernos una idea de lo que representan.
Incluso en los más grandes, no siempre es fácil descifrar lo que significan.

3. Elementos innecesarios

Un icono debe ser fácil de leer. A menor número de elementos, mejor. Mejor si la imagen es relevante, y no sólo parte de ella. Por lo tanto, debe prestar atención al contexto en el que se van a utilizar los iconos.
Tomemos como ejemplo, algunos iconos de bases de datos:

A simple vista, todo está bien. Pero si esta aplicación, (o barra de herramientas), se refiere sólo a bases de datos, se puede, (y se debe), eliminar las partes innecesarias:

El sentido no se pierde aquí, pero los iconos se hacen mucho más evidentes.
Aquí vemos un ejemplo real de elementos innecesarios que forman parte de los iconos de BeOS 5:

Las marcas aquí, son totalmente innecesarias, por cierto, ¿por qué en rojo?.

4. Falta de unidad en el estilo dentro de un conjunto de iconos

Hay que unificar el estilo para unir a varios iconos en un conjunto. Lo podemos conseguir con cualquiera de estas propiedades: el esquema de color, la perspectiva, el tamaño, la técnica de dibujo o una combinación de varias. Si hay sólo unos pocos iconos, el diseñador puede dictar algunas normas mentalmente. Si hay muchos iconos y varios diseñadores trabajando, (por ejemplo, en los iconos de un sistema operativo), deben crearse algunas normas especiales. Esas normas describen en detalle cómo dibujar un icono para que encaje perfectamente en el sistema.

Multitud de estilos en el archivo shell32.dll de Windows XP. Este conjunto de iconos por defecto, ofrecidos al usuario que desea cambiar de icono.

5. Perspectivas y sombras innecesarias en iconos pequeños

El progreso no cesa: los interfaces cuentan con la posibilidad de mostrar objetos semi-transparentes, pérdida de limitación de colores, más la tendencia a los iconos 3D. Pero, ¿es realmente necesario en todos?. No siempre. Sobre todo si hablamos de iconos pequeños de 16 x 16 o más pequeños.
Como ejemplo tomemos el entorno de escritorio Gnome 2.2.0 (RedHat 9):

La perspectiva en los iconos de este tamaño es innecesaria e incluso contraproducente.
Y aquí el menú de aplicaciones de Windows XP:

Como norma, los iconos de Windows XP tienen dos pixel negros de sombra, pero en tamaño de 16 × 16 la sombra parece demasiado grande y hace que los iconos parezcan sucios. El icono de la libreta de direcciones parece especialmente malo en este grupo.

6. Demasiado fiel al original

Seleccionar lo que se muestra en un icono es siempre un compromiso entre lo reconocible y lo original. Antes de desarrollar lo que el icono nos mostrará, es recomendable ver cómo lo hacen en otros productos. Tal vez la mejor solución no está en hacer algo original, sino más bien en adoptar una solución existente.
Un ejemplo de excesiva originalidad es el icono de la papelera en OS / 2 Warp 4, que no es en realidad una papelera, es una trituradora.

Otro problema de elegir una trituradora, es que no hay un modelo conocido por todos de ésta, fuera de su contexto. El icono se parece a una impresora con un pulpo escondido dentro.

7. Las nacionalidades o características sociales, no se están teniendo en cuenta

Siempre es necesario tener en cuenta las condiciones en las que el icono se va a utilizar. Un aspecto importante en este caso, es el de las características nacionales. Las tradiciones culturales, el entorno y las señales pueden diferir radicalmente de un país a otro.
Estas señales, nos permiten sugerir que tenemos que sacar un icono para trabajar con el correo electrónico. Tiene perfecto sentido utilizar una imagen real relacionada con el correo. Un buzón de correo, por ejemplo.

Estas imágenes son cortesía del artículo de la Wikipedia titulado «Post box».
La respuesta puede encontrarse en el manual sobre creación de iconos para Mac OS X: «Use imágenes universales que las personas reconozcan fácilmente. Evite centrar la atención en aspectos secundarios del elemento. Por ejemplo, para un icono de correo, un buzón rural sería menos reconocible que un sello de correos»

La idea de utilizar un sello es magnífica, pero el usar la imagen del halcón de cola roja, es, sin duda, cuestionable.
Sin embargo, es necesario contar, no sólo con las características nacionales. Eso me recuerda algo divertido. Una vez, necesitábamos un icono de un filtro para datos, que a menudo utiliza la imagen de un embudo. Una imagen como esta:

La respuesta del cliente fue la siguiente: «No entiendo muy bien por qué un filtro, señalando a un icono con forma de vaso de Martini»

8. Imágenes reales de elementos e iconos de la interface

El manual sobre la creación de iconos para Mac OS X nos advierte: «Evite el uso de elementos de la interfaz Aqua, que pudieran confundirse con la interfaz, en sus iconos» Pero todo esto es en vano. Por ejemplo, echa un vistazo al siguiente icono:

Usted podría querer hacer clic en el radio button, pero terminaría haciendo clic en un icono para todo.
Aquí hay un ejemplo interesante de la interfaz del navegador OmniWeb:

Preste atención a los botones Anterior y Siguiente, un tipo raro de botón con leyendas debajo. ¡Vaya! No están en todos los botones, son los iconos.

9. Texto dentro de los iconos

Este error es muy común en iconos de aplicación. Es evidente que lo primero que nos viene a la mente cuando trabajamos sobre un icono de una aplicación, es el de adaptar la aplicación del logotipo. ¿Qué hay de malo en meter texto en un icono? En primer lugar, está directamente relacionado con el lenguaje y así impide la localización. En segundo lugar, si el icono es pequeño, es imposible leer el texto. En tercer lugar, en el caso de los iconos de aplicaciones, este texto se repite en el nombre de la aplicación.

10. Píxeles fuera del marco

Por regla general, este problema se produce si se utiliza un editor vectorial para dibujar los iconos. A gran tamaño, todo parece bastante claro, pero, en realidad los iconos suelen ser pequeños, y tienen la virtud de rasterización anti-aliasing entre objetos.

Tomado de:http://ervdesign.net