Si eres fotógrafo, retocador o bien diseñador (por que no?) y aún no tienes tu portfolio armado, esta plantilla de Wordpress te va a tentar debido a lo profesional que se ve y lo muy “oculto” que queda el típico formato de Wordpress en su pantalla inicial.
Fullscreen es una moderna plantilla para Wordpress en donde […]
Los estampados para camisetas son la debilidad de mas de un lector del blog y es por eso que aquí dejo tres nuevos diseños que encontré en la web para que “sirvan de inspiración” para los que están en este rubro.
El formato en que se encuentran estos archivos es EPS y los mismos ya vienen […]
La gente de Iconshock me avisa que han creado un set de elementos GUI (Graphics User Interface) para Ipad, lo cual es muy útil sobre todo para desarrolladores y diseñadores que estén pensando en incursionar en esta plataforma.
En el pack encontraremos botones, pestañas, menús, teclado, globos de comentarios y mucho mas. Lo bueno de […]
Si bien al principio puede chocar un poco tanta sangre no se puede negar que Jacques Pense y Michael Ohanian, ideólogos responsables de la imagen en cuestión, tuvieron una excelente idea para hacer vivir desde diferentes soportes la programación de crímenes famosos y horrorosos del canal 13th Street -el canal de acción y suspenso de […]
Hace unos días se planteo un debate acerca de la funcionalidad del logo para la olimpiadas 2012, ahí surgió también la pregunta de si el diseño es arte o no.
La idea común de ligar al diseño con el arte, específicamente el diseño gráfico, esta dada básicamente por entender al diseño como un fenómeno estético. Intentare explicar las nociones básicas que diferencian al Arte del Diseño.
Esta conexión entre el diseño y el dibujo, genera la imagen distorsionada del diseñador como productor de bocetos; y no es que trate de subvalorar al dibujo como habilidad, ya que seguramente es una condición necesaria, aunque no suficiente para llevar a cabo un diseño exitoso. De esta forma el diseño queda relegado únicamente a un toque de calidad visual.
El diseñador no termina un trabajo, no es quien se encarga de dejarlo bonito; muy el por el contrario, el diseño, antecede al trabajo. Podríamos definir al diseño como una forma de generar soluciones creativas a un problema especifico. Diseñar es proyectar, es planear un curso, un camino a seguir. Todo proyecto de diseño se plantea en base a una demanda de necesidades, y fija las herramientas para suplir esas necesidades.
Así, el diseño requiere de un discurso coherente, un discurso proyectual, a fin de modular la información transmitir; por eso se habla de diseño de información. El diseño percibe un problema, lo entiende, y lo soluciona de forma creativa, pero esa creatividad nunca debe convertir el discurso en decurso; la meta debe ser siempre la funcionalidad, la decodificacion del problema para que sea entendido y aprehendido masivamente.
Ahora vemos que mientras el diseño responde a necesidades externas, cumpliendo una función de modulador social de la información; el arte es un medio de expresión de aquello que se piensa y/o siente, resultando en una actividad reflexiva. Es decir, que refleja el mundo desde la perspectiva de aquel que lo expresa, satisfaciendo así una necesidad interna. Si bien una obra artística puede pensarse desde un ámbito social como transmisor de un mensaje determinado, no deja nunca de responder a una pulsión interna del artista, eso que llamamos inspiración.
Espero haber arrojado un poco de luz sobre esta injusta pero entendible confusión.
Todos sabemos qué es la usabilidad, pero es increÃble la cantidad de gente que, por entregar "ya", la ignora de frente. Es culpa de los clientes en ocasiones, pero la no-usabilidad es una falta clara de profesionalismo. Y no sólo eso, agregar un par de arreglos estúpidos, pero que ignoramos por error o por afán, hace una gran diferencia en las visitas a nuestros sitios web. Si además te dedicas a Internet como un negocio, seguir por lo menos la mitad de esta lista te asegurará, más que un éxito inicial, una comunidad.
Estos son los consejos que pueden parecer idiotas, pero seguro los ignoramos en uno u otro proyecto. Es importante ser consciente de ellos.
Crea una unidad de diseño en navegación y mantenla todo el tiempo. Si tu header tiene una botonera horizontal, asegúrate que se vea en todas partes. Cualquier persona debe ser capaz de navegar desde cualquier parte a cualquier parte de tu sitio. Si no, lo más seguro es que lleves a tu usuario a creer que ha cambiado de página.
La navegación invisible es otro problema, originalmente generado por los flashers, pero llevado al mundo de CSS y AJAX. Tienes toda la navegación de tu web escondida bajo iconos y sólo sabes qué hace un botón cuando pasas el mouse por encima. Tu botonera no es la barra de herramientas de Word. Poner una descripción contextual y clara de la función de cada botón es clave. Un usuario debe poder tomar una decisión antes de mover el mouse a un elemento de la interfaz.
De esto hemos hablado mil veces en Cristalab y afortunadamente ya están muriendo. Pero por si quedan dudas. Los usuarios en internet tienen la capacidad de concentración de una gallina. No hagan que se distraigan.
Popups de Javascript, sonido de fondo, desactivar el click derecho. Toda esa mierda espanta a los usuarios y hace que recuerden un odio especial en contra de tu creación. Es simple, no lo hagas. Intenta ser tan amable y bueno con tu usuario, asà te duela a ti. A él jamás le debe doler.
No te atrevas a crear un enlace con "click aquÃ". Eso no le dice NADA al usuario antes de dar click. Es una mala practica para posicionarte en Google y en general va en contra de toda la filosofÃa de la web. Simplemente no lo hagas.
Implementar ciertos arreglos de usabilidad, simples en su concepción, pueden mejorar mucho la calidad de tu trabajo final y el profesionalismo que reflejas.
Puede que suene como una de las "dolorosamente obvias", pero hacer prototipos en papel o en programas como Balsamiq Mockups realmente cambia la forma en la que ves las interfaces de tus futuros proyectos. Podrás identificar rápidamente las buenas ideas, las cosas terribles y aquello que puedes mejorar.
El iPod no debe su éxito a sus impactantes caracterÃsticas técnicas, sino a lo mucho que no le dice a sus usuarios. El hecho que seas un geek que quiera saber la cantidad de milisegundos en la que cargan tus paginas no implica que eso le sirva de nada al usuario. Pueden haber secciones, enlaces, botones e información completamente irrelevante para tus usuarios. Protegelos de eso. Aprende a "podar" tu arquitectura de contenido y borrar lo que no sirva.
Es increÃble la cantidad de gente que crea cosas para otros y jamás las usa. Si no usas lo que creas, jamás crearás un producto para ser usado. Obligate a usar realmente las cosas que creas y verás un cambio en lo que haces.
Google Analytics es un software genial. Te permite, usando pageTracker._setVar, colocar variables de tu creación en las estadÃsticas. Asà puedes ver cosas como las temáticas más visitadas, usuarios registrados vs. invitados, entre muchas otras que serÃan imposibles con las estadÃsticas tradicionales. Además tiene el Bounce Rate, un valor que indica el porcentaje de visitas que se van sin dar clicks a nada. A menor porcentaje, tienes un mejor y más envolvente interfaz.
Aunque tu cliente lo crea, tu no necesitas el cumpleaños de tus usuarios. Hay una gran cantidad de datos que realmente no necesitas al registrar un usuario. Lo mismo pasa con los forms de enviar comentarios en los blogs. A eso sumale los CAPTCHA inentendibles que es mejor desechar. Usa otras técnicas para frenar el spam, como las preguntas matemáticas, las técnicas bayesianas, akismet, javascript o acusalos con su mamá.
No tienes que crear un nuevo elemento de interfaz para mejorar un producto. No tienes que ser Apple para innovar (aunque ayuda).
Google y Amazon ya lo implementaron. Un sistema sencillo de autocompletado de acuerdo a las consultas más frecuentes en el campo que uses puede mejorar radicalmente la experiencia de tus usuarios. Lo mejor es que es MUY fácil de implementar. Con jQuery UI sólo tienes que hacer esto. En jQuery:
Código :
$("#autocomplete").autocomplete({
data: ["aero", "airplane", "book", "movie", "music", "sports", "skating", "swim"]
});
Y en HTML:
Código :
<input id="autocomplete" type="text" />
Y ya está. En serio.
Para Wordpress hay millones de plugins, o si el heroÃsmo corre por tus venas, puedes programarlo. Los motores de recomendación de productos, de artÃculos relacionados o lo que sea que enlace el contenido de lo que estás viendo con otros similares capturan a tus usuarios con gran efectividad. ¿O no sientes la necesidad de comprar eso que Amazon te recomendó?
La web de las descargas de Apple tiene un componente Accordion con las descargas por categorÃas, al cual no necesitas dar click para cambiar de panel. Amazon tiene implementada la peligrosa función "Compra con un click" para eliminar todos los pasos innecesarios y dolorosos del e-commerce. A más clicks hagas desaparecer, mejor será la experiencia y fidelidad de tus usuarios.
AJAX es una tecnologÃa que ha sido abusivamente violada por incontables "iniciados" del diseño web. Sin embargo, usarla en los casos correctos puede crear una diferencia. Youtube la usa para cargar las páginas de comentarios y enviarlos sin necesidad de cambiar de URL, asà puedes mantenerte escuchando el video mientras lees los comentarios.
Lo mejor de la web, comparado con otros mercados, es que hacer experimentos es gratis. Prueba, con estadisticas claras, distintas interfaces y arreglos posibles. Mira cual te genera más visitas, cual baja más el bounce rate, cual hace que más usuarios se registren. Los experimentos son la razón por la que Halo 3 es uno de los juegos más vendidos de la historia. No es porque sea el juego más innovador o con mejor historia, es porque es increÃblemente usable.
Gmail no sólo nos cambió la vida trayendo los correos de gigabytes y el AJAX que hace que no tarde en cargar tu correo. También introdujo un concepto muy obvio, pero que nadie habÃa intentado antes: Conversaciones anidadas.
El hecho de crear una nueva interfaz para el correo electrónico cambió sin duda la forma en la que usamos nuestro email. No crearon una nueva interfaz, no insertaron multitouch o una ruedita al correo. Simplemente lo organizaron en un hilo como un foro.
La usabilidad en nuestros proyectos también la crea la experiencia en el medio. Si tienes más consejos o preguntar acerca de estos, déjanos tu comentario. Los que digan que no son 20, serán recibidos con una amable carta de agradecimiento a tu casa y dos puntos láser de snipers.
Junto con la aparición de la nueva suite de Adobe, se aguardaron por varias sorpresas en Flash de las cuales algunas fueron ciertas, aunque hubo otras completamente inesperadas.
Tal es el caso de la nueva herramienta Deco Tool.
Es por ello que en este Tip, pretendo mostrar un poco sobre esta genial y sencilla herramienta. La cual quizá facilitara mucho el trabajo de algunos diseñadores, ¿y por que no?, también el de algunos pocos programadores.
Permite añadir un tramado continuo, o patrón a lo largo de todo el documento, efecto similar al que se utiliza en Photoshop con su cubo de pintura, pero con la diferencia de que aquÃ, al personalizar el tramado puedes agregar un clip de pelÃcula (a partir de aquÃ, MC) en lugar de una sola imagen.
Por lo que de una manera mas ambiciosa nos da la oportunidad de agregar sus acciones de Action Script, o las animaciones que este clip contenga.
Drawing Effect: Es aquà de donde elegiremos el MC, o no, para dibujar nuestro patrón. Adelante retomo esta parte mejor.
Advanced Options: En cambio, aquà podemos elegir cuantos pixeles se dejan como margen entre los MCs, asà como la escala con la que serán dibujados. Si te fijas, deje solamente unos 5 pixeles de margen, a una escala del 100%
Ahora, volviendo al panel de arriba. Podemos dejar el recuadro fill vacÃo, y Flash solamente dibujará un patrón de lunares o cuadros sin mucha ciencia. En cambio podemos crear en el escenario un MC y asà poder personalizar un poco mas el resultado. Creamos un nuevo MC en el que trabajaremos, y daremos click en el botón Edit y seleccionaremos el MC de nuestra biblioteca.
Yo cree un pequeño lunar de unos 8 pixeles de diámetro, que de momento no presenta mayor gracia. Aquà podemos dar un click sobre el escenario con nuestra herramienta Deco, y veras como aparecen dentro de un grupo ordenado todos los MCs ya duplicados.
Selecciona el unico keyframe en este caso, del MC que estamos editando. Y agrega el siguiente codigo al panel de Acciones/Actions:
Código :
import fl.transitions.*;
import fl.transitions.easing.*;
this.alpha = 0.5;
//
addEventListener(MouseEvent.ROLL_OVER, roll_over);
function roll_over(e:MouseEvent):void{
var xSize:Tween = new Tween(this, "scaleX", Regular.easeOut, 1, 2, 5, false);
var ySize:Tween = new Tween(this, "scaleY", Regular.easeOut, 1, 2, 5, false);
var alfa:Tween = new Tween(this, "alpha", Regular.easeIn, 0.5, 1, 5, false);}
//
addEventListener(MouseEvent.ROLL_OUT, roll_out);
function roll_out(e:MouseEvent):void{
var xSize:Tween = new Tween(this, "scaleX", Regular.easeOut, 2, 1, 5, false);
var ySize:Tween = new Tween(this, "scaleY", Regular.easeOut, 2, 1, 5, false);
var alfa:Tween = new Tween(this, "alpha", Regular.easeIn, 1, 0.5, 5, false);}
Sal de tu MC, llega hasta el escenario y prueba la pelÃcula nuevamente. El resultado será parecido a este:
Siempre intento guardar en la memoria aquellos momentos en los que, cirscunstancialmente, he sido consciente de que algo es hermoso o, cuanto menos, estético.
Entre otros muchos recuerdos, tengo muy presente el momento en que tuve entre mis manos por primera vez una radiografÃa. Qué belleza! Qué elegancia!
He de decir, que a pesar que de siempre fui una cabra loca sin miedo a las alturas, jamás me rompà un sólo hueso en mi vida. Asà que el momento radiografÃa en mano, no lo vivà hasta los 11 ó 12 años. Un dÃa en el cole, tras una exploración, le dijeron a mi madre que tenÃa escoliosis. Al dÃa siguiente, me descubrà sujetando y admirando esa hermosa pieza negra revelada sobre una pelÃcula con un grosor gordÃsimo y a tamaño real por primera vez en mi vida. ¿PodÃa ser más perfecta? Más perfecta en concepto, la verdad, no sé, pero habida cuenta que el uso de estas revelaciones internas de la naturaleza es exclusivamente médico, se me ocurre que deberÃa haber un uso un poco más creativo. La grata noticia es que el uso creativo existe y mucho más cercano de lo que pensamos.
Pues os desvelaré que, en esta ocasión, la suite CS2 de ADOBE en el año 2005, cuyas famosas plumitas hemos visto cientos de veces en esos años en los que esta suite gobernaba nuestras vidas, eran obra y gracia del mismÃsimo Nick Veasey (Londrés, 1963). Este fantástico artista inglés, cuyo trabajo pasa por rayos X, confesó a la revista El Duende (Septiembre-Octubre 2008) que todo empezó porque siempre tuvo curiosidad de saber qué habÃa debajo de las chicas…Humor inglés aparte, no dejéis de curiosear la obra de este singular artista que nos confiesa que lo que más le gusta de su trabajo es dejar TODO al descubierto. WOW!
He aquà una pequeña muestra de su amplio repertorio gráfico que va desde muñecos de plástico a el aparatoso desnudo interno de diversos insectos.
PD.: El lado menos romántico de esta historia es que el famoso dÃa del descubrimiento radiológico tampoco lo olvido por un sencillo motivo: Sigo padeciendo escoliosis…
Inspira es una nueva sección de Cristalab dedicada a artÃculos de diseño gráfico y arte digital
El arte siempre ha sido, entre otras, una ventana a la vida social. Antes de la fotografÃa, era la pintura la encargada de congelar en imagen un momento cotidiano de relaciones humanas. Cuando la tecnologÃa nos dio ese recurso, la pintura perdió su significado y evolucionó en otros sentidos. Pero la magia artÃstica de la experiencia humana jamás se perderá. Es por eso, que al dÃa de hoy es inevitable un trio amoroso entre arte, tecnologÃa e Internet para ofrecernos una ventana al mundo hasta ahora nunca vista:
Daniel Rozin y un equipo de artistas y tecnólogos digitales lo han hecho. ¿Por qué no crear un panel gigante que recoja en texto y audio lo que ellos mismos han denominado un "LISTENING POST"? El método utilizado es sencillo, unos motores de búsqueda recogen todas las frases en webs y blogs de todo el mundo que empiezan con "I am" o su contracción: "I’m" y se actualizan en el enorme panel mientras una voz robótica los lee en tiempo real.
La pregunta es: ¿Arte o capricho? Este puede parecer un experimento caprichoso en manos de quien tiene tiempo y ganas de desarrollar las tecnologÃas necesarias para hacerlo realidad. Eso es lo que yo misma me planteaba cuando me lo contaron. Mas tarde, lo vivà en primera persona, y fui consciente de que es injusto un juicio de valor artÃstico sin conocer la magia de estar sentado unos minutos frente a un panel que desvela los sentimientos que experimentan miles personas en ese mismo instante.
En este vÃdeo los propios artistas hablan de su iniciativa.
La tecnologÃa queda sumida a los pies del arte en esta fantástica exposición en el museo "Reina SofÃa" de Madrid, en la que se puede ver algunas de las obras más importantes de la última década en la relación entre arte, ciencia, tecnologÃa y sociedad.
Aunque se trata de una exposición 100% interactiva, aquà os dejo unas cuantas imágenes que recogen el impactante efecto visual cuando se establece esta perfecta comunión entre arte y tecnologÃa.
