web-dev-qa-db-ja.com

モバイルボタン-(リリースする前に)タップすると、拡大または縮小しますか?

モバイルでは、ボタンを押すと(指を離す前に)、ボタンを拡大するのか拡大または縮小するのか?ユーザーが指を離すと、ボタンは通常の状態に戻ります。

図:

enter image description here

3
Roi Mulia

TL; DR:どちらの方法でも機能します。 Shrinking はより論理的ですが、ユーザーの指のために表示が少なくなります。 成長は実際の生活の期待に対応していませんが、相互作用はよりよく見えます。


本能的に、私は常にボタンを縮小よりも好みます。なぜなら、あなたはそれを押し下げているであり、それは現実世界の知覚に対応しているからです。
これで発生する可能性がある唯一の問題は、指がボタンを覆い、ユーザーはそれがどうなるかを確認できないことです。したがって、成長する方法には、視認性が向上するという利点があります。

Googleマテリアルデザインガイドライン elevation と、ユーザーがUI要素の順序を理解するのにどのように役立つかについて言及します。
彼らには 隆起したボタン について話すセクションが1つあり、これらはを押すと上に移動するになります。これに関する興味深い議論がここにあります:
素材デザイン-ボタンは押し上げるのではなく上げる
完全に直感に反するものになるため、私は個人的にその決定に同意しません。

ここにあなたに関係があるかもしれない別の質問があります:
フラットなデザインのボタンをクリックできることを人々に理解させる


最後に、魅力的で十分に理解できる方法で設計する限り、[////]おそらく両方の方法を引き離すことができます。

8
Big_Chair

常にShrinkを優先します。ボタンを縮小することで、ボタンが押されていることをユーザーに示すからです。押された効果を表示するには、ボタンを縮小する必要があります。これは良い方法であり、Uxにも適しています。

詳細については、 このリンク を確認してください。

4
Mr_Error