Archive for the ‘Technology’ Category

Fun with Autotune Feb 10, 2009

There was a great article on Time.com about Auto-tune last week. It talks about how Auto-tune touches all pop music you hear over the radio, making silent and not-so-silent tweaks to songs. Basically, it applies autocorrelation to make any singer sing in tune.

There was also some great discussion on Hacker News.

I decided to fire up GarageBand and apply its version of Auto-tune (Enhanced Tuning) on my voice. It’s actually incredibly easy to sound just like most modern pop artists, sans the great audio equipment. Here I present you the first verse of Kanye West’s Love Lockdown, as sung by me. Please keep in mind I did this in 5 minutes on my Macbook Pro mic.

With Auto-tune (.m4a)

Without Auto-tune (.m4a)

Usability testing is an essential tool in any product life cycle, especially at startups, where you live and die by your product. It is the most effective technique to get real user data on how they are using and assessing your product–in real life. If the product stake holders are not already bought into user testing, you need to convince them, now. Usability tests are cheap, and have the potential to save development time, money, and headaches down the road.

1. Determine Your Personas

If you’re doing a startup, you should already have a good sense of who uses your site. Is it the normal internet user? Is it business people who are internet savvy? Is it your grandma? Make sure you pin down all the potential user personas before going any further.

2. Recruit Testees from Craigslist

Depending on your location, Craigslist has a rich ecosystem of people willing to give their time for usability tests. Here is a sample text I usually post:

We are a company creating an online consumer product that needs people for usability testing. The test will be no longer than 1 hour, and we’ll pay you $35 for your time. Easy money!

Requirements:

List your demographic requirements here

We are located at LOCATION, and we’ll be conducting the tests on DATES. If you qualify, and are interested, please reply with the following information:

- Name
- Date and hours of availability
- How much experience you have with internet sites, specifically searching the internet
- How many hours a day you spend on the internet
- The industry in which you work

Be as specific as possible with your requirements. You can always widen them later if you don’t get enough responses. In the San Francisco Bay Area, I received about 20 responses in the first day, most of them eager to help out and that fit our personas. Avoid putting any information about your company or website, as you want the testees to see your site for the first time during your test.

If Craigslist isn’t popular in your area, I suggest just grabbing some people from your local coffee shop. You’ll be surprised by people’s enthusiasm when they know they can help improve a product.

For your first battery of usability tests, take two days and block out 4 hours on each day, and try to set up times with 8 people. Some of them will invariably cancel or flake out, but, that’s okay, since you really only need about 5 people to have an effective test.

3. Prepare Your List of Tasks

I highly suggest picking up Don’t Make Me Think, which is a great introduction to web usability and usability testing. It’s short, and chock full of practical information.

Now, write down all the user tasks that are crucial to your site. This may be the signup flow, or the upload pictures flow, or the browse profiles flow. The point is, you should be testing flows that are most important to your business objectives.

Remember that testees will take much longer than expected to complete the tasks. It’s easy to lose sight of this, but as the founder or member of the product team, you’re an expert at using your product. Testees have never seen your site before, and they’ll have to figure it out all on the fly. Try to limit your first set of tests to 4 or 5 tasks.

Your list of tasks should be derived directly from the user flows on your site. It’s best for each task to have a very specific objective for the user with a plausible story behind it. For example, a task on YouTube might be: “You’re sitting at home relaxing with a friend, and you’re looking for videos of lolcats. You land on the YouTube homepage. Now, I want you to go and find some funny cat videos.” The more realistic the imagery you put into the testee’s mind, the more comfortable and natural they will be at completing the task.

Try as best you can to make these tasks funnel the user to do one type of action. Of course, you may not be able to avoid multiple paths–just be sure to take into account all them in your task list. In example above, the user might use the search functionality on YouTube, or, they may simply browse by category.

Make a spreadsheet with each tab being a separate task, and list each step of each task on a separate row. This makes taking notes easier during the test.

4. Download Silverback

Seriously, Silverback is the easiest and slickest video and screen capturing tool for usability testing. It captures the screen while also capturing the video from iSight and puts this all into the same video on export. You’ll be able to review the videos without missing a single thing the testee did during each task.

At $50, it’s cheap.

