問題タブ [hci]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
5 に答える
227 参照

pdf - 埋め込み PDF に関するユーザー インターフェイスの問題

Q.1. 使いやすさの観点から、Web ページに PDF を埋め込むことの利点と欠点は何ですか?

Q.2. 一般的に、平均的なコンピューター ユーザーにとって、最も「合理化された」エクスペリエンスを提供するシナリオはどれですか?

Q.3. オプションを記憶するために Cookie を使用すると、シナリオ #2 が大幅に改善されますか?

シナリオ #1

  1. ユーザーがオプションを設定します。
  2. ユーザーがレポートボタンをクリックします。
  3. PDF は添付ファイルとして送信されます (保存または開く)。
利点
  • オプションはリセットされません。
短所
  • PDF が Web ページの邪魔になることがあります。
  • ユーザーが開いている PDF ウィンドウが多すぎる可能性があります (システム パフォーマンスが低下します)。

シナリオ 2

  1. ユーザーがオプションを設定します。
  2. ユーザーがレポート ボタンをクリックします。
  3. PDFがページに埋め込まれています。
  4. ユーザーがクリックして戻ると、オプションがリセットされます (AJAX、Cookie なし)。
利点
  • 結果はすぐに表示されます (余分なクリックはありません)。
短所
  • すべてのブラウザーが PDF の埋め込みをサポートしているわけではありません (?)。
  • Web ページ (つまり、[レポート] ボタン) が消えます。

ありがとうございました!

0 投票する
1 に答える
407 参照

user-interface - テンポラル テーブルを編集するための UI パターン

時間の経過とともに変化するいくつかの値 (従業員ごとに、変化する属性は役割/部門/職場/契約の種類など) を編集し、各変更の履歴とサーバー側の検証を表示する Web インターフェイスを作成しています。

ユーザーは、新しい値の追加、以前の値の修正、期間間の日付の変更などを実行できる必要があります。私は Ajax/YUI などに習熟していますが、UI 設計が不足しています。

今は似たようなアプリケーションを思い出すことができないようで、紙のプロトタイプでは満足できません。

それは 1 つのテーブル - より多くのテーブル - タイムライン - そこにどれだけの魔法がかかるか、そしてどこに..

説明または実装されているパターンを知っていますか?

編集:これは私がやったことです。

プレーンビュー

日付は、簡潔にするためだけに年として表されます。

最も一般的な操作は、[編集] をクリックして新しい値のセットを追加することです。

[2005] をクリックすると、現在の値の行が選択メニューとカレンダー ウィジェットで編集可能になります。

サーバーは 2 行分の値を受け取ります。前の期間を編集するには、現在の期間を削除します (許容可能なトレードオフ)。

ここですでにいくつかの懸念があります。

  • 行の「開始」値と前の行の「終了」値はリンクされており、それらが同じである場合 (およびその場合にのみ) 同時に変化します。ユーザーは、行間に穴があるかどうかを一目で確認できます。(後続の「から」と同じなら「へ」は表示しないが、こんな感じで矢印を表示↖ - 見苦しい)

  • 現在の期間を終了する方法が明確ではありません (=> 2005 をクリックし、「to」に値を書き込みます)。

  • 現在の期間を削除する方法が明確ではありません (=> 2005 をクリックして、「from」の値を削除します)。

  • 「無限」の記号は醜くて不明瞭です

  • 役割、部門などの検証は契約に依存しますが、ユーザーの観点からは、実際には直交しています。その他の関連性はさらに低くなりますが (例: 毎週の勤務時間)、一緒に検証する必要があります。

  • テーブルの編集は非モーダルであるべきだと思います..

0 投票する
1 に答える
80 参照

hci - インタラクティブなビジュアライゼーションを作成するためのガイドライン?

データセットを探索するためのインタラクティブな視覚化を作成する際のガイドラインを知っている人はいますか?

特定のインスタンスがなぜ良いか悪いかについては、多くの資料を見つけることができますが、インタラクティブなビジュアライゼーションをデザインする実際のデザイン プロセスは黒魔術のようです。

0 投票する
3 に答える
179 参照

user-interface - サウンドサンプルはどこから入手しますか?

アプリケーションを完成させましたが、ユーザーは、特定のアシトンが発生したときに再生する必要のあるサウンドサンプルを追加して、「インタラクションの感覚をセックスアップ」したいと考えています。プログラミングの観点からはそれほど難しくはありませんが、良いオーディオサンプルを取得するにはどうすればよいですか?

この問題をどのように解決しますか?独自のサウンドファイルを作成しますか?どのように?どのソフトウェアを使用する必要がありますか?または、無料のサウンドサンプルを提供するインターネット上の大きなデータベースがあります(私はグーグル検索を行いましたが、ほとんどすべての結果は単に役に立たないサイトです)。それとも、音が過大評価されていることを顧客に納得させますか?

よくできたアプリケーションでは音が必要だと思いますか?

0 投票する
2 に答える
2556 参照

