Para promocionar una edición especial de calcetas de Star Wars, la marca de ropa californiana Stance creó este sitio que se navega utilizando solo “la fuerza” (detectando tus gestos por medio de la webcam).
El recurso de la deteccion de movimiento como forma de interface no es algo tan nuevo. El primer intento de esto lo hace como unos 5 años. Hace poco vi uno del Cirque du Soleil muy bueno, y otras cosas), pero como ahorita tooodo es StarWars creo que al sitio le va a ir bien sin mucho esfuerzo (ganó el “Site of the day” en FWA).
Además nadie se podría resistir a una experiencia en donde pueda mover cosas usando “la fuerza” (telequinéticamente)…
Control the power you’ve always wanted. Use the Force at theuncommonforce.com today.
Place your hand over the webcam to direct the midi-chlorians to the floating target…
Hace tiempo debatía con amigos diseñadores sobre qué estilo gráfico era mejor, si el plano -2D- o el de de volúmenes -3D- (cada uno de ellos es toda una escuela diferente). La respuesta está en este posteo: el primero evoluciona del segundo.
Hay un témino que ya no recordaba: Eskeumorfismo (a pesar de lo interesante que me parece el fenómeno que explica). Es una de esas palabrejas que al aprenderlas, las agregas a tu vocabulario esperando el momento de poderlas utilizar, aunque para cuando el momento llega ya se te fueron de nuevo. Personalmente lo entiendo como una tendencia dentro del diseño (y quizás del arte en general) a imitar lo anterior, para otorgar apariencias estéticas “reconocibles” a nuevos objetos, aunque esta imitación no sea funcionalmente necesaria.
Quizá alguien quiere decirme que esta imitación solo aplica para cosas que deben tener un uso funcional, y que el arte no es el caso. Pero sí, el arte debe funcionar, al menos para comunicar algo. Y creo que es justamente este fenómeno de Eskeumorfismo lo que permite evolucionar al arte y al lenguaje en general. No es difícil de entender: yo veo algo, me lo apropio (visual y cognositivamente), lo imito y le aporto algo más. Eso es el principio del fenómeno.
Recientemente el término Eskeumorfismo se usa mucho para justificar la manera en que hemos pasado de lo análogo a lo digital, lo que en diseño gráfico muchas veces se ha entendido como pasar del los volúmenes y texturas al diseño plano y de colores lisos. Pero sabemos que la imitación dentro dentro de un proceso creativo no tiene nada de nuevo, verdad? Al menos no en los primeros momentos de este. Piensen en los primeros automóviles con forma de carreta, o los primeros relojes con todo el estilo ornamental de una vitrina. La imitación está en todo, en cosas tan elementales como la forma en que aprendemos a hablar (o a bailar, o a escribir o a muchas otras cosas).
Como sea, aquí hay algunos buenos ejemplos de Eskeumorfismo en la era digital. De nada…
Digital skeuomorphism involves taking characteristics from real life objects and applying them to digital interfaces in order to foster a sense of familiarity in users. Common examples of this include paper textures on notepad applications, thread stitching in interface borders, and transparent glass surfaces for application covers.
In user experience design, digital skeuomorphism holds great potential for bringing rich emotional experiences to digital devices, which are otherwise impersonal. If you’re looking to leverage digital skeuomorphism into your next design, take inspiration from the following fifty examples…
Hay quienes piensan (yo lo hacía) que la nocion de “UX” es una verdad absoluta y universal. Pero es tonto pensar así, casi todas las tendencias de diseño (web y digital sobre todo) tienden a reforzar y/o generar algún aspecto de la cultura, o mejor dicho de alguna cultura. Hoy por ejemplo, no es noticia que el dominio es norteamericano. No importa de donde sean los diseños, todos responden a paradigmas norteamericanos (piensen quién inventó el internet, por ejemplo, y con que fines).
Por ello, esta nota de Wired con comentarios de Bill Buxton (pionero de las interfaces) me pareció muy interesante, pues plantea que una de las cosas que un diseñador UX más debe buscar en su trabajo es: -además de todos los aspectos estéticos y creativos- la diversidad. El argumento para esto me convenció bastante: no existe ningún ecosistema estable sin diversidad…
Technology is a great leveler of culture, and the more engaging and embedded it becomes, the more pernicious its influence. Our interfaces spread the values of those who designed them – whether intended or not. That our smartphones can be customized through the installation of apps assumes we want a device that is unique and personal. That our wearable devices track and analyze physical movement (as opposed to, say, proximity to friends or family) assumes that individual activity is the kind most worth monitoring.
Shared platforms create shared cultures. Those shared cultures may enable opportunity, but they also erode the varied perspectives and values that make humans such a diverse bunch. If the future of design is in thinking of “constellations of devices” where individual devices “reduce complexity of the system” and “increase the value of everything else in the ecosystem” (according to Bill Buxton in WIRED), well, it’s important to remember that ecosystems rely not just on interacting components — but on diversity to survive and thrive…
Para promocionar el nuevo Fairlady 370Z, NIssan Japon creó esta divertida experiencia en vivo (y en linea, este nov 17), donde puedes manejar un auto de carreras con tu voz. Un buen ejemplo de interfaces basadas en sonido…
Always wanted to be a race car driver? Nissan makes it easy for anyone to be the fastest driver on earth with the new game Voice Driver Cup.
Created to promote the new Fairlady 370Z, the 2013 version of the two-seater sports car, the game pits drivers against each other using only their voice.
Instead of driving a remote controlled car with an electric controller, voice volume becomes the controller. Drivers can yell into an iPhone app or into their computer microphone to alter the speed of their car — the louder their voice, the faster the car wil drive.
Nissan hosted the first Voice Driver Grand Prix on Nov. 1 at its company headquarters in Japan, where fans flocked to the 100-meter track to participate in person. But if you couldn’t make it to Japan, Nissan has a virtual event in which you can participate. On Nov. 17, Nissan will host a global Grand Prix, and anyone in the world to compete without leaving his or her desk…
EXOpc has posted a video of its EXOdesk — an interactive desk environment that lets you do all sorts of tasks on a virtual space on your desk — in action and it looks amazing.
The actual device is a tabletop computer, somewhat similar to Microsoft Surface, offering 40 inches of high definition space, where you can manipulate virtual objects by touching them and dragging them around…
The video offers a taste of what you can do with EXOdesk: add a virtual keyboard, an RSS feed stream and apps to your tabletop surface. A piano simulation app is shown, and though we don’t see much of its functionality, it looks stunning when expanded to the entire surface of EXOdesk.
Although the release date is vaguely set for 2012, we already know EXOdesk will cost $1,299. If that sounds like a lot, compare it to the recently announced price of Microsoft Surface 2.0, which is $8,900, and it will suddenly seem like a bargain…
Interfaces de luz. Presiento que cuando este tipo de tecnología (llamada Omni-Touch) sea asimilada y aplicable en todos nuestros gadgets y dispositivos, vamos a pasar por toda una nueva revolución tecnológica, caracterizada -a diferencia de la actual- no por cambiar cómo nos comunicamos entre personas, sino cómo nos podemos comunicar entre personas y máquinas…
Soon you, too, will be able to talk to the hand. A new interface created jointly by Microsoft and the Carnegie Mellon Human Computer Interaction Institute allows for interfaces to be displayed on any surface, including notebooks, body parts, and tables. The UI is completely multitouch and the “shoulder-worn” system will locate the surface you’re working on in 3D space, ensuring the UI is always accessible. It uses a picoprojector and a 3D scanner similar to the Kinect. The product is called OmniTouch and it supports “clicking” with a finger on any surface as well as controls that sense finger position while hovering a hand over a surface. Unlike the Microsoft Surface, the project needs no special, bulky hardware – unless you a consider a little parrot-like Kinect sensor on your shoulder bulky. While obviously obtrusive, the project is a proof-of-concept right now and could be made smaller in the future…
En publicidad es común hablar de creatividad en varios niveles: conceptos, insights, logos, keyvisuals, displays y otras cuestiones visuales, formas de elegir y aplicar una tecnología, slogans, selling lines y demás aspectos comunicativos… todo esto se espera siempre que sea innovador y creativo en algún sentido.
Incluso en cosas que parecen ya mas ajenas a las areas de arte y/o creativas de una agencia: la elaboración de una estrategia de marketing, la búsqueda de nuevos canales y plataformas de comunicación para el plan de medios de una campaña… en todo esto se puede ser creativo’, correcto?
Dentro del diseño web hay una forma de creatividad muy específica de esta disciplina (y que curiosamente, no a tantos diseñadores les gusta explorar), relacionada con la experiencia del usuario al navegar un sitio (UX). Creo que la mejor manera de referirise -en español- a esta forma de innovar es “creatividad en la forma de resolver una interface”.
Aquí hay una pequeña colección de Speckyboy.com con ejemplos de layouts bastante originales en ese sentido…
Web design does not have to be limited to a typical grid structured layout. It sometimes feels like we are locked in an endless cycle of header, content, sidebar and footer. That is it. It would be great if we could to tear away from convention sometimes and also force ourselves to break some usability rules. Just imagine what we could create.
In today’s post we have for you a selection of sites that do exactly as described above: They break convention and the result is that they have built some amazingly creative layouts which, in most cases anyway, are a little unusual as well…
Con este programita el que no le entre al HTML5 ya no será por otra cosa mas que por decidia.
No se las pueden poner más fácil: interface gráfica basada en timelines, keyframes y tweenings (tal como en flash), efectos y animaciones pre-diseñadas, complatible con todos los formatos de imágenes y programas de abobe, y (temporalmente) versión de prueba gratis para descargar…
It used to be that if you wanted to create an animated, interactive interface for a website, you needed to use Flash. You might be able to get away with some basic animations using JavaScript, but if you made it too complicated, all you’d end up doing is bogging your visitor’s computer down and causing problems.
Plus, JavaScript was potentially more complicated to use than Flash, at least for those who aren’t fond of coding. But, of course, Flash doesn’t always work well (or sometimes not at all) on mobile devices, including the iPhone and iPad.
Enter HTML5. HTML5 works on just about every mobile platform out there. Anything you could create in Flash can be created with HTML5 (and sometimes added JavaScript and CSS3): animations, interactive elements, and more.
But it reintroduces the coding issue for a lot of designers, who might not be crazy about hand-coding everything. That’s where Adobe Edge comes in…
Interesante artículo sobre diseño que se remonta hasta los orígenes del término para hacernos ver lo errado de algunas tendencias dentro de esta (milenaria) centenaria práctica.
Tacho milenaria para destacar lo que siempre he dicho. Los diseños son máquinas visuales -propias de una era industrial-, a diferencia de las obras de arte tienen una razón de ser bastante definida (y explotable). La razón no es lo que la mayoría de la gente ignorante piensa: hacer que algo se vea “bonito” per sé, sino hacer que algo cumpla una función -generalmente comunicativa en el aspecto gráfico, y mas ampliamente, de experiencia de uso en otros ámbitos (industrial, de interfaces, arquitectónico, etc).
Design is not the goal, by Francisco Inchauste
There is a well-known saying by Benjamin Franklin that states, “In this world nothing can be said to be certain, except death and taxes.” If we take that lens to interaction design, we could say: In design nothing can be said to be certain, except eye candy and following new trends. The screens are changing, but the approach, sadly enough, is not.
Designers have penchant for all things with textures, embellishments, 3-D characteristics, as well as over – emphasized and generated effects – this is where design is currently hovering. It is heavy on the visible layer of design and that is the intention. This approach is limiting because it places focus on getting attention for the design itself, rather than designing for purpose…
Some of the most cutting-edge interfaces — technologies that even go beyond gestural interfaces like Microsoft’s Kinect –- might be much closer to implementation than you think.
In fact, a group of researchers in San Diego have developed a system that allows users to dial a phone number on a cellphone using only their thoughts. The method is surprisingly accurate and would be a huge advantage for people with disabilities or anyone who needs a more hands-free experience or who regularly performs tasks that require a high degree of mental focus.
The technology, which was developed by University of California, San Diego neuroscience researcher Tzyy-Ping Jung and colleagues, tracks electrical activity in the brain using a headband of electrodes and a Bluetooth device. Users of the system were shown digits from zero to nine flashing at slightly different speeds on a computer screen; the frequency of each digit was detected by the electrodes, allowing the Bluetooth device to “know” which numbers to dial…
i_alcocer ████████ 