web-dev-qa-db-ja.com

UX / UI評価用のユーザーインターフェイスのシミュレーションを設計する方法

ユーザビリティテスト用のユーザーインターフェースのシミュレーションを設計したい。車のユーザーインターフェースに速度、rpm、その他の表示が表示されます。実験中に設定された期間が経過したら、シミュレーションを停止したい場合があります。最速の方法は何でしょうか? JavaScriptを使用する必要がありますか?または、シミュレーションまたはプロトタイプをすばやく作成するための別のソフトウェアまたはプログラミング言語がありますか? GitHub?アドバイスや推奨事項を教えてください。感謝いたします。 enter image description here

2
Tony

プロトタイプを作成する最良の方法は、Adobe Animateです。 Animateを使用すると、1つのアニメーション、インターフェイスデザイン、インタラクションアニメーションなどを取得して、実際のネイティブiOSおよびAndroidアプリ、.exe .swfまたはデスクトップ用のHTML5、およびピクセルパーフェクトビデオまたはアニメーションを作成できます。 gif。

また、1つのソースファイルからすべてを実行します。 Animateでダッシュボードを作成したら、どこにでもエクスポートできます。表示サイズを処理するだけです。

AnimateはPhotoshopのようなものです。それはとても深いですが、簡単なことも簡単にでき、あなたを助けます。 PhotoshopまたはIllustratorからAnimateでjpegまたはベクターをドロップしたり、Animateでベクターを作成したりできます。すべてがタイムライン上にあります。

インタラクションがない場合は、プロトタイプにアニメーションのみを使用し、ビデオを使用します。デスクトップのAnimateでアニメーションを機能させ、スクリーンキャプチャを使用してビデオを作成します。

3
moot