kintone 新デザインコンセプト
TRANSCRIPT
![Page 1: kintone 新デザインコンセプト](https://reader030.vdocuments.site/reader030/viewer/2022033107/58ae88031a28abdf068b4b4d/html5/thumbnails/1.jpg)
kintone 新デザインコンセプト
サイボウズ株式会社2 0 1 6 / 1 0 / 2 8 更 新
![Page 2: kintone 新デザインコンセプト](https://reader030.vdocuments.site/reader030/viewer/2022033107/58ae88031a28abdf068b4b4d/html5/thumbnails/2.jpg)
こ れ ま で の デ ザ イ ン ( 旧 デ
ザ イ ン ) の 全 体 的 な 見 直 し
を 行 い 、 文 字 デ ー タ を よ り
見 や す く 、 画 面 操 作 を 標 準
化 し 、 シ ン プ ル な デ ザ イ ン
に し ま し た 。
kintone の新デザイン
![Page 3: kintone 新デザインコンセプト](https://reader030.vdocuments.site/reader030/viewer/2022033107/58ae88031a28abdf068b4b4d/html5/thumbnails/3.jpg)
シンプルで統一性のあるデザイン
よりシンプルに
操作性の向上
目的達成までのステップ数を少なく
ユーザーヒアリングによる検証
よりわかりやすく
新デザイン 3つのポイント
![Page 4: kintone 新デザインコンセプト](https://reader030.vdocuments.site/reader030/viewer/2022033107/58ae88031a28abdf068b4b4d/html5/thumbnails/4.jpg)
新デザインの使いやすさ
![Page 5: kintone 新デザインコンセプト](https://reader030.vdocuments.site/reader030/viewer/2022033107/58ae88031a28abdf068b4b4d/html5/thumbnails/5.jpg)
全体的に余白をとり、見やすい画面設計
文 字 や ア イ コ ン の 大 き さ ・ 配 置 の 調 整 を 行 い 、必 要 な 情 報 を 見 や す く 操 作 性 が 向 上 す る 画 面 設 計 に
ポータル
![Page 6: kintone 新デザインコンセプト](https://reader030.vdocuments.site/reader030/viewer/2022033107/58ae88031a28abdf068b4b4d/html5/thumbnails/6.jpg)
レコード一覧
![Page 7: kintone 新デザインコンセプト](https://reader030.vdocuments.site/reader030/viewer/2022033107/58ae88031a28abdf068b4b4d/html5/thumbnails/7.jpg)
レコード
![Page 8: kintone 新デザインコンセプト](https://reader030.vdocuments.site/reader030/viewer/2022033107/58ae88031a28abdf068b4b4d/html5/thumbnails/8.jpg)
コメント書き込みや実行操作
![Page 9: kintone 新デザインコンセプト](https://reader030.vdocuments.site/reader030/viewer/2022033107/58ae88031a28abdf068b4b4d/html5/thumbnails/9.jpg)
アプリ管理画面(フォーム)
![Page 10: kintone 新デザインコンセプト](https://reader030.vdocuments.site/reader030/viewer/2022033107/58ae88031a28abdf068b4b4d/html5/thumbnails/10.jpg)
アプリ管理画面(設定)
![Page 11: kintone 新デザインコンセプト](https://reader030.vdocuments.site/reader030/viewer/2022033107/58ae88031a28abdf068b4b4d/html5/thumbnails/11.jpg)
旧デザインと新デザインをアプリ作成のステップ数作成時間 で比較
![Page 12: kintone 新デザインコンセプト](https://reader030.vdocuments.site/reader030/viewer/2022033107/58ae88031a28abdf068b4b4d/html5/thumbnails/12.jpg)
※ 標準色 11 色の他、カラーコードで好きな色を設定可能です。
ヘ ッ ダ ーロ ゴ に あ わ せ て 、ヘ ッ ダ ー の 色を 自 在に 変更で き 、利用者 に 親 し み や す い 画面 に
![Page 13: kintone 新デザインコンセプト](https://reader030.vdocuments.site/reader030/viewer/2022033107/58ae88031a28abdf068b4b4d/html5/thumbnails/13.jpg)
言語
文化
高齢者 障がい者
国籍
すべての人々がチームにアクセスしやすい
サイボウズにとって、アクセシビリティとは「ユーザーがチームにアクセスできる能力」と捉え
アクセシビリティを高める開発にも注力していきます。
▼Web アクセシビリティとはウェブサイトを利用するすべての人が、年齢や身体的制約、利用環境等に関係なく、ウェブサイトで提供されている情報に問題なくアクセスしコンテンツや機能を利用できること
サ イ ボ ウ ズ は す べ て の 人 々が チ ーム に ア ク セ ス し や す いWeb ア ク セ シ ビ リ テ ィ を 目 指し て い ま す 。
![Page 14: kintone 新デザインコンセプト](https://reader030.vdocuments.site/reader030/viewer/2022033107/58ae88031a28abdf068b4b4d/html5/thumbnails/14.jpg)
※ データの見方は次ページ参照
ア ク セ シ ビ リ テ ィ 基 準 ※ を 満 た す 背 景 とテ キ ス ト の コ ン ト ラ ス ト 比 で 文 字 や 操 作 項 目 を 判 別 し や す く
![Page 15: kintone 新デザインコンセプト](https://reader030.vdocuments.site/reader030/viewer/2022033107/58ae88031a28abdf068b4b4d/html5/thumbnails/15.jpg)
※ アクセシビリティの国際基準である WCAG 2.0 では 4.5 以上が最低限のコントラスト達成基準とされています。 WCAG 2.0 on color contrast,ISO/IEC 40500:2012
1 23
45
※ デ ー タ の 見 方主 に 利 用 さ れ て い る 背 景 色 ( 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 ) の コ ン ト ラ ス ト 比 を 計 測 し て い ま す 。
![Page 16: kintone 新デザインコンセプト](https://reader030.vdocuments.site/reader030/viewer/2022033107/58ae88031a28abdf068b4b4d/html5/thumbnails/16.jpg)
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
新デザインをご利用いただくにあたって
![Page 17: kintone 新デザインコンセプト](https://reader030.vdocuments.site/reader030/viewer/2022033107/58ae88031a28abdf068b4b4d/html5/thumbnails/17.jpg)
• ス ペ ー ス に 複 数 の ス レ ッ ド を 作 成 し て い る 場 合 に 、 ス レ ッ ド に 表 示 さ れ る ア プリ や 関 連 リ ン ク が 変 わ り ま す 。変 更前: 表 示 中 の ス レ ッ ド の ア プ リ と 関 連 リ ン ク だけが 表 示 さ れ る 。変 更後: ス ペ ー ス内の す べ て の ア プ リ と 関 連 リ ン ク が 表 示 さ れ る 。
• 1 0 0 件以 上 の ス レ ッ ド を 表 示 で き る ように な り ま す 。
スペース
• レ コ ー ド の登録時 、 ま た は編集時 に 、入力 す る フ ィ ー ル ド を Ta b キ ー で 切 り替 え ら れ ま す 。
• レ コ ー ド の コ メ ン トへの リ ン ク を取得で き る ように な り ま す 。
アプリ
• ヘ ッ ダ ー の 色 を 変 更 で き る ように な り ま す 。全般
新デザインに切り替えると使える機能
![Page 18: kintone 新デザインコンセプト](https://reader030.vdocuments.site/reader030/viewer/2022033107/58ae88031a28abdf068b4b4d/html5/thumbnails/18.jpg)
• S k y p e と 連携し て い る 場 合 に 、 次 の 操 作 が で き な く な り ま す 。
ー通話を 開始す る
ー チャッ ト を 開始す る
ー コ ン タ ク ト リ ス ト に追加す る
ー ボ イ ス メ ー ル を残す
ピープル
• ス ペ ー ス の 管 理 者 が 、 ス レ ッ ド の フ ォ ロワー を 変 更 で き な く な り ま す 。スペース
• ア プ リ の デ ザ イ ン テ ー マ が 使 用 で き な く な り ま す 。
• フ ォ ー ム の 設 定 に あ る プ レ ビュー 機 能 が な く な り ま す 。アプリ
• 通知を 開 く と 表 示 さ れ る 画 面 で 、通知一 覧 を非表 示 に で き な く な り ま す 。通知
新デザインに切り替えると使えなくなる機能
![Page 19: kintone 新デザインコンセプト](https://reader030.vdocuments.site/reader030/viewer/2022033107/58ae88031a28abdf068b4b4d/html5/thumbnails/19.jpg)
新デザインは上記のスケジュールで、すべてのユーザーに適用されます。お早めに新デザインへの移行をお願いいたします。
旧デザインを選択できなくなります。
2017 年 2 月 12 日に実施する定期メンテナンスですべてのユーザーが新デザインになります。
2017 年2 月 12 日
すべての環境が新デザインに切り替わります。
2016 年 12月 11日※に実施する定期メンテナンスですべてのユーザーが新デザインに切り替わります。(※ 2016 年 11月から 2016 年 12月に変更になりました)2017 年 2 月定期メンテナンスまで、一時的に旧デザインに戻すにはシステム管理画面の [ 新旧デザインの切り替え ] から可能です。
2016 年12 月 11 日
新デザイン適用スケジュール