Gadgets

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 }

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 }

NewImage.jpg

I totally *love* this visual style. They’re all pretty rad but this one’s my favorite. See the rest here.

Thanks to kottke for the tip.

{ 1 comment }

Now this is the kind of jump in digital storytelling that gets me excited. The video is a little frenetic but it does an amazing job of showing how we’re only scratching the surface in terms of what’s possible for next generation storytelling on devices like the iPad (bonus points for clever use of the accelerometer).

My enthusiasm for things like this doesn’t mean I think (or want) children’s books as we know them today, to go away. I believe there’ll always be a place for tangible, tattered children’s books but I think we’ll create a new kind of vehicle through which to engage users (they will be more than readers) and Alice is just the beginning.

Read more about here: Alice on the iPad: Is This the Future of Books?

{ 1 comment }

Seeing these demos gets me even more excited for the iPad. However, I’m skeptical that the publishers are going to be able to execute what is a fundamentally new *kind* of design – somewhere between print and digital – for a while, and don’t think that they won’t expect us to pay as they learn how to do it right.

Read more about the Sunset Mag cover demo here.

{ 1 comment }

square_tinker.gif

I’m happy to announce that Tinker Studio will taking part in the Square beta program so as of today, I’m ready to accept payment for services via my iPhone + my Square. I also plan on making Square central to the massive stoop sale Karen and I are planning for when the season turns.

Not familiar with Square? Check out the excellent demo and you’ll know exactly why it’s important:

Learn more about Square

Follow Square on Twitter: @square

{ 1 comment }

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 }

The next time you need a third hand to hold your coffee cup while you dig around in your bag for something, just stick it to a streetlight with this ingenious hack.

I really love how simple and elegant this hack is though I wonder how deep the need really is. Either way, very nicely executed.

Check out more projects like this here.

Thanks to @chadsnuts for the tip.

{ 0 comments }


Amazing it took so long to design a flashlight this way.

If you’re still not convinced you need one, watch the demo video (I watched it once and had to order one):

{ 2 comments }

A17DD50B-5BE1-4867-8147-C082CE391B73.jpg

Toscaninis (an ice cream shop in Boston) has a nice real-time visualization of what people are saying about their place on Twitter.

(via @dens on Flickr)

{ 4 comments }