Successfully reported this slideshow.
Your SlideShare is downloading. ×

kintone 新デザインコンセプト

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Upcoming SlideShare
Krewsheet introduce 211027
Krewsheet introduce 211027
Loading in …3
×

Check these out next

1 of 19 Ad

More Related Content

Slideshows for you (20)

Viewers also liked (17)

Advertisement

Similar to kintone 新デザインコンセプト (20)

More from Cybozucommunity (20)

Advertisement

Recently uploaded (20)

kintone 新デザインコンセプト

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

×