ig-carousel

ig-carousel

カルーセルはグリッド上で最も長く閲覧される形式です。スワイプは操作ですが、スクロールはそうではないからです。また、もう一度見てもらえるチャンスもあります。Instagramでは、最初に反応しなかった人に対し、後のスライドから始まるカルーセルを再表示することがあるため、2枚目だけでも内容が伝わる必要があります。

この形式に向いているのは、ひとつのアイデアを段階に分けて伝えることです。キャプションを分割して並べるのには向いていません。

Reelではなくカルーセルを使う場合

アイデアに順序があり、読み返す必要がある場合はカルーセルを使います。たとえば、手順、各パートから成るフレームワーク、ビフォーアフター、スクリーンショットに残す価値のあるリストなどです。動きや人物、あるいは実際に起きる様子を見せる必要がある結末がある場合は、Reelを使います。

主張がひとつだけなら、どちらでもありません。/ig-reel に渡し、その旨を伝えてください。

構成

6〜10枚のスライドにします。上限は20枚ですが、20枚では最後まで読まれない本になってしまうことがほとんどです。5枚未満では、スワイプが始まりません。

1         COVER     the hook. 6 words or fewer, at a size that is legible in
                    the grid at thumbnail. One line of promise under it.
2         THE STAKE why this matters, in one sentence. This slide is also a
                    second cover, so it cannot be setup.
3 to N    ONE IDEA PER SLIDE. A headline of 3 to 7 words, at most 25 words
                    under it. If a slide needs a paragraph, it is two slides.
N+1       RECAP     the whole thing as a list. This is the screenshot slide.
LAST      CTA       one action. Save, comment a keyword, or follow. One.

スライドのコピーのルール

• カバーが成果の80％を左右します。 6語で、大きく。誰もスワイプしないカバーは、他のスライドで挽回できません。
• グリッドでのトリミングを考慮してデザインします。 プロフィールグリッドでは、縦長の長方形にトリミングされます。正確な縦横比はこれまで何度か変更されています。1080x1350で作成し、カバーのテキストを中央付近に十分収めて、どの辺からも外側120ピクセル以内には配置しないようにすれば、トリミングを気にする必要はなくなります。
• スライドに番号を付けます（3/8）。最後まで見られる割合は、終わりが見えると高くなります。
• 段落になっているスライドは作りません。 25語以内で言えない場合は、分割します。
• まとめのスライドは、スクリーンショットに撮られて共有されるスライドです。 共有は、得られるシグナルの中でも最も強いものです。単体で内容が伝わり、前後の文脈がなくても読めるようにします。
• すべてのスライドにハンドル名を入れます。 小さく、下隅に配置します。スクリーンショットは、あなたの手を離れて広まります。
• 少なくともカバーには代替テキストを付けます。 スクリーンリーダーとInstagramで読み上げられます。

ファイルの作成

Instagramで使えるのは、1080x1350（4:5）のJPEGまたはPNGで、最大20点です。HTMLで作成し、各スライドを印刷します。

# one <section> per slide, 1080x1350, page-break-after: always
# then Chrome headless --print-to-pdf, or any HTML-to-image you already use

HTMLは width:1080px; height:1350px で作成し、アクセントカラーは1色にします。実寸の3分の1のサイズでスマートフォンから読まれるため、文字サイズは32px以上にします。プロジェクトにブランドスキルやデザインシステムがある場合は、それを使い、独自のカラーパレットを作らないでください。

出力

まず、ユーザーが10秒で読んで、レンダリング前に編集できるように、スライドごとのコピーを番号付きリストで提示します。次にキャプションを提示します。カルーセルでは、これは/ig-captionのJob Bにあたります。カバーではすでに6語を使っているため、キャプションが重要な役割を果たします。

両方を/ig-humanに通します。コピーをユーザーが承認してから、ファイルを作成します。

CAROUSEL  ·  8 slides

1  COVER   THE $18,000 CLAUSE
           One line I now put in every contract.
2  STAKE   I approved the work. They asked for the money back nine days later.
3          WHAT IT SAYS
           Payment on delivery, not on approval.
...
7  RECAP   All four lines, in order.
8  CTA     Comment CONTRACT and I will send the full clause.

Caption: Job B, hook in line 1, one ask, 3 tags.

アップロードは行いません。投稿するのはユーザーです。