web-dev-qa-db-ja.com

設定、メニュー、コントロールパネルに関する調査とガイドライン

現在、システム設定ページを再設計しています。このページには、設定/構成、機能、コントロールパネル、設定メニューが混在しています。

これまで、さまざまなコントロールパネルや詳細設定からレイアウトのインスピレーションを得てきました。たとえば、Amazonメガメニュー、Firefoxブラウザー設定、Windows 10設定、MacOS設定などです。

ただし、設定レイアウト間の確実なガイドライン、ユーザー調査、さらには使いやすさ/デザインの比較記事を見つけることができませんでした。そのような資料を知っている人はいますか?簡単に検索することはできません。

各リンクは個別のページに移動します。一部のページには、関連するコンテンツを分割するためのタブがあります。 問題はこのような「コントロールパネル」のフローに適したナビゲーション方法を見つけることです。標準がなく、各例に欠陥と欠陥があるようです。

既に分析したので、このデザインの指針を実際に探しているわけではありませんが、洞察とインスピレーションを得ることができるこれらのタイプのページの研究資料またはガイドラインをいただければ幸いです。

2
RobbyReindeer

これに非常によく似た質問があります。
設定ページの最適なレイアウト
ただし、設計ガイドラインに明確に焦点を当てているため、質問は異なります。

Googleの マテリアルデザイン およびAppleの ヒューマンインターフェイスガイドライン は、モバイルインターフェイスの設計に関するアドバイスを提供します。もちろん、これはデスクトップとは異なりますが、ガイドラインの基本的な原則はどのインターフェイスにも適用できます。

また、「Designing Interfaces」の設定に関する このセクション もあります。それほど長くはありませんが、ガイドラインを提供しています。

1
Big_Chair

この問題は、「グループ化」のケースを考えずに解決するのは困難です。論理的に正しいものをグループ化し、ユーザーがそのロジックを簡単に把握できる場合、リスティングは成功する可能性があります。多くのシステム設定ページには、適切なグループ化と適切な検索が欠けているため、ユーザーは探しているものを見つけることができません。私が知っている標準を示すガイドラインはありませんが、それもあるべきではありません。すべてのアプリケーションには、独自の複雑な設定があります。たとえば、OSXはアイコンによるグループ化を最初に使用し、次にチェックボックスやその他のものを表示します。他のいくつかは、最初にグループ化するために垂直タブを好み、次にその下にコントロールを提供します。

0
Erkan Kerti