kintone Style Book - Speaker Deck

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Index 目次 Copyright © Cybozu, Inc. 01 01 Introduction はじめに 02 kintone Style Book とは？ 03 kintoneの存在意義 04 02 kintone Mind kintoneの価値観 05 kintone Mindとは？ 06 03 kintone Style kintoneの振る舞い 11 kintone Styleとは？ 12 Warm Smart（ぬくもりスマート） 13 デザイントーン 14 展開例 15 04 kintone Look kintoneのデザインエレメント 17 kintone Lookとは？ 18 カラー 19 フォント 23 写真 25 イラストレーション 27 kintoneサークル 30 デザインパーツ 31 05 Voice & Tone kintoneのテキストコミュニケーション 32 ボイス &トーン 33 更新履歴 35

Slide 3

Slide 3 text

Slide 4

Slide 4 text

01 Introduction kintone Style Book とは？ Copyright © Cybozu, Inc. 03 「kintone Style Book」は、「Mind (価値観)」、「Style (振る舞い)」、「Look (見た目)」という3つの柱で構成されています。これらは、関わるすべての人が、キントーンへの理解を深め、同じ世界観を共有するためのものです。ここにあるのは、表面的な演出のルールではありません。キントーンの本質がどのように形となるかを示す、「キントーンらしさ」そのものです。このStyle Bookを源として、みなさんの自由な発想と創造力で、キントーンの世界が無限に広がっていくことを願っています。 “ kintone Style Book とは？

Slide 5

Slide 5 text

01 Introduction kintoneの存在意義 Copyright © Cybozu, Inc. 04 社会には、企業や官公庁、自治体、教育、医療といったさまざまな  チームが存在します。それぞれが大切な使命を担い、理想の未来を  追い求め奮闘しており、その原動力にチームワークは不可欠です。私たちサイボウズは、誰もが自分らしく活躍し、立場やスキルに  関わらず互いに尊重し合いながら、理想に向けて進んでいける。  そんなチームワークあふれる社会を目指しています。その実現を後押しする「kintone（キントーン）」は、プログラミング知識不要で始められるノーコード・ローコードツール。現場のアイデアをスピーディーかつ低コストにかたちにすることで、主体的な業務改善への挑戦を支え続けます。さらに、数多くのパートナーやユーザーとの連携が、チームの可能性を無限に広げ、理想に向けた歩みを加速させます。あらゆるチームが、あふれるチームワークで鮮やかな未来を  創造することを信じて。  キントーンは、世界中のチームをサポートし続けます。 “ kintoneの存在意義

Slide 6

Slide 6 text

Slide 7

Slide 7 text

02 kintone Mind kintone Mindとは？ Copyright © Cybozu, Inc. 06 kintone Mindとは、キントーンを一人の人間とした時、どのような信念を持つか定義したもの。それは、どのような状況下でも変わることのない「その人らしさ」であり、核となる不変の価値観です。キントーンは、このMindを大切にしながら、あらゆるコミュニケーションを展開します。 “ kintone Mindとは？

Slide 8

Slide 8 text

02 kintone Mind kintone Mind Copyright © Cybozu, Inc. 07 Open & Positive オープンと前向き自身の知識やスキルを気軽に共有し、いつでも力になりたいという思いがあり「いいね！やってみよう！」が口癖です。チームで理想を実現することに前向きで、仲間と共に壁を乗り越えていくことに喜びを感じます。 03 Flexible & Responsible 柔軟性と責任感チームの理想を実現するために、変化を柔軟に受け入れ、積極的に成長しようと努力します。そして、自分の役割で最大限貢献しつつ、仲間の力を結集し、チーム全体での目標達成を目指します。 02 Inclusion & Empowerment 受容と促進一人ひとりの個性や経験を尊重します。そして、開かれた視点から、誰もがチームの中で能力を最大限発揮できる環境づくりをサポートします。 0 1

Slide 9

Slide 9 text

