<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title></title>
    <link rel="alternate" type="text/html" href="http://www.bigpixel.org/play/" />
    <link rel="self" type="application/atom+xml" href="http://www.bigpixel.org/play/atom.xml" />
   <id>tag:www.bigpixel.org,2006:/play/1</id>
    <link rel="service.post" type="application/atom+xml" href="http://www.bigpixel.org/cgi-bin/mt/mt-atom.cgi/weblog/blog_id=1" title="" />
    <updated>2006-09-16T05:59:37Z</updated>
    
    <generator uri="http://www.sixapart.com/movabletype/">Movable Type 3.2</generator>
 
<entry>
    <title>Linkolage</title>
    <link rel="alternate" type="text/html" href="http://www.bigpixel.org/play/2006/09/linkolage_1.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://www.bigpixel.org/cgi-bin/mt/mt-atom.cgi/weblog/blog_id=1/entry_id=7" title="Linkolage" />
    <id>tag:www.bigpixel.org,2006:/play//1.7</id>
    
    <published>2006-09-15T16:17:14Z</published>
    <updated>2006-09-16T05:59:37Z</updated>
    
    <summary> This is a personal project I&apos;ve been working on lately, on my spare time. I started &quot;linkolage&quot; because I&apos;m interested in the way that people find, store and share links, and I wanted to create a visualization with that...</summary>
    <author>
        <name>juliana</name>
        <uri>www.bigpixel.org</uri>
    </author>
            <category term="Work in Progress" />
    
    <content type="html" xml:lang="en" xml:base="http://www.bigpixel.org/play/">
        <![CDATA[<p><img alt=Linkolage screenshot" src="http://www.bigpixel.org/play/img/linkolage_diagram.gif" /></p>

<p><img alt="Linkolage" src="http://www.bigpixel.org/play/img/txt_linkolage.gif" /></p>

<p>This is a personal project I've been working on lately, on my spare time. I started "linkolage" because I'm interested in the way that people find, store and share links, and I wanted to create a visualization with that data. I also wanted to learn more about interactive design processes and research while working on the project.</p>

<p><img alt=Linkolage screenshot" src="http://www.bigpixel.org/play/img/linkolage_slice.gif" /></p>]]>
        <![CDATA[<p>I started the project by interviewing some friends about how they found, stored and shared links. Using my friends as sample users is not the right thing to do but this is a hobby project so I had to work with what I had. It was still very helpful and I did learn a lot from that. These are some affinity diagrams I made from the interviews and design ideas. I also wrote four personas from the small sample of interviews.</p>

<p><img alt="Brainstorm graphic" src="http://www.bigpixel.org/play/img/affinity.jpg" /></p>

<p>Then I spent some time brainstorming and thinking about the relationship between browser history, search history and bookmarks. I realized they are closely interconnected and ideally they should all be integrated in one tool. The problem is, browser history is sensitive information and the only of collecting that data in a trustworthy way would be, for example, as a Firefox extension. That sounded far too complicated so I gave up on that idea.</p>

<p>The other options I had were to use the feed from Google Search History or the feeds from del.icio.us. The problem was that the feeds just provide the last bookmarks or searches made. There was also the del.icio.us api, but then again, I was concerned about asking users their usernames and passwords. Then I found Scuttle, and awesome open source alternative to del.icio.us. I downloaded it and installed it on my server, so I could test and break things freely.</p>

<p>After that I concentrated the brainstorming on the specific data of social bookmarks – links, tags, descriptions, and exchange between users. </p>

<p><img alt="Brainstorm graphic" src="http://www.bigpixel.org/play/img/why.jpg" /></p>

<p><img alt="Brainstorm graphic" src="http://www.bigpixel.org/play/img/brainstorm3.jpg" /></p>

<p>While looking at the bookmarks of some users at del.icio.us, I noticed how personal bookmarks can be, working almost as a personal diary. One of the ideas that came up was how to create a map of a users bookmarks, so they can have a more personal attachment to it (“this is how my bookmarks “look like””), or so that they can compare their bookmarks to other users. This is a visioning of one of the ideas:</p>

<p><img alt="Brainstorm graphic" src="http://www.bigpixel.org/play/img/brainstorm2.jpg" /></p>

<p>Out of the ideas I had, I picked two to storyboard. These are some samples of the storyboards:</p>

<p><img alt="Storyboard graphic" src="http://www.bigpixel.org/play/img/storyboard1.jpg" /></p>

<p><img alt="Storyboard graphic" src="http://www.bigpixel.org/play/img/storyboard2.jpg" /></p>

<p><img alt="Storyboard graphic" src="http://www.bigpixel.org/play/img/storyboard3.jpg" /></p>

<p>I'm currently working on different alternatives for the visual design:</p>

<p><img alt=Linkolage screenshot" src="http://www.bigpixel.org/play/img/v02_linkolage_s.gif" /></p>

<p></p>

<p><br />
</p>]]>
    </content>
</entry>
<entry>
    <title>Shifting Wireframe</title>
    <link rel="alternate" type="text/html" href="http://www.bigpixel.org/play/2006/09/shifting_wireframe.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://www.bigpixel.org/cgi-bin/mt/mt-atom.cgi/weblog/blog_id=1/entry_id=6" title="Shifting Wireframe" />
    <id>tag:www.bigpixel.org,2006:/play//1.6</id>
    
    <published>2006-09-15T16:07:08Z</published>
    <updated>2006-09-15T17:44:23Z</updated>
    
    <summary> &quot;Shifting Wireframe&quot; is an interactive kinetic sculpture that responds to a viewer&apos;s presence. It senses when a viewer approaches and changes shape based upon the viewer&apos;s proximity. Its design is playfully ambiguous: from a distance it appears two- dimensional;...</summary>
    <author>
        <name>juliana</name>
        <uri>www.bigpixel.org</uri>
    </author>
            <category term="Work in Progress" />
    
    <content type="html" xml:lang="en" xml:base="http://www.bigpixel.org/play/">
        <![CDATA[<p><img alt="img_p_wire1.gif" src="http://www.bigpixel.org/play/img/img_p_wire1.gif" width="430" height="350" /></p>

<p><img alt="txt_shiftingwireframe.gif" src="http://www.bigpixel.org/play/img/txt_shiftingwireframe.gif" width="170" height="10" /></p>

<p>"Shifting Wireframe" is an interactive kinetic sculpture that responds to a viewer's presence. It senses when a viewer approaches and changes shape based upon the viewer's proximity. Its design is playfully ambiguous: from a distance it appears two- dimensional; as you draw closer the surprise of its motion emphasizes its three-dimensionality.<br />
</p>]]>
        <![CDATA[<p><br />
 Its intricate organic shape contrasts with its common industrial material. It is constructed with annealed wire, a motor, an infrared sensor, and a microprocessor. The infrared sensor measures the presence of a viewer and sends this information to the microprocessor. The microprocessor is programmed to interpret this data to trigger the motor that moves the sculpture. </p>

<p><img alt="img_p_wire3.gif" src="http://www.bigpixel.org/play/img/img_p_wire3.gif" width="430" height="657" /></p>

<p></p>

<p>"Shifting Wireframe" initial idea was developed at a class I took at ITP, "Intro to Physical Computing", with instructor Tom Igoe.</p>]]>
    </content>
</entry>

</feed> 

