どうも！新入社員のタケです！
今日はIt's My Houseの最後の仕上げに社内でテストプレイをやってみました。
みんなにプレイしてもらってわかることもありますよね～
その中の一つが、この青いボタンを「押せる」と認知されていなかったことです。
私はなかなかショックを受けました。
自分はもうこれはボタンであり、押すと裏に置いてあるメニューが表示されるということは分かっています。
ですが、そこが初めて使うユーザーとは違っていたということですね～…
今回は「このボタンを押すとメニューが隠れる」という機能を持ったまま表現を変えて押してもらえるようなボタンを考えてみます。
このボタンのデザインや機能は気に入っているし、あと一押しだと思ったからですね！
今のデザインはこちら。
これだと背景だとか、画面の装飾の一部に見えなくもないですね。
先輩にこれはボタンですって言ったけれど、それでも疑われるくらいボタンに見えなかったそうです…！
そこでいろいろデザインを試してみることにしました。
まずは王道のボタン！っていう感じのデザインに。
この円を複製して下に置き、濃い色にしてみただけです。
う～ん…シンプルな見た目の他のUIとの組み合わせが悪いというか、これだけ影がついてると違和感がありますね。
違和感のほうが先に来ちゃってボタンに見えないのかもしれないですね（笑）
次は濃い縁取りをしてみました。
これはこれでいいと思うのですが…
これだとちょっとボタンとしての主張が弱いかな～と感じました。
まだ装飾に見えなくもないと私は思います。
かくなる上は…アニメーションだ！
ということでボタンを中心に波紋のように広がって消えていくアニメーションを作ってみました。
私はこれがしっくりきましたね！
ぽわんぽわ～んと主張しすぎず、全体的なシンプルなUIデザインとの兼ね合いも悪くないと思います。
ついつい押したくなっちゃうような、そういうボタンを目指していたのでこれでいくことにします！
…
UIは使う側のことを考えだすととてもとても奥が深くて難しいと思いますね…
やっぱりテストプレイは大事です…みなさんもテストプレイ！欠かさずにやりましょうね！
コメント
コメントを投稿