November 5, 2008

Our first iPhone app

Joel L. & I (through our “Mind, Matter, & Meaning” partnership) just launched our first iPhone app, Wingman — nothing too serious, it’s a tongue-in-cheek app meant to help guys out on dates. If the date’s going well and you’d like to stick around, we’ll give you some good date ideas, so-awful-that-they’re-good pickup lines for laughs, conversation starters, and the top 25 news stories so you can be informed. If things have gone south, we’ll fake a phone call to you so you can get out of there quickly.

Joel did most of the dev for this one, and I helped out with polish & UI. Check it out the app store, it’s 99¢ and will hopefully help you (or a friend) out on your next date.

November 3, 2008

HCI @ Stanford: SymSys or CS?

One question I’m asked often is why I chose to study Symbolic Systems over Computer Science for my Human-Computer Interaction work at Stanford (this usually comes after the first question, which is “what on earth is Symbolic Systems?”). I thought I’d write up a little bit more about what went into my choice, and what you might think about if you’re a Stanford student looking at both programs for undergrad or Master’s.

Continue reading "HCI @ Stanford: SymSys or CS?" »

October 30, 2008

Video Prototyping Mobile Interactions

Another awesome submission from the class I’m TAing — CS147 (Intro to HCI, taught by Prof. Scott Klemmer), this one for the video prototype assignment. Video prototypes convey the context and user scenarios behind a UI design, beyond what a paper or screen prototype could do. They work particularly well for mobile (which the Intro to HCI class focuses on) and ubiquitous computing ideas.


Heat City from Paul Doersch (and Mike Lindquist and Chris McCarthy) on Vimeo.

A lot of the students also posted to YouTube.

October 26, 2008

Teaching paper prototyping

This quarter, I’m one of the TAs for CS147, the Intro to Human-Computer Interaction class at Stanford (taught by Prof. Scott Klemmer). This last week, students were asked to make paper prototypes, and we were absolutely blown away with what they came up with. Here was one prototype (from a group in Steve Marmon’s studio) that we found particularly incredible and that I wanted to share (click to see large size):

Credit: CS147 group Martin Alonso, Dennis Paiz-Ramirez, Kate Swanson, and Minjeong Kim.

October 18, 2008

Stanford @ UIST 2008

Many folks from our lab will be at UIST 2008 this weekend in Monterey. I’m presenting a poster on Tuesday, Björn Hartmann is presenting his Juxtapose work, Ron Yeh is presenting his work on design tools for paper-based UIs, and Tim Cardenas, Marcello Bastéa-Forte, Tony Ricciardi, Neil Patel, Steve Marmon, Greg Schwartz, William Choi, Joel Brandt, Neema Moraveji, and Michael Smith are also presenting posters (see the program). I put together an index card to give out to people who stop by our presentations & posters, but here it is if you’re not attending or just have to have a look (click for larger):

October 17, 2008

Crowdsourcing the Golden Rule

What do you wish you had more, or less of? What do you wish you did more for others, or others did more for you? I wanted to explore these questions and so ran some quick Mechanical Turk tasks asking these, and other similar “Golden Rule” type questions. Though myself and Jeff Heer are still working on some more interesting visualization for these, I wanted to share a few while we’re sorting through the data.

Here are the results, run through Wordle. Please contact me if you want the dataset (~400 answers). Click to see larger versions:









September 8, 2008

What do your Twitter friends say about you?

What do the people who you follow on Twitter say about you? I was curious about whether we can infer anything about a person based on their Twitter friends’ interests. To test this out, I wrote Twitter Interest Cloud, which:

  1. Takes all your Twitter friends (who you follow)
  2. Looks up the URLs in their profile on delicious, and gets the tags
  3. Generates a tag cloud of those tags

Mostly just a fun experiment, and works much better if you follow semi-famous people whose pages have been tagged on Delicious. It does do a decent job of capturing interests though; here’s the cloud for Twitter CEO Jack Dorsey (@jack): @jack's cloud

