web-dev-qa-db-ja.com

ワイヤーフレーミングを学ぶための最良の（そして最も速い！）方法は何ですか？

ワイヤーフレーミングの速度に乗る必要があります。学ぶための最も簡単な方法は何ですか？私はコンテンツ管理者としての概念をよく理解していますが、次の役割にはこれらの追加スキルが必要です。

ux-fieldwireframelearning
5
Angela Barnard

学習するための最良かつ最速の方法は、ワイヤーフレーム化することです。

プロジェクトを構成し、ワイヤーフレームを作成します。または、既存のサイトのワイヤーフレームを作成します。

学習の練習に勝るものはありません。

10
JohnGB

手のスケッチは王様です
ワイヤーフレーミングを一から学びたい場合は、スケッチから始めてください。コンピュータはある時点で高速になるかもしれませんが、スケッチから学んだスキルはかけがえのないものです。描くのが上手である必要はありません（方眼紙を使用してください）。

Leah Buleyは、世界中の X Weeks を通じてすべての人にUXドローイングを教えています。そして Good Design Faster で彼女のスライドショーから多くを学ぶことができます。

これが Xスケッチに使用するツールの概要 です。

これらの回答は、優れたリソースも提供します。
https://ux.stackexchange.com/a/14818/4695
https://ux.stackexchange.com/a/8618/4695

ソフトウェアは女王です
ソフトウェアの使用に移りたい場合、 Balsamiq は単純なオプションですが、 Omnigraffle Pro はより複雑です。

4
Taj Moore

ワイヤーフレーミングはスケッチ中です。スケッチは描いています。学ぶための最良の方法は、ペン/鉛筆を手に取り、それに行くことです。

それについて取り組む普遍的な正しい/間違った方法はありません。重要なのは、チームに必要なものを文書化することです。 IMHOを「多すぎる」ではなく「ただ十分」に偏らせるようにしてください。ワイヤーフレームはアイデアの段階で最適であり、組織全体の承認ドキュメントとして使用されている大ファンではありません。

2
DA01

それはあなたが取り組む必要があるそれ自体をワイヤーフレーム化する行為ですか？またはそれらの背後にある考え？ワイヤーフレーミングの物理的な行為はそれほど難しいことではありません。練習が必要だと思います。ただし、ワイヤーフレームの価値は、それらに深く関わってきた考え方（設計）と、それがどのように伝えられるかによってもたらされます。ワイヤーフレームを作成するために使用できるツールについて話していると仮定すると、以下を参照してください：

成果物が取る必要のあるフォームは、使用するツールを決定し、以下を含めることができます。

  • 手描きワイヤーフレーミング
  • 低fiワイヤーフレーム
  • ワイヤーフレームをクリックする

次のようなさまざまなツールを利用できます。

  • アクスル
  • オムニグラフル
  • バルサミク
  • グリフィ
  • Visio
1
Sheff

あなたは2つのタイプのことを学ぶ必要があります

  • 理論：ワイヤーフレーミングの方法論とベストプラクティス。
  • 練習：ワイヤーフレーミングツールの使用法。

この2つのことについて、同じ本をお勧めします。

トッドザキワーフェルの「プロトタイピング：開業医向けガイド」。本はワイヤーフレームを含む様々なタイプのプロトタイプを説明します、そしてそれは理論とツールへの良い入門です。本の前半には、次のような章が含まれています

  • プロトタイピングの価値
  • プロトタイピングプロセス
  • 5種類のプロトタイプ
  • 等々

後半はツールについてで、AxureやVisioなどのよく知られたアプリケーションや、ペンや紙などの従来のツールやアナログツールについて説明しています。

この本は、簡単に読むことができ（200ページ未満）、電子ブック形式で購入できるため、参考になると思います。あなたはそれを今日持っていて、数時間ですべて読むことができます。

それが役に立てば幸い。

0
PaRaP

アイデアを他の人に伝えたり、自分の考えを記録したりするには、ワイヤーフレームを使用します。

何かをスケッチして他の人に見せてください。たとえば、友人が新しいユーザーを私のサイトに紹介したことを伝えるフローに取り組んでいます。

成功=自分のアイデアを他の人に効果的に伝える。

失敗=彼らは理解していません。

0
sudonim

最初に、重要なコンテンツを特定する必要があります。ワイヤーフレームに何を追加しますか？

  1. 発見-対象とする対象者と、対象とするコンテンツを特定する
  2. ユーザー調査-エンドユーザーにとって最も重要なコンテンツは何ですか？
  3. Info Arch-重要なコンテンツの階層をワイヤーフレーム化します。サイトマップはどうですか？

鉛筆と紙から始めます-それだけで十分かもしれません。ワイヤーフレームをスケッチし、（必要に応じて）アプリケーションに転送します。

私は使用しました：

  • フォトショップ
  • イラストレーター
  • バルサミク
  • オムニグラフル
  • Visio
  • Microsoft Word（表を使用）
  • モックボード
  • 忘れてしまった他のいくつか。

今日、私はHTMLを使用しています-HTML/CSSを知っている場合は、要素の独自のライブラリ（上記のアプリに基づいて、いくつかのオファーテンプレート）を構築し、すべてのデバイスでインタラクティブでアクセス可能なワイヤーフレームをすばやく構築できます-エクスポートする必要はありません、再フォーマットなど.

とにかく、私は常に鉛筆と紙から始めます-時にはそれが私のすべてであり、顧客に写真やスキャンを送信します。面白いのは、上記のアプリの多くが鉛筆と紙を模倣しようとしていることです。なぜ、本物をすぐに実行できるときに模倣するのでしょうか。はい

0
user967594