UXマイクロインタラクション:「へぇー」じゃなくて「うわー!」を生む秘密
ユーザーエクスペリエンス(UX)って、奥が深いですよね。私もWebデザインを始めた頃は、とにかく見た目をキレイにすることばかり考えていました。でも、本当にユーザーを惹きつけるのは、見た目だけじゃないって気づいたんです。特に、マイクロインタラクション!これが「へぇー」で終わるか「うわー!」となるかの分かれ道だって、最近つくづく感じています。 マイクロインタラクションって、そもそも何? マイクロインタラクションって、一言で言うと「小さな、でも重要なインタラクション」のこと。例えば、スマホのアプリでいいね!ボタンを押した時のアニメーションとか、フォームに入力した内容が正しかった時に表示されるチェックマークとか。普段、意識することは少ないかもしれないけど、こういう細かい部分が、アプリ全体の使い心地を大きく左右するんですよね。 私、前に旅行アプリを作ったことがあるんです。当初は、地図の表示とか、ホテルの写真とか、そういう大きな機能ばかりに力を入れていました。でも、リリースしてみたら、なんかイマイチ盛り上がらない…。そこで、マイクロインタラクションを見直すことにしたんです。例えば、地図をスクロールした時のちょっとしたアニメーションとか、ホテルの予約が完了した時の confetti(紙吹雪)を表示するとか。そしたら、ユーザーの反応が全然違ってきたんですよ!「なんか楽しい!」「使いやすい!」っていう声が増えて、本当に嬉しかったですね。 最新トレンド:どんなマイクロインタラクションがアツい? じゃあ、今どんなマイクロインタラクションがアツいのか?個人的に注目しているのは、以下の3つです。 1. 没入感を高めるアニメーション アニメーションって、ちょっとやりすぎると逆にウザくなることもあるんですけど、上手に使えば、ユーザーをぐっと惹きつけられますよね。例えば、ローディング画面で、ただグルグル回るだけじゃなくて、ちょっとしたストーリー仕立てのアニメーションを表示するとか。ゲームアプリとかでよく見かけるけど、あれって本当に上手いなーって思います。私も、自分のアプリで取り入れてみたいな、と密かに考えているんです。 2. 個性を出すサウンドエフェクト 音も、マイクロインタラクションの大事な要素ですよね。ボタンを押した時の「ポチッ」っていう音とか、通知が来た時の「ピコン」っていう音とか。ただ、デフォルトの音を使うんじゃなくて、アプリの雰囲気に合ったオリジナルのサウンドエフェクトを作ると、グッと個性的になりますよね。昔、友達が作ったアプリで、ボタンを押すと猫の鳴き声がするっていうのがあって、あれは本当に斬新で面白かった(笑)。 3. 触覚フィードバック(ハプティクス) 触覚フィードバックって、最近のスマホには標準装備されてますよね。画面をタップした時に、ブルっと震えるやつ。あれも、マイクロインタラクションの一種なんです。個人的には、ハプティクスを上手に使っているアプリって、本当に「触っていて気持ちいい」って感じるんです。例えば、キーボードで文字を入力する時に、軽い振動があると、まるで本当にキーを叩いているみたいで、すごくリアルですよね。 「へぇー」で終わらせない!「うわー!」を生むマイクロインタラクションの作り方 マイクロインタラクションを「うわー!」に変えるには、どうすればいいのか?私が思うに、以下の3つのポイントが重要です。 1. ユーザーの気持ちを想像する
Read More