Copyright © Cybozu, Inc. 08 02 kintone Mind kintone Mind 一人ひとりの個性や経験を尊重します。所属部署のような表面的な属性に留まらず、一人ひとりの持つ背景、能力、考え方、価値観など、内面的な多様性を重視します。そして、その個性に対して敬意を払い、尊重したいという意志を持っています。開かれた視点から、一部分に偏らず、全体を視野に入れた、公平な視点です。誰もがチームの中で能力を最大限発揮できる環境づくりをサポートします。誰もが自分の能力を活かし、チームの中で最高のパフォーマンスを発揮できるような環境を目指している。また、その環境は一人でつくるのではなく、仲間と協力しながら構築したいと考えています。 “ Inclusion & Empowerment 受容と促進一人ひとりの個性や経験を尊重します。そして、開かれた視点から、誰もがチームの中で能力を最大限発揮できる環境づくりをサポートします。 0 1

Slide 10

Slide 10 text

02 kintone Mind kintone Mind Copyright © Cybozu, Inc. 09 チームの理想を実現するために、変化を柔軟に受け入れ、積極的に成長しようと努力します。チームの目標を達成したいという強い意志があります。そのためなら、新たな課題や環境変化を受け入れる柔軟性を持ち、自己成長にも積極的に励みます。自分の担当領域で最大限貢献しつつ、チームの中での自身の役割をしっかりと理解し、その範囲内で最高のパフォーマンスを発揮することで、チームに貢献したいという責任感を持っています。仲間の力を結集し、チーム全体での目標達成を目指します。自分のスキルでは対応が難しいと感じた場合は、一人で抱え込むのではなく、仲間に協力を仰ぎます。それは、一人でやり切ることよりも、チームで目標を達成することを重視するためです。 “ Fle xi ble & Re spon si ble 柔軟性と責任感チームの理想を実現するために、変化を柔軟に受け入れ、積極的に成長しようと努力します。そして、自分の役割で最大限貢献しつつ、仲間の力を結集し、チーム全体での目標達成を目指します。 02

Slide 11

Slide 11 text

02 kintone Mind kintone Mind Copyright © Cybozu, Inc. 10 自身の知識やスキルを気軽に共有し、いつでも力になりたいという思いがあり「いいね！やってみよう！」が口癖です。自身の知識や情報を出し惜しみせず、共有することで信頼を深め、気軽に協力し合える関係をつくりたいと思っています。困った時には、すぐに力を貸すフットワークの軽さを持ち合わせています。チームで理想を実現することに前向きで、仲間と共に壁を乗り越えていくことに喜びを感じます。個人の力だけでは難しいことも、チームで力を合わせれば乗り越えられると信じています。そのため、個人プレーではなく、チームで協力して目標を達成することにやりがいと喜び感じます。 “ Open & Positive オープンと前向き自身の知識やスキルを気軽に共有し、いつでも力になりたいという思いがあり「いいね！やってみよう！」が口癖です。チームで理想を実現することに前向きで、仲間と共に壁を乗り越えていくことに喜びを感じます。 0 3

Slide 12

Slide 12 text

Slide 13

Slide 13 text

03 kintone Style kintone Styleとは？ Copyright © Cybozu, Inc. 12 kintone Styleとは？ kintone Styleは、「Mind」から自然とにじみ出る、キントーンならではの振る舞いのことです。これは、キントーンの世界観を守るための根幹となります。しかし、私たちがTPOに合わせて服装を選ぶように、キントーンもターゲットや状況に応じて、その表現を柔軟に変化させます。ここで定義するStyleは、確かな軸を持ちながら、最適な表現を創造するためのベースとしての役割を果たします。 Mind kintone Style “Warm Smart” TBD xxxx Warm Smart XXXX TBD xxxx Warm Smart BRIGHT TBD xxxx Warm Smart COOL TBD xxxx Warm Smart XXXX kintone Styleは、ターゲットやシチュエーションで柔軟に変化します。本スタイルブックではベースとなる「Warm Smart」のあり方を説明しています。

