ゲーム作るくんのサイト
ゲーム作るくん
Twitter

スマホゲームにおけるインタラクションパターン

ボタン

スマホの場合、物理ボタンがないのでいろいろインタラクションを工夫しないとなんともぬめっとした操作になりがちです。

カチッとした操作感を出すためのパターンをまとめました。

ボタンに高さを設けておく

ボタンを押したらへこませる

アニメーションさせない方がカチっと感が増すかと。

ボタンを押してる間はずっとへこませて、離したら戻す

ボタンを押したらクリック音を出す

ボタンを離したらクリック音(押したときとは別のクリック音)を出す

ボタンを押したらボタンの色を変える

ウィンドウ

ウィンドウを出すときと隠すときはアニメーションさせる

まったくアニメーションさせないのも良くないし、アニメーションに時間をかけすぎるのも良くない、という感覚です。

効果音

音をオフにしているケースを想定して音が出るタイミングで画面の方でも何かアニメーションさせる

何かにぶつかったとき

画面を揺らす