If you’re worried that Silverback is Mac only, and your application must be tested in Windows, you should be able to run Parallels.

5. Conduct the Test

You will need two people: one to take notes and one to direct the user to do the tasks. Here are some simple guidelines:

  • Make the testee as comfortable as possible. The less comfortable they are, the less likely the user will respond realistically to your site.
  • Many testees are nervous. Tell the testee that they are not being tested, rather, it is the product that is being tested.
  • Ask the testee to speak out loud during the session, explaining what they are thinking at all times.
  • When the testee first sees the site, ask them about what they think the site is. This is the best moment to get their genuine first impressions.
  • Start off with an open ended task that allows the testee to explore the site on their own.
  • Tell the testee to do each step of the task, but never tell the them how to do each step. This is by far the hardest part of usability testing. Remember: you need to let the testee struggle, or else the pain points in your product won’t reveal themselves. If, after about a minute or two, they still have no idea, ask them, “Is there anything in particular you are looking for?”. If it’s a total no-go, mark the step as FAIL, and simply point to whatever the solution is and ask, “What about this option/checkbox/button/etc?” Note their response.
  • When taking notes, no detail is too small. Observe everything the testee does — did they click on the image that was not hyperlinked? Did they frown when their upload aborted without a message? Were the confused by the order of things in a dropdown menu? It’s the little nuances that will tell you the problem areas in your application.

6. Post Mortem

There’s no point in usability testing if you don’t analyze the results and make action items. Gather the team and go over the notes and videos. Everyone will probably be surprised by the number of small and big problems overlooked when designing the product.

Typically, the solutions to the problems seen in usability testing are obvious and easy to implement. Be decisive and move forward quickly.

I suggest doing usability tests periodically (once every few months) as you actively develop your product. Typically, there are no shortage of features and flows to test on your site, and it’s best to catch usability problems early.

I hope this post will encourage you to do your first usability test. A lot of people tend to dismiss conducting usability tests, saying, “I know exactly what the user wants in the design.” But, the fact is, in most cases, you’re not the target demographic, and your intuition about the design is vastly different than the average joe. It’s much better to have empirical evidence that users are responding well to your site, rather than falling back on your own gut feeling.

UPDATED 12/14/08: Thanks goes to Ron from Design Perspectives for his awesome feedback on this post.

I’m absolutely loving the Ocarina app for the iPhone. They’ve done a superb job of creating an instrument that is a true joy to play, and that has the expressiveness of actually holding a wind instrument in your hand.

What I also love is that they’ve built a community of people creating music scores and sharing notes on how to play the app.

At $1, this is one of the top apps I would recommend. Grab it soon as I hear they will be raising the price.

Enjoy some Zelda from me:


Zelda Ocarina (iPhone) from James Yu on Vimeo.

Ever since getting my iPhone, I’ve been almost exclusively reading my RSS feeds on it with the well designed iPhone version of Google Reader. Typically, I’m reading during my commute to and from work (ever since the rains, I haven’t been able to bike as frequently). I usually finish scanning my river of news by the time my homeward bound commute is over.

The information geek in me also loves the cool but not very useful trends feature of Google Reader. Below are some of my daily reading trends.

A few observations:

  • My biggest reading day is Friday. I don’t feel like I read for longer periods of time on Friday, but perhaps there’s just more news.
  • You can tell I typically roll into the office somewhere around 9-10am.
  • I had major issues with Edge on my prepaid AT&T account 1.5 weeks ago (thus, the flat weekly graph). I barely caught up with the news.

Effectively, my iPhone is creating time for me to catch up with my daily RSS feeds. It’s place shifted my reading, which is one of the biggest reasons why I bought a mobile internet device.

Google Blogoscoped is reporting that SmugMug’s private photos are really not that private. You’re able to get access to them with simple URL rewriting. The URLs are not appended with a GUID, and the photos pages are not password protected.

SmugMug has replied with a semantic argument:

Thanks for writing. This is expected behaviour. A private gallery just means that that gallery will not show up on your Smugmug homepage but it is accessible by knowing the direct URL to it. You do have the option of turning off external links so that no one can link to an individual photo. You may also password protect galleries so that no one can access them without a password.