Slide 14

Slide 14 text

03 kintone Style Warm Smart（ぬくもりスマート） Copyright © Cybozu, Inc. 13 “Warm Smart” （ぬくもりスマート） “Warm Smart”は、キントーンがコミュニケーションをとる上での基本的な振る舞いです。ここでの「Smart」は、単に高スペックな機能を備えていることを指しているのではありません。課題の本質を捉えて解決に導いたり、複雑な情報を誰にでもわかりやすく伝えたりする、洗練された姿勢を意味します。  そして、その根底には、さまざまな人を受け入れ、寄り添いたいという人間的なぬくもり（＝「Warm」）があります。キントーンの本質からにじみ出る“Warm Smart”な振る舞いは、関わる人に心地良さや安心感を与え、理想達成に向けたポジティブなモチベーションを生み出します。このスタイルは表面的な演出ではなく、キントーンらしさが表出するとどうなるかを定義したものです。表現の認識を共通化し、キントーンの世界観を守ることを目的としています。今までやりたかったことが、ようやく実現します。ノーコードのキントーンが選ばれる理由 ” kin t one （キントーン）は、業務アプリがつくれるサイボウズのノーコードツール。専門的なスキルや知識がなくても、業務をよく知っている自分たちで、自社の業務にぴったりフィットした業務アプリをつくれます。〇〇〇〇〇〇〇〇

Slide 15

Slide 15 text

03 kintone Style デザイントーン Copyright © Cybozu, Inc. 14 “Warm Smart" デザイントーン “Warm Smart”は、キントーンが持つポジティブで明るい雰囲気をあらわすため、イエローを基調にしたメリハリのある印象のデザイントーンになっています。モチーフや文字には、柔らかく丸みを帯びたかたちのものを使用することで人間的なぬくもりをあらわし、それらの強弱と余白をしっかり持たせることで、洗練された姿勢の表現にもつなげます。大小それぞれの円が広がり重なりあう様子は、キントーンによって生まれ、育まれていくチームワークの輪を表現します。前向きに仕事へ取り組む中で生まれる、明るく自然な笑顔のビジュアルは、人間的なぬくもりや安心感へと繋がります。キントーンを使うことで生まれる様々なコミュニケーションやワクワクするモチベーションを、イラストの色味やアテンション表現で表しています。要素間に適切な余白を設け、タイトルと本文のジャンプ率を高める表現は、キントーンの明快さと洗練された印象へ繋がります。ノーコードのキントーンが選ばれる理由 ” kintone（キントーン）は、業務アプリがつくれるサイボウズのノーコードツール。専門的なスキルや知識がなくても、業務をよく知っている自分たちで、自社の業務にぴったりフィットした業務アプリをつくれます。キーワードポジティブ明るいぬくもり洗練安心感楽しさ

Slide 16

Slide 16 text

03 kintone Style 展開例 Copyright © Cybozu, Inc. 15 表現のバリエーション例 “Warm Smart”を表現しているイメージボードの一例です。英字のあしらいがある場合別のイラストを使用する場合キャラクターを使用する場合今までやりたかったことが、ようやく実現します。ノーコードのキントーンが選ばれる理由 ” kintone（キントーン）は、業務アプリがつくれるサイボウズのノーコードツール。専門的なスキルや知識がなくても、業務をよく知っている自分たちで、自社の業務にぴったりフィットした業務アプリをつくれます。〇〇〇〇〇〇〇〇今までやりたかったことが、ようやく実現します。 Why choose kintone of No code? Why choose kintone of No co de? ノーコードのキントーンが選ばれる理由 ” kintone（キントーン）は、業務アプリがつくれるサイボウズのノーコードツール。専門的なスキルや知識がなくても、業務をよく知っている自分たちで、自社の業務にぴったりフィットした業務アプリをつくれます。〇〇〇〇〇〇〇〇今までやりたかったことが、ようやく実現します。ノーコードのキントーンが選ばれる理由 ” kintone（キントーン）は、業務アプリがつくれるサイボウズのノーコードツール。専門的なスキルや知識がなくても、業務をよく知っている自分たちで、自社の業務にぴったりフィットした業務アプリをつくれます。〇〇〇〇〇〇〇〇

