Technology

Love Lights

by emily on Jan.03, 2010, under All, Art, Interaction Design, Technology

Happy New Year! As much as I enjoyed 2009, toward the end it began looking like we needed a little bit more love around us. Since it wasn’t known for sure if this need for love was something only I felt or a cultural phenomenon, it only seemed right to track the frequency in which the term “love” is used.  The Love Lights offer an ambient snapshot of how much love is passing through a few corners of the world at any given second. When love is expressed in one five different languages; swedish (kärlek), english (love), indonesian (mencintai), greek (αγάπη), and norwegian (elsker), a light will pulse on. The Love Lights are built off sentiments publicly divulged through Twitter, which has nearly 50 million users worldwide. I’ve been noticing that the lights for the non-english words stagger on as the day goes by, and are most active late at night. English, of course being the dominating language of Twitter, remains fairly consistent.

The Love Lights are made from LEDs, copper tubing, handblown glass bulbs, beeswax, and electronic components. Each bulb is etched with the word kärlek, love, mencintai, αγάπη, or elsker and then dipped in beeswax to give the light a natural quality. 15 x 9 x 21 inches. The only requirements to get the lights up and running are an ethernet (cable) connection and a power source.

The Love Lights are one of four light pieces I’ve created over the past year. Each one is made from similar materials with a different concept, such as the Belief Loop and War Lights. As an artist, it’s important to me that traditional electronic components are not the dictating aesthetic. Electrical parts like LEDs, wire, and pcb board are just a few of the tools needed to create these pieces. What is more important is how they reflect the human sentiments that go into making them work.

Contact me if you have any questions or are just curious about how it works. Many thanks to Jeff Gray for technical support.

Leave a Comment more...

The Visual Archive

by emily on Oct.01, 2009, under Interaction Design, Technology

The Visible Archive

As archives are increasingly digitised, so their collections
become available as rich, and very large, datasets. Individual records
in these datasets are readily accessible through search interfaces,
such as those the Archives already provides. However it is more
difficult to gain any wider sense of these cultural datasets, due to
their sheer scale. Conventional text-based displays are unable to offer
us any overall impression of the millions of items contained in modern
collections such as the National Archives. Searching the collection is
something like wandering through narrow paths in a forest: what we need
is a map.

This proposal is to research and develop techniques
for visualising, or mapping, archival collections in a way that
supports their management, administration and use. The specific aim is
to develop techniques for revealing context: the patterns, high-level structures and connections
between items in a collection.

The
practical outcomes of the project will be prototype interactive,
browsable maps of the National Archives collection that apply these
techniques at different structural levels:

  1. A map of the
    whole collection, at Series level, will show the “big picture”: the
    size, scope and historical distribution of different series, the
    relations between series, and their corresponding Agencies and
    functions.
  2. A more detailed map will focus, as a test case, on
    a single series (A1), accumulating data from individual records to
    reveal the distinctive “shape” of that series.

The issue of navigating large digital collections is current and significant; interestingly some
prominent American researchers have recently announced
a broadly related project. This project is highly innovative; by
supporting it, the Archives would take a leading position in the field.
The project would be extensively documented and well disseminated,
drawing an international audience.

Outcomes

  • A
    prototype browsable map showing the structure of the whole National
    Archives collection at a Series level, including the relationships
    between Series, collecting and controlling Agencies, and functions.
  • A prototype map of a single series, linking to and contextualising individual items in the series.
  • A set of sketches: static and dynamic visualisations that demonstrate a range of different approaches.
  • A
    set of techniques and approaches for creating interactive maps of
    archival datasets. These will be applicable across the archives sector,
    and among other institutions dealing with digital collections.
  • Documentation and dissemination of the project to an international audience.

Leave a Comment more...

PWMer – TLC5940 and Arduino Shield kit

by emily on Aug.22, 2009, under Art, Technology

Field, An interactive LED Display on Prince Street, NYC  Created by Emily Conrad, Todd Holoubek, and Jeff Galusha

Field, An interactive LED Display on Prince Street, NYC Created by Emily Conrad, Todd Holoubek, and Jeff Galusha

