ねねとまつの小部屋

ここ最近、WEBサービスの画面のプロトタイプを作るためのツールを探しています。

これは楽しい。手書き風のモックアップ画面作成がカンタン「Balsamiq Mockups」で紹介したBalsamiq Mockupsはサクサク作れていいのですが、日本語使えないとか、複数画面をひとつのファイルにできないとか、用意されたもの以外は使えないとか、ちょっとした不満もあり、
VisioやOpenOffice.org Drawを試してみた結果、やっぱりVisioが楽でいいかな、と思っていたところへ、はてブ経由で

FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」:phpspot開発日誌

FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」。 Pencil Projectを使えば、予め用意されているGUI部品をキャンバスにドラッグ＆ドロップしてプロトタイプの画面イメージを作成することができます。

というニュースを知りました。試してみると、結構いいかも。

Firefoxの拡張だけでなく、WindowsやLinuxのネイティブアプリケーションも用意されていますので、FireFoxのユーザではない人でも利用可能です（もちろん無料）。

検索したら、こちらの方が記事としては早いようです。

Pencil ProjectというダイアグラムとWebページのプロトタイプデザインプラグイン for Firefox - [モ]Modern Syntax

The Pencil Project The Pencil Project’s unique mission is to build a free and opensource tool for making diagrams and GUI prototyping that everyone can use. Firefoxのプラグインなんですけど、なんというかHTMLが書けない人でもWebページのプロトタイプというか「絵」を書けるようにするものです。

使ってみた

続きを読む >>  "Pencil Project or Balsamiq Mockups or Visio？画面のプロトタイプを作成するツールに悩む"

Popularity: 10 %

(1 投票, 平均: 3 中 5)

 Loading ...

IDEA*IDEAさんで紹介されていたBalsamiq Mockups。

なにやら楽しげ

IDEA*IDEAさんでも書かれているとおり、ブロガーやジャーナリスト、非営利団体だと無料でライセンスをもらえるらしいので、

「Balsamiq MockupsとCakePHPで超ラピッドな構築して、ブログに書くから頂戴ナ」みたいなことを書いて応募してみました。

あやしい英語だったにもかかわらず、翌日には、「使っておくれ」とライセンスをメールで頂いたので早速使ってみました。

こんなのが、２，３分で出来ます

部品を置いていくという行為自体が非常に楽しい。

続きを読む >>  "これは楽しい。手書き風のモックアップ画面作成がカンタン「Balsamiq Mockups」"

Popularity: 10 %

(まだ評価されていません)

 Loading ...

「あの人のセリフ」のＣＭをつくる

われわれの運営するソーシャルサイト「あの人のセリフ」の紹介ＣＭをコマーシャライザーでつくってみた。

ＣＭをつくった手順

①紹介サイトのキャプチャー画像を10枚用意する
②ＣＭ内で使うキャッチコピーを10種類用意する
③コマーシャライザーのサイトで「まずはおためし!ＣＭをつくる」のコーナーで、用意されている６つのテーマのsampleを見て、目的に最もフィットしているテーマを選択する（映画予告編を選択した）
④10枚のキャプチャー画像をup
⑤10種類のキャッチコピーを入力

ＣＭ編集作業

①プレビューでＣＭを見ながら、画像の順序を入れ替える。
②プレビューでＣＭを見ながら、キャッチコピーの文字色や改行位置などを整理する。
③再度プレビューを見て、①②の作業を繰り返す・・・。

ＣＭ完成・投稿

ゲスト状態でつくったため、完成したＣＭの投稿の際、ユーザ登録をおこなった。
もちろん利用規約に同意して。
完成したＣＭを早速、本ブログと「あの人のセリフ」に貼った。
簡単にＣＭが作成できた。
コマーシャライザーさんありがとう。

参考文献
http://n313.osakazine.net/e111717.html
http://uralove.yoka-yoka.jp/e119666.html

Popularity: 10 %

(まだ評価されていません)

 Loading ...

Amazonのサイトデザインが新しくなって、非常にまともになった件

というエントリを書いた後に、Amazonのトップページを開いたら、古いデザインしか開けない・・・

さっきまでFirefox3では新しいデザインだったのに

何か不具合があったか？公開予定日より早く間違って出しちゃったとか？

追記：

次の日（4/15）になったら、またFirefox3では新しいデザインになりました（←マスマスあやしぃ）。

ついでにFirefox2では新しいデザイン

IE6、IE７、Opera、Safariは古いまま

（それで優劣が決まるわけではありませんが・・・）

キャッシュ消したり、COOKIE削除しても同じ。

Popularity: 19 %

(まだ評価されていません)

 Loading ...

Amazon先生のサイトデザインが新しくなりました。

変わった直後は、慣れないせいか、使いづらいな、と思っていましたが、少し使ってみると非常にわかりやすく、ユーザビリティ的にまともになったな、と思ったので、後で自分たちのサイトの変更に役立てるためにまとめ。

続きを読む >>  "Amazonのサイトデザインが新しくなって、非常にまともになった件"

Popularity: 20 %

(まだ評価されていません)

 Loading ...