Slide 17

Slide 17 text

03 kintone Style 展開例 Copyright © Cybozu, Inc. 16 表現のバリエーション例 “Warm Smart”を表現しているイメージボードの一例です。製品画面を使用する場合製品アイコンをランダムに配置する場合製品アイコンを整列配置する場合ノーコードのキントーンが選ばれる理由 ” kintone（キントーン）は、業務アプリがつくれるサイボウズのノーコードツール。専門的なスキルや知識がなくても、業務をよく知っている自分たちで、自社の業務にぴったりフィットした業務アプリをつくれます。〇〇〇〇〇〇〇〇今までやりたかったことが、ようやく実現します。ノーコードのキントーンが選ばれる理由 ” kintone（キントーン）は、業務アプリがつくれるサイボウズのノーコードツール。専門的なスキルや知識がなくても、業務をよく知っている自分たちで、自社の業務にぴったりフィットした業務アプリをつくれます。〇〇〇〇〇〇〇〇今までやりたかったことが、ようやく実現します。〇〇〇〇〇〇〇〇ノーコードのキントーンが選ばれる理由 ” kintone（キントーン）は、業務アプリがつくれるサイボウズのノーコードツール。専門的なスキルや知識がなくても、業務をよく知っている自分たちで、自社の業務にぴったりフィットした業務アプリをつくれます。今までやりたかったことが、ようやく実現します。

Slide 18

Slide 18 text

Slide 19

Slide 19 text

04 kintone Look kintone Lookとは？ Copyright © Cybozu, Inc. 18 kintone Lookとは？ kintone Lookとは、キントーンの核である「Mind」と、そこからにじみ出る「Style」を、具体的なデザイン要素として定義し、視覚的に体系化するものです。 Lookは、カラー、フォント、写真といった複数の要素で構成されます。それら一つ一つが、キントーンらしさを視覚的に伝え、見る人に一貫した印象を与えることで、キントーンの世界観を確固たるものにします。 “

Slide 20

Slide 20 text

04 kintone Look カラー Copyright © Cybozu, Inc. 19 コアカラーとして、右記の「kintone Yellow」を定めました。この色は、キントーンの視覚的な一貫性を担保し、「Warm Smart」という振る舞いを明確に伝えるための基軸となります。   「kintone Yellow」が持つ「ぬくもり」や「親しみやすさ」は、常にチームやお客様に寄り添い、その前進を力強くサポートするキントーンの「Warm」な心を象徴しています。また、「ひらめき」や「明快さ」も想起させ、課題の本質を見抜き、解決策を素早く見出す「Smart」なアプローチを視覚的に表現します。コアカラー kintone Yellow CMYK 0 / 20 / 100 / 0 Pantone 7408C RGB 255 / 191 / 0 HEX FFBF00 基本のカラーパレット CMYK 1 / 57 / 96 / 0 Pantone 1495 C RGB 255 / 143 / 0 HEX FF8F00 CMYK 4 / 7 / 77 / 0 Pantone 803 C RGB 255 / 232 / 79 HEX FFE84F CMYK 3 / 25 / 87 / 0 Pantone 1225 C RGB 255 / 203 / 49 HEX FFCB31 CMYK 4 / 3 / 36 / 0 Pantone 600 C RGB 255 / 248 / 181 HEX FFF8B5 CMYK 4 / 15 / 78 / 0 Pantone 115 C RGB 255 / 219 / 79 HEX FFDB4F

Slide 21

Slide 21 text

