kintoneを導入したのになかなか社内で使ってもらえない、その原因は、アプリの使いにくさにあるかもしれません。
ユーザーに使いやすいと感じてもらうシステムは、次のようなポイントを満たしている必要があります。

• 視認性の高さ
• 統一感
• 業務に最適化されていること

これらのポイントをkintoneで満たすため、本記事では基本機能でできる簡単なデザインの工夫を紹介します。

• kintoneアプリを作成する人

ここではアプリ設定でできる代表的なデザインの工夫を6つ紹介します。

用途が一目で分かるアプリ名をつける

誰が何の業務で使うためのものかが一目で分かる名前をつけるようにすると、ユーザーが都度アプリを開いて中身を確認する手間を減らすことができます。

例）営業管理アプリ △ → 【営業部】案件管理アプリ ◎

アプリ名にプレフィックスを付与する

スペース内でアプリが使いやすい順番に並ぶような名付けをすると、よりユーザーの使いやすさが向上します。
スペースに所属するアプリは名前順でソートされるため、その仕様を前提に命名規則を検討します。

たとえば業務アプリは「1」「2」という連番、ルックアップなどで利用するマスター系アプリは「M」、プラグイン設定用アプリは「P」といったイニシャルをアプリ名の先頭につけるといった方法です。
この命名規則を利用すると、普段よく利用する業務アプリが連番順に表示されます。
一方で、あまり利用することのないマスター系アプリやプラグイン設定用アプリは、下に表示されるといった並び順となります。

アイコンについても、アプリの用途が一目でユーザーに伝わりやすいものを選定すると、ユーザーの使いやすさが向上します。
アイコンはあらかじめkintoneで用意されているものだけでなく、任意の画像をアップロードできます。
アイコンの無料ダウンロードや作成を行えるWebサービスもあるため、それらの活用もご検討ください。

アプリの説明は、レコード一覧画面・レコード詳細画面・レコード追加画面でも常に画面に表示されます。
そのため、アプリの使い方や申請ルール、管理者への問い合わせ先などの重要な情報を記載しておくと、ユーザーにより周知させることができます。
また文字装飾やリンクの埋め込みが設定できるという特徴を活かし、関連する別の業務アプリへのリンクを埋め込むことで、ユーザーが簡単にアプリ遷移できる動線を作ることも可能です。

レコードタイトルは、検索結果や通知の見出し、レコード詳細画面のページタイトルに表示される文字列です。
レコードタイトルを設定する | kintone ヘルプ
レコードタイトルは、ユーザーが一番初めに知りたいと思うレコードの最も主要な情報のフィールドを設定します。
これによりユーザーはレコードの情報を一目で特定できます。

アプリごとにフォームやレコード一覧画面の配色を変更できます。
アプリのデザインテーマを変更する | kintone ヘルプ
デザインテーマはレコード一覧画面・レコード詳細画面にも適応されるため、ユーザーは今自分がどのアプリを開いているのか視覚的に分かりやすくなります。
たとえば同じタイミングで開くことの多い出張申請アプリと旅費精算申請アプリですが、異なるデザインテーマを設定することで、ユーザーの混乱や記入ミスを避けることができます。

適切な絞り込み・フィールドを設定する

アプリの「（すべて）」というデフォルトの一覧は、絞り込みが設定されていないため、アプリ作成時のフィールドがすべて一覧に表示されます。用途に応じた絞り込み、フィールドを設定が設定された一覧を作成することで、利便性を上げることができます。

用途が一目で分かる名前をつける

一覧の名前について、誰が何の業務で使うためのものか一目で分かる名前をつけるようにすると、ユーザーが適切な一覧へ即座にアクセスできます。これは特に複数の組織や業務で使われるアプリに有効な工夫です。

例）一覧1 △ → 受注前ステータス案件 ◎

フォーム設定でできるデザインの工夫を4つ紹介します。

フィールドの幅はできるだけそろえると視認性の高いアプリになります。
しかしフィールド幅をそろえることにとらわれ、入力する値より狭い幅にしてしまうと、実運用時ではフィールド内で入力値が2行になってしまい、一転して見づらいアプリになってしまうことが懸念されます。
そこで、フォームの横幅を均等に分割し、その横幅の単位（ここでは「カラム」と呼びます）でフィールド幅を設定するという方法があります。
普段ユーザーが使うディスプレイ幅を意識しつつ、フィールドを設置をするのは最大4〜5カラムまでとすると、フォームが横に伸びすぎて使いづらい、といった状況も避けられます。

