問題タブ [user-experience]
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.
architecture - 異なる解像度/画面で同じアプリを提供する方法
シナリオ: 同じアプリを異なる画面に公開する必要があります。たとえば、標準の 15 インチから 17 インチ、ポータブル 10 インチ、モバイル 4 インチで、異なる解像度で動作する可能性があります。
質問: 使用可能な領域に応じて再配置されるリキッド レイアウトを使用しようとしていますか?それとも、サポートされている特定の解像度/画面サイズごとに最適化された、N (範囲ごとに 1 つ) の個別の UI レイヤーをロールバックしますか.
この種の問題に関する業界標準は何ですか?
画面がいずれかの方法でサイズ変更されたときに消えたり戻ったりする優先領域で画面を分割する非常にトリックなレイアウトを考え出すことは理にかなっていますか?
iPhone アプリ (またはその他のパーム デバイス) がデスクトップ バージョンのようなものになることはあり得ないことは誰もが知っているので、その場合 (4 インチ以下)、異なる UI をロールバックする必要があると想定していますが、中間はありますか?地面 (たとえば、13 インチから 7 インチの画面の間で、後者は主な入力として指を必要とします) で、リキッド レイアウトを使用するのが理にかなっている場所はどこですか?
silverlight - Silverlight ユーザー エクスペリエンスの URL 画像が表示されますか?
URL イメージを格納するためのテーブルを含むデータベースがあります (イメージをバイト配列として格納すると、DB が大幅に遅くなる可能性があるため)。画像テーブルには 2 つのフィールドがあり、1 つは低解像度画像への URL を格納し、もう 1 つは高解像度画像への URL を格納します。これまでのところ、これは単なる概念であり、完全には実装されていません。
私の質問は、データベースの URL を介してこれらの画像をプルバックして Silverlight ビューに表示したい場合、これを行うための最良の方法は何ですか?また、Web 上のどこに画像を保存すればよいですか? - 個人の Web サーバーでは?
これに続いて、画像表示の素晴らしいユーザー エクスペリエンスが必要です。ホバーするとサムネイルがわずかに大きくなり、クリックするとライトボックス表示にズームする可能性があります。
大変助かります。
user-interface - メニュー内の空だが選択可能な項目の優先 UX
私が取り組んでいるプロジェクトでは、関連するセクションの下に情報がある場合は項目が色付けされ、ユーザーが何も利用できない場合は色が薄くなるナビゲーション メニューがあります。管理者の場合、これらの項目には有用な情報がない場合がありますが、クリックできる場合があります (「ニュース項目の追加」や「ファイルの追加」などはサブメニューとして実装されているため)。
On High からの呼び出しは、これらの管理項目を何とか際立たせるために下されました。クリックできないアイテムには既に色あせたテキストを使用しているため、アイテムがクリック可能であることを示すための確立された UI 規則があるかどうか疑問に思っていましたが、情報は含まれていません。
はい、ユーザーが利用できないアイテムをわざわざ表示する理由については既に質問しました。要するに、On High が望んでいるからです。
button - Web フォームでリンクよりもボタンを選択するためのガイドライン
最近では、ボタンとリンクが交換可能のようです。ユーザー エクスペリエンスの観点から、2 つを選択するためのガイドラインはありますか? それも問題ですか?
経験則として、純粋なナビゲーションは常にリンクで表現し、アクションはボタンで表現する必要があります。しかし、 Google チェックアウトの配送先住所ページなど、これとは異なる例や状況が非常に多くあります。保存はアクションを実行し、ボタンを使用します。編集は、ユーザーを新しいページに移動させるリンクです。どちらも理にかなっています。ただし、deleteはリンクを使用してアクションを実行します。
では、いつ、どのようにしてボタンやリンクを選択するのでしょうか?
シナリオ例:
ユーザーのグリッドを含むページ:
- 新しいページに移動するユーザー追加機能。ナビゲートするので、リンクします。
- 同じページに残るパスワードのリセット機能。アクションなのでボタン。
- ダウンロード ボックスを開きますが、同じページにとどまるcsv 機能へのエクスポート。知らない。
- AJAX を使用してグリッドを更新する、グリッドの下部にあるページャー。既存の優先順位によるリンク。
「次へ」「戻る」「キャンセル」「終了」機能を備えたウィザード。Next と Back はおそらくリンクであるべきですが、優先順位はすべてボタンであるべきだと言っています。
sorting - 5つ星の評価で並べ替えるより良い方法は何ですか?
5つ星システムを使用して、顧客の評価で多数の製品を並べ替えようとしています。私がこれを設定しているサイトには多くの評価がなく、新しい製品を追加し続けているため、通常、評価の数が少ないいくつかの製品があります。
平均的な星の評価を使用してみましたが、評価の数が少ないとそのアルゴリズムは失敗します。
たとえば、3x 5つ星の評価がある製品は、100x5つ星の評価と2x2つ星の評価がある製品よりも見栄えが良くなります。
2番目の製品は、評価の数が多いために統計的に信頼性が高いため、高く表示されるべきではありませんか?
jquery - ユーザー エクスペリエンス - 候補者の知識と能力をどのようにテストできますか?
私は、ユーザー エクスペリエンスを中心とした役割の候補者に面接を行っています。問題は、この分野で誰かの能力をテストする最善の方法がわからないことです (私は、開発者の役割に関する OOP の質問で彼らを厳しくすることに慣れています)。
候補者に PSD ファイルを渡して、準拠した xhtml や css などに変換できるかどうかを確認することを考えていました。
openid - 特に依拠当事者として、OpenIDのユーザーエクスペリエンスを向上させるために人々は何をしましたか?
さまざまな依存関係者とのサインオンのユーザーエクスペリエンスに非常に劇的な違いがあることに気づきました。私は自分でいくつかの信頼関係者を実装したので、すでにいくつかのアイデアがありますが、何がうまくいき、何がうまくいかなかったのかについて他の人から聞いてみたいです。経験的証拠(前後のOpenIDログイン統計)が理想的ですが、事例証拠も問題ありません。小さな調整でも面白いでしょう。
IDプロバイダーは方程式にどのくらいの要素を取り入れていますか?Yahooの実装は明らかにひどいですが、myOpenIDの実装はかなり良いです。Verisignはボールトのようなものであり、これによりユーザーエクスペリエンスが大幅に損なわれると私は考え始めています。しかし、他の人はどうですか?ユーザーが1つのプロバイダーと別のプロバイダーでより多くの問題を抱えているのを見たことがありますか?
これからどのようなベストプラクティスを導き出すことができますか?
user-interface - 番号付き投票システムとスター投票システムに関する研究はありますか?
次の投票システムがさまざまなターゲット オーディエンスに対してユーザーに受け入れられているかどうかについて調査した人はいますか?
または
どちらがより正確であるか、投票がランキングにどのように使用されるかには興味がありません。私が興味を持っているのは、ユーザーの人口統計に基づいた、より直感的なユーザーの視点です。
もちろん、私たちは開発者として、StackOverflow スタイルの投票システムを理解しています。Amazon スタイルのスター システムは、より基本的なユーザーを対象としたサイトの有権者にとってより理にかなっていますか?
誰かがこれについて調査を行ったことがありますか?もしそうなら、結果はどうなりましたか? 誰かが研究結果へのリンクを持っていますか?
html - ホバーしたときにタイトルポップアップを表示せずにタイトルタグを使用するには?
タイトルタグについて質問です。SEO に効果があることを期待して、自分のサイトのすべてのリンクでそれらを使用しています。非常に多くのタイトル タグを使用しているため、実際にアクセスするのは非常にクレイジーに見えます。どこを指しても、別のタイトル ポップアップが表示されます。タイトルタグを使用しながら、これらのホバー (タイトルタグのコンテンツを表示するもの) を防ぐ方法はありますか?
回答ありがとうございます。