ようこそ!浜村拓夫の世界へ

    ブログ内検索

    最近の記事

    ブックマーク数の多い記事

    Blog Translation

    Powered By FC2ブログ

    Powered By FC2ブログ
    ブログやるならFC2ブログ


    FC2ブログ LOGIN

    with Ajax Amazon

    スポンサーサイト

    このエントリーを含むはてなブックマーク はてなブックマーク - スポンサーサイト あとで読む
    上記の広告は1ヶ月以上更新のないブログに表示されています。
    新しい記事を書く事で広告が消せます。

    紙で開発するペーパープロトタイピングとレイヤーの扱い方

    このエントリーを含むはてなブックマーク はてなブックマーク - 紙で開発するペーパープロトタイピングとレイヤーの扱い方 あとで読む
    紙で試作品を作る「ペーパープロトタイピング」が話題になっていました。
    ペーパープロトタイピング入門 | fladdict

    私も、プログラムを作るとき、UIの設計は紙でやっています。

    (1) イメージの段階(頭の中)

    (2) 紙の段階(設計図)

    (3) コーディングの段階(パソコン上で実装)

    ・抽象から具象へ
    ・イメージから実在へ
    ・無から有へ
    という具合に、夢を実在の形に表出させる過程で、紙という媒体の利用はとても重宝しています。

    ペーパープロトタイピング 最適なユーザインタフェースを効率よくデザインする
    Carolyn Snyder
    オーム社
    2004-06
    3360円


    ただし、上記のブログのように、ほぼ完成品のモック(はりぼて)の段階まで作り込むことはあまりなくて、その前段階のワイヤーフレームまでで終える場合がほとんどです。

    クライアントにプレゼンする等、細部の作り込みが必要になる場合もあるでしょう。
    だけど、自分一人で作業しているなら、ワイヤーフレームの段階まででも、自分だけには完成形がハッキリと見えているので、大丈夫です。
    =手戻りは発生しませんね?

    以前、ワイヤーフレームやペーパープロトタイピングの参考にしようと思って、レオナルド・ダ・ヴィンチのスケッチを見てみました。
    デッサンのスキルがあると、紙ベースで設計するのが楽になります。

    ダ・ヴィンチ 天才の仕事―発明スケッチ32枚を完全復元
    ドメニコ ロレンツァ
    二見書房
    2007-04-27
    2415円


    レイヤー(重ね合わせ)が必要な場合、トレーシングペーパーや透明なOHPシートを活用すると良いでしょう。

    コクヨS&T トレペ40g 薄口 A4 50枚
    コクヨ
    452円


    KOKUYO VF-10 OHPフィルム 手書用 100枚入
    コクヨ
    2003-04-19
    1386円
    関連記事

    コメント

    コメントの投稿


    管理者にだけ表示を許可する

    トラックバック

    トラックバックURL:
    http://hamamuratakuo.blog61.fc2.com/tb.php/999-1452c7b5

    FC2Ad

    上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。