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

4
ノート

XDを使った簡単なアニメーション

こちらの方のTwitter投稿からインスピレーションを受け、同じようにAdobe XDで簡単なアニメーションを作成してみました。

▼参考 コンセプトと動きが明快でいいですよね!

ハロウィン中のちょっとした遊びがコンセプト

僕はハロウィン中にダークモードに変えたら、こんなマイクロインタラクションが起きたら面白そうだなと思って作成しました。
ツール:Adobe XD (自動アニメーション)
所要

もっとみる
ありがとうございます!
7

「クラシルのお気に入り」をリデザインしてみました!

前回に引き続き、クラシルのリデザインです。今回はお気に入りについて改善してみたいと思います。

▼前回の記事はこちら

お気に入りを追加する際の挙動

お気に入りに追加するとモーダルでどこの階層に保存をするか聞かれます。
▼BEFORE

これがザッピング中に毎回差し込まれるので少しテンポが悪くなるなと感じました。
どんな作業でもA工程をまとめて、B工程を一気にやるという方が効率的ではないかと仮説

もっとみる
ありがとうございます!
13

「クラシル」をリデザインしてみました!

久しぶりのリデザイン記事です。
過去にも架空の乗り換えアプリやGoogle翻訳、YouTubeなどリデザインしてきました。最近ではファミリーマートのサービスデザインを勝手に作っています。ファミリーマートさんに届いて欲しい!

次なる課題を探していたら、クラシルの坪田さんはリデザインに対するスタンスがオープンだったので提案させていただきます。もちろんマイクロインタラクションも意識していきます。

もっとみる
ありがとうございます!
16

ある1日に見たマイクロインタラクション

前回の投稿した、「身の回りにあるマイクロインタラクション」の第2弾になります。1日に何回マイクロインタラクションに出会うのか?をメモしていきたいと思います。

5:30 Powerbeats Proの同期

朝一のマラソンを日課にしています。最近導入したpowerbeatsproのイヤホンは蓋を開けるだけでiPhoneと同期します。片方のイヤホンを外すと自動的に音も止まります。とにかく走りやすい!

もっとみる