NextStep
NextStepはNext.js及びReactアプリでインタラクティブなプロダクトツアーを作成するためのオープンソースのオンボーディングライブラリです。アニメーションには framer-motionが用いられています。
初めて訪れる、或いは初めて利用する新規ユーザーにアプリの使い方を簡単にレクチャーする、いわゆるサイトツアーコンテンツを実装、管理できる、というもの。
アプリの使い方や最初に何をすれば良いのかが分からず離脱されてしまう問題を解決するためのもので、ステップごとに指定したDOMにスムーズに移動しながらハイライトを交えたりコンタクトフォームを表示したりしながらステップ・バイ・ステップ方式で使い方をガイドする事が出来ます。
デモを触った感じ、動作も軽量、動きも軽快でとても分かりやすく伝える事が出来そうでした。ユーザー獲得にオンボーディングを意識するのは非常に重要だと思いますが、割とおざなりにされがちという印象もあります。しっかりサポートして顧客となってもらいたいですね。使い方や詳細はドキュメントをご参照ください。
