ワイヤーフレームを使用してコストを削減し、プロセスを改善する

これは驚くほど論争の的となる議論であり、開発予算がどこに費やされるかを決定する重要な議論です。 とはいえ、その「要点」に入る前に、少し時間を取って、全員が同じページにいることを確認しましょう。

ワイヤーフレームとは?

ワイヤーフレームは、Web ページまたはモバイル アプリがどのように見えるかをスケッチまたは視覚的に表現したものです。 これらは、「スクリーン ブループリント」または「ページ スケマティック」と呼ばれることもあります。 これらは、Web ページの視覚的なデザインと機能のコア要素を確立するために使用され、どのように見えるか、何を行うかを設定します。 その後、デザイナー、開発者、コピー ライター、顧客、およびプロジェクトに関係する他のすべての人に渡すことができます。

ワイヤーフレームは、ワイヤーフレームを構築するプロセスです。 これは、Web サイトのコア機能、これらの機能が表示される方法、およびユーザーが一般的にサイトと対話する方法の基本を確立することを意味します。 これは、ビジュアルデザイン、UE、SEO、さらには実際のテキストの整理など、ウェブサイトデザインのほぼすべてのコアプロセスの最初のステップです (またはそうなる可能性があります)。

ワイヤーフレームは何を達成しますか?

本質的に、ワイヤーフレームのプロセスは、時間、労力、および費用を節約することです。

彼らが言うように、写真は 1000 語の価値があります。 ワイヤーフレームが実際に達成することは、プロジェクトの最初の段階で、すべてのクリエイティブとビジネスの利害関係者を「同じページに」入れることです。

これは、最初のワイヤーフレームを作成するために全員を集めることによって達成されるか (望ましい)、プロジェクトの詳細について考え始める前に、完成したワイヤーフレームを提示される会議を開催することによって達成されるか (それでも非常に有用です)、プロセスは実質的に排除することができます。 あなたの「UE 担当者」が、Web デザイナーが作成しているテンプレートと本質的に互換性のないものに取り組み始め、それらのコンセプトのどちらもマーケティング チームが書いたテキストをサポートしていない場合に生じる無駄な努力です。

数時間しか割くことができないとしても、全員を同じ部屋に集めて一緒にブレインストーミングを行うために、時間と労力を少し投資する価値は常にあります。 その後、彼らは実際に 同じ 4 つの異なる相容れないビジョンではなく、

ワイヤーフレームに適した時期はいつですか?

簡単に言えば、早ければ早いほど良いということです。 すべてのプロジェクトは、例え「ナプキンの後ろ」に描かれたとしても、低解像度のワイヤー フレームから始める必要があります。 アプリ、Web ページ、または視覚的でインタラクティブな他のあらゆるもののアイデアが浮かんだら、すぐにワイヤーフレームを作成する必要があります。 それは、あなたのアイデアを実用的で視覚的な用語で「根拠づける」のに役立つだけでなく、他のすべての作業をそれに基づいて作成したり、他のすべての利害関係者が必要に応じて変更したりできるコアアイデアを確立します。 すぐに気づくことができます。


ワイヤーフレームをやめる適切な時期はいつですか?

ここには2つの考え方があります。 一部のプロセスでは、コーダーや UE スペシャリストがプロトタイプやモックアップの作成を開始するとすぐにワイヤーフレームを停止します。 他の人は、サイトやアプリがコーディングされてベッドに入るまで、更新されたワイヤーフレームを作成し続けて、チームの他のメンバーに配布します. どちらの場合でも、ワイヤーフレームが表す問題が決定され、最終決定されるまで、ワイヤーフレームを使用し続けます。

これらのワイヤーフレームにアクセス (および入力) する必要があるのは誰ですか?

あなたのプロジェクトのほぼ全員!

最新のワイヤーフレームへのアクセスは、プロジェクトに携わるすべての人にとって不可欠です。これにより、機能しない機能や、思い描いていたように機能しない機能で時間を無駄にすることを避けることができます。

ワイヤーフレームを変更する機能に関しては、チームが非常に大規模な場合は、特定のチーム リーダーのみにワイヤーフレームを変更したり、新しいバージョンを生成したりする機能を与える方がよい場合があります。 その場合でも、関係者が気付いていない変更を加えてチーム全体の作業を台無しにしないように、利用可能なすべての利害関係者とのミーティングですべての変更を行うことを検討してください。

プロジェクトのさまざまな側面に関与する個人またはチームが積極的に協力すればするほど、プロジェクトはより効率的になります。 グループでテストし、フィードバックを確認し、反復を行うほど、最終製品はより優れたものになります。


ワイヤーフレームはプロセスにどのような影響を与えますか?

ワイヤーフレームは、すべての努力を同じ成果物に集中させるのに役立ちます。 さまざまなアプローチを迅速にテストし、ほぼ即座にフィードバックを生成できます。 最終的に、ワイヤーフレームに投資した時間と労力は、特に大規模またはより複雑なプロジェクトでは、数回返済されます.

ワイヤーフレームを完全にスキップすると、どのような損失が発生する可能性がありますか?

短い答えは、いつものように、「それはあなたが取り組んでいるものに依存します」です. しかし、現実的には、私たちは何年にもわたって関与してきたさまざまなプロジェクトの平均に基づいて、本当の答えを提供するのに十分長い間ビジネスに携わってきました.

ワイヤーフレームは通常、開発予算全体の 5 ~ 6% です。 ただし、作業の他のほぼすべての側面の有効性が向上します。 例: 適切にワイヤーフレーム化されたプロジェクトでは、コーディングの最終コストが平均で 60% 削減されます。 RFC (Request For Change) のコストは通常 80% 削減されます。

つまり、ワイヤーフレームの 3 ~ 4 倍のコストがかかるとしても、それを行うことで時間とお金を節約できるということです。

限られたワイヤーフレームの予算を最大限に活用する

ビーンカウンターがその真の重要性を理解していなくても、優れたワイヤーフレームを作成するために提示できるヒントとコツがいくつかあります。

  • 使いやすいワイヤーフレーム ツール、または使い慣れたワイヤーフレーム ツールを選択します。 これにより、速度を上げる時間を節約できます。
  • 特に早い段階で、複数のバリエーションを作成します。 これにより、実行不可能な取り決めをすばやく排除できます。
  • 主要な利害関係者を早期に関与させ、彼らのフィードバックを新しいバージョンに組み込みます。
  • ユーザーテストを実施して、ワイヤーフレームが対象とするオーディエンスまたは市場で使用できるかどうかを判断します。
  • すべての主要な利害関係者が満足する (または妥協することを辞任する) まで、ワイヤーフレームの新しいイテレーションを生成します。
  • 設計またはコーディングが開始された後、「最初からやり直す」必要がないようにしてください。