Interface

Multiple times a day I find myself with an idea, note or task I want to remember in the future. I’ve tried a variety ways of dealing with these fleeting thoughts – email, to-do in my GTP app du jour (OmniFocus 4EVA!), evernote, Apple’s crappy Notes app and even voice memos (back in the day!) – and each has its strengths and its flaws, either on input or on the processing side (turning that note/idea into *something*).

Enter Capt.io, an iPhone app that is designed for exactly this use case – the quick note to self. Here’s how it works:

You open the app and land right on the input screen. Tap out a note and hit “Send” and you’re done.

IMG_0468.PNG

Or you can choose to add a photo (camera or library) to your note with a top of the paper clip in the top-left.

IMG_0469.PNG

This simple and pure experience is largely made possible by the smart way that the developers have offloaded some crucial info to the Settings screen. You just give the app an email address you want all these notes to go to and you can also add a prefix to all your notes which makes them really easy to filter in whatever mail client you’re using.

SETTINGS.jpg

In a world when even the “simpler” apps we use have too many features, it’s really refreshing to see an app that isolates a very common use case and designs a pure interface around it that is as useful as it is simple. Well done.

For 99 cents Capt.io is an absolute no brainer for anyone who has ideas (and it makes a pretty great design case study to boot)

{ 5 comments }

There’s a great interview in ReadWriteWeb with the founder of Flipboard on the months leading up to the product launch and what informed what the product eventually became.

It’s a great read all the way through but two things in particular stood out for me:

For a product that has been universally lauded (even on this blog) for its novel approach to interaction, it’s interesting to hear what their starting point was for their design process:

When we got together, we decided to do a thought experiment: imagine if the Web was washed away in a hurricane and we needed to build a new one from scratch. What would it look like? How would it be different? What would the user interface be? Would there still be the notion of a browser? If you build a totally new Web, knowing everything we know today and where the technology is and where it’s likely to be heading, what would you do differently?

It’s incredibly difficult to successfully execute on this “blank slate” approach to design but it really feels like this team has pulled it off.

Something that clearly helped them be able to take that approach is that they were designing Flipboard before there was an actual piece of hardware to design it for (they were months into their process before Steve Jobs unveiled the iPad).

Product designers often struggle to balance technology constraints with solving a genuine human need. Unfortunately the former often ends up shaping the the product more than they would want. This is a fascinating case study of seeing what can happen (and what you can accomplish) when you’re forced to come at a problem purely from the users’ point of view:

When I traveled, I would buy magazines before I got on an airplane. I love magazines, I read them all the time. As I was reading them, I’d ask myself: “Why is it that the Web isn’t as beautiful as these magazines? What could we do to make the web a more beautiful place?” And of course, along with that line of thinking, I was saying to myself: “If this [Apple] tablet that is rumored ever happens, it would be the perfect form factor for doing exactly that – for making websites as beautiful as magazines.”

The date that I started realizing we needed to go more towards the magazine approach, in terms of the aesthetics and design, was in the September-October time frame.

As we talked more about it, we decided that the best way to start would be on this theoretical product that Apple was rumored to be doing. And then when Apple actually announced it [in January 2010], it was obviously very exciting for us. We realized that it was as we had hoped – that it would be the platform that could allow us to re-visualize the web in a way that maps more to print. So it would be the perfect place for us to start. And then, as we came to that realization, we married that up with social media. And we realized what we’re really doing here is creating a social magazine. We first started calling it a social magazine in January.

I recommend checking out the whole piece and if you don’t have it, go grab the app (iTunes link)

{ 3 comments }

This home video really shows the impact the iPad is only starting to have on the way all kinds of people will interact with information. This particular video focuses on a child but you can imagine it (disclaimer: I know there will be other tablets but until I see them executed in the same way, I’m sticking with the iPad as the category-defining device) will have a similar, profound effect on a variety of other kinds of users.

ps: anyone know what apps “bunny alphabet” and “rainbow keyboard” are?

(via TechCrunch)

{ 2 comments }

NewImage.jpg

The moment I saw screenshots of Roundarch’s work on the real-time stats dashboard for the New York Jets’ new stadium I was smitten and not just because I’m a huge fan of the Jets (as well as Rex Ryan’s leadership model). I love how they’ve taken really complex information that spans different categories (food, parking, merchandise) and made it clear, accessible and actionable (and very much on brand, btw).

The Jets’ executive team gets:

What exactly is the system capable of? Let’s start with concessions and merchandise. While a game is underway, NY Jets’ owner Woody Johnson will see a four-panel layout that shows a variety of metrics, from gross spending to total transactions to average amount spent per transaction. The stadium is virtually divided up by each level, and Johnson can zoom in on individual stores and concession stands to see which jerseys are selling, or which beer isn’t. The stadium is heat-mapped too, so if lines are getting to long, mobile vendors can be directed to help ease the burden.

While the fans benefit as well:

The Command Center won’t just help managers and executives, but will soon aim to improve the fan experience as well. Cisco has invested $100 million into the stadium, and one rep estimates the company’s technology could provide fans with estimated wait times in the near future. The dashboard will also warn of choke points at stadium gates and concession stands, so fans can be informed of how to avoid the longest line for a burger, or the best way to exit after the game.

Companies have always had data at their disposal to use to help them make decisions but I think we’re going to start seeing companies seeing the value in thoughtful interface design as a window to that data and that makes me really excited.

Read more about it over at Fast Company

