3 UXプロトタイピングの手法

UXプロトタイピング

プロトタイピング は、ウェブサイト、アプリ、その他の製品の初期モデルを作成し、そのベースとなる原理やコンセプトをテストするプロセスです。

この記事は2018年5月に掲載されたものです。ご想像の通り、テクノロジーが猛スピードで動く世界では、数年後どころか一晩でいろいろなことが起こります。

私たちがデジタル業務、コミュニケーション、遊び場の作成、設計、テスト、構築に使用しているシステムは、私たちのオンラインニーズと同じくらい速く進化しています。このことを念頭に置いて、私たちはUXプロトタイピングをもう一度見て、2022年に到達した場所の明確なイメージを構築しました。

UXプロトタイピングは、間違いなく、微調整、ニーズの把握、問題の発見と解決、そして、その問題を解決することが、より面倒で高価になる時点に到達する前に行うべきことです。

UXプロトタイピングに欠かせないもう一つの要素は、ステークホルダー、ユーザー、デザイナー、開発者、そしてテスト対象者の間のコミュニケーションです。プロトタイピングは、客観的かつ建設的な分析を行うための議論と理解を可能にします。

この分野の紹介の中で、私たちが問いかけたいと感じているのは あなたの選んだUXプロトタイプの方法は、その仕事に適したツールですか? とは、方法とそれを実行するために使用するソフトウェアの両方が問題です。

UXプロトタイプの基本

これは、プロトタイプで何を実現したいか、何に使うかによって、非常に基本的なアイデアの表現であったり、非常に洗練された機能的なモックアップであったりします。

これは、実際の潜在的なユーザーでコンセプトを試すことから、経営者やオーナーの賛同を得ること、デザイナーと開発者の間のリンクを提供することまで、さまざまな可能性があります。これらはすべてプロトタイプを作成する正当な理由ですが、目的を達成するために有用であるためには、異なる程度まで実現する必要があるかもしれません。

使用できる原型は3段階。

  • ラピッドでスケッチしたペーパープロトタイプ。
  • ローファイでモノクロのワイヤーフレーム。
  • 高忠実度、クリック感のあるモックアップ。

1.ラピッド・スケッチによるペーパープロトタイプ

様々な要素間の関係を示す、紙上で作成されたサイトのラフスケマティックです。設計・開発の初期段階において、基本的なコンセプトの確認や設計のロジックを検証するために使用されるのが一般的です。推論、レイアウト、理解度、構造などの基本的な欠陥を洗い出すことができます。

2.ローファイ、モノクロームワイヤーフレーム

コンセプトの基礎と基本がしっかりしていることに満足したら、ローファイな単色ワイヤーフレームなど、より洗練されたプロトタイピング・モデルに進むことができます。これはコンピュータを使ったモデルですが、細部はほとんど描かれていないため、構造、アーキテクチャ、機能性を試すという本来の目的から逸脱することはありません。実際のデザインやコンテンツがない状態で、かろうじてレイアウトされていることで、各要素の関係性や、ユーザーに成果をもたらすために論理的かつ実践的に機能しているかどうかを理解することができます。

3.高忠実度、クリック感のあるモックアップ

プロトタイピングプロセスの中でも、より高度な段階です。ある程度の労力と費用がかかるので、この段階に入る前に、大きな皺がないことを確認し、取り除く必要があります(プロトタイプ作成の主なポイントの1つは、特に開発プロセスの後半で高価な間違いをしないようにすることです)。

このモックアップには、実際のサイトの機能がすべてではないにせよ、ほとんど含まれていると思われますが、最終版の詳細やデザインのレベルまでは達していません。これは、サイトの最も重要な要素を模したインタラクティブなクリック可能なモデルであり、ユーザーが実際の環境で機能や特徴をテストすることができます。この活動から得られた問題やコメントは、完成品に直接関係するものとして受け止めることができるので、フィードバックを最終製品のモデルに反映させる際には、正確さと関連性の両面から有効なプロセスとなります。

UXプロトタイピングが研究に役立つ理由

UXプロトタイピングから学べることはたくさんあります。

新しいプロジェクトの立ち上げ、既存製品のアップデートやアップグレード、進捗状況のフィードバック、新しいアイデアや代替案のテストなどに適しています。実際、この方法がデザインプロセスの重要な一部であることを証明する利点は、ほとんど無限にあります。

プロトタイプは、最終的な設計や製造に取り掛かる前に、じっくりと検討することができます。しかし、最新の高度なツールを使えば、ワイヤーフレームを省略して、より複雑で洗練されたプロトタイプを作成することも可能です。

ユーザーは、より表現力豊かな画像を見る必要がある場合もあれば、邪魔になる場合もあります。

ここで、選択をすることが複雑になります。ワイヤーフレームをスキップして、そのままHi-Fidelityプレゼンテーションに向かうことは、有利な場合もあれば、問題がある場合もあります。

シンプルなワイヤーフレームのプロトタイプは、ステークホルダーやテスト対象者に、プロジェクトを検討する上で邪魔にならないバージョンを提供します。しかし、悲しいかな、それは必ずしも伝わらない。ワイヤーフレームは、ユーザーに最終的なページを想像させるかどうかにかかわらず、私たちの想像力に多くを要求します。

ブランドカラーやロゴ、画像、アニメーションが、本来集中すべきことから遠ざけてしまう人もいます。しかし、プレースホルダー、ダミーコピー、繰り返されるサンプル画像、ラベルなどは、ユーザーが自分の役割を明確に理解していない場合、本物と同じように気を散らすことになりかねません。

