Wednesday, March 31, 2010

Cry Me a River

(Photo borrowed from Cornerstork)

There's a coffee maker (oh, sorry, espresso maker...) in my office with which I'm having a tempestuous relationship. Every morning I make my usual quadruple espresso: two doubles gently mixed with a bit of low-fat milk and cinnamon. It's part of my routine, and makes me very happy, and awake.

The problem is, this particular coffee maker (fine, espresso maker) always has something to complain about. Our strained exchanges of late go something like this:

"Double espresso, please."

Fill water tank.

"Ok, double espresso please."

Fill beans.

"Fine. Make the espresso."

Empty grounds.

"Argh -"

Rinse.

"Why I oughta-"

Warming up...



Eventually, I get my lovely coffee beverage, and I usually only have to do one of these, sometimes two, but it gets irksome. Given, much of this is a constraint of a machine that is connected to neither a large bin of coffee bean, water source nor garbage receptacle. But still.

Here's another example:

Each time the power goes out in my house, I need to reset the time on the microwave I almost never use, but came with the house. Resetting the time on this particular microwave involves entering the time, am/pm and date.

I never seem to remember to look to see what the date is before I try to reset the time, so I inevitably need to go find out in the middle of the process. In spite of this extra needed effort, the date appears to serve no useful purpose whatsoever.

Recently, daylight savings time required setting the clocks ahead ("spring forward! fall back!") and you would think that, since I dutifully tell this microwave the date each and every time I lose power, this information would be used to automatically set the time ahead.

Nope.

When we design interfaces, its important to think about how the interface communicates with the user.

Ideally, the interface should prevent the user from making mistakes in the first place, and not collect any more information that is necessary to complete the task.


Users are task oriented. They just want to do what they want to do. They don't want to learn your interface, nor the clever intricacies of how information is collected or captured.

Use existing conventions, handle issues inline and strive for an interface that is forgiving of its users' idiosyncrasies.

And if you don't need the information, don't ask for it – less data entry will get you increased conversion and happier users. If my microwave isn't going to use the date to do anything useful, I really wish it didn't require it just to reset the time.

If the user does make a mistake, and the mistake can be fixed or mitigated, the interface should do so. 

I just looked up the spelling of "idiosyncrasies" because I was forgetting it was "idio.." not "ideo.." I tried using a browser tool called Ubiquity, but it couldn't find an entry because I wasn't spelling it right. Dictionary.com happily offered the correct spelling as long as I could get close enough.

If the interface absolutely has to complain to the user, be user-friendly about it.

Make the message clear, concise, friendly, and as much as possible try to make it the system's problem, not the users. Is there something – anything? – that the user can do next? If so, make it easy to do so, don't leave the user hanging with an error message and no idea how to fix things or continue.

True, none of these things will probably help with my espresso maker, but hopefully will offer some small suggestions for your next project. And if it's possible to attach your next big idea to it's own conceptual water source and thus save your users a bit of time, effort and frustration, they'll thank you.

Tuesday, March 30, 2010

ANFSCD: Earth’s Coolest Concept Albums



Yes, it's not user experience design, unless you consider that Pink Floyd's most popular album has provided a unique musical (and often mind-altering) experience for over 35 years. This Wired article asks readers what albums they think could compete with Pink Floyd's trippy masterpiece.

As someone who owns every album Pink Floyd released, I'm also partial to Animals and Wish You Were Here, but Dark Side of the Moon is a masterwork.

But why argue? Can't we all just get along? Don't think of this list as 24 contenders, but rather as a great list of classic concept albums. Some will argue that albums like Pet Sounds were at least as if not more musically influential, but for sheer popularity it's hard to argue with DSoTM's over 700 weeks on the charts and almost instant universal recognition.

Earth’s Coolest Concept Albums, Decided By You | Underwire | Wired.com

Friday, March 26, 2010

Could the iPad make reading easier?

Apple is reportedly purchasing eye-tracking technology that could be used in a future e-reader or iPad that watches where a user's eyes are, allowing the projected text and interface to be modified as the user reads the page. This could not only have ramifications for assisted technologies, but could also be used to augment text as we read it.

Imagine if you were doing a bit of speed reading – skimming first and last sentences, paying attention to key words – and the text helped actually highlight the most important text as you scanned it.

What if supporting resources or rich media could be presented, based on what parts of the text you pay most attention?

For us interaction designers, imagine if it were much easier to obtain eye-tracking data for pages and sites as we designed them!

This kind of technology could add an additional layer of interaction context, significantly enriching the overall reading experience. The potential is pretty exciting; only time will tell where the technology could take us.

Eye-Tracking Tablets and the Promise of Text 2.0 | Epicenter | Wired.com

Tuesday, March 23, 2010

Design Around the World: Metro Maps






Fascinating examples of information design, and how the same problem is solved in different parts of the world.

Design Around the World: Metro Maps | Webdesigner Depot

Hat tip: Chris Kaufman

Sharing, Your Way

Here's a list of fun social media icons that can be used to customize sharing services like AddThis for your site, check them out:

30 Amazingly Creative Social Bookmarks Icon Sets - Speckyboy Design Magazine

For help with customizing AddThis for your blog or site, check out Customizing AddThis and the the API overview. Have fun!

Storyboarding

This video explores how filmmakers use this technique to tell a story. Similarly, in experience design narrative thread can help users understand processes and overall structure. Great brainstorming technique as well!

Storyboarding » Eumagine TV & Factory

13 of the Brightest Tech Minds Sound Off on the Rise of the Tablet | Magazine


Its launch is imminent; will the iPad change how we interact with our world, or be just another computing device?  

13 of the Brightest Tech Minds Sound Off on the Rise of the Tablet | Wired Magazine

Monday, March 22, 2010

