kintone 新デザインコンセプト

サイボウズ株式会社2 0 1 6 / 1 0 / 2 8 更 新

こ れ ま で の デ ザ イ ン （ 旧 デ

ザ イ ン ） の 全 体 的 な 見 直 し

を 行 い 、 文 字 デ ー タ を よ り

見 や す く 、 画 面 操 作 を 標 準

化 し 、 シ ン プ ル な デ ザ イ ン

に し ま し た 。

kintone の新デザイン

シンプルで統一性のあるデザイン

よりシンプルに

操作性の向上

目的達成までのステップ数を少なく

ユーザーヒアリングによる検証

よりわかりやすく

新デザイン ３つのポイント

新デザインの使いやすさ

全体的に余白をとり、見やすい画面設計

文 字 や ア イ コ ン の 大 き さ ・ 配 置 の 調 整 を 行 い 、必 要 な 情 報 を 見 や す く 操 作 性 が 向 上 す る 画 面 設 計 に

ポータル

レコード一覧

レコード

コメント書き込みや実行操作

アプリ管理画面（フォーム）

アプリ管理画面（設定）

旧デザインと新デザインをアプリ作成のステップ数作成時間 で比較

※ 標準色 11 色の他、カラーコードで好きな色を設定可能です。

ヘ ッ ダ ーロ ゴ に あ わ せ て 、ヘ ッ ダ ー の 色を 自 在に 変更で き 、利用者 に 親 し み や す い 画面 に

言語

文化

高齢者 障がい者

国籍

すべての人々がチームにアクセスしやすい

サイボウズにとって、アクセシビリティとは「ユーザーがチームにアクセスできる能力」と捉え

アクセシビリティを高める開発にも注力していきます。

▼Web アクセシビリティとはウェブサイトを利用するすべての人が、年齢や身体的制約、利用環境等に関係なく、ウェブサイトで提供されている情報に問題なくアクセスしコンテンツや機能を利用できること

サ イ ボ ウ ズ は す べ て の 人 々が チ ーム に ア ク セ ス し や す いWeb ア ク セ シ ビ リ テ ィ を 目 指し て い ま す 。

※ データの見方は次ページ参照

ア ク セ シ ビ リ テ ィ 基 準 ※ を 満 た す 背 景 とテ キ ス ト の コ ン ト ラ ス ト 比 で 文 字 や 操 作 項 目 を 判 別 し や す く

※ アクセシビリティの国際基準である WCAG 2.0 では 4.5 以上が最低限のコントラスト達成基準とされています。 WCAG 2.0 on color contrast,ISO/IEC 40500:2012

１ ２３

４５

※ デ ー タ の 見 方主 に 利 用 さ れ て い る 背 景 色 （ b g 、 t a b l e 、 e d i t 、 d e t a i l ） と 文 字色 （ t e x t 、 l a b e l ） の コ ン ト ラ ス ト 比 を 計 測 し て い ま す 。

kintone をカスタマイズしてご利用いただいてる場合はご注意ください。cybozu developer network に掲載されている kintone API は新デザインでも継続利用できます。旧デザインで kintone API を利用した画面カスタマイズを実施されている場合は、移行期間中に必ず新デザインでの表示をご確認ください。パートナーにカスタマイズを委託している場合は、担当パートナーにお問い合わせください。

▷APIに関するお問い合わせはどこにすればいいですか？http://faq.cybozu.info/alphascope/cybozu/web/kintone/Detail.aspx?id=1763

kintone システム管理のその他＞新旧デザインの切り替えから指定したユーザーのみ新デザインを使用する設定が可能です。ぜひお試しください。

▷参考：デザインの新旧を切り替えるhttps://help.cybozu.com/ja/k/admin/design.html

旧デザインと新デザインについての機能差については以下ヘルプページに機能差分について記載しております。

▷新デザインと旧デザインの機能差https://help.cybozu.com/ja/k/admin/diff.html

新デザインをご利用いただくにあたって

• ス ペ ー ス に 複 数 の ス レ ッ ド を 作 成 し て い る 場 合 に 、 ス レ ッ ド に 表 示 さ れ る ア プリ や 関 連 リ ン ク が 変 わ り ま す 。変 更前： 表 示 中 の ス レ ッ ド の ア プ リ と 関 連 リ ン ク だけが 表 示 さ れ る 。変 更後： ス ペ ー ス内の す べ て の ア プ リ と 関 連 リ ン ク が 表 示 さ れ る 。

• 1 0 0 件以 上 の ス レ ッ ド を 表 示 で き る ように な り ま す 。

スペース

• レ コ ー ド の登録時 、 ま た は編集時 に 、入力 す る フ ィ ー ル ド を Ta b キ ー で 切 り替 え ら れ ま す 。

• レ コ ー ド の コ メ ン トへの リ ン ク を取得で き る ように な り ま す 。

アプリ

• ヘ ッ ダ ー の 色 を 変 更 で き る ように な り ま す 。全般

新デザインに切り替えると使える機能

• S k y p e と 連携し て い る 場 合 に 、 次 の 操 作 が で き な く な り ま す 。

　　ー通話を 開始す る

　　ー チャッ ト を 開始す る

　　ー コ ン タ ク ト リ ス ト に追加す る

　　ー ボ イ ス メ ー ル を残す

ピープル

• ス ペ ー ス の 管 理 者 が 、 ス レ ッ ド の フ ォ ロワー を 変 更 で き な く な り ま す 。スペース

• ア プ リ の デ ザ イ ン テ ー マ が 使 用 で き な く な り ま す 。

• フ ォ ー ム の 設 定 に あ る プ レ ビュー 機 能 が な く な り ま す 。アプリ

• 通知を 開 く と 表 示 さ れ る 画 面 で 、通知一 覧 を非表 示 に で き な く な り ま す 。通知

新デザインに切り替えると使えなくなる機能

新デザインは上記のスケジュールで、すべてのユーザーに適用されます。お早めに新デザインへの移行をお願いいたします。

旧デザインを選択できなくなります。

2017 年 2 月 12 日に実施する定期メンテナンスですべてのユーザーが新デザインになります。

2017 年2 月 12 日

すべての環境が新デザインに切り替わります。

2016 年 12月 11日※に実施する定期メンテナンスですべてのユーザーが新デザインに切り替わります。（※ 2016 年 11月から 2016 年 12月に変更になりました）2017 年 2 月定期メンテナンスまで、一時的に旧デザインに戻すにはシステム管理画面の [ 新旧デザインの切り替え ] から可能です。

2016 年12 月 11 日

新デザイン適用スケジュール