Friday Fun: Low-Tech Photoshop

November 7th by kevan | In Design, Fun | No Comments »

Sometimes in the midst of designing a screen, I wonder to myself why Adobe Photoshop has to be such a complex tool. But then I saw this photo and it quickly shut me up and made me into an appreciative Photoshop-lover once again.

Election Day is Over

November 5th by kevan | In Fun, General | No Comments »

Election Day is over, a new president has been chosen, and the country is breathing a sigh of relief. The campaign drama has ended, and a new drama will begin.

Some of the best pictures of the new president-elect can be found at the Big Picture, one of the best sites (in my opinion). Great pictures like the one below find their way to its pages.

Unfinished Swan: using white space

October 31st by kevan | In Design, Fun | No Comments »

Designers talk about the use of white space in their designs:

  • “It needs to breathe a little better. Maybe a little more white space?”
  • “I’m having a hard time figuring out the different pieces. Maybe some more white space is in order?”
  • “Maybe there’s too much white space? The design looks a little too loose and not held together well.”

Yes, I’ve heard that and a whole lot more. There’s a lot of merit to it. But have you ever heard of using white space as the premise for a game? This isn’t web design or user experience related, but it’s a pretty cool idea and marvelous execution. It’s also in the spirit of Halloween.


The Unfinished Swan - Tech Demo 9/2008 from Ian Dallas on Vimeo.

Windows 7: First Look and First Thoughts

October 28th by kevan | In Design, Usability | 1 Comment »

When Microsoft does something, people are prone to take a look at it with great interest. Whether or not one likes them or uses their products, fact of the matter is they’re the industry leader and the decisions they make about their products affect hundreds of millions of users in the industry. So, when Microsoft introduced the ribbon UI in their new Office products, it was of very great interest to our team. Is there some way we can benefit from the new design metaphors and patterns they’re putting in place? It may seem strange and a radical departure from their previous UI, but what will adoption rate be? Does that affect how we design UI?

Microsoft presented a Windows 7 first look. Ars technica published a few screenshots and it made for very interesting reading.

First off, Windows 7 is very clearly a release focused on user experience. Unlike Vista, nothing new under the hood is really changing. It’s all the about the user interactions, and the upgrade of optimizing for user experience. To that end, Microsoft has huge gains if they can nail this one. It is, after all, the primary differentiator upon which Apple has recently been dominating the market–if not in fact of dollars and laptops sold, then at least in market perception. Microsoft has a huge resource in their Customer Experience Improvement Program (CEIP for short), and there’s a lot of data there that can be leveraged. Not only for them, but for other designers like us. For example, there’s this gem:

Through the Customer Experience Improvement Program (CEIP), an optional, off-by-default feature of many Microsoft programs, the company has learned a great deal about the things that users do. For example, from CEIP data Microsoft knows that 70% of users have between 5 and 15 windows open at any one time, and that most of the time they only actively use one or two of those windows.

As user experience folks, we know this. But having actual numbers and raw data reinforces the significance of this fact. And Microsoft has sought to leverage this gem of data to change their approach to the Windows 7 taskbar, jump lists, and windows management (e.g. maximizing, restoring, resizing, viewing, etc.).

My first gut reaction to the Windows 7 preview is skepticism. I’m not sure the changes they’re introducing into the OS will be a significant improvement to the actual user experience. Microsoft products have (of late) exhibited the tendency to be overly helpful, sometimes even hindrances to the actual functionality the user wants to access. I feel that way about the windows management system, particularly the preview popup functionality off the taskbar, and the jump lists. Moreover, the look and feel of the OS seems a tad overboard, introducing a little too much visual clutter (and flash) so that the OS disturbs rather than enhances and empowers the user.

What does Windows OS need to do to go to the next level? I’m not sure and I’m still trying to figure it out. But I’m gratified to know that the big guys in Seattle are probably wondering the same thing.

And while we’re on Office news, here’s the latest via Microsoft: Office is going online in the next release. Very cool.