04 kintone Look カラー Copyright © Cybozu, Inc. 20 サポートカラーは、色相環全体から幅広い色を取り入れています。これは、多様な個性や価値観を持つ一人ひとりを尊重し、寄り添いたいという、キントーンの「Warm」な心を体現しています。インフォグラフィック、イラスト、グラフなどは、複数の色を組み合わせてわかりやすく表現してください。その際、コアカラーとサポートカラー、およびそれらの濃淡を活用することで、全体のトーン＆マナーを揃え、コミュニケーションに統一感を持たせることができます。サポートカラー Color Circle CMYK 0 / 88 / 63 / 0 Pantone 1787C RGB 255 / 73 / 73 HEX FF4949 CMYK 72 / 0 / 61 / 0 Pantone 3405C RGB 9 / 205 / 150 HEX 09CD96 CMYK 87 / 72 / 0 / 0 Pantone 286C RGB 49 / 57 / 232 HEX 3139E8 CMYK 15 / 87 / 0 / 0 Pantone 232C RGB 226 / 58 / 514 HEX E23A9A CMYK 49 / 0 / 85 / 0 Pantone 375C RGB 149 / 213 / 66 HEX 95D542 CMYK 66 / 0 / 24 / 0 Pantone 3252C RGB 38 / 209 / 219 HEX 26D1DB CMYK 0 / 0 / 0 / 68 Pantone 444 C RGB 119 / 119 / 119 HEX 777777 CMYK 25 / 14 / 13 / 0 Pantone 538 C RGB 197 / 207 / 214 HEX C5CFD6

Slide 22

Slide 22 text

04 kintone Look カラー Copyright © Cybozu, Inc. 21 コアカラーの面積を広めにし、明度・彩度が高いビビッドな色をイラストのアクセントとして組み合わせることで、イエローの明るい印象をより際立たせる配色になります。コアカラーの面積が極端に少なくなったり、サポートカラーが主役に見えるような配色は避けてください。コアカラーを中心とした配色を心がけてください。コアカラーの明度・彩度を調整した色を使用する場合、全体が極端に暗く沈んだ印象にならないよう注意してください。キントーンのイメージを損なわないようにしてください。カラー使用例・NG例ノーコードのキントーンが選ばれる理由ノーコードのキントーンが選ばれる理由ノーコードのキントーンが選ばれる理由

Slide 23

Slide 23 text

04 kintone Look カラー Copyright © Cybozu, Inc. 22 アクセシビリティ黄色は光の三原色の中で最も明度が高く、要素同士のコントラスト比が低くなる傾向があります。視覚に困難のある方にとって判別しにくくなる可能性がありますので、アクセシビリティの観点から十分な注意が必要です。コントラストについては、WCAG2.2の達成基準1.4.3に準拠するようにしてください。コアカラーを使用する際は、背景色と文字色のコントラストに留意してください。 text text text text

Slide 24

Slide 24 text

04 kintone Look フォント Copyright © Cybozu, Inc. 23 フォントは、デザイン上の世界観に統一感を持たせるために重要な役割を果たします。キントーンでは、この考えに基づき、下記のゴシック体を推奨フォントとして採用しました。  ゴシック体が持つ安定感は、キントーンの「Warm」な心がもたらす、安心感や信頼感を感じさせます。  さらに、その優れた視認性と可読性は、誰にでも分かりやすく伝える「Smart」なコミュニケーションを体現します。和文：Noto Sans JP 和文：Mplus 1p 英文：Roboto 視認性・可読性に優れたシンプルでモダンなゴシック体。かな文字は丸みを帯びており、親しみやすさやかわいらしさ、温かみを感じさせるゴシック体。直線的な形と柔らかいカーブを組み合わせた、可読性の優れたゴシック体。ノーコードのキントーンが選ばれる理由ノーコードのキントーンが選ばれる理由 Noto Sans JP（ウェイト中〜太） Mplus 1p Bold Why choose kintone of No code? Why choo se kintone o f No co de ? Roboto Regu lar Roboto Bo ld フォント