bluetooth - Bluetooth ヘッドセット デバイスで使用されている a2dp のバージョンを確認するにはどうすればよいですか?

これを見つける 1 つの方法は、デバイスの仕様を確認することです。ほとんどのデバイス仕様は、A2DP がサポートされていることだけを報告しています。ヘッドセット デバイスから使用されている A2DP のバージョンを確認する別の方法はありますか?

0 投票する
1 に答える
158 参照

user-interface - システムHCIの「概念」の特定

ユーザーから収集したデータに基づいてインターフェースを設計しています。それはあなたがレストランを選ぶことについてのアドバイスを得ることができるウェブサイトのためです。私は、効果的な設計のためにシステム内の「概念」を特定する必要があると述べているが、その方法についての手がかりを与えていないという教科書を厳密にフォローしています。別の教科書では、救急車の派遣サービスについて説明し、救急車の派遣に対する「事件」と「電話」の2つの概念を特定しています。私は自分の仕事のためにこの考えを効果的に置き換えることができないようです。誰かが経験に基づいて何かを推薦できますか?または、HCIのシステムに関する「概念」の定義でさえありますか?

敬具、

0 投票する
2 に答える
263 参照

computer-vision - ヒューマンコンピュータインタラクションSDK

問題は、hciインターフェースを備えたアプリケーションの開発に使用するSDK(ある場合)はどれかということです。ユーザーがジェスチャーやビデオカメラを使用してコンピューターと対話するときのそのようなインターフェイスを意味します。

0 投票する
2 に答える
127 参照

design-patterns - アプリケーションモデル

私が現在取り組んでいる研究プロジェクトでは、アプリケーションモデルの概念を定義しようとしています。また、Webアプリケーションに焦点を当てて、アプリケーションモデルを表す方法論/形式を調査しています。

Webで調査を行った後、包括的なアプリケーションモデルに関する具体的な情報は見つかりませんでした。ですから、このトピックについて具体的かつ実践的な視点を与えてくれる熱狂的なプログラマーに質問する価値があると思いました。この質問がプログラマーのstackexchangeに適しているかどうかはわかりません。その場合は、自由に移行してください。私が興味を持っているのは、アプリケーションモデルの概念、およびおそらく関連する方法論/形式に関するフィードバック/アイデアを取得することです。

現在、アプリケーションモデルの正確な定義はありませんが、この概念を定義するには、少なくとも3つの側面が重要だと思います。

  • ヒューマンコンピュータインタラクションデザインの選択:ユーザーとインタラクションするアプリケーションは、ユーザビリティを改善および簡素化するために、インタラクションパターンを注意深く定義する必要があります。この領域では、ユーザーの好みと特性(ユーザーモデル)、および(場合によっては)デバイスの特性(デバイスモデル)を考慮に入れる必要があります。

  • アーキテクチャ設計の選択:複雑なアプリケーションは、設計者と開発者が共有して理解するアーキテクチャモデルに基づいている必要があります。

  • 実装設計の選択:アプリケーションを実装するときは、既知の繰り返し発生する問題を特定し、適切な設計ソリューションを再利用してそれらを解決することをお勧めします。

重要な側面が欠けていますか?

以下は、関連する方法論/形式の網羅的ではないリストだと思います。

  • ConcurTaskTrees:対話型アプリケーションの設計、およびそれらの人間とコンピューターの相互作用のモデル化に役立ちます。

  • UML:ソフトウェア設計に広く知られ使用されているモデリング言語。アーキテクチャと実装設計のさまざまな側面に対応できます。

  • デザインパターン:ソフトウェア設計のための既知の再利用可能なソリューションのセット。これらは、実装フェーズでよく使用されます。

他に何か提案はありますか?

要約すると、アプリケーションのモデルを定義するための関連する側面(上記の最初のリストを参照)と、この領域で役立つ形式(上記の2番目のリストを参照)に興味があります。

0 投票する
4 に答える
18157 参照

android - Android は人間の介入なしで Wi-Fi に接続します

Android デバイスを WiFi ネットワークに接続するために使用できるコード スニペットがあるかどうか疑問に思っています。ネットワークは、オープンまたは WEP/WPA 暗号化のいずれかであり、そのデバイスから見える必要があります。通常、GUI インターフェイスを使用して WiFi パスワードを入力し、接続ボタンをタップします。パスワードをある場所に保存し、そのパスワードを使用して人間の介入なしでネットワークにシームレスに接続したい。それは可能ですか?どうもありがとう。

0 投票する
1 に答える
1020 参照

android - Android Bluetooth通信アクセスモード?

Bluetooth開発者ページを確認すると、AndroidAPIがRFcommチャネルの確立をサポートしていることが非常に明確に示されています。さて、このモードはAndroid専用ですか、それともAndroidはHCIまたはBnep(より具体的にはl2cap)もサポートしていますか?(または、私は完全に間違っていて、3つすべてが完全に異なるエンティティですか?)

誰でも、助けてくれてありがとう〜Aedon