マイクロインタラクションの観察

5
ノート

マイクロインタラクションの効果を数値化する

マイクロインタラクションの効果にはどのようなものがあるでしょうか?「インタラクティブ性の高いアニメーションを使ってブランドイメージを高める」「ユーザー体験を心地よいものにしてサービスへの愛着を強める」。これらはもちろん大事なことですが、このままでは主観的な印象によるところが大きく、何をどの程度行えばどのくらいの効果を見込めるかを測ることができません。その結果、ステークホルダーやプロジェクトのメンバ

もっとみる
わーい。ありがとうございます!
118

AbemaTVのマイクロインタラクション

前回はEvernoteのマイクロインタラクションを観察しました。今回はAbemaTV(ver. 2.14.0)のマイクロインタラクションを観察し、それらがユーザーに与える効果を考察します。

----

左右スワイプでのザッピングUI
AbemaTVの視聴体験の中心となるマイクロインタラクション。
左右のスワイプで画像や動画が切り替わるUIはありふれているが、ライブ動画の即時再生と結びつくことでテ

もっとみる
よろしければシェアもお願いします!
27

Evernoteのマイクロインタラクション

これまでInstagramのマイクロインタラクション、Twitterのマイクロインタラクションを観察してきました。今回はEvernoteのマイクロインタラクションを観察し、それらがユーザーに与える効果を考察します。

----

ノートへの写真の追加
マイクロインタラクションと呼ぶには大きな機能のため、インタラクションを細かく分解してみます。

1. ノートを開いた状態でカメラアイコンをタップする

もっとみる
わーい。ありがとうございます!
69

Twitterのマイクロインタラクション

前回はInstagramのマイクロインタラクションを観察しました。今回はTwitterのマイクロインタラクションを観察し、それらがユーザーに与える効果を考察します。

-----

新しいツイートの表示
ホーム画面で新しいツイートがあると、画面上部にラベルが表示される。タップすると該当位置までスクロール。iOSの更新UIとして定番化したPull-to-refresh(引っ張って更新)が初めて使われ

もっとみる
よろしければシェアもお願いします!
104

Instagramのマイクロインタラクション

マイクロインタラクションにおいて、アニメーションなどの細部の作り込みや、それに伴う体感的な心地よさは大切ですが、手法に寄りすぎてしまうと導入意図やそれらが生み出す効果を見失いがちです。
そこで、マイクロインタラクションをデザインする際のインプットとして色々なアプリの挙動を観察し、それらがユーザーに与える効果を考察します。
今回はInstagramのマイクロインタラクションの観察です。

マイクロイ

もっとみる
わーい。ありがとうございます!
148