ウォークスルー
チュートリアルは、リッチコンテンツを特徴とする複数ステップのチェックリストを介して、ユーザーを拡張機能にオンボーディングするための一貫したエクスペリエンスを提供します。
✔️ すべきこと
- 現在のチュートリアルステップにコンテキストを追加するために役立つ画像を使用します。
- 画像が異なるカラーテーマで機能することを確認してください。可能であれば、VS Codeのテーマカラーを使用してSVGを使用してください。Visual Studio Code Color Mapper Figmaプラグインを使用すると、SVGのテーマ設定を簡単に行うことができます。
- 各ステップにアクション(例:すべてのコマンドを表示)を提供します。可能な場合は動詞を使用してください。
❌ すべきでないこと
- 単一のチュートリアルに過剰な数のステップを追加する
- 絶対に必要な場合を除いて、複数のチュートリアルを追加する