web-dev-qa-db-ja.com

アプリでオン/オフの切り替えもできるスライダーを表示する良い方法は何ですか?

ユーザーが部屋の照明を暗くできるアプリを開発しています。ただし、オンとオフを切り替えることもできます。

私には3つの異なる概念があります。

  1. 左がオフになっているスライダーも1つだけです。ただし、これは正しくありません。左が実際に「薄暗い0%」であり、「オフ」ではないためです。
  2. トグルとスライダー。これらは2つの個別のアクションであるため、あまり良くない
  3. トグルとスライダーを組み合わせるための私の提案

slider toggle

この概念を説明する方法のより良いアイデアはありますか?

ps。ライトはリストに表示されるため、複数のデバイスが同時に表示されます。 Room view

5
beining

アプリでこれらの機能にアクセスする方法に応じて、1つの画面に含まれる2つのステップのプロセスに変えることができます。温度には同じ形式を使用できます。

Light toggle

5
Wendy Wojenka

IOS 11の明るさ設定に移動すると、デフォルトの動作は次のようになります。

  • 左をタップすると、完全に暗くなります(オフ)。
  • 右にタップすると、完全な明るさになります(オン)。
  • もちろん、スライドして調整することもできます。

私はすでに存在するものを試して使用する傾向があります。

アイコンをアプリの重要な色にしながら、アイコンを「オン」と「オフ」に置き換えることをお勧めします。おおよそiOS 7以降、ヒューマンインターフェイスガイドラインでは、色を使用してインタラクティブな要素を示すことを推奨しています。

この組み合わせは、ユーザーがすでに知っていることに基づいて構築する必要があります。これにより、摩擦が減少し、「隠れた」機能の可能性が減少します。

また、最後に設定したスライダー値を保存し、ユーザーが「オン」を押したときにその開始位置にすることをお勧めします。

2
Josh Bruce