問題タブ [interaction-design]

画面をピクセルごとに (Web ページのスクリーンキャプチャを撮ったように) デザインできるツールと、画面全体を XHTML/CSS にエクスポートするオプションを提供するツールが必要です。
そのようなツールを知っている人はいますか？
注意として、私は Balsamiq のようなものを探していません. ワイヤーフレームではなく、非常に詳細な UI を作成したい。

Arduino ボードやその他のものを使用したガジェットやデバイスのプロトタイピングと開発に興味がありますが、Arduino のチュートリアルしか入手できず、インターフェイスのプロトタイピングは入手できません。本を見つけましたが、英語ではなく別の言語で書かれています (リンクは :http://prototypinginterfaces.com/)

また、チュートリアルについて、Google で検索する正確な用語もわかりません。それが、適切な結果が得られない理由かもしれません。基本的に学びたいことは本に書いてある通りです。

どこから始めればいいのか、最初は何を探せばいいのかわからない。誰かが私を助けることができれば、お願いします。

新しいユーザーインターフェイスを設計していて、新しい画面ごとに画像を作成しています。次に、これらの画像をクリック可能なPDFに結合して、画像内のボタンをクリックすることで、ある画面から別の画面に移動できるようにします。

クリック可能なPDFを作成する最も簡単な方法は何ですか？（無料ツール？）

私は Facebook Origami プラグインを使用しており、すべてがビューアーでうまく機能します。アニメーションを見るにはクリックする必要があります。

しかし、コンポジションを .mov にエクスポートしようとすると、静止画像で満たされたクリップが生成されます。インタラクションを「記録」してアニメーションを表示するにはどうすればよいですか?

私は UX デザイナーとして働いており、機能要件をフォームに文書化するために使用されたアジャイル開発プロジェクトのユーザー ストーリーの経験があります。

【利用者タイプ】として【目的】をしたい【理由】

何人かの同僚と議論した後、[ユーザーのタイプ] がどうあるべきかについて 3 つの異なる解釈を特定しました。

1. UX デザイナーである私にとって、[ユーザーのタイプ] はペルソナ、典型的なエンド ユーザー、または実在の人物に関するユーザー調査から構築された顧客を表します。
2. 開発者の 1 人は、[ユーザーのタイプ] はソフトウェアでの役割であると述べました。たとえば、戦争ゲームの衛生兵や狙撃兵です。
3. プロジェクト リーダーは、[ユーザーのタイプ]は開発プロジェクトにおけるチームの役割 (テスターや開発者など) を表していると述べました。

誰が正しいですか？私たち全員が正しければ、これはよくある混乱の原因ではないでしょうか?

ボタンが機能する前に、ユーザーが選択を行う必要があるビューがあります。これをより明確にするために、(グレー表示された) ボタンが最初に押された場合に、実行する必要がある選択を表す要素を点滅させたいと考えています。つまり、これがその状態のエラーであることを示し、ユーザーの注意をユーザーが最初に使用する必要がある UI 要素に導く必要があります。

要素（self.display以下のコード内）をすばやく2回点滅させようとする私の現在の試みは次のとおりです。

これは非常にうまく機能しますが、100% 正しいとは感じられず、アニメーションが終了する前に数分の一秒で途切れることがあります。2 つのアニメーションをキューに入れることができると思いますが、これを達成するためのより簡単な方法があるのではないかと思います。エラーを示すためにUI要素を点滅させる組み込みの方法はありますか? そうでない場合、これをユーザーに伝える曲線と周波数の「既知の適切な」組み合わせはありますか?