Case Study: Mapping Newspaper Political Endorsements

October 24th by kevan | In Design, Usability | No Comments »

I’m always on the lookout for fresh, new examples of data visualization. It’s best to learn from other folks who are doing a good job.

So I ran across this and it struck me as a neat mashup of available data which was originally presented in a numbers format, but has been re-presented in a visual format to draw out (visually) some of the overall trends and patterns.

Phillip Kromer took newspaper endorsement data from the Editor and Publisher pages, and mapped the results. It’s an interactive map trying to understand the oft-heard accusation of left-leaning bias in the media. I’m not looking at this from a political slant, but interested in the data visualization and what I can learn from it as a designer.

My first impression was: “Cool!” But that quickly devolved into, “This is confusing. What’s going on?” It looks neat, but the context wasn’t clear to me until I paused to understand the legend. Even then I found myself reading the thing multiple times, checking the visual, and trying to understand what was being portrayed so I could start drawing conclusions.

One point of confusion, unfortunately, are the many layers of data on this visualization, but that their sum complexity rather than providing a keener insight into the problem, only muddies things up for the viewer who’s trying to sort through everything. Here’s what I mean:

  • Layer 1: Red state and Blue state. Although it’s a bit simplistic of a model, it’s what many of us are used to. New York is a blue-leaning state, as is California. Texas, on the other hand, is a red-leaning state.
  • Layer 2: Circles represent media outlets and their circulation size. Big circle means big circulation size, and small circle means small circulation size. No problem so far.
  • Layer 3: Here’s where we get confusing, and if you’re not careful, it can be a doozy. Color of circle indicates a media outlet’s political endorsement: Red-filled circle = McCain, and blue-filled circle = Obama. No sweat.
  • Layer 4: Exterior color of the circle (or lack of) indicates which candidate the media outlet endorsed in the 2004 election.

Now, I don’t know about you, but I think Layer 3 is fine. It makes sense. Even Layer 4 (conceptually) is okay… but the legend is absolutely confusing:

It’s confusing because Kerry (’04) is in Red and Bush (’04) is in Blue. Huh? Why do that? That breaks the mental category which which we’re familiar. We’re used to working that way, why upend it and introduce a legend that breaks our familiar categories? Sure, the legend makes sense in an of itself. But because of a viewer’s pre-cognitive categories, it can really leave a viewer in a lurch who’s trying to interpret this visualization.

That’s something we definitely want to avoid as we try to build a usable product. How do people think? What are they bringing to the table even before they reach this feature or task we’re building, and how do we account for that so the UI is consistent (or, even better, leverages) what they already know and are famliar with?

Where Do I Vote? Google’s Steady Enhancement

October 22nd by kevan | In Best Practices, Design | 2 Comments »

Google Maps recently put a Vote widget on their Maps landing page that tells voters where they can vote. It’s simple, it’s useful, it’s relevant to the times.

One thing I appreciate about Google (in addition to their motto, “Don’t be evil.”) is the progressive, steady enhancement and additions they keep on putting into their products. The amount of change, for example, is remarkable each time I open up Google Docs, although one could hardly tell if you were to open it up each day. It might be one button. It might be changing the look of the tabs along the far right (especially the discussion and sharing functionality). But the sum total of this steady change is a constantly evolving product. Bad decisions can be backed out and don’t have such significant impact. And good decisions stay in, and themselves continually improve.

What can we do to incorporate this steady drumbeat of progress into our team chemistry and workflow?

Link of the Day: ILoveSketch

October 9th by kevan | In Design, Fun | No Comments »

Talk about cool, this is a fascinating new sketch tool. I don’t know that it’s terribly relevant to web application design. However, I can see its relevance for 3-dimensional modeling, particularly for video game character and environment design; automobile or airplane conceptual modeling; animation concepting.

It’s neat to see tools for artists continue to advance in such a way that their creative modes need to constantly change and adapt to take advantage of these new mediums.


ILoveSketch from Seok-Hyung Bae on Vimeo.

Obama Campaign on the iPhone App Store

