無料のプロトタイプ作成ツールは、「Serena Prototype Composer」で決まり
by redgasuki
こんにちは、赤がすきです。
いつものように、はてブを覗いていると、
しかも大量の無言ブクマ。
http://b.hatena.ne.jp/entry/http://ascii.jp/elem/000/000/182/182225/
よ～し、Pencilも試した人が、もっと便利なのを紹介するYo
もっとお手軽編、Balsamiq Mockups
Pencilを試すとわかりますが、意外とメンドくさい。
もっとラフに「こんな感じ」かな、というレベルをつくるなら、Balsamiq Mockups。
とにかく、楽しい。用意されたシェイプを置いていく作業が楽しい＆簡単。
くわしくは、これは楽しい。手書き風のモックアップ画面作成がカンタン「Balsamiq Mockups」
※現在は、日本語も使えるようになってます。
もっと本格編、Serena Prototype Composer
本題
Balsamiq Mockupsは、無償じゃないよ（ブロガー用の無償のライセンスがあるとはいえ）、
それに用意されたシェイプしか使えないなんて・・・
と、思ったあなたに、
以前は、有償だったようですが、現在は無償で使えます。Pencilのようなお一人様用の簡易ツールではなく、
- 複数のプロジェクトを管理できる
- 複数人数での作業を想定している（共有できる）
- タスク管理がある
- レビュー機能がある
- 画面のフロー図がかける
- ドキュメント管理がある
そのほかモロモロ・・・
私は、tracで代用できる部分は、そっちで使っているので、全部は使っていませんが、相当高機能そうですよね。
今回はプロトタイプ作成ツールの部分（画面作成＆フロー）を紹介したいと思います。
ダウンロードは、こちらからSerena Prototype Composer
それでは、まず概念。
interface(画面だと思ってください)をいくつかまとめた、小さな処理をActivityといい、
Activityをまとめて、処理の流れをつくったのがProcess（フロー図全体）です。
わかった人もわからなかった人も、画面イメージを見れば、大丈夫
Process
左のサイドバーにある「Process」からアクセスできます。ちゃんと、分岐なども作成できます。
表示されている画面のようなもの（Activity）をクリックすると、Activityへ
Activity
Activityです。複数のintefaceを設置できます（Activityの中にActivityを置くこともできる）。分岐を書いたりもできます。
intefaceをクリックしてみると
interface
interfaceもこんな感じ
画面に配置できるContorolも沢山。タブや表のようなものも作れます。
画面のレイアウトも選んで作成できます。
カラムの幅や画面の幅なども設定できます。
そのほかの機能は、こちらのスクリーンショットをみれば、大体把握できると思います
http://www.serena.com/products/prototype-composer/screenshots.html
これがFreeで使えるなんて、素晴らしい。
Popularity: 11 %
この記事のお役立ち度を評価してください
(2 投票, 平均: 4.5 中 5)
Loading ...ブックマークの追加はこちらから、どうぞ
コメントはまだありません。