What it is:
The PWMer is a kit that allows electronics enthusiast to rapidly construct an interactive project made of up to 100s of LEDs, each with the ability to dynamically change it’s brightness independently of the other LEDS. PWM, or Pulse Width Modulation, is the term for making a digital component fade in and out, in the same way the light on a Macintosh computer “breathes” (more about PWM here: http://en.wikipedia.org/wiki/Pulse-width_modulation). In addition to LEDs, other outputs besides could include servo motors, DC motion control systems or for that matter any IC that takes a PWM signal. This kit offers 100+ PWM outputs.

The PWMer is designed with five analog inputs and nine digital I/O to be used with sensors, switches, or other ICs. So, for example, your installation will trigger or change functions when it’s dark, when a certain temperature is reached, when someone walks in front of it, when it gets twittered about, and so on. The options are wide open.

Kit includes step by step instructions, circuit board, Atmega 328 (Arduino bootloaded), TLC 5940, resistors, capacitors, diodes, terminal blocks (for sixteen outputs), three test LEDs.

Things to keep in mind:
• The PWMer uses the TLC 5940, which allows for 16 PWM outputs.
• TLC5940 standalone boards are sold separately. These boards can be easily connected to the PWMer for more outputs.
• Our boards can be connected using a DB9 serial cable (Male>Female) connector, which can be purchased with your board(s).
• You will need Arduino Duemilanove board, the downloaded TLC5940 library, a soldering iron, and some soldering skills to get the PWMer up and running.
• Also available as an Arduino shield for rapid prototyping.
Why:
Currently most microcontrollers only allow you to PWM a few pins independently. The PWMer includes a chip specifically for PWM capability, the TLC5940, that allows the user to easily PWM 100+ pins independently. This dramatically changes the electronics landscape. I often hear students and professionals asking “How can I power up to XXX LEDs? They must PWM!” Usually it’s for a lighting display or an installation that needs to have a strong impact, something a lot of lights programmed in animation can produce. It is now a lot easier to create these possibilities.

Contact hello at emilyconrad dot com for more details or to pre-order. Available in September.

Leave a Comment more...

Mapping New York’s Shoreline, 1609 – 2009

by emily on Aug.02, 2009, under All, Art, Technology

This September the New York Public Library is celebrating the New York Harbor Quadricentennial (400 years!) with an exhibit of rarely seen maps, atlases, and cartographical delights of all kinds. Including an animated overlay of the shoreline in Google Earth. The exhibit Mapping New York’s Shoreline, 1609-2009 opens September 25th.

Where: D. Samuel and Jeane H. Gottesman Exhibition Hall (First Floor)
Stephen A. Schwarzman Building, 5th Avenue and 42nd Street, New York, NY 10018-2788

“September 2009 marks 400 years since Henry Hudson sailed into New York Harbor and up the Hudson River, almost to what is now Albany, performing detailed reconnaissance of the Hudson Valley region. Other explorers passed by the outwardly hidden harbor, but did not linger long enough to fully realize the commercial, nautical, strategic, or colonial value of the region. Once the explorers returned to Europe, their strategic information was passed on to authorities. Some data was kept secret, but much was handed over to map makers, engraved on copper, printed on handmade paper, distributed to individuals and coffee-houses (the news centers of the day), and pored over by dreamers, investors, and potential settlers in the “new land.””

Leave a Comment more...

Schematic’s multi-”Touchwall”

by emily on Jul.29, 2009, under All, Interaction Design, Technology

I’m a little late to the party on this one, but Schematic (a company I worked for during 2007 & 2008) is developing a muultitouch screen for the Cannes film festival (I’m guessing 2010 since the 2009 festival has passed). The video is impressive, particularly in demonstrating the use of multitouch and RFID. They are calling it a “Touchwall” and my guess is that the interactivity is intended to be used by more than one or two people at once. The video shows two people, pretty much working together, so I wonder how this would behave with two or more people working (or playing) independently? Schematic is known for their great UX, so I’m sure this was thought through, but it’s still tough to deploy.

This is also on of those hyper-rational projects that just makes sense. Of course we’ll have huge multitouch screens in the future. And I like that this is one of the first iterations. It will undoubtedly be a paradigm shift, but perhaps unlikely, to use a multitouch wall instead of a paper subway map pasted to a wall in the station. Some may argue we have access to the same information on our phones, in a decentralized, accessible place. It’ll be interesting to see which paradigm is stronger, the experiential or the practical. Both have their own advantages, but this is one decision designers can’t make.

Schematic_Touch_Screen

Leave a Comment more...

reMap of VisualComplexity

by emily on Jul.28, 2009, under All, Interaction Design, Technology

I thought this was impressive- reMap (bestario.org) displays and organizes the entire encyclopedia of visualizations from visualcomplexity.com.

What’s so great about this site is the filtering behavior initiated from the tag nav at the bottom of the page. No tag cloud! Great solution. But you have to point your mouse to the bottom in order to trigger this function. Also, points for having each step it’s own URL, easy to backtrack and email a specific link. Well done.

By the by,infosthetics reports that, VisualComplexity is so impressive, that its author, Manuel Lima, is nominated by Creativity magazine as “one of the 50 most creative and influential minds of 2009″, while he also was chosen as a speaker at TEDGlobal2009.

bestario.org

bestario.org

Leave a Comment :, , , , more...

“Believe” LED Screens

by emily on Jul.27, 2009, under All, Technology

My daughter is not one to typically sit down and watch a show for twenty minutes, nor am I one to encourage it. So when we were at Sea World San Diego last week and the in-laws wanted to see the Shamu show (sentimentally titled Believe!), I was a little skeptical. We went in and sat down as a video began to play on four screens above the whale pool. By now it was noon and a bright sunny day. I couldn’t believe how great the LED screens looked! Especially since I was always told LED screens are generally no good, and nothing works in direct sunlight. The assumptions were all wrong.

The show went on, and my daughter was singing and clapping without abandon. I watched the screens, and when they tilted it was a cue that something cute was going to happen, and when they dropped completely to the side, it gave room for the killer whales to jump from the backstage to frontstage. And it all worked really well together. And when I panned across the audience, everyone was so excited. Of course the whales are the center of the show, but the technology they used help to tell the story better, and create much more of an emotional impact. (Photos by Brian Bennett, as I kept my camera dry).

All 4 screens together

All 4 screens together


03_Believe_Stage
Screens tilting

Screens tilting


23_screens_horizontal
30_whales_submerge_in_torrential_splash_as_trainers_appear_past_present_future
When I came back to NYC I researched the screens a little bit and found out a company called Act One Communications had made the screens. They have a quick little video on their site that somewhat explains their “Virtual Pixel Technology”. Which is essentially offering RGB pixels in a grid as instead of clustering them. The former offers a smoother image contour instead of pixelation that is common in LED screens, as shown here:
Virtual Pixel Technology

Virtual Pixel Technology

If it really is as simple as it sounds, it makes me think there’s so many more advancements we can make with LED screen, especially if we add Z-space and start showing video in 3-D.

Leave a Comment :, , more...

Visual Decision Making

by emily on Jul.09, 2009, under All, Interaction Design, Technology

An article from A List Apart that goes in depth about the importance of order and traditional aesthetics in web design. Great read that emphasizes the positive impact and trust gained from users when a site is attractive.

“A body of web user experience research shows that website users are powerfully influenced by aesthetics, and that positive perceptions of order, beauty, novelty, and creativity increase the user’s confidence in a site’s trustworthiness and usability. Recent design writing and interface research illustrate how visual design and user research can work together to create better user experiences on the web: experiences that balance the practicalities of navigation with aesthetic interfaces that delight the eye and brain. In short: there’s lots of evidence that beauty enhances usability.”

(Wouldn’t be complete without a diagram….)
patrick-lynch-levels-graphic

The visceral (“gut”) processing level reacts quickly to appearances. It’s the visceral reaction to web pages that researchers measure when they detect reaction times as fast as 50 milliseconds. It’s crucial to understand that these instant good/bad visceral-level affective responses are largely unconscious: it can take seconds or minutes to become consciously aware of your first, visceral reaction to a stimulus—particularly a stimulus as complex as a web page.

Behavioral-level processing involves the more familiar aspects of usability: it responds to the feel of using the site, the functionality, the understandability of the structure and navigation, and the overall physical performance of the site. At this level, users are consciously aware of their attitudes toward the behavior of the system, and their reactions (pleasure, for example, or frustration) play out over seconds and minutes as users interact with a site. It’s at this behavioral level that techniques such as eyetracking are most powerful and trustworthy, because they offer detailed moment-by-moment evidence of what users consciously decided to look at and do to fulfill a given task.

Reflective processing of reactions is the most complex level, and typically involves a user’s personal sense of a site’s beauty, meaning, cultural context, and immediate usefulness. Reflective processing often triggers memories and encourages pragmatic judgments about the overall aesthetic worth and value of what a user sees. Eyetracking and traffic logs are irrelevant at this level, but user interviews can give you insight into your user’s reflective judgments.

Leave a Comment :, , , more...

LeapFrog’s Tag Junior

by emily on Jul.02, 2009, under All, Technology, Toys

In my family, we’ve had our eye out for the new Junior Tag Reader from Leapfrog since it came out in January. I’m often impressed with the design and capabilities of LeapFrog’s products, especially after such a wildly successful experience with Learn and Groove . I got that hideous thing at my babyshower and was so inclined to return it, but my mother discouraged me. Turns out to be my daughter’s favorite toy to this day. But now that she is starting to outgrow it, we’re happy to move forward too.

The Tag Reader is a book companion that can be tapped or dragged over pages to have the image or text be spoken outloud. It reinforces language skills in children and gets them excited about reading, at least in theory. We thought we’d test it out for ourselves.

How it works:
The Twitter version (Thanks @andrewmiller): “They use the Anoto pattern of tiny dots tracked by the pen’s camera. each combo is unique, so the pen knows which “page” it’s in”.

Also known as Digital Ink, the paper has these tiny 2-Dimensional bar codes (like mini QR codes) that are visible to the naked eye, but indecipherable. Each image or text has it’s own unique code that the pen reads. So it’s like a scanner at the grocery store, or even something like a phone reading a QR code, which makes me think this will all doable through mobile someday.
tagjr
The Interaction:
Blue is fascinated with the pen, it’s white and bright green with two buttons. It even has two rubber nubs on top that look kind of like eyes. At first all she wanted to do was turn the pen on and off because it makes fun sounds. Buttons and fun sounds can entertain her for a good while, and did until I showed her what she’s “supposed” to do (lost points there).

Books and pens don’t mix in her mind, this is pretty much how we’ve trained her. So she didn’t immediately grasp it. And with books, she likes to quickly point and touch an image and say what it is, or even better what sound it makes, over and over (rib-bit, rib-bit, rib-bit). So she carried over this behavior and used the pen as a pointer to quickly tap the image. And it spoke, so she didn’t immediately. It was like watching her learn a new language pattern. But she quickly got the hang of it and then charged off to something else next.

I’m curious to watch her grow into this new toy. If she’ll have the patience to listen to it, and do more hovering over the pages and less jabbing with it. The book we got (there’s only a handful of them available, and the pen can only hold the information for 5 books) was Dora, so it alternates between Spanish and English. This was confusing to her because there’s no visual cue explaining that the pen is spaking about the same object. For example if the page could respond to the pen by outlining the mango, Blue might better understand the mango is being described in two ways.

And one thing that I don’t understand is why we have to listen to the anonymous and often annoying voices, why can’t I just record myself or other people familiar to Blue? I’ve been doing a lot of this sort of prototyping on my own . It just makes sense to supply this sort of capability in a flawless interface, which btw the website that you have to log into to initiate the Junior Tag reader is not. The more toys I play with, the wider the market seems to grow.

Tomorrow we have a plane ride and will see how it goes. I know at this point I’ve gotten more fun out of the Reader than she has, so hopefully that will change.

Picture 1

Leave a Comment more...

Enterprise 2.0

by emily on Jul.01, 2009, under Interaction Design, Technology

I had the good fortune of heading to the Enterprise 2.0 conference in Boston last week. For me, the word “enterprise” has always been one of those slippery words that can mean many of a thing, but in this case it specifically refers to innovative large companies. Enterprise 2.0 is the term used for the various suites of tools being developed to help with knowledge management, collaboration, and efficiency within corporations. The suites of tools have varying ranges of social media, document management, and governance. Most Fortune 500 companies have Sharepoint or some other giant software (Documentum, Lotus) already in place. This presents a challenging but interesting dilemma for start ups (Thoughtfarmer, Box.net, SocialText) whose software is more nimble and arguably more adept. They claim there is no point in trying to “dance with the elephant” when it’s possible for more people to use cheaper and better software than at any point in history. Still at the end of the day, the challenge remains for executives and managers to figure out how to leverage more of the desirable parts of technology.

The good news was apparent- the execs and managers don’t have to figure it out alone. The common factor of all the winning software tools was usability. I heard this over and over, from Gentry Underwood of IDEO discussing their internal collaboration software to Amy Vickers of Razorfish discussing how she customized Sharepoint. The Executives who spoke would often refer to the need for people-centric software, and the need for level of granularity between a completely shut system (think banning Facebook, Twitter, and other informal ways to communicate), and one that is completely open. So how can companies can keep the desirable aspects of technology, like building a participatory culture, receiving information when and where you need it, connecting people and sharing knowledge, while deterring the undesirable like data leaks and security issues? I saw this as a challenge for designers, developers, usability experts- how can we better design the front end of these software tools to create social space and collaboration around knowledge topics, while also promoting the level of efficiency and security prioritized by the enterprise?

A few solutions came up around the front-end design. The first from Gentry Underwood of IDEO. He walked through IDEO’s internal collaboration website. He mentioned they had tried at least 25 different tools before landing on the right one. Here’s the five principles for designing collaborative tools that work:

• Build pointers to people
Connect people, because most of the valuable information doesn’t get shared in digital space. It’s often too contextual and tacit. Focus on the people the people, not rote knowledge. Earlier at the conference I heard that 80% of a company’s knowledge is in people’s heads. This number is likely inflated because it’s truly impossible to gauge, but the point is well taken.

• Reward individual participation
It’s simple, offer recognition of good work, let other employees know what their peers are working on, and encourage the next step up. What are they working towards? HR needs to be included in this discussion.

• Demand intuitive interfaces
There is a lot of talk about adoption vs friction, and some of the things that IDEO found that increased friction was the need for specific programming languages (like the wiki), navigation was not automatic or intuitive, too much training is required. Basically an integrated system has to be created that brings content together. And most importantly, designers have to make something that fits into the organization, not something the organization has to fit into.

• Take the road more traveled
The software should be part of a habit, and feed into other habitual areas (email, for example). Experiment with putting up screens showing employee’s faces, comments, and thoughts in spaces where all employees can see (lobby, kitchen, etc.). Integrate social media in to workflows.

• Iterate early and often
I’ve definitely heard this a lot lately. The point is to try an iterative cycle, try out new things, put them out there and build out the ones that take off. He gives the example of Pocket God, an iPhone app that’s been successful for some time now because it iterates every week, there’s a new feature all the time. It’s an example of a game that’s tuned into something more.

The software they developed was on the Thoughtfarmer platform, and for reference looks like this (It’s the only public screengrab I could find):

A public example of IDEO's wiki, supported by Thoughtfarmer

A public example of IDEO's wiki, supported by Thoughtfarmer

Another set of solutions was offered in a workshop by Dion Hinchcliffe, Founder & CTO, Editor-in-Chief of the Web 2.0 Journal, Hinchcliffe & Company. He had his SLATES advice to offer:

SLATES
• Search is very important. You need to discover information. (The failure of intranets is that they do not make it easier to find information.)

• Links are need to put information in context. They allow you to move back and forth between content.

• Authorship is important to allow everyone with access to the platform and identify them when they contribute content.

• Tags allow us to apply our perspective to the content. You should also be able to see what other people thinks about that item of content.

• Extensions mine patterns and user activity. “You may also be interested in . . . .” Amazon is one of the best examples of this. The cure for too much information is more information.

• Signals make information easier to consume. Signals push out updates of new information. It shows you the flow and not just the artifact.
There seemed to be hundreds of speakers, and the most interesting of them discussed the challenges their organizations faced and the steps they’re taking to tackle and solve them. In short, the topics I heard most about or found most interesting I’ve bulleted out here:
• Bottom up, not Top Down
• The enterprise needs to recognize the 360º person
• The tools we use should be like a rearview mirror, you don’t need to slow down to use them
• 80% of a company’s knowledge is in people’s heads
• 1/3 of our time is spent looking for relevant information
• People need to know, and want to know what their colleagues are working on
• Let natural selection take place, there are lots of options, but we need to understand what’s surviving (Facebook, not Friendster)
• People are broadcast stations. We need to work with that.

Also I have attached the Enterprise 2.0 tag clouds to share the other hot topics.
e2conf-tagcloud

picture-2

Leave a Comment more...

Search emilyconrad.com

Still not finding what you're looking for? Contact me, emilyconrad at gmail dot com