Slide 25

Slide 25 text

04 kintone Look フォント Copyright © Cybozu, Inc. 24 タイトルや大見出しと本文のジャンプ率は高めに設定し、メリハリがあり、前向きで明快な印象になるようにしてください。タイトルや大見出しは本文よりも大きく設定してください。サイズが近すぎると情報の優先順位が曖昧になり、伝わりにくくなるため避けてください。広告など、媒体や目的によってはブランドフォント以外の使用も可能です。その場合は、ビジュアル要素の印象に合ったフォントを選んでください。全体の印象と比べて、過度に洗練された印象を与えたり、線が細すぎたりするなど、バランスを崩すようなフォントは使用しないでください。文字の強弱フォントの種類今までやりたかったことが、ようやく実現します。ノーコードのキントーンが選ばれる理由 ” kintone（キントーン）は、業務アプリがつくれるサイボウズのノーコードツール。専門的なスキルや知識がなくても、業務をよく知っている自分たちで、自社の業務にぴったりフィットした業務アプリをつくれます。〇〇〇〇〇〇〇〇今までやりたかったことが、ようやく実現します。〇〇〇〇〇〇〇〇ノーコードのキントーンが選ばれる理由 ” kintone（キントーン）は、業務アプリがつくれるサイボウズのノーコードツール。専門的なスキルや知識がなくても、業務をよく知っている自分たちで、自社の業務にぴったりフィットした業務アプリをつくれます。

Slide 26

Slide 26 text

04 kintone Look 写真 Copyright © Cybozu, Inc. 25 写真で伝えたいことは、チームに寄り添うキントーンの「Warm」な心と、「Smart」なアプローチが人や環境にもたらす成果です。以下の観点から、写真を選択することを推奨します。やわらかな表情や自然なコミュニケーションの様子で、見る人にな安心感や共感を与え、「Warm」なチーム環境や人間関係を連想させたい時に適しています。自然な構図とライティングで業務の様子を丁寧に表すことによって、見る人に信頼感や誠実さを感じさせ、「Smart」な提供価値を印象付けたい時に適しています。信頼感・誠実安心感・共感一体感複数の人物の自然なやりとりを通じて連携や一体感を視覚的に伝えることで、「Smart」な成果や「Warm」な連帯感を表現したい場合に適しています。親しみ堅実親しみチームワークチームワークチームワーク堅実堅実写真 ※イメージはサンプルになります。 ※いずれの場合も、落ち着いた色味と自然な表情の写真を選定し、作為的な演出や過度な加工は避けてください。

Slide 27

Slide 27 text

04 kintone Look 写真 Copyright © Cybozu, Inc. 26 照明やコントラストが強すぎる画像は使用しないでください。自然で落ち着いた印象を重視してください。業務やコミュニケーションの中で生まれる自然な笑顔をとらえた、適度にフォーカス感のある画像を選んでください。表情がはっきり見えない画像を使用する場合は、自然で親しみやすい雰囲気を重視してください。雰囲気シーンその人らしさが伝わる自然なポーズや表情の写真を使用してください。自然光を活用するなど、全体としてニュートラルで落ち着いた印象になるよう配慮してください。

Slide 28

Slide 28 text

04 kintone Look イラストレーション Copyright © Cybozu, Inc. 27 イラストで使用しているカラーレッド  #FFBF00 ピンク  #FFCB31 グリーン  #FFDB4F エメラルドグリーン  #FFE84F ターコイズブルー  #FFF8B5 ブルー  #FF8F00 イエロー #FFEA63 ブラウン  #B28B67 ベージュ  #F0BBB3 ブルーグレー  #FF8F00 ブラック  #333333 イラストは、シンプルな線と形で構成することで、  複雑な情報を簡潔に伝達する「Smart」な明快さと、特定の感性に偏らず誰もが受け入れやすい「Warm」な親しみやすさを感じさせます。  「kintone yellow」と調和するビビットな色や、適度に躍動感のあるポーズを用いることで、キントーンによって育まれるチームワークの楽しさや、ポジティブなモチベーションを表現しています。  また、キントーンによって生まれるコミュニケーションやイノベーション・ひらめきをイラストのアイコンで表現します。イラストレーション