{ 2 comments }

Other game companies at the time assigned alphabet letters or colors to the buttons. We wanted something simple to remember, which is why we went with icons or symbols, and I came up with the triangle-circle-X-square combination immediately afterward. I gave each symbol a meaning and a color. The triangle refers to viewpoint; I had it represent one’s head or direction and made it green. Square refers to a piece of paper; I had it represent menus or documents and made it pink. The circle and X represent ‘yes’ or ‘no’ decision-making and I made them red and blue respectively. People thought those colors were mixed up, and I had to reinforce to management that that’s what I wanted.

After all these years, it’s great to hear the rational behind the symbols on the seminal controller. Triangle, Circle and X make sense (though I’m with “management” on the color choice for the last two).

I find Square = piece of paper to be an interesting relic of a tool that was designed before “digital” became the norm and we still had to hold on to analog metaphors.

[Read more]

{ 6 comments }

There are a lot of reasons Flipboard is special and they absolutely deserve all the attention (and melted servers) they’re getting.

I suspect that many folks don’t even realize the potential they have to really have a profound effect on how people consume content going forward, particularly as we continue to find ourselves with more and more channels of content to make sense of.

Frankly, I think they’ll find themselves in that product design sweet spot where there are so many things they can do with their product and they’re going to have to be very smart in choosing which ones to pursue.

Rather than focus on their innovative interface, as many others already have, I wanted to write up a quick note on a feature I saw them tweet about recently: Sharing your Flipboard covers. It allows you to grab a snapshot of your dynamically-generated cover and share it via email and Twitter:

Did a friend of yours show up on your Flipboard cover and you want to let them know? Did a beautiful picture show up that you want to share? Tap the “share” icon in the top right corner of your screen to retweet the image on twitter or email it to friends and family.

It’s your magazine, share your covers.

For me, this feature loosely touches on the one thing I really miss as I’ve made the move to e-books – the loss of the book/magazine cover as both design artifact as well as social communication tool.

While I don’t think this is a feature a lot of people are going to use, it makes me confident that the people on the Flipboard team are aware of the subtle nuances that are part of the content consumption experience and that makes me even more excited to see where they take their product over the next year.

Read about the new feature here and check out their cameo in Apple’s most recent (and by far the best/most informative) ad for the iPad:

{ 3 comments }

Am I going to ditch my iPhone for a Puma phone? No. I am, however, really impressed by how Puma has chosen to enter a space that’s already way over-saturated. In an industry full of me-too-ing, they clearly recognized that the only chance they have to make any mark is to come to market with something genuinely different and from the looks of these demos and screenshots, they’ve done just that. This is evident from the memorable (and very well-branded) UI, the playfulness that permeates the OS and even some of the hardware additions:

That might be thanks to some of the silly stuff like a calculator that teases you when you try an operation it deems too trivial, a pet puma on the device called Dylan (who shows up on-screen when you leave your handset untouched for a while), and an audio player with a turntable you can actually scratch — but the real draw is probably the solar panel around back.

In a lot of ways, Puma is showing up manufacturers that have been making phones for years by demonstrating how even the little guy can make a splash if he’s willing to take a chance.

Read more about it over at engadget.

{ 0 comments }

After launching a beautiful redesign of their site a few months ago, Engadget is back with a custom iPhone app (iTunes link) covering their major tech news outlets – regular, HD and Mobile.

On the go, I’m the kind of user who’s more likely to get my tech news from my RSS app (Reeder represent!) than an app dedicated to one news source. That being said, this app provides much richer experience than simply delivering news and it’s definitely worth a download for anyone who enjoys the site as well as anyone interested in seeing how an online publishing brand can create a world class user experience across multiple platforms.

Check out the redesign here.
Get the app here

{ 0 comments }

I recently discovered that one of my hometown papers, The New York Post has an interesting little feature that you’d never notice because they call exactly zero attention to it – you have to stumble across it. Here’s how it works…

Say you’re on a story page, reading about the recent Roy Halladay trade and you want to share the link with your friends along with a quoted passage from that article. You select + copy a passage and when you paste it into your email client, here’s the text you get:

So, on a day when Halladay moved closer to being a Phillie, Lee was on his way to Seattle, Lackey took a Red Sox physical and the Yankees’ World Series MVP is headed to the Angels, the Bombers were winners.

Read more: http://www.nypost.com/p/sports/yankees/xmas_gift_to_yanks_roy_is_out_of_2e6u9raiDW7xhH6b2XCHAK#ixzz0ZnSndeKd

Neat that they automagically added a link to the article, right? There’s something a little weird in terms of the order in which they reveal the functionality and I haven’t decided if it’s totally awesome or is something that’s almost too clever for its own good. They could get around it by giving you a little javascript overlay the first time that alerts the user of the feature.

Either way, I think it shows how you can offer more functionality/context/etc. to the user without demanding more of them and that might ultimately change their behavior in the future. It only takes one time for users to know the feature’s there and in the future they can really speed up their interactions with the site.

{ 2 comments }

Love the ability to save current movies to your Netflix queue right from Flixster app.

I love how Flixster for the iPhone (iTunes link) lets you add current release movies to your queue right from their showtime browsing interface because that’s exactly when we’re making a judgement on whether a movie is worth going to see in the theater or not.

It’s a subtle integration of Netflix’s API that reflects a great understanding of the frame of mind their users are in when they’re engaging with their product.

{ 1 comment }