If you want to check it out, here’s the source (Python). Shoot me an email (mkrieger [at] hci.stanford.edu) if you’d like me to generate a cloud for you.

If you make any improvements, please let me know! Thanks to Brynn Evans for getting me to brush it up and blog about it.

September 7, 2008

Brainstorming with the Crowd: Encouraging Constructive Ideation

The last year has seen a number of companies try to tap into the “wisdom of the crowds” to brainstorm product and service improvement ideas (let’s call it ‘crowdstorming’). Perhaps the most famous of these is Dell Ideastorm, built on Salesforce’s crowdsourcing platform. Starbucks’ MyStarbucksIdea is built on the same platform, with a custom skin.

While these platform works okay as a general idea collection mechanism, it doesn’t work particularly well as a brainstorm. For one, the same ideas are always at the top — unlike the real Digg, where there’s a notion of recency mixed in with popularity, the same ideas have been on the front page of IdeaStorm for the last 4 months. And we found consistently negative comments, and a lack of building off each other’s ideas (constructive ideation, as we called it). So we set out to try to build a better crowdstorming system…but first:

A quick background on brainstorming

While we all have a pretty good idea of what “brainstorming” means (typical image: one person standing at a whiteboard, other group sitting around throwing out ‘wild ideas’), it’s worthwhile to see what’s been said about it in the literature. The term was coined by Alex Osborn in the 1950’s, and the debate has raged since then on whether brainstorming works. In 1957, Taylor, Berry & Block wrote Does Group Participation when Using Brainstorming Facilitate or Inhibit Creative Thinking?. It turns out that, in terms of pure idea generation, “nominal” brainstorming groups (people split up and asked to come up with a bunch of ideas, with those ideas then pooled together) beat out group brainstormers, and this result was replicated multiple times in the following decades. Of course, measuring number of ideas generated doesn’t measure idea quality, or the experience of each of the brainstormers, but served as the metric for most studies. Most papers attributed group brainstorming’s shortcomings to “process loss” — the inefficiencies and other stumbling blocks that come when humans come together to interact, including shyness, folks talking over each other, and more.

The Computer-Supported Cooperative Work field tackled this problem by introducing electronic brainstorming tools — by reducing process loss, these electronic brainstormers were able to match nominal brainstorming groups. And finally, the idea of “brainwriting” emerged in the ’90s — the concept being that each participant would write down ideas, and the next participant would use these ideas as a starting point, a sort of hybrid between nominal and group brainstorming. This last technique was found to outperform nominal, group, and electronic brainstorming.

In terms of what to do in a brainstorm, we can turn towards IDEO, who formalized the much-cited rules for brainstorming:

  1. Defer judgment
  2. Encourage wild ideas
  3. One conversation at a time
  4. Be visual
  5. Build off other’s ideas
  6. Go for quantity
  7. Stay on topic

What does this mean for crowdstorming?

It seemed to us that ‘brainwriting’ would be a great concept to bring to the crowdstorming space. Our hypothesis was that current Digg-like systems encouraged Digg-like behavior — contributing your own 2 cents without much concern about building off other ideas. What if we could build a system that felt more like a real brainstorm, with the concept of brainwriting thrown in? We chose three design principles:

  1. Use a familiar metaphor (we chose Post-Its) to bring folks into a brainstorming mind-set
  2. Provide a varying set of ideas that visitors are presented with, to encourage seeing the ‘long tail’ of ideas
  3. Make constructive ideation the primary interaction in the system.

We built Ideas2Ideas, a Web-based brainstorming system:

ideas2ideas screenshot

The system uses a Radial Graph visualization to show ideas, and was built with a Javascript frontend (using the very cool Javascript Infovis Toolkit), and Django on the server.

Evaluation

We wanted to test if this system actually did encourage constructive ideation, when compared to a Digg-like system such as Dell’s. We used Mechanical Turk to recruit almost 100 participants, and ran them through either condition (between-subjects test). To build the control condition, we used Pligg, an open-source Digg clone, and replaced all mentions of “news stories” for “ideas”.

