web-dev-qa-db-ja.com

ナビゲーションバーで明るい/暗いテーマを選択するための絵文字とスイッチ

私のウェブサイトの以前のバージョンには、(楽しく練習するために)ライトモードとダークモードの間でカラーテーマを変更するためのトグル/スイッチがありました。これは次のようになります。

enter image description here

enter image description here

最近では、スイッチとテキストを絵文字に置き換えることにしました。ライトモードの場合は太陽、ダークモードの場合は月です。

enter image description here

enter image description here

質問:UXの観点から、これらの2セットのナビゲーションバーのどちらが優れていますか?

私のより具体的な懸念のいくつかを以下に示します。

  • スイッチは明確です。あなたはそれが何をするか正確に知っています。しかし、それは個性に欠けています。また、現在どのモードになっているかをユーザーに伝えるのも無意味なようです。(ありがとうございます!

  • 絵文字は、ナビゲーションバーにもう少し命を与えますが、意味を犠牲にします。彼らは私の名前にとても近いので、クリック可能なテーマスイッチではなくロゴと間違われる可能性はありますか?

  • 以前のナビバーの「ホーム」は少し退屈に思えました。私が見たところから、ほとんどのWebサイトは伝統的にホームリンクをスタックバーのようなナビゲーションバーの左上に配置しています。

1
AleksandrH

私の観点から見ると、スイッチボタンを変更しても理解しやすくなりません。スライダー以外の方法で変更する場合は、変更可能なアイテムであるため、理解しやすいように、両面画像/絵文字(ジェミニなど)を使用することをお勧めします。

そして、あなたがそう言うように、あなたの名前をこのスライダーアイコンの隣に置くと、このアイコンはあなたの好みのロゴのようになります。

最後に、「ホーム」メニューボタンについては、どこにでも置くことができますが、粘着性がある、ユーザーがいつでもどこにでも到達できる、またはドロップダウンメニュー内に最も必要な機能がある場合、最も機能的なボタンは、ユーザーが最初に見たときに最も操作した場所である必要があります。

1
Erhan Yaşar

スイッチには明快さという利点があり、絵文字はひねりをもたらすので、混ぜ合わせてください enter image description here

1
Guillaume Pons