スライダーは昔から身のまわりにあり、任意の値や範囲を選ぶためのUIとしては事実上最もスタンダードなものとなっています。選べる範囲をユーザーがすぐに把握できるので便利です。 本記事では、UI要素として馴染み深いスライダーのクリエイティブな例をいくつか見ていきましょう。 1. 設定値を視覚化する スライダーは、ユーザーが特定の値や範囲を選べるコントローラーです。ユーザーはほとんどの場合、スライダーのラベルを読んでどのような値をコントロールできるかを知ります。それに加えて、データをスライダーと連動させて視覚化することで、より強い効果を生み出すことができます。 絵には言葉1000個分の価値があります。 購入する家の部屋数を選ぶもの。ユーザーがいくつの部屋を持つ家の購入をスライダーで選択するかに関わらず以下のように視覚化できます。
![スライダーを使いやすくする4つのクリエイティブな工夫](https://cdn-ak-scissors.b.st-hatena.com/image/square/7fcad99353d5f0e837e67e65222cbc56b620b8c6/height=288;version=1;width=512/https%3A%2F%2Fdata.uxmilk.jp%2Fwp-content%2Fuploads%2F2018%2F12%2Fgalshir-responsive-house.gif)