The results were pretty dramatic:

Idea Type Dell-style system Ideas2Ideas
Constructive ideas 25 43
New, not constructive ideas 52 35

Results from user study; number of each idea type by condition.

Using a X2 test of independence, we found that that Ideas2Ideas was significantly (p < .001) more likely to encourage constructive ideas.

So what?

Of course, getting people to build off each other’s ideas is only one step to a successful brainstorm. As Mozilla and other organizations move to brainstorms with the crowd, however, it’s one design goal to keep in mind: how can we make crowdstorming be constructive, rather than “2 cents”-based like so much other internet discourse? We think a system like Ideas2Ideas is a start. This work will be shown as a poster at UIST 2008, so come by and chat if you’re there.

Note: this project was done with YanYan Wang

August 5, 2008

A community of thinkers and prototypers

Just saw over on the Mozilla Labs Blog that they’re launching an open call-for-participation for what they call their “Concept Series”:

You don’t have to be a software engineer to get involved, and you don’t have to program. Everyone is welcome to participate. We’re particularly interested in engaging with designers who have not typically been involved with open source projects. And we’re biasing towards broad participation, not finished implementations.

What I like about this call is its emphasis on prototyping and sketching/mockups as communication media, and as intermediate representations. These tools and artifacts fit the open-source development model well, and have been under-used by a community that until a couple of years ago was posting UI mockups using ASCII art in Bugzilla — though recent blog posts documenting design process from the Mozilla Labs and UI folks have been a welcome turn, and Aza Raskin’s blog is a constant source of inspiration.

The Concept Series kicks things off with three video prototypes (one from Adaptive Path), and provide a message forum for the community to jump in and start talking. This last part is what concerns me; what I believe strongly is that online tools have a strong effect on both quality and quantity of participation. Dell’s IdeaStorm, for example, is designed (both visually and conceptually) as a Digg-clone, and so encourages very Digg-like behaviors, which work for a popular links site, but less so for an ideation/brainstorming site.

If a community of thinkers, sketchers, prototypers, and (in one word) designers is to flourish around this Concept Series idea, a site geared towards providing feedback on ideas, running small user tests on prototypes, branching and merging mockups and prototypes, and otherwise letting the design process flourish would be welcome. Maybe that would be a strong early submission to this Series: how can we rethink design collaboration on the Web, given an open-source mentality and a topic as daunting (yet exciting) as “The future of the Web”?

July 29, 2008

The 4 C's of Web Activity

As part of our research on what user activity we might want to understand better through crowd-based approaches, we started to think about what people actually do on the Web. This list is by no means exhaustive; any suggestions for additions or modifications would be welcome. I think it’s a good starting point for thinking about how we can improve each of these activities or measure them:

  • Classify
    • Rate (an image, a video, an article, a song)
    • Tag (an image, a product, a video)
  • Contribute
    • Post (an image, an article, a classified ad, a video, a song)
    • Write (a Wikipedia article, a blog post, an e-mail)
    • Comment (on an article, on an image, on a video)
    • Discuss (an idea, a position, an article)
    • Draw or Paint
    • Edit (a Wikipedia article)
    • Sell (a used book, your home-made cookies)
  • Communicate
    • Talk (to friends, through Skype, to tech support)
    • Share/Recommend (a link to friends)
    • Email (a friend, someone you admire, a contact)
    • Connect (with people with shared interests, with potential employers)
  • Consume
    • Click (on a link)
    • Listen (to a podcast, to a song)
    • Watch (a news video, a video podcast, a TV show or movie)
    • Read (almost anything)
    • Buy (a book, a ticket, almost anything)
    • Search (for information, for people)

Which of these will be most important in the next five years? Which will become irrelevant? Are there ones you think aren’t even on this list yet, but will be?

[an error occurred while processing this directive]