場合によっては、サンプルデータ、画像、レイアウト、あるいはブランディングがオペレーターの意思決定を左右するため、ワイヤーフレームにはプロトタイプの議論に関連する重要なコンポーネントが欠けている可能性があります。

最終的なコンテンツはユーザーの意思決定に影響を与える可能性が高いため、プロトタイピングを行う際、UXデザインは容易に 鶏か卵か? の状況です。では、どちらが正しいのか、間違っているのか。それは、個々のプロジェクトに帰結する。

UXプロトタイピングを研究に取り入れるべきタイミングは?

UXデザイン思考は、5つのステップを経て行われます。

  1. 共感する
  2. 定義
  3. アイデア
  4. プロトタイプ
  5. テスト

しかし、最も効率的で実績のあるバージョンに仕上げるには、これらのセクションを行ったり来たりすることが不可欠です。直線的なプロセスではありません。各ステージで議論するポイントがあり、何度も見直す必要があります。プロトタイピングを行うことで、アイデアの段階に戻ることができ、テストに移行するまでの無駄な時間と費用を節約することができます。

それぞれの状況に応じて最適な方法を選択することは、問題点、解決策、ユーザーインタビュー、そして前進するために必要なものによって定義されます。その判断は明白な場合もあれば、そうでない場合もあります。

どのようなテスト資産を作成できるのか?

最新のアプリケーションを使えば、プロトタイピングは必要なものをほとんど作ることができます。しかし、それは使用するパッケージとその制限に依存します。各パッケージのUSPは様々なので、必要なものをすべてカバーするものを選ぶようにしましょう。

Figmaについて、ちょっとだけお話ししましょうか。

でいくつかのプロトタイピングツールについてお話しました。 ぜんじょう プロトタイピングの利点について、そのほとんどが現在も稼働中です。

フィグマ は、UIやUXデザインに大きな波紋を投げかけている最新のデザインパッケージの一つです。この記事では、その全機能の良し悪しを説くつもりはありませんが、コラボレーション手段やコミュニケーション機能、プロトタイピングの容易さやオプションなど、新境地を開拓している点で、特筆しておきたいと思います。

使用方法 フィグマ は、多くのサードパーティプロセスの必要性をなくすとは言わないまでも、削減することができます。 プロトタイピング実装 本物そっくりに作ることができます。Figmaを使えば、デザイナーは シンプルワイヤーフレーム そのため、ローファイとハイファイの間の移動が簡単になります。

フィグマ は、一歩先を行く コラボレーション.クラウドベースの利点を最大限に活かし、必要な数のコントリビューターがリアルタイムで同じプロジェクトに参加し、使い慣れたツールを使ってコミュニケーションをとることができます。オペレータは、ページ上でコメントすることもできます。 スラック ディスカッションは、私たちがよく知っていて、すでに慣れ親しんでいるコミュニケーションチャネルです。

コメントやフィードバックは、各パートナーが画面上で見たものを即座に反映させることができます。さらに、各ユーザーは、他のユーザーの意見を参考にしながら、ビルドの様子を見ることができます。 観測モード重要なステージやインスタンスをバックアップする完全なバージョン履歴があるため、すべて安心です。

フィグマ UXデザインとプロトタイピングの未来形として、競合他社が同じように前進し、新しい機能を自社製品に導入するのは時間の問題です。

あなたのプロジェクトに最適なUXプロトタイピング手法はどれですか?

UXデザインの世界では、「バラエティは人生のスパイスである」という言葉がありますが、まさにその通りです。プロジェクトやプロジェクト内の各ステージには、それぞれ固有の要件や問題があります。それぞれのプロセスを最もシンプルに理解するためには、理想的なプロトタイピングを選択する経験が必要です。

もし、あなたがその決断を下すのに十分なほどプロセスを理解していると確信しているのなら、それは素晴らしいニュースです。また、どのような選択肢がベストなのかよくわからないという方にも、私たちは喜んでお手伝いさせていただきます。

Webサイトやアプリなどの電子製品の開発には多大な費用がかかるため、このようなテストを開発プロセス全体に取り入れることが重要です。プロトタイピングは、コンセプトから最終製品へのスムーズな移行を保証する重要なツールなのです。プロトタイピングの詳細については、電話(+44(0)800 0246247)またはEメール(+44(0)800 0246247)をご利用ください。 hello@ux247.com

???? (2)

What is a prototyping activity? - Qahwat-Ealamia
?

[...] クリックするとフルアンサーが表示されます [...]...

User Experience Design and ME – Gopika's Blog
?

UXプロトタイピングの手法 [Link] [...] [...]...

???????????????



ルカシュ・ゼレズニー、SEOコンサルタント

私は ルカシュ・ゼレズニー.で SEO.ロンドンUX247.com私たちは、お客様のビジネスに合わせたデータドリブンな戦略を立案し、検索の可視性とユーザーエクスペリエンスの両方に焦点を当てます。代理店とは異なり、競合、オーディエンスの行動、サイトのパフォーマンスを分析し、トラフィック、エンゲージメント、コンバージョンを促進します。

20年にわたる専門知識と10年にわたるグローバルな講演経験を活かし、技術的なSEOとUXの最適化を融合させることで、お客様のサイトのランクアップとコンバージョンをお約束します。私たちは推測するのではなく、戦略を練ります。

SEO.Londonは単なるサービスプロバイダーではなく、あなたの戦略的パートナーです。あなたのオンラインプレゼンスを高め、ビジネスの成長を促進するためのオーダーメイドプランを構築しましょう。インパクトを与える準備はできていますか?

今すぐご連絡を