I was recently at a local CostCo doing a user interview and had to skip lunch beforehand. On the way out I thought I’d grab a hotdog to curb my hunger. After devouring my meal I went to throw away my trash and I was confronted with a situation similar to what’s shown in the image below.

How clever, I thought. There’s some nice color-coding, instructions and silhouettes to help me map what items need to be discarded where. This should be a piece of cake, but then things broke down.

I was overwhelmed by the feeling I might make a wrong decision and put something in the wrong bin. I went to throw something in one bin, then changed my mind or double-checked once I realized there weren’t others of that item in there. Eventually, I think I put everything in its right place, but I could see others got frustrated and just dumped everything in one bin.

This experience made me think about whether or not the concepts used to help patrons map their trash to the appropriate bins could have been pushed further. I thought the color-coding and silhouettes were key components, but they only got me half way there in terms of reaching my goal. It also didn’t help that I was also in a rush.

In fact, what immediately came to mind was a toy I’m sure we all remember from our childhood; shape sorters.

So… What if the paper plates, cups, silverware, napkins were all color-coded to match the bins? For further enforcement, shapes could also be used to make a connection to the trash and the bins. For me, this would make things easier to understand and may even bring a degree of playfulness. Here’s my artistic rendition:

Would it be more expensive to make this solution happen over what’s currently in place? I’m sure it is. However, how expensive is it for people to sort out misplaced trash later down the line? How much is it to print out those banners of instructions? Is the savings worth the additional “strain” on customers?

In the end, I’m sure something like this might be cost prohibitive and hard to maintain, but I know at the time a system like this may have helped me out a bit. I really think using the silhouettes provided the strongest recognition for me, but it didn’t solve the problem of materials.

For all I know there could already be a solution to this. I thought posting my thought process here might be worth while considering I seem to be having a lot of things like this popping into my mind. We’ll see if I can make a habit of it.

Once my Google TV arrived I went to set it up thinking it would take no time at all. Just hook it up to my TV and that’s it, right? Well, it was a bit more complicated than that. The first time I set it up I kind of half-assed it cause I just wanted to start messing with it. I accomplished that and then kinda forgot about it for a day or so.

My attention turned back to the Google TV after I had heard about the iPhone app and some of the other interesting things people were saying about it. This time I reworked my entire stereo, TV and set top box setup around the Google TV.

After all that there were some things that I really liked and other that were pretty flawed. I’m not going to get into those things in this post, but one of those things that caught my interest was designing/developing web apps optimized for TV.

I’ve been interested in designing apps for TV for a while and in many ways there are similar things that parallel designing for mobile devices, i.e. screen size, inputs, context, etc. As far as development goes, I started thinking about why I got this Google TV in the first place; to develop using AIR for Android.

However, there were some really great examples Google put out of apps built using HTML/CSS/JS. I decided to make a TV-optimized web app using that route, not only to learn how to design for large screens, but to also give myself a project to get into more jQuery.

As far as what app to build, I decided on making a Dribbble app because Tyler Gaw had already put together a great jQuery plugin for the Dribbble API called Jribbble. Using that plugin I just started throwing stuff together and designing as I went. Google put together some great documentation for both designing and developing web apps for GoogleTV that I kept referring back to.

After some random hours spent in my free time spread out over a few weeks I finally had something to release. I named the app “Jumbbbotron” and it works on both GoogleTV and WebKit browsers. I haven’t tried on other things like XBox, Wii or Boxee. It looks great on the iPad and other tablets too, although there are some interactions and bugs to work out on that front.

While building Jumbbbotron I was also able to incorporate some key things that helped the TV-optimized experience:

1. Directional keypad navigation
2. TV-optimized design
3. Using the Play/Pause button to start/stop “Slideshow Mode” (or the “P” key if your in a desktop browser)
4. Horizontal scrolling instead of vertical scrolling
5. Using local storage for preferences

Overall, I felt I met my goal of learning more about designing for TV and more about jQuery to create a nice TV-optimized experience. There definitely some fine-tuning left to be done, which I’ve started logging. I also found some areas for improvement on Google’s part, that have also been mentioned elsewhere, like:

