<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>michael-mccracken.net &#187; ui</title>
	<atom:link href="http://michael-mccracken.net/tag/ui/feed/" rel="self" type="application/rss+xml" />
	<link>http://michael-mccracken.net</link>
	<description>This is a weblog</description>
	<lastBuildDate>Tue, 25 May 2010 15:31:35 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Software aging well vs. UI that triggers OCD</title>
		<link>http://michael-mccracken.net/2010/05/software-aging-well-vs-ui-that-triggers-ocd/</link>
		<comments>http://michael-mccracken.net/2010/05/software-aging-well-vs-ui-that-triggers-ocd/#comments</comments>
		<pubDate>Tue, 25 May 2010 15:30:01 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[mac]]></category>
		<category><![CDATA[ui]]></category>

		<guid isPermaLink="false">http://michael-mccracken.net/?p=293</guid>
		<description><![CDATA[I had an idea the other day that I shared on Twitter:

@mikemccracken: It would be cool if there was a way for well-used &#038; loved GUI software to gracefully show its age, like a good leather wallet…

I still like this idea, and I loved the example that Bryan Knight replied with &#8211; the OS 8 [...]]]></description>
			<content:encoded><![CDATA[<p>I had an idea the other day that I shared on Twitter:</p>

<blockquote>@mikemccracken: It would be cool if there was a way for well-used &#038; loved GUI software to gracefully show its age, like a good leather wallet…</blockquote>

<p>I still like this idea, and I loved the example that <a href="https://twitter.com/skabaru">Bryan Knight</a> replied with &#8211; the OS 8 Color Picker crayons, seen in the third &#8220;Colour Selector&#8221; image on the <a href="http://guidebookgallery.org/screenshots/macos80">OS 8 GUIdebook page</a>.</p>

<p>However, it just occurred to me that it&#8217;d be hard to design a UI that shows its age or use gracefully without looking &#8220;dirty&#8221; and triggering the kind of OCD that makes some of us empty the trash just because the icon looks full. I can think of a few other things that do that to me:</p>

<ul>
<li>Of course, the full trash can</li>
<li>Unread counts of all kinds</li>
<li>MS Word 08 showing &#8220;[Compatibility Mode]&#8221; in the window title for files that aren&#8217;t .docx format</li>
<li>Badges on files in the finder that show source control status &#8211; I tried this once and it drove me crazy</li>
</ul>

<p>There are probably more. Share yours in the comments if you like. I&#8217;d also be really interested in other examples besides the crayons where UI changes gracefully as you use the software more…</p>
]]></content:encoded>
			<wfw:commentRss>http://michael-mccracken.net/2010/05/software-aging-well-vs-ui-that-triggers-ocd/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Measuring PDFs with Skim</title>
		<link>http://michael-mccracken.net/2009/11/measuring-pdfs-with-skim/</link>
		<comments>http://michael-mccracken.net/2009/11/measuring-pdfs-with-skim/#comments</comments>
		<pubDate>Fri, 06 Nov 2009 22:00:07 +0000</pubDate>
		<dc:creator>mike</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[mac]]></category>
		<category><![CDATA[skim]]></category>
		<category><![CDATA[ui]]></category>

		<guid isPermaLink="false">http://michael-mccracken.net/?p=231</guid>
		<description><![CDATA[

I love it when I can guess how to do something new in a program.
Skim just did this for me &#8211; I needed to figure out how big the rectangle of text in a paper I&#8217;m working on is, in inches. I looked for rulers, and then decided I&#8217;d just see if I get any [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://michael-mccracken.net/wp2/wp-content/uploads/2009/11/skimsnap.png" alt="Skim Measurement" title="Skim Measurement" width="210" height="128" class="alignright size-full wp-image-230" /></p>

<p>I love it when I can guess how to do something new in a program.
<a href="http://skim-app.sf.net">Skim</a> just did this for me &#8211; I needed to figure out how big the rectangle of text in a paper I&#8217;m working on is, in inches. I looked for rulers, and then decided I&#8217;d just see if I get any size feedback when I make a rectangular selection. Turns out there&#8217;s a nice feedback status line in the bottom right &#8211; clicking toggles between measurement in pts and in inches.</p>

<p>I like how this solves my problem without adding a lot of new UI for measurement &#8211; no rulers, no extra tool to measure length.</p>
]]></content:encoded>
			<wfw:commentRss>http://michael-mccracken.net/2009/11/measuring-pdfs-with-skim/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>With all the news about web fonts lately&#8230;</title>
		<link>http://michael-mccracken.net/2009/07/with-all-the-news-about-web-fonts-lately/</link>
		<comments>http://michael-mccracken.net/2009/07/with-all-the-news-about-web-fonts-lately/#comments</comments>
		<pubDate>Wed, 22 Jul 2009 16:30:52 +0000</pubDate>
		<dc:creator>mike</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[desktopvswebapps]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[ui]]></category>

		<guid isPermaLink="false">http://michael-mccracken.net/wp/2009/07/22/with-all-the-news-about-web-fonts-lately/</guid>
		<description><![CDATA[With all the news about web fonts lately, I&#8217;ve been thinking about typography as a difference between web apps and desktop apps. No one expects web apps to conform to any standard UI, so designers can experiment and give us distinctive interfaces, using different fonts and color schemes.

It seems like there&#8217;s less room to play [...]]]></description>
			<content:encoded><![CDATA[<p>With all the news about web fonts lately, I&#8217;ve been thinking about typography as a difference between web apps and desktop apps. No one expects web apps to conform to any standard UI, so designers can experiment and give us distinctive interfaces, using different fonts and color schemes.</p>

<p>It seems like there&#8217;s less room to play in desktop apps &#8211; you&#8217;ll see unique interfaces with new button styles, new controls, different color schemes, but as far as I can tell, not much variation in typography.</p>

<p>The only example off the top of my head is Panic Sans, used in Coda.</p>

<p>Why so little variation?</p>

<p>Is it the presence of a standard system font, UI guidelines, or just habit?</p>

<p>Is there a licensing issue for redistributing fonts with software? I tried to look for licensing terms, but this doesn&#8217;t seem to be a common question.</p>

<p>I wouldn&#8217;t mind some more tasteful variation in my desktop apps &#8211; I think the best web apps have shown us that different isn&#8217;t always bad.</p>
]]></content:encoded>
			<wfw:commentRss>http://michael-mccracken.net/2009/07/with-all-the-news-about-web-fonts-lately/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>iCal&#039;s Text Field Jumble</title>
		<link>http://michael-mccracken.net/2008/11/text-field-jumble/</link>
		<comments>http://michael-mccracken.net/2008/11/text-field-jumble/#comments</comments>
		<pubDate>Sun, 02 Nov 2008 21:38:46 +0000</pubDate>
		<dc:creator>mike</dc:creator>
				<category><![CDATA[mac]]></category>
		<category><![CDATA[programming]]></category>
		<category><![CDATA[cocoa]]></category>
		<category><![CDATA[ui]]></category>

		<guid isPermaLink="false">http://michael-mccracken.net/wp/?p=121</guid>
		<description><![CDATA[Discussing some quirks of dialog design in iCal's event edit window.]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve written here before about text fields, particularly the problem of having a good-looking &#8216;display&#8217; mode and a separate &#8216;edit&#8217; mode for data you don&#8217;t edit so often, like in AddressBook.</p>

<p>The most recent version of iCal decided that events are write-once-read-many as well. You now have to use cmd-E to get into edit mode, while cmd-I just gives you a small display mode.</p>

<p>I&#8217;m mostly OK with that, although I find I edit events about as often as I look at their info windows &#8211; after editing I usually just deal with alarms, not the events themselves. The casual glance at the time and title is always enough &#8211; I think either you&#8217;re looking at the time and title or you&#8217;re editing. I don&#8217;t see the appeal in the new &#8216;info-only&#8217; mode (if it&#8217;s actually new &#8211; it seems new.)</p>

<p>However, the change does highlight the jumble of editable text fields and text-like fields in the edit window:
<a href="http://michael-mccracken.net/wp2/wp-content/uploads/2008/11/pastedgraphic-1.tiff"><img src="http://michael-mccracken.net/wp2/wp-content/uploads/2008/11/pastedgraphic-1.tiff" alt="" title="Info window in iCal, 2008" class="alignnone size-full wp-image-125" /></a></p>

<p><a href="http://michael-mccracken.net/wp2/wp-content/uploads/2008/11/pastedgraphic.tiff"><img src="http://michael-mccracken.net/wp2/wp-content/uploads/2008/11/pastedgraphic.tiff" alt="" title="iCal info window, 2008" class="alignnone size-full wp-image-126" /></a></p>

<p>The &#8220;Add Attendees&#8221; link and the &#8220;None&#8221; placeholder for url act the same &#8211; you click on them, and enter text.
One&#8217;s a link and one&#8217;s mute gray text. Why?
For my part, I think the gray text is too understated, and the link is too garish.</p>

<p>There are other differences: you can tab to the &#8220;url&#8221; field, but you can&#8217;t tab to &#8220;attendees&#8221;&#8230; until you add one, then you can. Once you click on either of them, the url field pops up a plain white raised NSTextField, but the attendees field is sunken and translucent, apparently an NSTokenField?</p>

<p>Both of the blue links could also be buttons. I&#8217;m still not completely sold on replacing buttons with links, but I can understand the trend. I think a small plus-sign button would be fine for &#8220;Add File&#8221;, though, and &#8220;Attendees&#8221; ought to be a text field. Why force the user to use the mouse when adding data to an event?</p>

<p>All in all, I think the &#8220;Add Attendees&#8221; link/field is pretty strange. I&#8217;m curious if I missing a precedent somewhere.</p>
]]></content:encoded>
			<wfw:commentRss>http://michael-mccracken.net/2008/11/text-field-jumble/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Locations and Travel Time in Calendar apps</title>
		<link>http://michael-mccracken.net/2006/02/locations-and-travel-time-in-calendar-apps/</link>
		<comments>http://michael-mccracken.net/2006/02/locations-and-travel-time-in-calendar-apps/#comments</comments>
		<pubDate>Fri, 24 Feb 2006 22:05:45 +0000</pubDate>
		<dc:creator>mike</dc:creator>
				<category><![CDATA[mac]]></category>
		<category><![CDATA[ical]]></category>
		<category><![CDATA[ui]]></category>

		<guid isPermaLink="false">http://michael-mccracken.net/wp/?p=27</guid>
		<description><![CDATA[Now that we&#8217;ve got Google Maps, I&#8217;d like to see my calendar program (iCal) extended to pay more attention to the location of events. Show me how long it&#8217;ll take to get to events I&#8217;ve scheduled, based on where they are. Traffic estimates would make this really killer (at least here in So-Cal)

It might sound [...]]]></description>
			<content:encoded><![CDATA[<p>Now that we&#8217;ve got Google Maps, I&#8217;d like to see my calendar program (iCal) extended to pay more attention to the location of events. Show me how long it&#8217;ll take to get to events I&#8217;ve scheduled, based on where they are. Traffic estimates would make this really killer (at least here in So-Cal)</p>

<p>It might sound like you would need to tell the app where you will be at every point of the day for this to work, but you could avoid that by storing a &#8216;coming from&#8217; location for each event &#8211; it <em>could</em> be the previous event, but you could also just pick it from a list of default places, like &#8216;Home&#8217;, &#8216;Work&#8217;, and &#8216;Hockey Rink&#8217;.</p>

<p>In my dream world, they&#8217;d look like error bars on a plot, they&#8217;d even have data about variability of the traffic estimates, and they&#8217;d be in the next version of iCal.</p>

<p>Here&#8217;s a quick visual, in case I didn&#8217;t describe it well enough:</p>

<p align="center"><img src="http://michael-mccracken.net/img/traveltime-mockup.png"/></p>

<p>Assume home is south of the office and the basketball court is north. Traffic is bad going north around 6. What it&#8217;s telling you now is you can go home fast, and have 30 minutes there before you have to leave again, go straight to the court, taking 45 minutes in traffic and getting there 45 minutes early, or have about an hour at the office, wait out traffic, and get to the court on time in about 25 minutes.</p>

<p>Update: I changed the example to be a little clearer &#8211; I added an option to show traffic choices, showed the times by the routes, and made one event appear selected, since you probably only want this extra info for the selected event.</p>

<p>I also made it a basketball game because everyone knows you&#8217;d need to go home to get your gear if you were going to the rink anyway. Seriously.</p>
]]></content:encoded>
			<wfw:commentRss>http://michael-mccracken.net/2006/02/locations-and-travel-time-in-calendar-apps/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>
