web-dev-qa-db-ja.com

インタラクティブプロトタイプのテストツール

検索を行いましたが、自分のニーズに完全に一致するものは見つかりませんでした。ウェブサイトナビゲーションの2つのバリエーションをテストすることを検討しています。 1つは基本的にツリー構造ですが、もう1つは、ユーザーに詳細情報と関連リンクのある概要ページに移動する最上位のリンクのみがあります。私のチーム全体がMacを使用していることに注意してください(したがって、Moraeベースのツールは使用できません)

インタラクティブなプロトタイプを作成し、効率と精度を両方のアプローチと比較するためのテストを行います。私はOptimal Workshopを見てきましたが、理論的には、TreejackとChalkmarkの両方が必要なものを提供しますが、1)Treejackはツリー構造のみをテストし(リンクページで概要をテストできませんでした)、Chalkmarkは1つの画像のみをテストしますタスク(ユーザーがどこかをクリックしたときに対話機能が異なる情報や追加情報を表示することを許可しません)。ただし、これらのツールの統計出力は、まさに私たちが求めているものです。

Axureでプロトタイプを作成する可能性がありますが、クリック用のホットスポットを含む.pngだけでも他のものを使用できます。

提案?私のグーグル検索は適切な適合を見つけていないようです。

4
KarenVH

HTML、CSS、およびJavaScriptは、最高の忠実度と制御を提供しますが、最も時間がかかります。この種のプロトタイプをGitHubページでホストするのは簡単です。

Pencilは機能する可能性があるフリー/オープンソースプロトタイピングツールですが、「Macネイティブ」であるとは感じませんあなたのための要件。

Invision Appはかなり洗練されており、現在デザイナーの間で人気があります。

Fireworksは、特にAdobe製品に精通している人々にとっては、少し伝統的です。それはかなり強引ですが。

Hypeは、あなたのニーズを満たすかもしれないもう1つのMacアプリケーションです。

1
Steven

私は実際に、開発チームにスタッフを配置する前に相互作用をテストするためにあなたと同じことをしようとしていました。最も役立つとわかったツールは InfragisticsのIndigo Studio です。本当に素晴らしいアプリ。

ワイヤーフレームを作成しているときに、インタラクションをすぐに追加したり、状態の変更を表示したり、作成した別の画面に送信したり、すべての画面/状態をpngワイヤーフレーム、ナビゲート可能なPDFドキュメント、またはURLとしてエクスポートしたりできますサーバーへORインフラジスティックスサーバー。これは、iPhoneまたはAndroid向けのデスクトップアプリ、ウェブサイト、またはモバイルアプリの構築に使用できます。実際、iOS内で表示される移行の動きも可能です7とドロイド。

現在構築しているすべてのものにこれらを使用しており、製品がどのように機能するか、およびすべての細部とのギャップを埋めるのに役立ちます。

0
Charles

Invisionアプリを使用して、PNGにホットスポットを作成してみてください。ビデオ/オーディオを介した定性的なフィードバックと採用のために、usertesting.comでInvisionアプリのプロトタイプをうまく使用していると聞いています。 Optimal Workshop製品の統計出力と同様のものについては、まだそれも見つけていません。

0
vilmajar

私が知っている最も簡単なテストツールはKeynoteです。そこにpngまたはjpgをドロップし、ホットスポットを追加し、それらのホットスポットをURLまたはその他のスライドにリンクして、プレゼンテーションまたはPDFとして送信します。

このプロセスの唯一のトリッキーなことは、テスト環境をセットアップするためにそこにいない限り、プロトタイプをスクロールして典型的なドキュメントとして操作することでしょう。

0
flatfootdesign

OK、やりたいことがいくつかあります。

第一。非常に単純なプロトタイプを作成する:AxureまたはFireworksを使用します。あなたはすでにAxureでの取引を知っていますが、花火は非常に簡単です。テストする画面ごとに(レイヤーではなく)ページを作成し、インタラクション用のスライスを追加します。スライスをドキュメント内の他のページにリンクできます。 Use this component for creating slices on top of your design これは非常に簡単で高速です。

Sitespectは、異なるバージョンのトラフィックを分割するために使用できます。

Googleアナリティクス、個別にテストする各リンクにタグを付けます。

うまくいくことを願っています

0

インタラクティブなプロトタイプ

HTMl + CSS + JS

それが真の相互作用をテストする唯一の方法です。

InVision、Axure、Flashなどのツールの問題は、インタラクティブにすることはできますが、構築される実際の相互作用ではなく、ツールに基づく相互作用になる傾向があることです。

ここでのリスクは、何をテストするかについて非常に注意する必要があるということです。 IAが悪いため、ナビゲーションが機能していませんか?または、インタラクティブな要素がユーザーを混乱させているため、機能していませんか?後者の場合、それは問題であるという考えですか、それともツールの制限ですか?

0
DA01