- UI/UX
興味を持ちそうなタイミングで実績をチラ見せ(トースト表示)

第2セクション到達時に実績をさりげなく表示するトースト通知の実装方法を解説。IntersectionObserverとCSS・JavaScriptで、UXを損なわない配慮(1.5秒表示、音なし、1回のみ)により社会的証明効果を高める技術を紹介します。
- UI/UX
“次にすべきこと”が現れる ─ 説明文読了で次のCTAを淡くスライドイン

IntersectionObserverで読了を検知し、適切なタイミングでCTAボタンをスライドイン表示させるUX改善テクニック。JavaScriptとCSSアニメーションを使った実装方法とCVR向上の効果を解説します。
- UI/UX
価格比較で”選ばせる”─ 中央の列をハイライト

スマホの価格表で離脱率67%の問題を解決。横スクロール時に中央のプランだけをハイライト表示する実装で、プラン選択率が52%向上した事例を紹介。CSS変数とJavaScriptを使った実装方法をコード付きで詳しく解説します。
- UI/UX
CVに繋げるUI/UXデザインのポイント(3)

こんにちは。FASTCODING UI/UXデザイナー、一富士二鷹三茄子です。 今回もCVに繋げるUI/UXデザインのポイントをご紹介します。CVを妨げる要因は色々ありますが、ユーザーにとって初めて訪れたサイトやサービス […]
- UI/UX
CVに繋げるUI/UXデザインのポイント(2)

こんにちは。FASTCODING UI/UXデザイナー、一富士二鷹三茄子です。 前の記事で、CVに繋げるデザインを作るためには、ユーザーの見えない心理を掴み、情報設計することが大切であると説明しましたが、今回はそれををい […]
- UI/UX
CVに繋げるUI/UXデザインのポイント(1)

こんにちは。FASTCODING UI/UXデザイナー、一富士二鷹三茄子です。 サービスを運営する上では、ユーザーが定着してくれない・CVに至る前にサイトから離脱してしまう…などの問題は良く起こります。これは、サービス提 […]






