WEB制作関連

ペーパープロトタイピングのすすめ

みなさんはWEBサイトの画面設計をする時に何を利用するでしょうか。

PowerPoint、Excel、Visioやilluslator、Fireworksなど選択肢はいろいろあると思いますが、ここでは紙を使ったプロトタイプの作成を紹介します。

やることは簡単です。

ブラウザに見立てたB4くらいの紙を用意してそこに切り取って作ったイメージエリア、テキストボックスやフォーム要素などを並べながらインターフェイスを考えます。

できあがったらサイトに見立てて遷移や入力をシミュレーションしてみます。

実際にやってみると、不思議と画面とにらめっこしていては気付かない問題点に気付けたり、リテラシーのあまり高くない人でも意見がでてきやすくなったりしました。

家を建てる際に建築士の方が精巧な模型をつくって家主にイメージを伝えるのに似ていますね。特に家などは工事をはじめてから間取りを変えるなんてできませんしね。

クライアントから「ワイヤーフレームじゃよくわからない」なんて言われた時などにぜひ活用してみるとよいと思います。

ペーパープロトタイピングにぴったりのツールがあったのであわせてご紹介しておきます。

uxpin_01.jpg

uxpin_03.jpg

この記事を読んだ人はこんな記事も読んでいます

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

関連記事

  1. WEB制作関連

    気持ちもあがる!デザインの美しいEコマースサイト25個

    ネットで買い物というと商品を決めたら一番安いお店を探して・・・というの…

  2. WEB制作関連

    WEBサイト高速化に便利!「Google PageSpeed Insight」

    「0.1秒の遅れが1%の売上に影響する」と言われるくらいWEBマーケテ…

  3. WEB制作関連

    美しいスライドショーが印象的な40個のWEBサイト

    WEBサイトを作る人なら一度は使ったことのあると思うスライドショーです…

  4. WEB制作関連

    WEB制作者必見。便利なワイヤーフレーム作成ツールまとめ

    WEB制作に携わる方であれば業務の中で目にしたり、自分で作成したことが…

  5. WEB制作関連

    これで見込み客を逃さない!魅力的な価格表デザインのコツ

    複数のプランを持ったサービスや商材を紹介する際に価格表を作ることがある…

  6. WEB制作関連

    多色使いが美しいWEBデザイン45個

    複数の色を効果的に使ってデザインされたWEBサイトのまとめです。…

コメント

  1. WEBディレクタなら参考にしたい手書きの画面設計書

    様々なアプリケーションを試し、試行錯誤しながらWEBサイトの画面設計を行ってます…

  1. この記事へのトラックバックはありません。

  1. WEB制作関連

    WEBサイト心理学|ストループ効果
  2. 話題・トレンド

    即興で曲がつくれちゃうツール「Orpheus」
  3. iPhone

    iPhoneをミニ映画館にできるアイテム
  4. Design Items

    ホラー好きな人にオススメ?「Blood Bath」
  5. 話題・トレンド

    アートの域に達したアイメイクがスゴイ。
PAGE TOP
Top