フィールドは業務手順に沿って配置すると、フォームを入力するユーザーの利便性を高めることができます。
たとえば同じ案件管理だったとしても、顧客名や案件の概要などは内勤営業が入力する一方、その後の案件の詳細については外勤営業が入力する場合、これらのフィールドはそれぞれ行を分けることで、別の担当者が入力することを分かりやすくできます。

小見出しを作成する

ラベルを使ってフォーム内に小見出しをつけると、フォーム上の情報を整理できます。
ラベル | kintone ヘルプ
小見出しは文字だけでなく、先頭に共通の記号を置くと、統一感を出すことができます。たとえば小見出しの先頭にアプリのデザインテーマと沿った配色の「❚」記号を置くと、アプリ全体の配色に馴染み、洗練された印象のフォームになります。

フィールド名を装飾する

本来フィールド名は装飾できません。ですがラベルを活用することで、フィールド名を装飾しているような見た目にできます。
装飾したいフィールドの設定画面から「フィールド名を表示しない」をチェックします。そのうえにラベルを配置することで、ラベルをフィールド名のように利用できます。

配色ルールを統一化する

アプリの説明やラベルで注意書きをする場合、「赤は強調で青は補足」のように配色ルールを定めておくことで、特にアプリを横断して利用するユーザーの誤認を防げます。
また太字や下線といった他の文字装飾のルールを決めておくと、別の人が作ったアプリでも統一感が出るため、ユーザーが混乱することなくアプリを利用できます。
このルールはラベルだけでなく、アプリの説明やデザインテーマ、アイコンなどでも活用できます。

フィールドを組み合わせフッターのように配置することで、レコードの付随情報を統一感を持たせて配置できます。
フッターは、レコード番号や作成日時など、システム側の自動入力フィールドを選びます。たとえば、罫線によりあらかじめユーザー入力項目と区切った上で、その下にレコード番号、作成者、作成日時、更新者、更新日時のフィールドを配置するといった方法です。

スペース内では、スレッドを話題ごとに分けることで、コミュニケーションを整理できます。
したがってスレッドは、取り扱っていきたい話題を適切にスレッド名とすることが重要になります。
スレッドを追加する | kintone ヘルプ
またスペースの初期設定のスレッドは自動的にスペースと同名となります。このスレッドをそのままにせず、適切な名前へ変更することで、すべてのスレッドを有効活用することにつながります。

周知したい情報の掲示や、スペースの案内によく利用されるお知らせ欄ですが、レコードの一覧やグラフといったアプリの情報を簡単に貼り付けることができます。
スペースのお知らせやスレッドにアプリを貼り付ける | kintone ヘルプ
この機能の大きな特徴は、アプリの情報がリアルタイムで自動的に反映されるという点です。
たとえば社員全体への大切なお知らせをアプリで管理し、その一覧をポータルのお知らせ掲示板に貼り付ければ、お知らせの度にポータルを変更する手間がなくなります。
また営業スペースのポータルに案件管理アプリから作成した売り上げグラフを貼り付ければ、常にメンバーに売り上げを周知させることもできます。

kintoneユーザーにとってはお馴染みのログインページとkintoneカラーのヘッダーですが、これらは変更できます。
たとえば社内のチームワークをより強めるため、会社のオフィス写真やイメージカラー、ロゴに変更するといったことも可能です。

• ログインページの設定を変更する | cybozu.com ヘルプ
• ヘッダーの色を変更する | kintone ヘルプ
• ヘッダーのロゴを変更する | kintone ヘルプ

本記事では基本機能でできる簡単なデザインの工夫を案内しました。
kintoneでは視認性や統一感、業務への最適化を意識することで、よりユーザーにとって使いやすいアプリを構築できます。
デザインの工夫については以下の記事でも紹介されていますので、ぜひ確認してください。

• 褒められアプリの作り方 | kintoneの歩き方
• kintoneをオリジナルデザインにしよう！ | kintoneの歩き方
• お知らせ掲示板・プロフィール写真の設定方法 | kintoneの歩き方