Kintone 新デザインコンセプト サイボウズ株式会社 2016/10/28 更新.

Slides:



Advertisements
Similar presentations
サイボウズ株式会社 2016/4月 版 「サイボウズ Office on cybozu.com」 すぐできるBOOK -スケジュール 編-
Advertisements

Copyright (C) 2010 Cybozu, Inc. サイボウズ ガルーン 3 マルチレポー ト 活用支援資料 サイボウズ株式会社.
ファーストステップガイド ( 管理者向け) ナレッジスイート株式会社 Copyright (c) knowledgesuite inc. All rights reserved.1.
Garoon on cybozu.com 2015年6月版 新機能 Copyright © 2015 Cybozu.
情報処理 第8回第8回第8回第8回. 目次 (1) スタイルの利用 – スタイルの概要 – スタイルの適用 (1) – 「スタイル」ウィンドウを開く – スタイルの適用 (2) – スタイル適用のセオリー – すべてのスタイルを表示 – スタイルの書式を変える (1) – スタイルの書式を変える (2)
Internet Explorer v7,v8 の主な機能
サイボウズ デヂエ 8 新機能ご説明資料 サイボウズ株式会社.
オーダー端末操作手順書 WideNet株式会社 Ver.2013/01/30.
校内研修用提示資料 パワーポイントの基本操作.
サイボウズ ガルーン バージョン 4.2 機能紹介ガイド 管理権限とアクセス権 第2版
2017/3/2 情報処理 第8回.
Microsoft PowerPoint98 Netscape Communicator 4.06[ja]
コンピュータ プレゼンテーション.
UMIT 利用マニュアル 株式会社ベクターデザイン 2010/04/05 第2版.
デジタルポートフォリオ作成支援ツール PictFolio 使用マニュアル
Lync 会議 Lync 会議に参加する Lync 2013 クイック リファレンス Lync 会議のスケジュール
Lync 会議 Lync 会議に参加する Lync 会議をスケジュールする 会議のオプションを設定する
Lync Web App クイック リファレンス カード: 会議にコールインする
2017/3/7 情報処理 第8回.
コントロールパネル ◎コントロール パネル: コンピュータのさまざまな機能を設定するための画面
Microsoft Office クイックガイド ~Word 2013~
「サイボウズ Office on cybozu.com」 すぐできるBOOK -ワークフロー 編 -
サイボウズ ガルーン バージョン4.0 機能紹介ガイド 管理権限とアクセス権 第1版
文字書式設定(1) 方法1: ①文字書式を設定したい文字列を選択する。 ②「書式」メニュー → 「フォント」とクリックする。
コントロールパネル ◎コントロール パネル: コンピュータのさまざまな機能を設定するための画面
CG作品展示サイト”Fragments” ~ 『閲覧しやすさ』と『デザイン性』を両立させた Webデザイン~
Microsoft Office 2010 クイックガイド ~Access編~
Garoon on cybozu.com 2014年7月版 新機能 Copyright© 2014 Cybozu.
Digital Network And Communication
基本システムの管理 サイボウズ株式会社 Copyright © Cybozu.
企業としての経済活動や 社会貢献活動の情報を インターネットを通して 社外に広くアピール.
F5 を押すか、または [スライド ショー] > [最初から] をクリックして、コースを開始してください。
アプリケーション共有機能 〈参考〉 (図1) (図2)
WebCluster スライドショーで見る操作ガイド
Garoon on cybozu.com 2014年2月版 新機能 Copyright© 2014 Cybozu.
サイボウズスタートアップス株式会社
プログラミング 設計資料 メンバー:.
三浦欽也 2009年11月 〔Sc182(2) 情報科学演習 参考資料〕
JIMDO勉強会その2 アカウント新規作成.
管理画面操作マニュアル <サイト管理(1)> 基本設定 第9版 改訂 株式会社アクア 1.
オーダー端末操作手順書 WideNet株式会社 Ver.2013/09/26.
Excel 2002,2003基本14 テンプレートを作る.
情報工学部 情報工学科 石原研究室 11A1021 重永 実沙希
Microsoft Office 2010 クイックガイド ~Word編~
Microsoft Office 2010 クイックガイド ~Word編~
テキスト/gifテキスト広告.
すぐできるBOOK -スケジュール編-.
すぐできるBOOK -基本設定編-.
Microsoft Office クイックガイド ~Outlook 2013~
Microsoft Office クイックガイド ~Outlook 2013~
Microsoft Office クイックガイド ~応用編~
発注者側サイト操作説明書 作成日:2004年6月 Ver1.0 初版 改 訂:2005年9月 Ver1.2 株式会社 コニファ.
徳島大学病院看護部 「CDSS 改修版」 管理者向けマニュアル
「サイボウズ デヂエ 8 」ユーザー様向け 「サイボウズ Office」カスタムアプリ機能のご紹介
ディスカバリーサービス プリモ ~ Discovery & Delivery ~
目次. 目次 バージョンアップガイドについて リリース日 バージョン情報 2011年9月26日 (月) バージョンアップガイドの内容 バージョンアップガイドはNIコンサルティングの製品に関する最新のリリースをまとめた統合的なユーザーガイドです。新機能や機能強化の内容、その導入に必要な情報を提供します。最新の機能を利用するガイドとしてお役立てください。
中国の日系企業に最適のシステム 御社の業務に最適な3つの理由 初期投資なしで すぐに始められる ITに詳しい 担当者不要 何度でも 変更可能.
すべて読む Microsoft SharePoint ニュース
Garoon on cybozu.com 2014年9月版 新機能 Copyright© 2014 Cybozu.
Garoon 新デザインのご紹介 2018年10月22日 サイボウズ株式会社 Copyright © 2018 Cybozu.
Microsoft Office クイックガイド ~応用編~
文字書式設定(1) 方法1: ①文字書式を設定したい文字列を選択する。 ②「ホーム」 → 「フォント」部の右下の矢印とクリックする。
Microsoft SharePoint Online の Web サイトを カスタマイズする方法
BCP対応システムについて 横浜ゴム㈱ グローバル調達本部.
必要項目を入力するだけで、スタイリッシュなプレゼン用スライドの完成!
Microsoft Office 2010 クイックガイド ~Outlook編~
Microsoft Office 2010 クイックガイド ~Outlook編~
募集ページ作成マニュアル 準備 募集画面作成 コンタクトフォームの作成(コンタクトフォームとは何か説明) 応募フォームの作成 リンク付け
地理情報コンテンツ・データベースコンテンツ新規作成
Microsoft Office 2010 クイックガイド ~Excel編~
Presentation transcript:

