
UXワイヤーフレームとUXリサーチの関係
今回は、その疑問について調べてみました:
- UXワイヤーフレームとは?
- デザインプロセスでどのように使われているのでしょうか?
- その代わりとなるものは何でしょうか?
- どのような効果があるのか UXリサーチ?
Webサイトのデザインを考えるとき、私たちの多くが最初に思い浮かべるのは、ブランディングやブランドスタイル、ページを読み込むと同時に投げかけられる色や機能、そしてそれが私たちの旅に必要なことを達成するためにどれだけ魅力的なものであるかということでしょう。
印象的な画像、巧みに書かれたコピー、渦巻くベルやホイッスルのページが、生きたコードのページになる前に、各チームがブランディングとデリバリーをまとめられる段階に至るまでには、さらに多くの手順と実践が必要なのです。
どのデザインプロセスも、ステークホルダーが訪問者に何を求めているか、また、ステークホルダーが何を求めているかを考えることから始まります。あらゆる目標を実現するための議論は、綿密なリサーチ、アイデア、プレゼンテーション、プロトタイプによって、その道筋が支援されます。
UX(ユーザーエクスペリエンス)とは、ウェブサイトのプロセスの中で、ユーザーが楽しく交流し、取引することです。目標は、ユーザが、できるだけ早く、効率的に、楽に、完了し、戻って来て、推薦することを促すユーザ体験を提供することである。
ワイヤーフレームは、各デザインジャーニーの最初のステージとその後のディスカッションで使用される貴重なツールです。
UXワイヤーフレームとは?
ワイヤーフレームのWebデザインは、Webサイトを最もシンプルに表現したもので、通常、初期の段階で作成されます。
ワイヤーフレームは、カスタマージャーニーがユーザーにとってどのように見え、感じられるかを想像し、どの要素が重要で、ページのどこに配置されるべきかを決定し、ユーザーを目標達成のための次のステージにどのように誘導するかを決定するのに役立ちます。
UXワイヤーフレームは、コミュニケーション、組織、ワークフローをガイドします。デザイナーや研究者がコンセプト、ユーザー、機能に集中できるようにし、ワークフローへの変更も迅速かつ容易に行えるようにします。
デザイン、リサーチ、ワークフローが一体となったどの段階でも、効率はタイムスケールや納期にとって最も重要です。そのため、デザイナーやプレゼンテーション・チームの手を煩わせることなく、簡単なステップを踏んで、最新の検討結果をリフレーミングできるツールが必要です。
紙とペンを使えば、数回のストロークで同じことができるのに、なぜ何日も何週間も待つ必要があるのでしょうか。
UXワイヤーフレームデザインの3つのレベル
- ローフィデリティワイヤーフレームデザイン
- ミッドフィデリティワイヤーフレームデザイン
- 高忠実度のワイヤーフレーム設計
ワイヤーフレームのWebデザインは、プロセスのどの段階にあるか、またすでに行った調査によって、ラフスケッチのようにシンプルで無骨なものに見えることもあります(笑)。ローフィデリティ).
よりスマートで、より想像しやすいレイアウトやワークフローを実現するソフトウェアを使って、より整理された(そしてより一般的な)プロフェッショナルな選択肢へと進んでいきます。ちゅうとはんぱ).
ワイヤーフレームは、ピクセル単位の完璧なレイアウトを特徴としています (ハイフィデリティプロフェッショナルなページで、次の段階のプロトタイプのバージョンアップを行うことができます。
初対面の場合、通常はペンと紙があれば十分です。
さらに調査し、考え、熟考することで、各チームがどの要素がうまくいっていて、どの要素がうまくいっていないのかを検討し、より良い、より構造的なプランを提供することができます。
最後に、ハイフィデリティ・プレゼンテーションは、デザイナー、被験者、ステークホルダーが次のステージに進む前に微調整できるような、希望に満ちた詳細なバージョンを提供します。このようなワイヤーフレームは、全員が同じ見解を持つためのものであり、プロセスの次の段階を構築するための青写真なのです。
なぜUXワイヤーフレームを使うのか?
ワイヤーフレームは、デザイナーが各プラットフォームに必要なコンテンツ、情報、機能、構造、階層構造、ユーザーの行動や期待にどのような意味があるかを決定するのに役立ちます。
あなたのプラットフォームは、ユーザーのニーズを満たすことができますか?UXワイヤーフレームは、以下のような利点を提供できるものでなければなりません:
- 作成、修正、削除、手直しが迅速かつ容易に行えます。
- 設計プロセスに関わるチーム、利害関係者、作業者が、それぞれの機会を理解し、集中し、同じページに留まることができるようにします。
- 複雑な説明や専門用語を使わず、機能や操作を定義し、提示する。
- 時間と技術的な専門知識を必要とするオプションを選ぶことなく、初期段階の手動テストを行うことができます。
- ステークホルダーは、製品またはプラットフォームが要件を満たしているかどうかを検討できる
- ページ、画面、アクション間の論理的な流れを決定する。
- カスタマージャーニーにおけるギャップの発見と理解
UXのワイヤーフレーム、議論はここから始まる
どこで、どのように、なぜ? これらは、サイトの各要素に対して行うべき質問です。
お客様の回答は、ウェブサイト、アプリ、その他のデジタルプラットフォームのUXとUIを定義します。そのため、UXまたはUIワイヤーフレームは、お客様、ユーザー、パートナーが定義された構造内で全体像をより明確に把握できるよう支援します。
ワイヤーフレームテストのデメリット
- 静的なものなので、今日の基準ではテスト方法として最適とは言えません。議論やディスカッションには役立ちますが、実際の反応やユーザーの声を知るにはあまり向いていません。
- アニメーション、トランジション、エフェクトがユーザーの注意や反応に与える影響について説明するには不十分な選択肢です。代替のデザインリサーチツールが明らかにするような、画像に対するユーザーの感情を考慮する機能はないのです。
- ワイヤーフレームには想像力が必要です。しかし、クライアントやテストユーザーが同じような深いビジョンを持っているとは限りません。
- 誰もが納得できる納品物を作るには、時間がかかります。入手方法 かくは を説得するのに数回かかるかもしれません。優れた技術や実践があれば、もっと早くそこに到達できるかもしれません。

UXワイヤーフレームの作成方法
- シンプルにすること。
- 黒、白、グレーにこだわってください。
- 写真や装飾的なフォント、ブランディングは使わないでください(これらはすべて後回しです)。
- 最もシンプルなシンボル、プレースホルダー、類似のページで見慣れた要素の表現を使用します。
新しい価値ある提案、代替案、あるいは要求されたオーバーホールのたびに、すべての要素を取り除き、書き写し、再現することができるはずです。このプロセスは、結局のところ、偶発性と機会を迅速かつ容易に追求するために設計されています。
ワイヤーフレームを大切にする必要はありません。ワイヤーフレームの仕事は、削除されたり、簡単に置き換えられたりすることです。だからこそ、シンプルにするのです。あるルートがうまくいかないなら、それを捨てて、次のルートを考えましょう。
UXワイヤーフレームは、フィードバックが重要です。何がうまくいき、何がうまくいかないのか、そして何が訪問者にとってすべてを10倍良くするのか、彼らの旅を通してより早く、より幸せにゴールを達成することができるのか。
シンプルなスケッチにこだわるのと、プロフェッショナルなワイヤーフレームツールを使うのと、どちらが良いでしょうか?
どちらか、あるいは両方です。それは、あなたのシステム、プロセスの位置、そして手持ちの設備によります。
チームによって、プランもスキルセットも異なるので、それぞれの強みを生かしながら、デザイナーにも期待したいところです。それは、彼らが知っている最善の方法で、できる限りシンプルに、わかりやすく仕事をこなすことです。多くの場合、シンプルなものからスタートし、要素やプロセスがより具体的になるにつれて、忠実度を高めていきます。
UXリサーチとUXワイヤーフレームの出会い
時代遅れのプラットフォームや失敗したプラットフォームを再設計する場合、または新しいものを作成する場合、UXリサーチはユーザーのデータとドライブを定義します。
ワイヤーフレームを作成するたびに、代替案や望ましいワークフローの選択肢を発見することができます。次のステージでは、プロトタイピングによってユーザーがどのように感じるかを明らかにし、最後にデザインステージですべてをまとめ、完成品としてどのように機能すべきかを示します。
ユーザー調査をどこに適用するか?
リサーチとワイヤーフレームは、白紙の状態からプロジェクトをスタートさせるときと同じように、基本的なステップが必要です。違うのは、調査したデータを応用することです。
- ワークフローを整理する
- シーケンスの評価
- 機能を割り当てる
- ユーザーにとって最適なレイアウトを提供する。
最初のステップで明確なリサーチを行うことで、ワークフロー全体や小さなセクションの想定を上回る精度を実現し、その上に構築する教育的なプラットフォームを提供します。
インタビュー、フォーカスグループ、調査、研究は、各プロジェクトの開始時に、機器やワークフローを駆動するデータを提供することができます。
そのような研究から何がわかるのか。
UXリサーチでは、各アプリケーションの目標、想定されるペインポイント、典型的な行動、ニーズ、願望を明らかにします。既存の競合他社や過去のワークフローを調査することで、過去の業務における主要な課題と成功が浮き彫りになり、より良い方法を検討することができます。
ワイヤーフレームでワークフローやシーケンスをマッピングすることで、視覚的な旅がよりわかりやすくなり、与えられたゴールを達成するために必要なステップ数を定義することもできます。
その知見をどう生かすか。
改善されたシステムの機能性は、不要な部分を取り除き、価値ある要素をすべて含む必要があります。ワークフローとユーザーニーズ、反応を検証し、ユーザーエクスペリエンスを向上させた斬新なレイアウトを提供します。
UXリサーチにおいて、プロトタイピングツールはUXやUIのワイヤーフレームに取って代わるのでしょうか?
ワイヤーフレームは、その時点でのUXデザインの骨格となるものです。その目的は、誰もが理解できるビューを提供し、プロセスの現在の状況を確認し、それがどこにつながるかを議論することです。
私たちが使用するテクノロジーがより革新的で直感的になるにつれて、ワークフローの提示や議論の推進に使用する各ツールがより使いやすくなっています。これらのツールは、UXリサーチャーがデザインやリサーチの旅路の一部として使うのに、はるかに優れたクロスオーバーとオプションを提供します。
プロトタイピングは、テストやフィードバックの機会やユーザビリティが格段に向上するため、UXリサーチにおいてワイヤーフレームに代わって、プロトタイピングツールが採用されつつあります。また、リアルタイムのデジタル環境でフローやプロセスを物理的にテストする機会もはるかに優れています。
利用可能なデータを提供するには、スケッチや導入時の対話だけでは不十分です。
研究分野では、意思決定の原動力となるデータを得るために努力します。高忠実度のプロトタイプのオプションは、第一段階のワイヤーフレームの会話よりもはるかに多くの必要なものを提供します。
あらゆるデジタルツールの操作性がよりシンプルになる中、紙とペン、あるいはカスタムワイヤーフレームソフトウェアの代わりにプロトタイピングに移行するのは、一見簡単なことのように見えます。もしそれらがより質の高い結果をもたらし、特にUXリサーチャーの手にかかれば、プロセスをよりシームレスに、わかりやすく、スピーディーに進めることができるのであれば、なぜそれらが今後活用され、頼りになるツールにならないのでしょうか?
ワイヤーフレームについて、またワイヤーフレームを使ったUXリサーチの方法について詳しくお知りになりたい方は、以下のメールアドレスまでお問い合わせください。 hello@ux247.com.