1dayプロトタイピングの最近のブログ記事

「1dayプロトタイピング」の第3弾は「Twitterまとめブログ」です。「Twitterを始めてから、ブログを書かなくなった」という人のために、Twitterとブログの相乗効果を目指すデザインの試みです。

背景

私（石橋）はTogetterというサイトを使って、ツイート（つぶやき）をまとめています（私 @zerobase のTogetterまとめ）。Togetterでまとめたページは、自分のツイートを後日参照する役に立ちます。しかし、「ブログを書く」という目的は達成できていません。私はツイッターのある生活に満足していますが、ブログを書かなくなった生活には満足していません。ここに解決すべき問題があります。同じようなTwitter利用者がいると思います。

企画

私を含むTwitter利用者は「Twitterを始めてからブログを書かなくなった」と言います。それと同時に、「Twitterを始めてから、ブログに書きたいネタが増えた」という人もいます。私がTogetterで自分のツイートをまとめているのも、いつかブログに書くためです。ところが、実際にブログに書くことは稀です。

この「ネタがあるけど書けない」というジレンマを解消できたら素敵ですね。

問題解決のアプローチ

「すでにやっている行為（Togetterによるツイートまとめ作業）」をもとに、「望ましい結果（ツイートをもとにしたブログ記事）」を得るためのデザインを考えます。ここでいう「デザイン」とは、「人（ユーザー）と物（ソフトウェア／ツール）の新たな〈関係〉を設計する」という意味です。

現行作業の観察

動画1

私がふだんやっているTogetter作業の観察から始めました。動画の00:37:00まで。ほぼ無音です。

次いで、それについての議論です。動画00:37:00〜00:51:38(末尾)まで。

ここで録画を止めて約2時間の作業ののち、次の録画へ。

ワークモデル分析、望ましい結果のデザイン

動画2

動画の冒頭に映っているのはペーパープロトタイプです。どういう結果／出力が望ましいか模索しまして、返信(reply/mention)の関係が分かりやすいスレッド型レイアウトに並べました。

動画00:23:35から映っているホワイトボードは、作業の流れを分析した結果です（ワークモデル分析）。この動画は00:41:15まで。

写真：Twitterまとめブログ - zerobase - Picasa ウェブ アルバム

参考図書：ひらめきを計画的に生み出す デザイン思考の仕事術

1dayプロトタイピング当日の作業は以上。

プロトタイプ（UIモック）

今回の企画ではユーザーインタフェイス(UI)の操作感が重要です。詳細な設計に時間をかけるよりは、インタラクティブなプロトタイプの速やかな実装に入りました。具体的には、画面設計、HTMLコーディング、プログラミングといった作業です。

実装したプロトタイプの画面

Ruby on Railsで実装したUIプロトタイプの画面キャプチャです。

このプロトタイプのUIでは使いにくいかもしれないので、完成形では大幅に変わる可能性があります。

今後の予定

完成させるためには追加開発が必要です。現状では完成させるかどうか未定です。ご意見・ご要望をお待ちしています。

「1dayプロトタイピング」の第2弾は「Lens Finder」です。「iPadで買い物がどう変わるか」について考えて、今回のテーマは「デジタル一眼レフカメラ（デジイチ）初心者のために、撮りたい写真からレンズを選べるサービス」を作ることにしました。

「いい感じにボケたポートレイトを撮りたい」といった動機でデジイチを購入したものの、キットのレンズではそういうのが撮れなくて不満、どのレンズを買えばいいのかわからない、といった人のためのサービスです。

企画の様子

1つ目の動画 (126:28)

プロトタイピングするテーマを決めるための会議から、 ワイヤーフレームを描くところまで。 2時間の退屈な動画ですので、全部見ることはおすすめしません。ホワイトボードにUIデザインを描いていく1:30:00くらいからは少し面白いかもしれません。

プロトタイピング

2つ目の動画(7:20)

企画会議から3時間くらいでプロトタイプ（UIモック）ができました。それを見ながら議論しています。

プロトタイプ（UIモック）

※iPadでご覧ください。すべての機能は実装されていません。ボタンを押しても反応がなかったりします。

最初のプロトタイプ（UIモック）です：Lens Finder ファーストモック

後日、改良したプロトタイプ（UIモック）です：Lens Finder セカンドモック

今後の予定

プロトタイプ（UIモック）を、実際に動作するサービス（プロダクト）にするために、下記のような開発が必要だと考えています。

• 自動的にFlickrの写真を検索する機能の実装。
• 写真の撮影条件から、その写真の撮影機材（カメラボディ＆レンズ）を推定し、提示する機能の実装。
• Amazonの該当商品リストを表示する機能。

完成させるためには追加開発が必要です。現状では完成させるかどうか未定です。ご意見・ご要望をお待ちしています。

「1dayプロトタイピング」の第1弾は「献立Pad for iPad」です。一日で、企画会議から、高速に試作品を作って、モニターテスト可能な状態にしました。

経緯

「iPad(タッチ式タブレット)が拡張する生活」の状況（シーン）を発想・模索して、まずは「料理・台所」というテーマを選びました。単品のレシピではなく、一食の献立を提案するサービスを作ることにしました。

レシピのデータベース（クックパッドなど）と特売情報／チラシ（タウンマーケット、シュフモなど）を組み合わせて、毎日の献立を考えるための道具が作れないか、と考えました。

早速、HTMLモックを作って、iPadに表示できる状態まで制作しました。

翌日（土曜日）にピクニックの場を借りてモニターテストを実施しました。

今後の予定

レシピサイトとスーパー特売チラシサイトのデータを組み合わせるロジックの開発など。

完成させるためには追加開発が必要です。現状では完成させるかどうか未定です。ご意見・ご要望をお待ちしています。

関連リンク

• 企画会議から、UIスケッチ、HTMLモック制作までの作業風景（YouTube動画）
• プロトタイプ：iPadの画面を横にして見てください。HTMLモックに若干のインタラクションがついた程度なので、ボタンを押したりしても反応はありません。
• 副産物：iFingerScrollをtranslate3dで再実装しました - collisions.doppac.cc

ゼロベースは「1dayプロトタイピング」という試みを始めました。毎週金曜の午後を使って、新企画の発案から試作までをその日のうちに行います。「毎週1個、新しい提案をする」という試みです。

当日に完成しなかったものについては、引き続き開発を続ける場合もあれば、試作に終わる場合もあります。「毎週1個、新しい提案をする」ことが目的であって、必ずしも完成させることを目的としていません。

アイデアは自由に利用してください。真似してください。

毎週金曜13:30ごろから19時ごろに実施しており、会議や作業の生放送をUSTREAMでご覧いただけます。スケジュールはあまり厳密ではありませんので、当日 Twitterのハッシュタグ #zerobase をご確認ください。@zerobase_incで告知ツイートします。

リンク

• このブログの1dayプロトタイピング関連記事
• USTREAMチャンネルページ

背景

4月にリブランディングのプロジェクトを開始しました。

唯一性（ユニークネス）

頼まれもしないのに実証済みのサイトをつくる、唯一のシステム開発会社

ブランドの定義

人々の生活を情報通信技術でちょっとずつ良くする企業

タグライン

ゼロベース
未来の普通をつくる

というわけで、頼まれもしないプロトタイピング（あるいはセルフリサーチ）を始めた次第です。