『すごい習慣』アプリに仕込んだマイクロインタラクションについて語る
少し前に「すごい習慣」なるiPhoneアプリをリリースしたのですが、ささやかなマイクロインタラクションをいくつか仕込んでいます。
たまに人に見せたりするのですが、「全然気づかなかった!」とよく言われるので(涙)、ここで紹介してみることに。
このアプリでは左上にロボットっぽいキャラがいるのですが(名前はまだない)、実は地味にアニメーションしていたりします。
- 普段はふわふわと漂っている(よーく見ると上下している)
- 習慣を達成すると「いいね!」してくれる(サムズアップ)
- すべての習慣を達成すると スヤスヤと眠りにつく…
気づきにくい箇所なので拡大して動画にしてみました。
なお、これらの動きはFigmaでちまちま作り込んだあとにLottieで組み込んでいます。

AIで誰もがアプリを作れる時代だからこそ、こうしたマイクロインタラクションの作り込みが大事なはず…。他のアプリでも細か〜いところを作り込んでいたりするので、これから少しずつ紹介していこうと思います。
「すごい習慣」アプリが気になってしまった方は詳細は以下よりぜひどうぞ(宣伝)。
App Store すごい習慣 - ダイエットも筋トレも勉強も記録して目標達成アプリ - App Store DOTINSTALL Co., Ltd.の「すごい習慣 - ダイエットも筋トレも勉強も記録して目標達成」をApp Storeでダウンロードしてください。スクリーンショット、評価とレビュー、ユーザのヒント、「すごい習慣 - ダイエットも筋トレも勉強も記録して目標達成」に似たゲームを見ることなどができます。
人気記事
-
【ハングルアプリ開発日誌】 目標を決めて、コンテンツを整えて、クイズ機能を詰めた 0 -
Kindleの期間限定無料マンガが読める『tadayomi.com』をちょこっと更新、おすすめマンガのご紹介 0 -
【2026年7月】 最近読んで面白かったマンガまとめ(異世界転生系を除く) 0 -
【ハングルアプリ開発日誌】 テンションあげるために少しだけデザインについて考える 0 -
開発環境の起動は実行ファイルにしておくと便利 0 -
【ハングルアプリ開発日誌】 コンテンツの詳細化に着手 0 -
【ハングルアプリ開発日誌】 噂のClaude Fable 5による設計...からのアプリUI試作へ 0 -
さめがめ風のカジュアルパズルゲーム『POP*POP』を作ってみた 0 -
【ハングルアプリ開発日誌】 「アプリの作り込みってどうしているの?」とよく聞かれるので、アプリの開発日誌をゆるっと始めてみます 0 -
【2026年版】 ソウル旅行に行くときに知っておくと良さそうなこと 0 -
3Dプリンターでこれまで印刷したなかで一番気に入っているモデル「Double Face」について語る 0 -
Kindleの「期間限定無料マンガ」だけをまとめたサイトを作ってみた(tadayomi.com) 0 -
/review-post なるスキルを設定してから文章を書くのが楽しくなった 0 -
バッドなデザインはグッドなリマインダーになるよね、というお話 0 -
Manusで挫折した「画像から動画」をSeedanceで試してみたらすごかった 0 -
『サブスク管理』アプリのショート動画をManusで作ったお話、かかったコスト 0 -
AI開発は並行作業&エージェント中心のUIに?満を持して登場した『Claude Code』のデスクトップ版がとても良い... 0 -
周辺視野を鍛えられる?数字をタップしていくカジュアルゲーム『Tap Tap 25』をリリースしました 0 -
ダイエット・筋トレ・勉強のお供に!iPhoneアプリ『すごい習慣』をリリースしました 0 -
【アプリ開発日誌】 行動観察調査がやっぱり大事... 0 -
【macOS/iOS】 メニューバーに常駐する3ページ限定のメモアプリ、『IDEA*PAD』をリリースしました 0 -
【アプリ開発日誌】 Apple AdsのマーケティングをGitHub Actionsで自動化した 0 -
【アプリ開発日誌】 AIでデジタルマーケティング実践中、PencilやZellijを導入などなど 0 -
【アプリ開発日誌】 ときどき日記、サブスク管理...などなど、最近の開発状況まとめ 0 -
【2026年2月版】 最小構成ではじめるOpenClawセットアップガイド(HOSTINGER + Discord) 0 -
Bambu Lab A1 mini + AMS 2 Pro + BIQU Panda Stackで、快適3Dプリンター生活を始める方法 0 -
シリコンバレーの注目スタートアップランキングを毎朝配信!『Product Hunt Pickups』を作ってみた 0 -
macOS用のClaudeUsageBarがやっぱり便利 0 -
AeroSpaceを使い始めた人向けのTips集 0