Upgrade to Pro — share decks privately, control downloads, hide ads and more …

KARTE Growth Pick Ups May 2021

KARTE
May 17, 2021

KARTE Growth Pick Ups May 2021

KARTE Growth Pick Ups 2021年5月号です。

KARTE

May 17, 2021
Tweet

More Decks by KARTE

Other Decks in Business

Transcript

  1. ʛɹɹɹɹ© PLAID, IncɹɹɹɹʛɹɹɹɹConfidential Growth Pick-upsʂ 2021 5

  2. ʛɹɹɹɹ© PLAID, IncɹɹɹɹʛɹɹɹɹConfidential 2 Growth Pickups 5⽉号 ⽬次 シナリオストア リニューアル

    シナリオストア内に「テーマ(β)」コンテンツをリリースしました • シナリオストア テーマ(β)とは? • この機能で得られるメリット • 機能説明 • (旧)接客シナリオとの違い 特集:アクションエディタの使い⽅ 徹底解説!アクションエディタの使い⽅をマスターしよう • アクションエディタで編集できること(概要) • アクションエディタを使いこなそう! • 基本の編集(画像) • 基本の編集(テキスト) • 基本の編集(ボタン) • 最⼩化表⽰の追加 • アクションの表⽰⽅法を変更する • KARTEのデータをテキストに挿⼊ • アクションエディタを使いこなして、より良い接客体験をつくりましょう! P 3 P 13
  3. ʛɹɹɹɹ© PLAID, IncɹɹɹɹʛɹɹɹɹConfidential シナリオストア リニューアル シナリオストア内に
 「テーマ(β)」コンテンツを リリースしました🎉 3

  4. ʛɹɹɹɹ© PLAID, IncɹɹɹɹʛɹɹɹɹConfidential シナリオストア テーマ(β)とは? 4 ⽬的から施策を考えるためのガイドです。 課題(テーマ)ごとに考え⽅のシナリオテンプレートを⽤意 しているため、施策を設計しやすくなります。 シナリオストア

    テーマ (β) とは? 旧接客シナリオはデザインベースで設計されていたため、⾃ 社の仮説に沿った施策を考えにくい(振り返りにくい)とい う声がありました。顧客体験を⾼める施策のアイデアを膨ら ませられるような構造のコンテンツを提供したいと思い、今 回新たに追加いたしました。 テーマ (β) を開発した背景 KARTE利⽤初期のユーザー、施策アイディアが思い浮かばな い⽅におすすめです! どんな⼈におすすめ? CX Clip 施策を考えるためのガイド「シナリオストア テーマ(β)」の開発背景や活⽤法についてご紹介します! より詳細な開発背景や活⽤⽅法はCX clipをみてね
  5. ʛɹɹɹɹ© PLAID, IncɹɹɹɹʛɹɹɹɹConfidential 5 この機能で得られるメリット Friendsの得られるメリット 接客作成をはじめる
 きっかけになる 最初から接客作成フローに⾶び込むよりも、 


    ⾒える情報が少ないため、 
 作成のハードルを下げられる 施策を構造的に考える
 ヒントになる 「初回来訪ユーザー向けには施策出来てるけど、 リピーター向けには出来てないな」 とか
 ジャーニーの中での抜け漏れに気づける 施策アイデアを考える
 ⼒がつく KARTEを使い続けることで施策を考える⼒が
 ついて、 マーケターとして成⻑していける
 (という仕組みをKARTEが作りたいと考えている) 1 2 3
  6. 6 ʛɹɹɹɹ© PLAID, IncɹɹɹɹʛɹɹɹɹConfidential 機能説明 シナリオを⽬的毎に分けてテーマ化 対象ユーザーの条件がシナリオに紐付く ように ⾃分で施策アイデアを考えられるきっかけに プレーンなテンプレートから接客を作れるように

    シナリオストア テーマ (β) 画⾯ 1 2 3 4 シナリオストア(テーマ)の利⽤⽅法 サポート サイト
  7. ʛɹɹɹɹ© PLAID, IncɹɹɹɹʛɹɹɹɹConfidential 機能説明 7 シナリオを ⽬的毎に分けてテーマ化 順番に実施していく ことで、 サイ

    トのグロースに必要な ⼀連の施策を網羅的に実施していけるようになります。 1
  8. ʛɹɹɹɹ© PLAID, IncɹɹɹɹʛɹɹɹɹConfidential 機能説明 8 対象ユーザーの条件が シナリオに紐付くように セグメン ト作成や設定の⼿間をスキップして、 微調整だけで接客を作ることができます。

    2
  9. ʛɹɹɹɹ© PLAID, IncɹɹɹɹʛɹɹɹɹConfidential 機能説明 9 アイデアの箇条書きと 関連する施策事例を掲載 アイデアの箇条書きと、 関連する施策事例を掲載することで、 ⾃分で施策アイデアを考えるきっかけになります。

    3
  10. ʛɹɹɹɹ© PLAID, IncɹɹɹɹʛɹɹɹɹConfidential 機能説明 10 プレーンなテンプレートから 接客を作れるように 作り込まれていないプレーンなテンプレートをベースに、 
 ⾃社のアイデアやデザインを反映した接客が作りやすくなります。

    4
  11. ʛɹɹɹɹ© PLAID, IncɹɹɹɹʛɹɹɹɹConfidential (旧)接客シナリオとの違い 11 Q. 「接客シナリオ」 はどうなる ? A.

    引き続き残ります。 • これまでの接客シナリオ … アクション • 今回つく ったもの … テーマ として、 タブで⾏き来できるようになります。
  12. ʛɹɹɹɹ© PLAID, IncɹɹɹɹʛɹɹɹɹConfidential 12 (旧)接客シナリオとの違い Q. 「テーマ」 と 「アクション」 どう使い分ければいい?

    テーマ(β) アクション(旧:接客シナリオ) こんな時におすすめ • 何から施策をすればいいか迷っている時 • ユーザーのステージに合わせて、構造的に施策をして いきたい時 • 対象にすべきユーザーや、課題の分解の仕⽅を⾝に付 けたい時 • 具体的にやりたい施策が決まっている時 • 他社事例を取り⼊れたい時 • アクションのアイデアを考えている時 ⼀⾔でいうと 施策を考える⼒をつけるためのガイド すぐ試せるアクションのネタ図鑑 対象ユーザー プリセットされている(微調整できる) ⼿動で設定が必要 施策のアイデア アイデア⼀覧・参考記事をもとに考える 施策事例が1:1で紐付いている アクションのテンプレート プレーンなテンプレートを元に考える インストールして使える
  13. ʛɹɹɹɹ© PLAID, IncɹɹɹɹʛɹɹɹɹConfidential アクションエディタの使い⽅ 13 徹底解説!アクションエディタの使い⽅をマスターしよう 接客サービスの編集画⾯(接客サービス作成フロー)の「アクション」から編集に⼊った画⾯を「アクションエディタ」と呼び、そこで 選択したテンプレートに対して⾒た⽬(クリエイティブ)と表出⽅法の編集ができる画⾯です。 アクションの編集⽅法 サポート

    サイト お客様⽬線 プレビューの背景には実際に 配信を予定しているサイトの ページを選ぶ(直接URLを指 定する)ことが可能で、お客 様の⽬線で配信イメージを確 かめながら編集することがで きる。 直感的 編集した内容が即座にプレビューに 表⽰され、直感的に編集ができる。 HTML / CSSの編集ができなくても、思 い描いたポップアップを簡単に作成する ことができるのがアクションエディタの すごいところ! 誰でもできる テンプレートの要 素はノーコードで 編集可能なため、 特別なスキルがな くてもサイトに馴 染んだアクション を作成できる。
  14. ʛɹɹɹɹ© PLAID, IncɹɹɹɹʛɹɹɹɹConfidential アクションエディタの使い⽅ 14 アクションエディタで編集できること(概要) KARTE提供テンプレートについて KARTE提供テンプレートは、どんなサイトにも馴染みやすいよう、それぞれの要素の⼤きさや組み合わせを考え、構成されています。そのバランスが⼤きく崩 れてしまうと、サイトに馴染まないだけでなく、単純に⾒栄えやサイト⾃体の印象が悪くなってしまうリスクも潜みます。 ⾼度なデザインスキルや専⾨知識がなくても、誰が編集しても整った⾒た⽬のポップアップが作成できるのがKARTE提供テンプレートとエディタの操作項⽬の

    特徴です。なお、この資料でご案内するエディタ機能はすべてテンプレート v2を対象としたものです(テンプレートのバージョンについては後述します)。 アクションエディタでは、選択したKARTE提供テンプレートの画像・テキスト・リンク先ボタンの変更ができます。スタイル(⾊やサイ ズ等の“⾒た⽬”に関する部分)とアニメーションなどの表出⽅法を編集することができます。 アクションエディタの基本機能 1.アクションの⾒た⽬を編集する
 選択したテンプレートから、テキスト、画像、⾊などを変更。 2.アクションの表出⽅法を編集する
 アクションが表⽰される際のアニメーション、配信ページで表 ⽰される具体的なタイミングを指定。
  15. ʛɹɹɹɹ© PLAID, IncɹɹɹɹʛɹɹɹɹConfidential アクションエディタの使い⽅ 15 参考:KARTE提供テンプレートのバージョンについて カスタマイズについて KARTEのアクションテンプレートは、HTML / CSS

    / Javascriptで構成されています。エディタ画⾯では、HTML / CSS / Javascriptを直接編集できるカスタマイ ズ画⾯を⽤意しているため、スクラッチから作るのと同じレベルで編集することも可能です。残念ながらカスタマイズ画⾯で⾏う編集は⼀般的なHTML / CSS / Javascript⾔語の範囲となるためサポート対象外となってしまいますが、KARTE固有の記述や仕様についてはKARTE Develpers Portalにドキュメントをご⽤意 しています。 この資料で紹介するエディタの機能はv2のテンプレート固有のものが含まれます。例えば、v1のテンプレートでは最⼩化ステートの追加 やボタンの追加はできませんのでご注意ください。 KARTE Develpers Portal Dev Portal 注意点 • KARTE提供テンプレートにはバージョンがある • 現⾏はv2(バージョン2) • テンプレート選択画⾯のサムネからバージョンは確認できる v1のテンプレートについては今後提供を終了する可能性もあるため(時期等詳細は不明)、v2のテンプレートを ご利⽤いただくことをお勧めしています。なお、ストアからダウンロードした接客にセットされているアクショ ンはすべてv2テンプレートをもとに作成されたものです。
  16. ʛɹɹɹɹ© PLAID, IncɹɹɹɹʛɹɹɹɹConfidential アクションエディタの使い⽅ 16 画像挿⼊の際の基本知識: • テンプレートに指定された画像の倍のサイズの画像で、どのデバイス でも綺麗に表⽰されます。 •

    元画像の縦横⽐率を維持したまま⾃動調整して配置するので、正⽅形 なのか⻑⽅形なのか、ざっくりと同じ形状の画像を⽤意して当てはめ てもOKです。 アクションで、最も⽬を引く「画像」はほとんどのテンプ レートでデザインに含まれています。⽂字やボタンのみの ポップアップに⽐べ、⽬を引くことで訴求⼒も⾼くなる「画 像」の利⽤に関して基本的なノウハウをご案内します。 登録されているアクションの画像サイズはどのように確認できますか? サポート サイト アクションエディタを使いこなそう! 基本の編集(画像) 👉Tips:画像がすぐに⼿に⼊らなかったり、デザイナーに画像作成を 依頼する⼯数がかかる場合などは、すでにサイトで利⽤している画像を 使⽤するも⼀つの⼿です。 マウスオーバー時の表⽰ ⼿元にあるファイルを KARTEにアップロードして 使う場合は「ファイル⼀覧 から」、過去にKARTEに アップロードした画像を使 う場合は「アルバムから」 変更してください。
  17. ʛɹɹɹɹ© PLAID, IncɹɹɹɹʛɹɹɹɹConfidential アクションエディタの使い⽅ 17 テキスト編集の際の基本知識: • ⾒出し、詳細テキストともに挿⼊できるテキストの⽂字数制限はな く、挿⼊されたテキストの⽂字数に応じて⾃動で改⾏されます。 •

    ポップアップ全体の⻑さも、改⾏に応じて⾃動で伸びます。 • 任意の場所で改⾏を⼊れることも可能です。 • 中央寄せ・左右寄せなどテキストの配置はテンプレートで固定されて います。 • テキストカラーの変更は「スタイル」から⾏います。 テキストボックスは、基本的にタイトルとなる「⾒出し」と 補⾜⽂章を⼊れる「詳細テキスト」で構成されています。 テキストが⻑くなる場合、ここをドラッグして 表⽰エリアを広げることができます。 アクションエディタを使いこなそう! 基本の編集(テキスト) 👉Tips: • ⽂字数が⻑くなってしまうと、ポップアップが伝えたいメッセージが ぼやけてしまうため、簡潔な⽂章を⼼がけてください。 • 情報量が多くなる場合は、ボタンで別ページに⾶ばすなどの⼯夫をし てみてください。
  18. ʛɹɹɹɹ© PLAID, IncɹɹɹɹʛɹɹɹɹConfidential アクションエディタの使い⽅ 18 ボタン編集での基本知識: • ボタンレイアウトと個数はプルダウンから選択できる • 遷移先にサイト外のURLを指定してしまうとKARTEでその先の⾏動を

    追えないので要注意 • ボタンの⾊をサイトの配⾊に合わせると、サイトに馴染みやすい KARTE提供テンプレートのボタンは、基本的に別のURLへの 遷移を想定していますので、必ず遷移先URLを⼊⼒してくだ さい。これはKARTEの接客を配信することで、お客様に次の ページすなわち次のサイト内⾏動に誘導することを⽬的とし ているためです。 アクションエディタを使いこなそう! 基本の編集(ボタン) 👉Tips:指定したURL遷移時に別ウィンドウで開く指定をすることも 可能です。もともと⾒ていたページを閉じさせたくない場合(フォーム ⼊⼒ページ上で出した接客でFAQページへ遷移させる場合にフォーム⼊ ⼒中のページを閉じたくないなど)臨機応変にチェックを⼊れてご利⽤ ください。
  19. ʛɹɹɹɹ© PLAID, IncɹɹɹɹʛɹɹɹɹConfidential アクションエディタの使い⽅ 19 v2のテンプレートを使⽤しているKARTEの接客アクション は、複数のステート(表⽰状態)をもたせることが可能で す。ステートとは、ポップアップが複数枚で成り⽴っている 状態です。1枚⽬の表⽰となるステート1でバナーを表⽰、ク リックし2枚⽬の表⽰となるステート2でカード表⽰といった

    動きはステートがあることで実現しています。KARTE提供テ ンプレートでは、アクションエディタから簡単に最⼩化表⽰ のステートを追加することができます。 最⼩化表⽰を使⽤する際の基本知識: • 選択したテンプレートが表⽰される前または後に最⼩化表⽰のステー トを追加できます(前後の別はチェックボックスで指定)。 • 最⼩化表⽰は、⼿元の画像またはテキストボタンの形式から選択。 アクションエディタを使いこなそう! 最⼩化表⽰の追加 👉Tips:⼀度ポップアップを閉じてしまっても、同じPVにいる間はい つでもポップアップをお客様の好きなタイミングで表⽰させることがで きるよう、ポップアップをアイコンにしまっておくような感覚で最⼩化 表⽰を利⽤することができます。
  20. ʛɹɹɹɹ© PLAID, IncɹɹɹɹʛɹɹɹɹConfidential アクションエディタの使い⽅ 20 アクションが表⽰されるときの アニメーション と、アクショ ンが表⽰されるまでの 間(配信条件に合致してからすぐに表

    ⽰するのか、⼀定秒数 / スクロールの間を置いて表⽰するの か)をエディタで指定することができます。 アニメーション 表⽰されるときにスライドインやバウンスすることで、お客様の⽬を引 くことができます。あえてポップアップの存在をアニメーションにより ⽬⽴たせることで、伝えたい情報にしっかりとお客様の⽬を向けさせる ことができます。 表⽰・⾮表⽰タイミング 特別アクションで指定していない限り通常は、接客サービスの配信条件 に合致する⾏動をお客様が取ったときに接客サービスの配信判断がくだ り、すぐにアクションが表⽰されます。表⽰までのタイミングを設定し て「間」を取ることで、より適切な瞬間にメッセージを届けられます。 アクションエディタを使いこなそう! アクションの表⽰⽅法を変更する
  21. ʛɹɹɹɹ© PLAID, IncɹɹɹɹʛɹɹɹɹConfidential アクションエディタの使い⽅ 21 ユーザー情報を埋め込んだアクション配信を⾏う(ユーザー情報変数) サポート サイト ポップアップに引⽤したいデータを 「ユーザー情報変数」として定義

    ポップアップが表⽰されたとき、「◦◦様、こんにちは」や 「◦⽉⽣まれの⽅へのプレゼント」のようにパーソナライズ されたメッセージが⼊っていると⽬を引きませんか?お客様 のお名前情報やお誕⽣⽇情報などがKARTEに連携されている 場合、そのデータを動的に(表⽰するお客様に合わせて)挿 ⼊することが可能です。 右記例のように、名前・誕⽣⽉の両⽅を表⽰したい場合、名 前を引⽤するための変数と、誕⽣⽉を引⽤するための変数の 2つの定義が必要です。定義した変数をテキスト内に #{ } と 記述することで配信されたポップアップにお客様の情報が⼊ ります。 アクションエディタを使いこなそう! KARTEのデータをテキストに挿⼊ テキスト内に変数で記述して 動的にデータの挿⼊をする 👉お客様に合わせたメッセージを実現! 1 2
  22. ʛɹɹɹɹ© PLAID, IncɹɹɹɹʛɹɹɹɹConfidential アクションエディタの使い⽅ 22 この特集ではアクションエディタの細かな機能の活⽤⽅法を ご案内させていただきました。 KARTE提供テンプレートを、アクションエディタで編集する だけで誰でも簡単にポップアップを作ることができますが、 さらにステップアップしてサイト全体でデザインに⼀貫性を

    もたせる⽅法などについて、KARTE Academyにてオンライ ンで⾃学できるコンテンツを揃えています。 ぜひこれらのコンテンツも参考にしながら、より良い体験を KARTEを通じてお客様に提供してください! アクションエディタを使いこなして、 より良い接客体験をつくりましょう! KARTE Academyはこちら KARTE Academy KARTE Academy 「よい顧客体験」をデザインし、実現でき る⼒を⾝に付けられるようにサポートする 総合学習プラットフォーム
  23. ʛɹɹɹɹ© PLAID, IncɹɹɹɹʛɹɹɹɹConfidential Growth Pickups バックナンバー 23 Growth Pickups バックナンバーはサポートサ

    イトからチェック! Growth Pickupsでは、KARTEの新機能アップデート情報や活 ⽤Tipsなど、KARTE Friendsの皆さまにお伝えしたい情報を PDF形式で毎⽉厳選してお届けしています。 Growth Pickupsで取り上げた「接客したユーザーの平均購⼊ 単価」「特集:“⼈感”のある接客事例」もどうぞお⾒逃しな く! 接客したユーザーの「平均購⼊単価」が⾒ら れるようになりました 特集:“⼈感”のある接客事例 Growth Pickups 4⽉号 ダウンロードはこちら サポート サイト Growth Pickups すべてのバックナンバー サポート サイト
  24. ʛɹɹɹɹ© PLAID, IncɹɹɹɹʛɹɹɹɹConfidential 24 ⾒出しテキスト