October 2nd by kevan | In Design, Fun, General | 1 Comment »

What a technology team Obama has, bringing the Obama campaign to the iPhone:

Download Obama ‘08: The Official Application

Obama ‘08 is your official, comprehensive connection to the heart of Barack Obama and Joe Biden’s campaign, giving you the tools you need to make an impact and stay in the know.

Making a difference takes only moments using the Call a Friend feature. Want to do more? Find your local Obama for America HQ or look up local campaign events.

Download Obama '08 from the App StoreYou’ll have instant access to Barack’s positions on important issues, as well as local and national campaign news as it happens. Photos and videos from the campaign trail are all here, too.

Talk about trying to get in touch with the political (technological) mavens and connectors. Obama’s team has demonstrated they move fast, and they move well.

I’ve written previously about mobile texting as a way to engage constituents in the issues organizations care about, and even mobile texting as a new revenue driver. Connection Cafe even profiled the cell phone as the killer app for Election ‘08.

What’s fascinating about the Obama iPhone application is that an organization (Obama’s campaign, in this case) isn’t restricted to just one engagement channel with their constituents, namely texting. Texting, after all, is fairly limited, not terribly empowering, and doesn’t do a whole lot more than tell you people are engaged and interested. Tapping the power of the iPhone on the other hand places an entire application at the fingertips of a mobile user who’s a technological savant, at least savvy enough to purchase an iPhone. Chances are you put such a cool application at the fingertips of such a person and they’re going to use it. Functionality in the Obama iPhone application includes:

  • Call Friends: A great volunteering tool that lets you make a difference any time you want by talking to people you already know. Your contacts are prioritized by key battleground states, and you can make calls and organize results all in one place.
  • Call Stats: See nationwide Obama ‘08 Call Friends totals and find out how your call totals compare to leading callers.
  • Get Involved: Do more. Find and contact your local Obama for America HQ.
  • Receive Updates: Receive the latest news and announcements via text messages or email.
  • News: Browse complete coverage of national and local campaign news.
  • Local Events: Find local events, share by email and get maps and directions.
  • Media: Browse videos and photos from the campaign
  • Issues: Get clear facts about Barack Obama and Joe Biden’s plan for essential issues facing Americans.

Talk about wow. Maybe non-profits and organizations can start hiring some iPhone developers to do this for them. On top of that, it looks cool.

Bucket Testing vs. In-Person Testing

October 1st by kevan | In Best Practices, Usability | No Comments »

What a cool idea Google has: bucket testing.

The company regularly tests out unannounced new features across a small percentage of its users to see if they are worth implementing on a wider scale (this is called bucket testing).

As a user experience professional, I remember my job isn’t just designing user experiences. I’m not simply an advocate behind company walls, lobbying for our users and their needs, pushing back when requirements or features get “too functional,” in the sense that they’re so functional they alienate and introduce hard-to-use UI.

My job is also to user test our features and designs, to get feedback as part of the design process to make sure our assumptions are validated by real, living and breathing people. So, what Google does is cool… bucket testing. It’s food for thought: kind of a shotgun usability test, automated instead of personal. One drawback I see is I’d be basing design decisions on self-reported claims about their needs instead of observing what they’re actually doing. All sorts of people write about this distinction, notably Jakob Nielsen and another usability guru, Steve Krug.

Limiting Constituent Email

September 30th by kevan | In General | No Comments »

This just in, the House is limiting constituent email because the huge crush of email (due to the interest generated by the economic bailout legislation) is causing systems to go down. Here’s the error message constituents will get when they send their email to a House member:

“The House of Representatives is currently experiencing an extraordinarily high amount of e-mail traffic. The Write Your Representative function is therefore intermittently available. While we realize communicating to your Members of Congress is critical, we suggest attempting to do so at a later time, when demand is not so high. System engineers are working to resolve this issue and we appreciate your patience.”

What a fascinating scenario. The power of a shifting technology put into the hands of interested citizens is a wonderful thing to watch.

« Previous Entries