Channeling Earth: Rivers Seen From Space


Check out this beautiful gallery of pictures (including hi-res images) of rivers from all over the world, imaged by satellites and photographed by astronauts.

"Rivers connect Earth’s mountains and lakes to its oceans, creating lifelines that provide water, food, transportation and recreation along the way. Some rivers, like the Nile, bring life to barren landscapes that would otherwise be uninhabitable. Others, like the Mississippi, defy our best efforts to tame them."

Channeling Earth: Rivers Seen From Space | Wired Science | Wired.com

Sunday, March 21, 2010

Explore the Deep

 Image by Chris Roelfsema

The estimated size of the open web – what you search when you use Google – is 167 terabytes. And while that's clearly a very large number, the estimated size of what's called the Invisible Web, or Dark Web, is 91,000 terabytes. This deep end of the search ocean contains databases and scholarly libraries such as Library of Congress holdings, not able to be accessed by search crawlers.

This article lists several tools that you can use to explore this vast body of information. Be sure to explore the various advanced filtering options available, because these waters run deep:

To read more about the Invisible Web, check out the collection of articles at the end of this Wikipedia page:

Weekend Recap: Social Media Resources You Might Have Missed



Here's a quick hit: a nice collection of resources from Mashable about Social Media. The "Why User Competency Matters..." article is a nice reminder about scaling user experiences.

Friday, March 19, 2010

Social Gaming- Looking Ahead

Excerpts from a panel at SXSW. Topics include how social games are different than other types of gaming, lessons learned, monetization, branding and mobile:

Social Media Today | Social Gaming- Looking Ahead

Five for friday: Modes of Seeking Information

Another solid article about information, organization and findability.

Four Modes of Seeking Information and How to Design for Them - Boxes and Arrows

Also, check out a book called "Ambient Findability" by Peter Morville, who also wrote "Information Architecture for the World Wide Web" and "Search Patterns."

http://findability.org/

Five for Friday: Why Bloggers Need Analytics and Usability Testing

Ever wonder how your readers are consuming your blog? How many there are? Where they come from? This blog discusses some key metrics that can be used to better understand your audience.

Why Bloggers Need Analytics and Usability Testing | The Phuse

Five for Friday: How to Scan, Absorb and Process Information


Although this article is about processing information, it also touches on how information can be designed to be more easily processed.

How to Scan, Absorb and Process Information | Webdesigner Depot

Five for Friday: How To Organize Information And Improve Your Design

This article references an original article by Saul Wurman, who I had the pleasure of meeting a few years back at a previous job.

How To Organize Information And Improve Your Design | Van SEO Design

Here's Saul's original post, now nearly 10 years old and just as timely:

http://www.informit.com/articles/article.aspx?p=130881&seqNum=6

Five for Friday: 10 Tips to Avoid a Creative Block

Nice list of ideas.

Years ago, we used to live in Pittsburgh, where I was writing a bit of music before moving to Boston to go to Berklee. I used to go jogging whenever I was feeling stuck or couldn't figure out where I wanted to take a particular piece.

The problem was, I lived in an apartment building with a very nice foyer and elevators that played classical music around the clock. After jogging a couple of miles, I'd work through what I wanted to do in my head – the perfect chord or melody – but then I'd have to get home to write it down or record it.

This meant running a gauntlet of Mozart and Beethoven, desperately trying not to lose the nifty little solution I had in my head in a wave of Ravel. I must have looked like an idiot, eyes closed, frantically humming to myself in the elevator.

In Boston, we lived in a horrible apartment for several years, and while once or twice the gauntlet involved more traditional mugging, at least it was easier to keep a tune in my head.

Do you ever get creatively stuck? How do you break out of it?

10 Tips to Avoid a Creative Block | Inspired Magazine

Friday, March 12, 2010

What To Do If Someone Steals Your Design


This article discusses what recourse you have if someone steals your design, or derives their design from yours (both protected.)

What would you do?

What To Do If Someone Steals Your Design | Design Shack

15 Desktop & Online Wireframing Tools | UX Booth

Nice little writeup about desktop and online wireframing tools. At Clearspring, Jeff Wong and I use OmniGraffle pretty much end to end. I'll do concept diagrams and page flows with OG, and all of our page templates use the 960 grid to lock up wireframes and page mocks. We'll occasionally use Photoshop for more complex images, but the great thing about OmniGraffle is that we can use one application collaboratively from IA to UI to visual design, and move fast fast fast.

In previous jobs at Netscape and AOL, we'd use the Adobe Suite – Illustrator for diagrams and wireframes, Photoshop for visual design. What tools does your team use?

15 Wireframing Tools | UX Booth

Thursday, March 11, 2010

Big AddThis Design Release Today!

After a ton of hard work from our design and web development team, today we launched updated analytics and a new look and feel for AddThis. Our design objectives included streamlining the global navigation and revisiting our 960 grid to refresh all of our page templates.

We also significantly expanded our analytics offering for the 800,000 sites that use AddThis for sharing.

Huge hats off to Jeff Wong (creative direction), Foo (CSS/HTML) and Philip Sharp (dev lead), as well as our whole QA team.

Our awesome community manager Justin Thorp (Twitter/Blog) will be blogging more about the new features later today over on the (new!) AddThis Blog. For those interested in some of the process and specifics that went into this redesign, Jeff and I will be blogging about that topic over on the AddThis blog soon, stay tuned.

Here are some before and after screen grabs. 

Home page, before:


After:



Expanded analytics, before:


After:


At Clearspring, we get to play in the world of sharing everyday. We wanted to try to capture some of that fun with a new design for the AddThis blog.

Before:


After:



And we're just getting started – stay tuned for more analytics and design enhancements coming soon. In the meantime, check out the new and improved AddThis.com. We'd love to hear what you think.