This functionality is simply irresponsible. When a user sets a photo to be private, they expect the URL to be either password protected, or at least have a secret hash appended to the URL. Without such a hash, any visitor with a little bit of coding skill would be able to retrieve all your photos. SmugMug claims that they don’t have the bandwidth right now to implement such a GUID system.

The problem really is of expectation. On other sites, setting an object to private means either a GUID or password protected page. Regardless of the semantics of the wording, SmugMug needs to either follow the precedent, or put in big bold letters that your private photos can still be accessed by anyone.

At Scribd, our private documents require a secret password to be inserted into the URL.

iphone.jpg

Like many other people, I’m just barely holding back from switching over to the iPhone. But, alas, I’m still on a two-year contract with Verizon. I know that there are plenty of ways to get out of the contract. So, I decided to call them to ask how much the early termination fee would be, and what other options I have.

Almost immediately after I said I was considering other options, the Verizon rep jumped to attention. Here’s how it went:

Verizon rep: So why are you considering leaving? Any problems with the service?
Me: No, I’m just considering some other options.
Verizon rep: Are you consider moving to AT&T and that.. iPod.. iPod phone?
Me: Umm.. yes, actually, I’m considering that.
Verizon rep: Oh, really? I just got training on that today. And I was so surprised by how limited the iPhone is.
Me: Oh, please do tell. (thinking to myself: this is gonna be good)
Verizon rep: Yes, well, there are a few phones coming out that just so much better. They’re AWESOME!
Me: Okay..
Verizon rep: Yeah, well, there’s that new Blackberry that we have. I’ll send you the info.

The rest of the call was basically me waiting patiently for her to compile the desperate marketing email. From the way she was talking, it was apparent that she had never touched an iPhone. And, even if she did, she probably had no idea why its features are compelling.

The fact that Verizon reps are getting specific training to battle against the iPhone shows that Verizon is at least a little scared of Apple, contrary to what the CEO has said before. In my case, I’m going to be thinking hard about the price of getting out of a contract along with the sky high price of the iPhone before I make my purchase.

Or, I could just wait until the hackers successfully unlock the iPhones from the AT&T network. That would probably make me switch in a pinch.

Apparently, the Japanese have now created a simulator that feels exactly like popping bubble wrap. This, my friends, is the epitome of human technology.

iphone.jpg

By now, I’m sure all of you are sick of hearing about the report from the iPhone lines, the reviews, and all the other general hype about the second coming of the cell phone. Virtually every technology blog is covering the iPhone in one capacity or another on this glorious date of its release.

But, besides Apple, there are a bunch of people trying to make money by developing iPhone applications. Ever since the announcement that iPhone applications will simply be web widgets running in Safari, developers have been scrambling to get iPhone applications up on the web. And of course, you have to have some place to list all of them. Say hello to the iPhone directories. The following is a list of the ones I was able to find:

Application Lists

ModMyPhone iPhone Application List (WordPress)
iPhone Application List (WordPress)
Everything iPhone’s Application List
PhoneLauncher.com
List of iPhone Apps on Ma.gnolia
iPhoneApp.de
Kudit – they are a developer of iPhone applications

Blog Listings

Techlogg’s List
Lifehacker’s Top 10 iPhone Apps
Stuff.tv’s List

If anyone has a list that I’ve missed, please comment below.

Robots are becoming more and more realistic to the point of becoming creepy. But, we all know the more important question is, can they break it down? Judge for yourself.

5. RoboNova-1 RTW


Dance RobotsMore amazing videos are a click away

4. Traditional Japanese Dancing

3. Sony QRIO

Nice synchronized choreograph.

2. Sony QRIO in Beck’s Hell Yes Music Video

1. Keepon Dancing to Spoon

The Keepon is an amazingly cute dancing robot that yellow and snowman shaped. It’s able to dance to the beat, and actually change and transform its dance in a fluid manner. In addition, it also has the capability to recognize human eye contact and react to it. This is one of my favorite videos.

You may have seen the Microsoft Surface teaser video, which introduces Microsoft’s multi-touch research. It’s going to be interesting to watch Microsoft and Apple battle it out for the title of superior touch interfaces.

In the mean time, SarcasticGamer has made a great parody of the teaser vid, complete with a voice over that is just spot on to the original.