kintone 新デザインコンセプト サイボウズ株式会社 2016/10/28 更新

kintone の新デザイン これまでのデザイン(旧デザイン)の全体的な見直しを行い、文字データをより見やすく、画面操作を標準化し、シンプルなデザインにしました。

新デザイン 3つのポイント 操作性の向上 シンプルで統一性のある デザイン ユーザーヒアリングによる検証 よりシンプルに 目的達成までのステップ数を少なく ユーザーヒアリングによる検証 よりわかりやすく

新デザインの使いやすさ

文字やアイコンの大きさ・配置の調整を行い、 必要な情報を見やすく操作性が向上する画面設計に ポータル 文字やアイコンの大きさ・配置の調整を行い、 必要な情報を見やすく操作性が向上する画面設計に 全体的に余白をとり、見やすい画面設計

レコード一覧

レコード

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

アプリ管理画面(フォーム)

アプリ管理画面(設定)

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

ヘッダーロゴにあわせて、ヘッダーの色を自在に変更でき、利用者に親しみやすい画面に ※標準色11色の他、カラーコードで好きな色を設定可能です。

サイボウズはすべての人々がチームにアクセスしやすい Web アクセシビリティ を目指しています。 文化 言語 国籍 すべての人々が チームにアクセスしやすい 高齢者 障がい者 サイボウズにとって、アクセシビリティとは 「ユーザーがチームにアクセスできる能力」と捉え アクセシビリティを高める開発にも注力していきます。 ▼Web アクセシビリティとは ウェブサイトを利用するすべての人が、年齢や身体的制約、利用環境等に関係なく、ウェブサイトで提供されている情報に問題なくアクセスし コンテンツや機能を利用できること

