web-dev-qa-db-ja.com

(ナビゲーション)要素の自動並べ替え/非表示

税務署向けのセルフサービスアプリケーションを設計しています。メイン画面は次のようになります。

enter image description here

特定の条件に基づいてタイルを自動的に並べ替え/非表示にすることを検討しています。

例:口座振替がリクエストされた場合、口座振替のリクエストはキャンセルよりも頻繁に行われるため、タイルを右下に移動できます。

別の例:未払いの金額がある場合は、左上隅に表示して注意を引く必要があります。支払うものがない場合、タイルはまったく表示されません。

いくつかの考え:

私は最近、空間記憶について読んでいます。つまり、ユーザーは名前の代わりに場所を覚えて物を見つけようとすることがよくあります。 Jenifer Tidwellの著書「Designing Interactions」では、これは特にトップアイテムとボトムアイテムに当てはまります。アイテムを自動的に並べ替えると、ユーザーの空間メモリが破壊される場合があります。

一方、関連性のないページ要素を持つ「他の」ユーザーはなぜですか?実際、最も重要なアイテムを左上に移動することは、思いやりがあると見なすことができます。

各タイルはアクションボタンに異なる色を使用するため、ユーザーは特定のタイルに関連付けられている色を覚えている場合があります。ただし、モバイルではタイルが折りたたまれ、アコーディオンビューとして表示され、限られた画面領域を最大限に活用します。色は表示されないため、ユーザーはラベルを読む必要があります。

質問:

この場合、自動的に並べ替えを行うのは賢明なことですか、それとも避けるべきですか?考え/経験/ガイドラインはありますか?

6
Willem-Aart

私はあなたが言うときあなたがちょっと自分自身で答えを持っていると思います:

私は最近、空間記憶について読んでいます。つまり、ユーザーは名前の代わりに場所を覚えて物を見つけようとすることがよくあります。 Jenifer Tidwellの著書「Designing Interactions」では、これは特にトップアイテムとボトムアイテムに当てはまります。アイテムを自動的に並べ替えると、ユーザーの空間メモリが破壊される場合があります。

これは完全に真実であり、NOT REORDERINGの正しい議論です。

ただし、ボットアプローチの中間点(良い方)があります。ユーザーが要素を好きなように順序付けし、好みを保存することで、ユーザーがエクスペリエンスを完全に制御できるようにします。このようにして、彼らは locus of control を維持するだけでなく、学習の流れを自動化しますあなたのサイト。

何を最もよく使用するかは重要ではないことに注意してください。時々、空間的な順序が不合理になり、多くの人は、既知の状態を維持できる場合、追加の作業を行うことを好むでしょう。動作

4
Devin

私は、並べ替えをしないというデヴィンの答えを2番目にします。 ナビゲーションを自動的に再配置すると、ユーザーは迷子になります

これが試してみる価値のあるものである場合は、何が起こるかをユーザーに通知し(たとえば、確認ボックスで)、キャンセルする機会を与えることを検討してください。

あなたが本当に解決したい問題は何ですか?

自動的に並べ替えまたは非表示にするこのアイデアは、根本的な問題の解決策のように聞こえます。たぶん、ユーザーにとっての問題は、前回から何が変わったか、何に特別な焦点が必要かを知ることでしょうか?もしそうなら、あなたは何かが起こっているか注意が必要であることを示すためにシグニファイアを追加することを試みることができます。

0
asiegf

私の経験では、より良いオプションは、アイテムを移動させずに、そのままの場所に保持することが証明されています。これを行うと、エンドユーザーが周りを見回してしまい、期待した場所にない場合はイライラすることさえあります。

代わりに、無関係なオプションをフェードアウトしますが、それらは表示したままにします。そうすることで、すべてのアイテムをより簡単に配置できるようになるだけでなく(開発の時間を節約し、トラブルシューティングを改善できるプログラミングの観点から)、エンドユーザーは将来使用できる他のオプションを確認できます。いつか他のオプションを使用する可能性があるため、これはエンドユーザーにとって非常に役立ちます。これらのオプションを非表示にすると、それらのオプションを知らない危険を冒し、それらのオプションが単に存在しないという印象を与える可能性があります。 (画面に一度表示されたとしても、気づかなかった可能性があります。エンドユーザーが画面のすべてに気づいたと想定しないでください。)

オプションがフェードアウトする理由をエンドユーザーに確実に知らせたい場合は(オブジェクト/オプションのアルファまたは透明度を変更することが望ましい)、各項目またはアスタリスクシステム(*、、 *など)画面の下部に小さなテキストが表示されます。別の方法として、フェード/禁止された各オプションにツールチップを追加して、メッセージを表示することもできます。これにより、ユーザーはオプションが存在することを確認できるだけでなく、そのオプションを使用できるようになるパラメーターを知ることができます。

これがお役に立てば幸いです。

PS:ほとんどの場合、不透明度0.2〜0.35のデザインでうまくいくようです。

あなたのプロジェクトで最高の幸運を!

0