3本バーアイコンは実際には2つの異なるアイコンであるべき

左上にある3本線をご存知ですか?


通常のユーザーなら、サイドバーを片方にスライドさせたり、もう片方にスライドさせたりする2つの機能があることを知っています。これはサイドバーの状態によって異なります。

しかし、私たちのような異常なユーザーは、何度かクリックしてコツを掴む必要があります。さらに数日後には忘れてしまい、またクリックしてしまうのです…

提案があります。2つの異なる状態では、わずかに異なるアイコンを使用しましょう!

はい、これはウェブ上で一般的なアイコンです。しかし、Discourseはよりユーザーフレンドリーにするための先駆けとなることができます。

実際、これは残された唯一の「罠のある」多機能アイコンだと信じています。

反対の動作を半分の時間行うなんて、とても意地悪ですね…他にそのようなものがあるとは思いません。

「いいね!」 1

「サイドバーの切り替え」を意味するハンバーガーアイコンは紛らわしいという意見に同意します。毎日、何か別のことが起こることを期待してクリックしてしまいます(何が起こるかはわかりませんが)。

これらのアイコンの方が良いかもしれません。

「いいね!」 3

ハンバーガーはメニューを開くが、閉じるのは予期せぬ動作だ。それが現実世界でどれほど大きな問題なのか、というのが今の質問であり、それに対する答えは非常に明白な解決策をもたらすだろう。

「いいね!」 2

待ってください。ブラウザの右上にあるChromeの縦型3点ドットメニューボタンについて、これまで混乱したことはありません。

それは、3つのドットを押した後、メニューが開いているか閉じているかが明らかだからです。

そのため、問題は、3つのバーがサイドバーなどに関連付けられているかどうか分からないことです。

さらに悪いことに、誤って押すと、こっそりとスライドしてしまいます。つまり、デスクトップでは、再度押すためにマウスで追いかけなければなりません。

(うまくいけば)命運が尽きていることを知っている、家畜の鶏を追いかけるようなものです。

「いいね!」 1

だから?それはメニューに関連していることをよく知っています。そして、サイドバーはメニューです。

今、どこに問題があるのか理解できませんか?名前が間違っているのですか?

「いいね!」 1

美的改善。古いタイマーは単に古いものに慣れているだけです。これをトグルに変更することは、より直感的にするためのデザインの観点から理にかなっています。

この種の設定は、テーマコンポーネントまたは内部設定を介してオプションにできると確信しています。

Here’s a bare bones Theme Component to provide different icons in the two different states…

I used @PhilFoss code from this related post:

「いいね!」 6

携帯電話で確認したところ、3本バーはそこで完全に理にかなっています。

問題はデスクトップのみです。

クール。 /desktop フォルダは、大きい画面のみに含まれていますか? CSS にメディアクエリが見当たりません。

「いいね!」 1

はい、その通りです!

「いいね!」 1