Acabo de ver las capturas de la nueva intranet de la Fundación Chile. Me epató en menos de 50 ms ;-)
La sensación es agradable nada más verla. Luego te das cuenta de algunos detalles de diseño, muy bien pensados:
1. pestañas tangibles de verdad, grandotas, pura ley de fitts (y además a la izquierda, para marcar temporalidad.
2. colores vivos para distinguir secciones y hacerlas más memorables. Además, muy bien alternados, para que no se confundan y no se creen "clusters mentales".
3. papel blanco sobre fondo oscuro. Así todo se contiene más y se refuerza la sensación de abarcarlo todo (eso acaba redundando en sensación de control).
Todo esto así, de entrada.
Para mi gusto, la zona de cabecera está algo sobrediseñada. Creo que los brillos y las transparencias son innecesarias.
Me encantaría poder usarla, llegado el momento. Estoy seguro de que sería un placer. Mis felicitaciones para los compañeros de Ayerviernes, por el diseño y por el gesto de compartir las imágenes con la comunidad.
Lo cierto es que en un primer golpe de vista, si es que eso da para cubrir los 50 milisegundos, me ha parecido estar ante el boceto que se presentó a un concurso que hicieron en Boxes and Arrows (no recuerdo si fue el ganador o no) para rediseñar su web, cosa muy positiva por otra parte, ya que me encantó.
Vamos, que yo tambié he sentido el helador viento de los 50 milisegundos. Y no ha estado mal :-)
Coincido en las loas al trabajo de Ayerviernes.
En éste momento (enero-febrero) estamos luchando con la empresa de desarrollo para que respete los estándares que les entregamos en las plantillas XHTML CSS2.
En Marzo haremos un Heurístico, si puedes y tienes un tiempo puedes navegar ese beta.
Una abrazo y gracias por la nota.
;)
te tomo la palabra, Jorge ;-)
Ahora solo falta estudiar cuantos milisegundos tarda uno en enamorarse de diseños tan buenos.
Ni bien lo vi, pensé inmediatamente en la página www.downloads.com
me comento manchón lo de tu blog. felicidades por el mismo.
viendo los posts, me parece algo contradictorio que por un lado hables de diseño bauhaus y por otro lado pongas esta web como ejemplo de algo "agradable".
a parte de ser una replica al interface aqua del mac os X...
no te parece que es un diseño algo pesado?
no te parece que hay demasidos aspectos "repetitivos"? como poner "mi intranet" hasta 3 veces? (en el boton, en el titulo y en un breadcrumb)?
Luego, el tema de los iconos... los iconos están bien cuando aclaran aspectos del contenido del botón... pero en este caso que aportan?
Por seguir un poco más... que aporta la paleta de color? No seria mejor tener una paleta de color de "color activo", "desactivado" y "over"...? por no hablar de los drop shadows...
Personalmente creo que el diseño de esta web es mas "americana" que "europea"... lo cual me parece que va un poco en contra de lo que comentas sobre el buen diseño europeo... o que es lo que te parecio interesante...?
un saludo.
césar.
César, gracias por los comentarios.
Como digo en el post, sí hay cosas que creo que están sobrediseñadas. Yo hubiera evitado las transparencias, el look aqua y las reiteraciones. También hubiera simplificado la estructura de la cabecera. En eso estoy de acuerdo contigo.
Eso no quita que vea cosas muy bien planteadas.
Personalmente prefiero que el color se asocie a sección y no a estado, como dices. Pero siempre que el número de secciones sea contenido y que nunca haya dos colores parecidos muy cerca. El uso de colores para áreas aporta mucha memorabilidad a la AI.
En un proyecto par Renault asociamos colores a funcionalidades y pareció funcionar muy bien. Hicimos pruebas con usuarios para ver si asociaban diferentes conceptos con su color correspondiente o si los colores resultaban anecdóticos, y nos dimos cuenta de que realmente ayudaban.
Respecto a los iconos, no estoy de acuerdo en que sólo sirvan para aclarar el contenido de un botón. También aportan memorabilidad, lo que permite usarlos en otros puntos para que el usuario relacione conceptos más rápidamente.
Con los colores y los iconos en este caso creo que puede pasar lo que con los parkings, donde a veces sustituyen los números por colores o por animales para que la gente recuerde mejor dónde dejó el coche.
Respecto a si es un diseño más americano que europeo, te doy la razón. Lo es. Eso no significa que pueda gustarme. Yo prefiero otro tipo de estéticas, pero no soy dogmático al respecto. Hay diseños con apariencia "europea" que luego son muy malos (y viceversa).
un saludo y bienvenido al blog.
Sobre los iconos...
Si la idea no es aclarar el contenido y que sirvan como recuerdo visual, creo que es mejor utilizar simbolos tipo cuadrado, cruz, estrella, circulo... o números... 01, 02, 03... son mas sencillos y no despistan... sabes que son un símbolo...
en el caso de esta intranet, como pretenden aclarar o apoyar el contenido en algunos casos son confusos...
Cuando dices: "pestañas tangibles", a que te refieres con "a la izquierda, para marcar temporalidad".
Me refiero a que siempre hay una linea de temporalidad en la página. Lo que va antes, lo que va después... Normalmente, esa linea se marca de izquierda a derecha y de arriba a abajo. A la izquierda están los niveles jerárqicos superiores; arriba está lo más importante, y va perdiendo importancia a medida que baja.
La temporalidad se suele representar gráficamente de izquierda a derecha. Al menos en occidente. Lo anterior se muestra siempre a la izquierda (piensa en los relojes, en las lineas del tiempo) y lo futuro a la derecha. Por eso, en una web se tiende a situar los niveles jerárquicos superiores a la izquierda.
Gracias Cesar y todos por el intercambio de opiniones!
Enriquecen nuestro trabajo y sobre todo permiten que conversemos sobre Diseño con ejemplos reales.
Estamos un poco acostumbrados a hablar desde la academia y lo supuesto, cuando lo realmente dificil es que nos paguen por lo que hacemos sobre todo por acá tan al sur...
El equilibrio entre el negocio y el Diseño es leve donde renunciamos a diario en muchas cosas.
El Diseño, al igual que el Arte sólo avanza si se hace, si no es siempre maqueta ideal de algo que nadie pago, ni uso.
Obvio que tenemos influencias de Apple, de Alzado, de Norman, Nielsen, el Vaticano, Download... a diario leemos los mismos códigos.
El asunto es aplicarlos donde corresponden en su justa medida.
Un abrazo chileno a todos y muchisimas gracias por darse un tiempo para los comentarios.
Jorge
Gracias por la explicación... desde el enlace que propones de la 'Ley de Fitts' he llegado a interesantes lecturas. Sobre todo, me ha gustado "A Quiz Designed to Give You Fitts", pero tb me ha planteado una duda, me gustaría que comentases el tema del 'uso de los border de la pantalla' para situar menús, y cómo en este caso al ser un menú vertical podría ocasionar problemas con el scroll.