web-dev-qa-db-ja.com

長いメニュー名を2行に分割するのは悪いデザインですか?

6つのメニューアイテムで水平ナビゲーションを設計する必要があるという要件があります。ここでの課題は、これらのメニューアイテムの一部がかなり長く、すべてのメニューアイテムを1行に配置しようとすると、メニューが画面を超えてしまうことです幅と要件の1つは、コンテナのサイズが1024ピクセルを超えないようにすることでした。だから私がこのようなデザインで行くなら:

enter image description here

それは悪いデザインですか、それとも許容されますか?

残念ながら名前は既に定義されているので変更できません。

8
Mervin

これにより発生する可能性のある問題は、破壊設計と破壊期待です。

多くの場合、これはテーブルヘッダーの問題と見なされます。動的テーブルでは、1つの色に異常に長いヘッダーが含まれる場合があり、ヘッダーのサイズが2倍になります。最悪の場合、テーブルが非常に大きなヘッダーでばらばらに見えるか、デザインが壊れています。非常に大きなヘッダーは、何らかの方法でそれを含む要素から抜け出す可能性があります。

デザインが視覚的に追加の線に対応している場合は、単純に奇妙に見える場合にのみ問題が発生します。あなたが10の単一行メニュー項目のリストを持っていたとすると、1つそれは2行です。だらしないように見えるところです。

メニュー名を特定の長さの基準内に収めるようにしてください。1つのメニュー項目が非常に長くて目立たないようにしてください。*

それが不適切に見えず、ユーザーが気にしない場合は、問題ありません。

*メニュー項目を目立たせたい場合は例外がありますが、通常はそうではありません。

6
Ben Brocka

Xを尊重するを使用すると、それは非常に簡単です。少なくとも2〜3人のターゲットユーザーを取得し、適切なナビゲーションを必要とするタスクを提供します。ユーザーがそれに満足し、タスクを簡単に終了できる場合-これはすべてがユースケースに依存するため、優れたUXデザインです。ナビゲーションに2行は使用できないというルールはありません。

しかし、美学となると、少し奇妙に見えるかもしれませんが、垂直に立つ長方形のボタンを作成するような少しトリッキーなデザインは、必要に応じて2行分のスペースを提供します。

1
Pratheep ch

簡潔さは良いです。ユーザーが1つか2つの単語を使用してメニュー項目を参照できる場合、ユーザーはアプリケーションの機能についてより効果的に話すことができます。

おそらく、頻繁に使用するユーザーは、メニュータイトルを短くするかどうかを選択します。ここで、短い説明を使用してこれらのアイテムを概念的に表現する方法を検討する価値があるかもしれません。長い(より詳細な)タイトルは、ホバーのツールチップを使用して常に表示できます。

0
codeinthehole