1. The ability to specify a bookmark image for a web app, kinda like when you add a bookmark to your home screen in Mobile Safari. Right now if you bookmark a web page on Google TV you get a screenshot of the page.
2. For some reason the Next/Previous media buttons weren’t registering, which I was hoping to use in “Slideshow Mode”

Visit the apps web page or play with the app

The apps were fun to build and we used a number of Adobe technologies to pull them off. We’re hoping to keep pushing the multiscreen experience to include TV using Adobe AIR and an app for iOS. In the meantime, you can check out the images of the app in this post, our slide deck and our presentation on Adobe TV as soon as it’s available. We hope to follow up with a series of blog posts on how we built these apps.

Think about your current television. What’s great about it? Well, a great thing about it is that it can provide an awesome viewing experience. You can be instantly immersed in that experience with very minimal distraction.

Now, what sucks about? For me, it’s finding content. Endless scrolling lists, crazy remote controls and complicated set-top boxes. Granted, I only look forward to a few shows a week, but still, when I’m looking to watch something and tune in I immediately get overwhelmed. I just want to view stuff that’s relevant as quickly as possible.

Some solutions I’ve seen try to solve this by allowing you to search. Which may be part of the solution, but I really don’t want to have a keyboard on my lap to go with any remote controls. I’d rather just get rid of all that.

So, what’s the solution? As I mentioned, some of the technology we may have heard about may already be prepping us for a solution, beginning with the apps on your phone. Think about it? The apps you choose to download already begin to create a profile of your interests. Imagine if there was a way for those apps to display their content on a TV as easy as going into landscape mode or taking a picture.

We browse a ton of content on our iPhones, iPads and iPods. Wouldn’t it be cool, for example, if I were in the ABC Player app and while I’m watching a show I could tap a “Play on AppleTV” button, which would immediately detect my AppleTV device and start playing that content right on the TV? Better yet, what if I’m playing Real Racing and want to switch my view to play on the TV? Simple, tap the “View on AppleTV” button and now my iDevice turns into a controller and my view is now on the TV!

How would this work? We’ve already seen something like this on the iPad when you connect it to an external display. When you do, a completely different viewing version of the app is shown on the external display, while you go into a different mode of the app on the iDevice. This same thing would be great for TV because the iDevice could turn into the most appropriate thing for the way it’s being used. The iPad becomes the game controller or the iPad becomes the remote.

There’s one thing missing though; the hardware/software that connects the iDevice to the TV. How about that UI-less device people are buzzing about that is supposedly priced for $99? That device could sync what apps you have (wirelessly I hope) and when you trigger a bit of content you want to engage with on the TV, that triggers the AppleTV hardware with the app and you’re instantly in game/viewing mode, whether it’s content from the device or streaming.

Throw in GameCenter, iAds, an awesome OS, the ability for publishers to dictate content, a ton of devices ready to go and you may have that go-to-market strategy Steve mentioned. With it, there’s an opportunity to bring a whole new level of engagement to the TV. Would you pay $99 to get that? I would.

Menu to select iPad Lockscreen Options.

Basically, instead of tapping the picture icon, there would be a more universal icon. When you tap on that you would see a popover with options for apps that support the lockscreen. These would be optimized views that did very specific things. For example, selecting “iPod” would shuffle songs like a jukebox, like this:

The iPod App as a Lockscreen

Other examples

Any app could be packaged with the optimized lockscreen view. These views would do one thing and provide no options besides switching to another lockscreen version of an app (and unlocking your iPad). Here’s some other examples:

QlockTwo – This is a typographic clock app. It would be awesome to be able to have this as an option and run as a clock on my desk while I’m not using my iPad.

Twitterific – This could show your tweet stream, but I think that might be a little extreme. It could show a single tweet from your tweet stream or maybe display your tweet stream in a different way that didn’t feel overwhelming.

This Day in History – Display a single view with a list of things that happened this day in history or maybe cycle through different events for that occurred on that day.

Dictionary.com – Could show the word of the day or cycle through a different word every hour.

Sure, something like this shortens the life of your monitor cause your screen would be on a lot more. Still, I thought it was worth mocking up.

You can see the images in higher resolution on my Flickr page.

knowledge games: games designed to help you get more innovative, creative results in your work. We’ll show you not only how to play knowledge games but how to design them so they fit your own specific work goals.

via YouTube - Mobile Surface Computer.

via Scoutbooks