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

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


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

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

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

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

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

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

「いいね!」 1

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

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

「いいね!」 3

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

「いいね!」 3

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

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

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

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

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

「いいね!」 2

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

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

「いいね!」 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

私と同じように、このアイコンは他のほぼすべてのアプリやウェブサイトで採用されている通り、一時的なドロップダウンメニューやモーダルメニューが開くことを期待しているのだと思います。さらに、モバイル端末でない限り、このアイコンにはメインナビゲーションよりも頻度が低いオプションが含まれていると期待するかもしれません。Discourse には「サイドバー」があり、デスクトップ解像度で使用される場合、それは通常のナビゲーションサイドバーであり、メニューではありません。一部のユーザーにとってはサイドバーを折りたたむことが望ましい場合もありますが、ハンバーガー風のアイコンがサイドバーの構造を何らかの形で連想させることは理解しつつも、一般的な慣習(場合によっては大手企業の実際のデザインガイドライン)では、このアイコンは異なるものを伝えています。

古いトピックへのコメントになっていることは承知していますが、Discourse の作業に戻り、私にとって目立ついくつかの UI や UX の奇妙さに気づきました。これがデフォルトとして採用され、この機能のアイコンとして残っていることには正直驚いています。些細なことに見えるかもしれませんが、アプリやプラットフォームが広範なデザイン慣習に反すると人々は混乱し、それがそのアプリやプラットフォームの日常体験に影響を及ぼします。私はまだ毎日少なくとも一度、このボタンをクリックして、オプションがドロップダウンしたり何か起こったりすることを期待してしまいます。4K スクリーンで作業しているので、サイドバーを折りたたむ実際の必要性はまったくないのですが…それは他の多くのアプリやウェブサイトからの筋肉の記憶のようなものです。

他のツールは、展開・折りたたみサイドバーの動作を、このアイコンよりも私にとって明確なさまざまなアイコンで解決しています。個人的には、再考する価値があると思います。

「いいね!」 1

ああ、これはここにも投稿すべきですねーアイコンを選んでください

「いいね!」 2

はい、素晴らしい取り組みですね!私はこのトピックを見つける前に、関連する過去のトピックをフォーラムで検索している際にこれを見つけました。ただし、私の懸念はより根本的に、デフォルト状態での使いやすさに関するものです。多くの人は Discourse をあまりカスタマイズしないからです。私は以前から、Discourse がテック系コミュニティの枠を超えて、より多くの人々に浸透することを強く支持してきました。最近では、その方向に向けた取り組み(無料および低コストのホスティング、使いやすさの向上、設定の整理と分類など)が見られるのは喜ばしいことです。それにもかかわらず、他のアプリ、ウェブサイト、ツールで日常的に接している確立されたインターフェースの規範とは、私の視点からは非常に直感に反するこのようなものが見られるのは意外です。これは小さなことですが、意味のある変化です。

「いいね!」 1

全く問題ありません、理解しました。ただ、このトピックにそのためのクラムを投稿するのを忘れていて、/latest でのあなたのスレッド上げが思い出させてくれました。:smiley: ありがとう!

「いいね!」 1