web-dev-qa-db-ja.com

トグルメニューボタンのアイコンの変更

現在、切り替え用のメニューボタンがあります。ユーザーは、元のWebビュー、またはストライプ化されたモバイルビューを切り替えることができます。


現在、元のWebビューにあります

アクションバーに、ユーザーに「私をクリックすると、モバイルビューに切り替えます」と伝えるために使用される電話アイコンが表示されます)


現在、私たちはモバイルビューにあります

アクションバーに、ユーザーに「私をクリックすると、元のWebビューに切り替わります」と伝えるために使用されるWebブラウザーアイコンが表示されます)


トグルボタンの場合、アイコンが

  • ユーザーが私をクリックすると、次の状態はどうなりますか?

    • 電話アイコンは、ユーザーが私をクリックすると、ビューがモバイルビューに切り替わることを示します。
    • Webブラウザーのアイコンは、ユーザーが私をクリックすると、ビューが元のWebビューに切り替わることを示します。
  • または、現在の状態を示すためにアイコンを使用する必要がありますか?

    • 電話アイコンは、現在の状態がモバイルビューであることを示します。
    • Webブラウザーのアイコンは、現在の状態が元のWebビューであることを示します。
3
Cheok Yan Cheng

このようにする必要がある場合は、アイコンがnext状態を示す最初のオプションを選択します。

ただし、可能であれば、実際には両方のアイコンを同時に表示(互いに隣り合わせに)してから、何らかのハイライトを使用してcurrent状態。ユーザーは現在の状態を確認し、他のアイコンをクリックすると、そのアイコンが表すものに状態が変わることを直感的に知ることができます。

これにより、ユーザーは現在の状態を簡単に確認でき、常に両方のオプションを確認できるため、ユーザーエクスペリエンスが向上します。

1
Monomeeth