アクセシビリティ基準※を満たす背景と テキストのコントラスト比で文字や操作項目を判別しやすく ※データの見方は次ページ参照

※データの見方 主に利用されている背景色(bg、table、edit、detail)と文字色(text、label)のコントラスト比を計測しています。 1 2 3 4 5 ※アクセシビリティの国際基準であるWCAG 2.0では4.5以上が最低限のコントラスト達成基準とされています。WCAG 2.0 on color contrast,ISO/IEC 40500:2012

新デザインをご利用いただくにあたって 旧デザインと新デザインについての機能差については 以下ヘルプページに機能差分について記載しております。 ▷新デザインと旧デザインの機能差 https://help.cybozu.com/ja/k/admin/diff.html kintone システム管理のその他>新旧デザインの切り替えから指定した ユーザーのみ新デザインを使用する設定が可能です。ぜひお試しください。 ▷参考:デザインの新旧を切り替える https://help.cybozu.com/ja/k/admin/design.html kintone をカスタマイズしてご利用いただいてる場合はご注意ください。 cybozu developer network に掲載されている kintone API は新デザインでも継続利用できます。 旧デザインで kintone API を利用した画面カスタマイズを実施されている場合は、移行期間中に必ず新デザインでの表示をご確認ください。 パートナーにカスタマイズを委託している場合は、担当パートナーにお問い合わせください。 ▷APIに関するお問い合わせはどこにすればいいですか? http://faq.cybozu.info/alphascope/cybozu/web/kintone/Detail.aspx?id=1763

新デザインに切り替えると使える機能 全般 アプリ スペース ヘッダーの色を変更できるようになります。 レコードの登録時、または編集時に、入力するフィールドをTabキーで切り替えられます。 レコードのコメントへのリンクを取得できるようになります。 スペース スペースに複数のスレッドを作成している場合に、スレッドに表示されるアプリや関連リンクが変わります。 変更前:表示中のスレッドのアプリと関連リンクだけが表示される。 変更後:スペース内のすべてのアプリと関連リンクが表示される。 100件以上のスレッドを表示できるようになります。

新デザインに切り替えると使えなくなる機能 通知 通知を開くと表示される画面で、通知一覧を非表示にできなくなります。 アプリ アプリのデザインテーマが使用できなくなります。 フォームの設定にあるプレビュー機能がなくなります。 スペース スペースの管理者が、スレッドのフォロワーを変更できなくなります。 ピープル Skypeと連携している場合に、次の操作ができなくなります。   ー通話を開始する   ーチャットを開始する   ーコンタクトリストに追加する   ーボイスメールを残す

新デザイン適用スケジュール 2016 年 12 月 11 日 すべての環境が新デザインに切り替わります。 2016年12月11日※に実施する定期メンテナンスですべてのユーザーが新デザインに切り替わります。 (※ 2016年11月から2016年12月に変更になりました) 2017 年 2 月定期メンテナンスまで、一時的に旧デザインに戻すにはシステム管理画面の[新旧デザインの切り替え]から可能です。 2017 年 2 月 12 日 旧デザインを選択できなくなります。 2017 年 2 月 12 日に実施する定期メンテナンスで すべてのユーザーが新デザインになります。 新デザインは上記のスケジュールで、すべてのユーザーに適用されます。 お早めに新デザインへの移行をお願いいたします。