<?xml version="1.0" encoding="utf-8"?>
<feed
    xmlns="http://www.w3.org/2005/Atom"
    xmlns:at="http://www.sixapart.com/ns/at"
    xmlns:icbm="http://postneo.com/icbm"
    xmlns:rvw="http://purl.org/NET/RVW/0.2/"
    xml:lang="en">
    <title>3 Stations East</title>
    <link rel="self" type="application/atom+xml" title="3 Stations East (Atom)" href="http://paulmcaleer.vox.com/library/posts/tags/interface/page/1/atom.xml" />
    <link rel="alternate" type="text/html" title="3 Stations East" href="http://paulmcaleer.vox.com/library/posts/tags/interface/page/1/"/> 
    <link rel="service.post" type="application/atom+xml" title="3 Stations East" href="http://www.vox.com/services/atom/svc=post/collection_id=6a00c2251c214c604a00c2251d11598e1d" /> 
    <link rel="service.subscribe" type="application/atom+xml" title="3 Stations East" href="http://paulmcaleer.vox.com/library/posts/tags/interface/atom.xml" />   
    <link rel="last" type="application/atom+xml" title="3 Stations East" href="http://paulmcaleer.vox.com/library/posts/tags/interface/page/1/atom.xml" />  
    <category term="interface" scheme="http://paulmcaleer.vox.com/tags/interface/?_c=feed-atom-full" label="interface" /> 
    <generator uri="http://www.vox.com/">Vox</generator>
    <updated>2006-07-26T17:27:55Z</updated> 
    <author>
        <name>Paul</name>
        <uri>http://paulmcaleer.vox.com/?_c=feed-atom-full</uri>
    </author> 
    <id>tag:vox.com,2006:6p00c2251c214c604a/tags/interface/</id> 
    <subtitle>In which I say little and post even less.</subtitle>  
    
    <entry>
        <title>Webvisions: Day Two</title>   
        <link rel="alternate" type="text/html" title="Webvisions: Day Two" href="http://paulmcaleer.vox.com/library/post/webvisions-day-two.html?_c=feed-atom-full" />  
        <link rel="service.post" type="application/atom+xml" title="Webvisions: Day Two" href="http://paulmcaleer.vox.com/library/post/webvisions-day-two.html?_c=feed-atom-full#comments" /> 
        <link rel="service.edit" type="application/atom+xml" title="Webvisions: Day Two" href="http://www.vox.com/atom/svc=post/asset_id=6a00c2251c214c604a00c2251ea25c8fdb" />          <id>tag:vox.com,2006-07-26:asset-6a00c2251c214c604a00c2251ea25c8fdb</id>
        <published>2006-07-26T17:27:54Z</published>
        <updated>2006-07-26T17:27:55Z</updated>
    
        <author>
            <name>Paul</name>
            <uri>http://paulmcaleer.vox.com/?_c=feed-atom-full</uri>
        </author>
    
        
        <content type="html" xml:base="http://paulmcaleer.vox.com/?_c=feed-atom-full">
            <![CDATA[
                <div xmlns="http://www.w3.org/1999/xhtml" xmlns:at="http://www.sixapart.com/ns/at">
        <p>On Friday I attended:</p><ul><li><strong>Building Better HTML Emails</strong> - Mark Wyner;</li><li><strong>About Interface: Designing for Lifestyle</strong> - Kelly Goto;</li><li><strong>Unleashing CSS: How I Stopped Worrying and Learned to Love WinIE7</strong> - Christopher Schmitt;</li><li><strong>Keynote: The Naked Interface</strong> - Luke Williams;</li><li><strong>Social Metadata and the Relevance Revolution</strong> - Gene Smith;<br /></li><li><strong>Keynote: The Dawning of the Age of Experience </strong>- Jared Spool</li></ul><p><strong>Building Better HTML Emails</strong></p><p>Easily the most info-packed session I attended, the focus here wasn&#39;t what I thought it would be (&quot;Everyone hates them, don&#39;t do it&quot;). Instead Mark covered the topic from marketing and usability angles, ultimately making me feel good about HTML emails. He also outlined the CAN-SPAM Act, whose details I never knew.</p><p>Mark spent a solid half of his presentation going over the nuts and bolts for major mail clients, though. For instance, I learned that Yahoo! Mail actually <em>changes your HTML tags</em> - body becomes xbody - and in general, ensuring a consistent message is difficult. It&#39;s more difficult to test things. Also, Eudora on the Mac (hello, 7 people who use it) is apparently the worst.</p><p>He also stressed the idea of &quot;styling&quot; plain text emails - don&#39;t treat those folks like second class citizens.</p><p>Mark noted that designers should target the &quot;CSS on, images off&quot; state of mail clients. Make your stuff look good without images, in other words - good advice for emails <em>and</em> the web.</p><p><strong>About Interface: Designing for Lifestyle</p></strong><p>Definitely not what I expected. This was on the mobile track, though, so the focus was on mobile devices. The big takeway here was to <strong>consider the emotional experience</strong> in the interface. An interface must be usable, yes, but it should be emotional, use<em>ful</em>, meet your needs, and integrate into your life. This was also the 284th speech that referenced how good iPod/iTunes are.</p><p><strong>Unleashing CSS: How I Stopped Worrying and Learned to Love WinIE7</strong></p><p>The only disappointing session, I left this after 20 minutes. Christopher didn&#39;t have his A-game when it came to speaking and had some technical issues (mostly with Virtual PC on the Mac.) I expected a really nice, humor-filled (given the title) look at migrating from supporting IE5/6 to IE7. Instead I got the info I wanted and a <strong>lengthy howto</strong> on making transparent PNGs work in IE5/6. Sorry, I don&#39;t care.</p><p>Here&#39;s the good info from the speech, though:</p><ul><li>IE7 is a <strong>security</strong> update, not really a standards one;</li><li>CSS3 selectors, pseudo-classes, and text are nowhere to be found;</li><li>text-shadow is not supported;</li><li>multiple backgrounds on the same element are not supported;</li><li>text columns are not supported (this sucks);</li><li>auto-content generation (:before, :after) are not supported;</li><li>PNG24 w/alpha transparency <strong>is</strong> supported (huzzah);</li><li>:hover on block elements <strong>is</strong> supported;</li><li>CSS2 selectors are largely implemented (about damn time).</li></ul><p>That&#39;s really all you need to know.</p><p><strong>The Naked Interface</strong></p><p>Fascinating keynote from Luke Williams of frog design. Came in about 15 minutes or so late, but picked up some great conceptual notions here. Work with what your users/visitors/peeps <em>know</em> from growing up. For instance, if there&#39;s a wine bottle and somehow the entire bottle slices at a 45 degree angle with no liquid spilling, a clean break, etc. - that strikes the brain as <em>weird</em> and nonsensical and can&#39;t be trusted.</p><p><strong>Social Metadata</strong></p><p>Mildly interesting session. Takeaway: use the wisdom of crowds to solve IA problems. Work with tools such as moderation to suss out who is &quot;good&quot; and who is &quot;bad&quot; in your community.</p><p><strong>Dawning of the Age of Experience</strong></p><p>Great, great, great, great. Great. Jared Spool rocked with this keynote, mostly focusing on (duh) experience and what it encompasses. As &quot;experience designers&quot; one has to have a ton of talents from many disciplines, and that&#39;s hard.</p><p>Technical issues can affect one&#39;s experience. One example was his using an airline site to book a flight, and the site referenced totally incorrect airports. This made him stumble. In this case, it was a database issue that was fouling things up - so pay attention to the low-level stuff.</p><p>It would be great to mimic the buzz/evangelism around iPod (surprise!) and Netflix. Netflix basically bested Blockbuster and Wal-Mart at a new game, and the latter two never recovered. Netflix did it with a small team and <strong>no</strong> phone/in-person customer service and obviously no stores. Harnessing that kind of speed/agility and coupling it with great service worked well for them.</p><p>Ultimately we need to go beyond just designing interfaces and think about the entire experience, top to bottom. That touches so many departments... but if it&#39;s executed well, we&#39;ll have customers who are evangelists, too.</p><p><strong>Epilogue</strong></p><p>These have been brief synopses from my notes and lack of notes, from the conference. Expect some deeper posts on these topics starting next week or so.</p><p><br /></p>   <p style="clear:both;"> 
    <a href="http://paulmcaleer.vox.com/library/post/webvisions-day-two.html?_c=feed-atom-full#comments">Read and post comments</a>   |   
    <a href="http://www.vox.com/share/6a00c2251c214c604a00c2251ea25c8fdb?_c=feed-atom-full">Send to a friend</a> 
</p>

                </div>
            ]]>
        </content> 
    <category term="design" scheme="http://paulmcaleer.vox.com/tags/design/" label="design" /> 
    <category term="web" scheme="http://paulmcaleer.vox.com/tags/web/" label="web" /> 
    <category term="ia" scheme="http://paulmcaleer.vox.com/tags/ia/" label="ia" /> 
    <category term="interface" scheme="http://paulmcaleer.vox.com/tags/interface/" label="interface" /> 
    <category term="ui" scheme="http://paulmcaleer.vox.com/tags/ui/" label="ui" /> 
    <category term="conference" scheme="http://paulmcaleer.vox.com/tags/conference/" label="conference" /> 
    <category term="experience" scheme="http://paulmcaleer.vox.com/tags/experience/" label="experience" /> 
    <category term="notes" scheme="http://paulmcaleer.vox.com/tags/notes/" label="notes" /> 
    <category term="webvisions" scheme="http://paulmcaleer.vox.com/tags/webvisions/" label="webvisions" /> 
    <category term="webvisions06" scheme="http://paulmcaleer.vox.com/tags/webvisions06/" label="webvisions06" /> 
    <category term="webvisions2006" scheme="http://paulmcaleer.vox.com/tags/webvisions2006/" label="webvisions2006" /> 
    </entry> 
    
    <entry>
        <title>Shot Down!</title>   
        <link rel="alternate" type="text/html" title="Shot Down!" href="http://paulmcaleer.vox.com/library/post/shot-down.html?_c=feed-atom-full" />  
        <link rel="service.post" type="application/atom+xml" title="Shot Down!" href="http://paulmcaleer.vox.com/library/post/shot-down.html?_c=feed-atom-full#comments" /> 
        <link rel="service.edit" type="application/atom+xml" title="Shot Down!" href="http://www.vox.com/atom/svc=post/asset_id=6a00c2251c214c604a00c2251ccc7f604a" />          <id>tag:vox.com,2006-07-12:asset-6a00c2251c214c604a00c2251ccc7f604a</id>
        <published>2006-07-12T12:17:17Z</published>
        <updated>2006-07-19T19:02:44Z</updated>
    
        <author>
            <name>Paul</name>
            <uri>http://paulmcaleer.vox.com/?_c=feed-atom-full</uri>
        </author>
    
        
        <content type="html" xml:base="http://paulmcaleer.vox.com/?_c=feed-atom-full">
            <![CDATA[
                <div xmlns="http://www.w3.org/1999/xhtml" xmlns:at="http://www.sixapart.com/ns/at">
        <p>Yeah, remember that lone issue with Cyberduck? The renaming files thing? The one I submitted a ticket about?</p><p><a href="http://trac.cyberduck.ch/ticket/561">Shot down!</a></p><p>...but... but <em>I</em> like it.</p><p>Now, knowing it might not be incorporated is honestly making me reconsider my use of Cyberduck. Yes, after I wrote a long entry about its praises.<br /></p>   <p style="clear:both;"> 
    <a href="http://paulmcaleer.vox.com/library/post/shot-down.html?_c=feed-atom-full#comments">Read and post comments</a>   |   
    <a href="http://www.vox.com/share/6a00c2251c214c604a00c2251ccc7f604a?_c=feed-atom-full">Send to a friend</a> 
</p>

                </div>
            ]]>
        </content> 
    <category term="interface" scheme="http://paulmcaleer.vox.com/tags/interface/" label="interface" /> 
    <category term="bug" scheme="http://paulmcaleer.vox.com/tags/bug/" label="bug" /> 
    <category term="ticket" scheme="http://paulmcaleer.vox.com/tags/ticket/" label="ticket" /> 
    <category term="cyberduck" scheme="http://paulmcaleer.vox.com/tags/cyberduck/" label="cyberduck" /> 
    <category term="ftp" scheme="http://paulmcaleer.vox.com/tags/ftp/" label="ftp" /> 
    <category term="inconsistency" scheme="http://paulmcaleer.vox.com/tags/inconsistency/" label="inconsistency" /> 
    </entry> 
    
    <entry>
        <title>Dogs to Ducks</title>   
        <link rel="alternate" type="text/html" title="Dogs to Ducks" href="http://paulmcaleer.vox.com/library/post/dogs-to-ducks.html?_c=feed-atom-full" />  
        <link rel="service.post" type="application/atom+xml" title="Dogs to Ducks" href="http://paulmcaleer.vox.com/library/post/dogs-to-ducks.html?_c=feed-atom-full#comments" /> 
        <link rel="service.edit" type="application/atom+xml" title="Dogs to Ducks" href="http://www.vox.com/atom/svc=post/asset_id=6a00c2251c214c604a00c2251cc405549d" />            <id>tag:vox.com,2006-07-12:asset-6a00c2251c214c604a00c2251cc405549d</id>
        <published>2006-07-12T01:55:34Z</published>
        <updated>2006-08-10T17:19:35Z</updated>
    
        <author>
            <name>Paul</name>
            <uri>http://paulmcaleer.vox.com/?_c=feed-atom-full</uri>
        </author>
    
        
        <content type="html" xml:base="http://paulmcaleer.vox.com/?_c=feed-atom-full">
            <![CDATA[
                <div xmlns="http://www.w3.org/1999/xhtml" xmlns:at="http://www.sixapart.com/ns/at">
        <p>
 











    
<br /></p>
 











    

 











    

    
    
    
<div at:enclosure="asset" at:xid="6a00c2251c214c604a00c2251cc47f604a" at:format="medium" at:align="right"
    class="enclosure enclosure-right enclosure-medium photo-enclosure" 
     style="text-align: center; float: right;">
<div class="enclosure-inner"
    
        style="padding: 9px; border: 1px solid; width: px; margin: 0 0 20px 20px;"
    >
    <div class="enclosure-list">
        <div class="enclosure-item photo-asset last">
    
            <div class="enclosure-image">
        
                <a href="http://paulmcaleer.vox.com/library/photo/6a00c2251c214c604a00c2251cc47f604a.html"><img src="http://a7.vox.com/6a00c2251c214c604a00c2251cc47f604a-200pi" alt="Fetch, Cyberduck" title="Fetch, Cyberduck" /></a>
        
            </div>
            <div class="enclosure-meta">
                <div class="enclosure-asset-name"><a href="http://paulmcaleer.vox.com/library/photo/6a00c2251c214c604a00c2251cc47f604a.html" title="Fetch, Cyberduck">Fetch, Cyberduck</a></div>
            </div>
    
        </div>
    </div>
</div>
</div><!-- end enclosure -->



<p><strong>Update: </strong>Be sure to read <a href="http://paulmcaleer.vox.com/library/post/shot-down.html">this entry</a> too, which is making me reconsider my use of Cyberduck.<br /></p><p>When you work on web sites, there are a few tools you get to become buddy-buddy with. Your text editor. Your photo editor. Your browsers. Your FTP program.</p><p>Of course, your FTP program. Where would you be without it? You&#39;d be up a creek without a paddle, that&#39;s where you&#39;d be!</p><p>When I switched to the Mac six years ago, I first used <a href="http://www.interarchy.com/main/"><strong>InterArchy</strong></a>. It worked, but not too pleasantly for my tastes. I then switched to <a href="http://fetchsoftworks.com/"><strong>Fetch</strong>,</a> whose website looks the same as it did in 2000. Fetch did everything I needed it to do, and did it without complaint. In time I became a beta tester for the 5.0 release and thought it was a solid improvement.</p><p>But no relationship is without its idiosyncracies, and the little Fetch dog occasionally made <em>me</em> growl. Like, for instance, when I was editing a file on the server with TextWrangler. Let&#39;s say I edit a file, and in the Fetch window navigate to another folder. I then go do something (gee, upload a file?) and head back to TextWrangler. I hit save. But wait! I navigated to another folder, right? Fetch took care of that. It helpfully navigated to where the open file was saved, and saved it.</p><p>Then when I needed to upload another file to that folder I navigated to earlier, I&#39;d just drag it onto Fetch&#39;s window. But... you guessed it... the window had been pointing to where the TextWrangler file lived. Meaning I just uploaded it to the wrong folder, because Fetch &quot;forgot&quot; where I was. Oops.</p><p>I am a creature of habit, as are you, but I still toyed with the idea of switching FTP clients - particularly, <a href="http://www.panic.com/transmit/"><strong>Transmit</strong>.</a> Transmit is, in a word, fantastic. It&#39;s beautiful (much prettier than Fetch if you ask me), it&#39;s useful, it is tightly integrated with TextWrangler or whatever text editor you&#39;d like to use, and it costs money. $30, to be specific.</p><p>$30 is not a lot of money for an FTP program. But you know, I&#39;d rather buy a pair of shoes for that $30.</p><p>I recall trying out an open-source FTP program called <strong><a href="http://cyberduck.ch/">Cyberduck</a></strong> a year or so ago and thinking it really sucked. It did. It was awful. The interface sucked, the everything sucked. The icon? Well, I&#39;m not a fan of too much cutesy-ness in my Dock. But a duck? Okay. Whatever. Say hi to Adium.</p><p>(I don&#39;t really use Adium; I don&#39;t really IM on the Mac.)</p><p>I totally forgot about InterArchy until Gruber mentioned it, and I will admit the interface looks absolutely fantastic. Its ability to look just like Finder has been a strength - or weakness - since its early days. But InterArchy, too, costs the money.<br /></p><p>Something got in my noggin about 3 weeks ago, however, and Cyberduck was referenced in some forum or blog I was reading. I thought, &quot;Why not give it a shot?&quot; So for the past three weeks, the dog and the duck have been sitting side by side in my dock. (Fetch is to the left, so he can&#39;t see the Cyberduck; he&#39;s just fetching the floppy disk to the giant TextWrangler logo in front of him.)</p><p>I plunged into Cyberduck the same way I did RSS: wholeheartedly. I set up shortcuts for the FTP sites I used the most and saved them so I could use QuickSilver to access them. But a thought: &quot;Gee, that display is fugly.&quot; I really thought that: &quot;fugly&quot;. Vertical lines. No alternating row lines. No horizontal lines. Egads, it&#39;s 1987.</p><p>But wait! A preference? Yes! A preference for it. So I can make Cyberduck have pretty alternating row columns and no stupid horizontal <em>or</em> vertical lines, the way I like it. Great!</p><p>And I can make a double-click equal &quot;Edit in TextWrangler&quot; instead of &quot;Put the file on the desktop&quot; like Fetch - one of the most annoying things ever? Yes!</p><p>And it has a Transfers window! And a drawer for Bookmarks! Swell! Lovely!</p><p>And somehow, I got sold on this once ugly duckling. The little Fetch dog has been without his companion, Running Triangle, underneath him. He&#39;s been kind of nonresponsive, just sitting there mid-jump with his floppy.</p><p>There is one flaw with the Duck, though: I can&#39;t rename files like I do in Finder, by clicking the filename once. The first time I encountered this, I actually said, &quot;Ooooooh,&quot; in a bad way. Instead I have to open an info window and edit it there. No preference for <em>that</em>, at least none I&#39;ve found. (Note: after <a href="http://cyberduck.ch/help/en/howto/editing.html">R&#39;ingTFM</a> I learned that I could click a filename and then press Return and then edit it. Lame.) The plus side is that I was able to submit a ticket for this, which is great.<br /></p><p>Is it a deal-breaker? Time will tell. But my instinct says no. I&#39;ll trade the awkward renaming mechanism for the multiple little problems I had with Fetch, which all added up to a dull headache.</p><p>I will admit I&#39;m pleased there are more than a couple of great FTP clients out there for the Mac. All I&#39;ve mentioned in this post are great in their own ways but, for me, the Cyberduck wins.<br /></p>   <p style="clear:both;"> 
    <a href="http://paulmcaleer.vox.com/library/post/dogs-to-ducks.html?_c=feed-atom-full#comments">Read and post comments</a>   |   
    <a href="http://www.vox.com/share/6a00c2251c214c604a00c2251cc405549d?_c=feed-atom-full">Send to a friend</a> 
</p>

                </div>
            ]]>
        </content> 
    <category term="interface" scheme="http://paulmcaleer.vox.com/tags/interface/" label="interface" /> 
    <category term="mac" scheme="http://paulmcaleer.vox.com/tags/mac/" label="mac" /> 
    <category term="os x" scheme="http://paulmcaleer.vox.com/tags/os+x/" label="os x" /> 
    <category term="fetch" scheme="http://paulmcaleer.vox.com/tags/fetch/" label="fetch" /> 
    <category term="transmit" scheme="http://paulmcaleer.vox.com/tags/transmit/" label="transmit" /> 
    <category term="cyberduck" scheme="http://paulmcaleer.vox.com/tags/cyberduck/" label="cyberduck" /> 
    <category term="ftp" scheme="http://paulmcaleer.vox.com/tags/ftp/" label="ftp" /> 
    <category term="diatribe" scheme="http://paulmcaleer.vox.com/tags/diatribe/" label="diatribe" /> 
    <category term="switch" scheme="http://paulmcaleer.vox.com/tags/switch/" label="switch" /> 
    <category term="critique" scheme="http://paulmcaleer.vox.com/tags/critique/" label="critique" /> 
    </entry> 
</feed>