Slide 29

Slide 29 text

Slide 30

Slide 30 text

04 kintone Look イラストレーション Copyright © Cybozu, Inc. 29 キントーンのキャラクター「キントン」と「コキントン」は、初心者に対してわかりやすく、親しみやすく伝達するガイド役として誕生しました。キントーン導入初期のユーザーや、これから関心を持ってもらいたい層に向けたコンテンツに適しています。使用する際は、場面に合わせて適切に使い分けてください。同じような濃度の黄色の上に配置しないでください。キャラクターがはっきりと分かる背景色の使用を推奨します。キャラクターの使用について

Slide 31

Slide 31 text

04 kintone Look kintone サークル Copyright © Cybozu, Inc. 30 大小それぞれの円は、キントーンによって育まれていくチームワークの輪。その輪が重なったり、広がったりしていく様子を表現しています。キントーンのロゴにある、筋斗雲を模したアイコンもまた、大小の円の重なりでできていることから、円はキントーンの世界観を表現するもっともコアなモチーフとなります。 kintone サークル

Slide 32

Slide 32 text

04 kintone Look デザインパーツ Copyright © Cybozu, Inc. 31 kintone（キントーン）は、業務アプリがつくれるサイボウズのノーコードツール。専門的なスキルや知識がなくても、業務をよく知っている自分たちで、自社の業務にぴったりフィットした業務アプリをつくれます。今までやりたかったことが、ようやく実現します。ノーコードのキントーンが選ばれる理由 ” Font Logo 〇〇〇〇〇〇〇〇 UI image Pattern Photography Illustration Product Icon デザインパーツ

Slide 33

Slide 33 text

Slide 34

Slide 34 text

Copyright © Cybozu, Inc. 33 楽しいシリアスカジュアルフォーマル丁寧リラックス熱狂的事実に基づく言葉遣いフォーマルカジュアル文体長く説明的短く簡潔専門用語の頻度多い少ない姿勢製品ファーストユーザーファースト情報抽象的具体的親しみやすくオープンな語り口で、さまざまな人をチームの一員として歓迎する気持ちを表現します。誰にでも理解しやすい言葉・簡潔な構成で、本質を的確に伝え、信頼感を醸成します。難解な専門用語は避け、やむを得ず使う際も平易な表現を心がけます。希望や可能性を感じる明るい言葉で、チームの前進をポジティブに後押しします。ネガティブな言葉、強要するような一方的な主張は避けます。ボイス &トーン 05 Voice & Tone ボイス&トーン

Slide 35

Slide 35 text

Copyright © Cybozu, Inc. 34 使用例・NG例本製品は、ノンプログラマブル・インターフェースを採用したクラウドネイティブな業務アプリケーション開発プラットフォームであり、ローコード/ノーコードによるアジャイルな開発アプローチを通じて、既存業務プロセスのDX推進に貢献します。カスタム業務アプリケーションの迅速な開発基盤キントーンは、プログラミングの知識がなくても、ノーコードで業務のシステム化や効率化を実現するアプリがつくれるクラウドサービスです。自分たちで業務アプリがつくれる端的な見出しで、情報をひと目で伝達。本文内でも難しい言葉は使わずに、わかりやすく伝えることを徹底します。ユーザーの課題解決をスマートに支援しつつ、その過程であたたかく寄り添い、安心感と自信を与えるコミュニケーションです。専門用語が多く、限られた人しか理解できない文章。寄り添う姿勢が欠けており、ユーザーに「難しそう」「自分には関係なさそう」といった印象を与え、心地よさや安心感、ポジティブなモチベーションは生み出しません。 05 Voice & Tone ボイス&トーン