業務系システム開発業務系システムのUI / UX

02 業務系システムのUI / UX

業務系システムに求められるUI / UXとは

「かっこいいけれど、使いにくい」というシステムになってはいませんでしょうか。デザイン制作会社が作るデザインは、確かに見栄えが良くてきれいなのかもしれません。しかし、業務系システムの多くは「毎日、長時間使うもの」です。日常的に使うからこそ「長く見続けても疲れない」「地味でもシンプルで使いやすい」ことが大切。そんな、使う人に優しいデザインを提供したいと考えています。

デザイン導入の実態と課題

業務系システムに対するデザイン導入のニーズが高まるなか、デザインを実際に導入するにあたって
エンジニアやお客様にアンケートを実施したところ、多くの課題があることがわかりました。

UI / UXデザインは
誰が行っていますか?

  • デザイン会社…26%
  • エンジニア…59%
  • デザイン部署・その他…15%

UI / UXデザインに
不満はありますか?

  • ある…66%
  • ない…34%

どのようなことに不満を感じていますか?

デザインについての不満はないが、プロジェクトの進め方に困っている。成果物に対する単価が高い。見た目重視で機能的に使いにくいシステムになっている デザインについての不満はないが、プロジェクトの進め方に困っている。成果物に対する単価が高い。見た目重視で機能的に使いにくいシステムになっている デザインについての不満はないが、プロジェクトの進め方に困っている。成果物に対する単価が高い。見た目重視で機能的に使いにくいシステムになっている
デザイン会社からのデザインデータをHTML / CSSに落とし込むのに時間がかかる。デザインをENGINEERで対応することがあり、機能重視で使いづらいUIになってしまう デザイン会社からのデザインデータをHTML / CSSに落とし込むのに時間がかかる。デザインをENGINEERで対応することがあり、機能重視で使いづらいUIになってしまう デザイン会社からのデザインデータをHTML / CSSに落とし込むのに時間がかかる。デザインをENGINEERで対応することがあり、機能重視で使いづらいUIになってしまう

解決のアプローチ

システム開発での取り込みやすさと、日々の業務で利用することを考慮したデザイン。エンジニアとデザイナー、それぞれの視点でお客様の課題の解決にアプローチします。

デザインについての不満はないが、プロジェクトの進め方に困っている。成果物に対する単価が高いように感じる デザインについての不満はないが、プロジェクトの進め方に困っている。成果物に対する単価が高いように感じる デザインについての不満はないが、プロジェクトの進め方に困っている。成果物に対する単価が高いように感じる
デザイン導入にあたり、エンジニアと共にヒアリングを行い、成果物・プロジェクト進行についてすり合わせを行います。 デザイン導入にあたり、エンジニアと共にヒアリングを行い、成果物・プロジェクト進行についてすり合わせを行います。 デザイン導入にあたり、エンジニアと共にヒアリングを行い、成果物・プロジェクト進行についてすり合わせを行います。
見た目重視で使いづらいシステムになっている。デザイン会社からのデザインデータを、HTML / CSSに落とし込むのに時間がかかる。デザインをENGINEERで対応することがあり、機能重視で使いづらいUIになってしまう 見た目重視で使いづらいシステムになっている。デザイン会社からのデザインデータを、HTML / CSSに落とし込むのに時間がかかる。デザインをENGINEERで対応することがあり、機能重視で使いづらいUIになってしまう 見た目重視で使いづらいシステムになっている。デザイン会社からのデザインデータを、HTML / CSSに落とし込むのに時間がかかる。デザインをENGINEERで対応することがあり、機能重視で使いづらいUIになってしまう
業務系システム開発専任のため、デザイナーも開発のプロセスを把握しています。ユーザーが使いやすく、エンジニアが実装しやすいデザインを制作します。 業務系システム開発専任のため、デザイナーも開発のプロセスを把握しています。ユーザーが使いやすく、エンジニアが実装しやすいデザインを制作します 業務系システム開発専任のため、デザイナーも開発のプロセスを把握しています。ユーザーが使いやすく、エンジニアが実装しやすいデザインを制作します

導入効果

本当に必要な情報を見直して、画面遷移や操作回数を削減することが、業務効率の向上に。要件定義の段階からデザインを取り入れることで、より効果が高まります。

画面遷移を見直して、求める情報にスムーズにたどり着けるUIへ

課題

画面遷移が複雑になってしまい、ユーザーが求めている情報になかなかたどり着けないため、システム自体が利用されなくなってしまう。

課題フローイメージ 課題フローイメージ

解決案

最初にシステムに関するヒアリングを実施。仕様や利用背景を理解した上で、必要がないダイアログや画面を整理し、スムーズに情報にたどり着く画面遷移をご提案します。

解決案フローイメージ 解決案フローイメージ

クリック数の削減で手順を簡略化し、操作完了までの時間を短縮

課題

データ登録画面で詳細情報を入力する際に、別ウィンドウを開いたり閉じたりする必要があり、クリック数が増え面倒な操作になっている。

課題画面イメージ
  • 掲載している画面はサンプルです

解決案

業務系システムはデータの閲覧だけではなく、登録や削除、更新などの作業も多くなります。操作ミスを防ぐレイアウトに改善した上で、クリック数を減らしたUIを提案します。

解決案画面イメージ
  • 掲載している画面はサンプルです

デザインリニューアルによって、使いたくなるシステムへ

課題

古いデザインのまま、コンテンツを継ぎ足しながら更新を繰り返してきたため、メリハリがない雑多な印象になり、本当に見せたい情報が埋もれてしまっている。また、UIや操作性が統一されていないので、閲覧者が操作を間違えやすい。掲載する情報を精査して、コンテンツごとの優先度に応じて、強弱をつけながら適切な配置を検討。さらに、時代にマッチしたシンプルで見やすいデザインに変更しました。誰が見ても、使っても心地よいと言っていただけるようなデザインを目指します。

課題Webサイトイメージ
  • 掲載している画面はサンプルです

解決案

情報の精査を行い、時代にマッチしたデザインを制作します。ユーザーが見て、使って、心地良いデザインを提供します。

解決案Webサイトイメージ
  • 掲載している画面はサンプルです

関連資料ダウンロード

Sky株式会社のソフトウェア開発に興味を持ってくださった皆さまに向けて、各種資料をご用意しました。下記よりダウンロードいただけますので、ぜひご活用ください。

関連資料ダウンロードページ

お問い合わせ

ソフトウェア開発・評価/検証(ソフトウェアテスト)に関するご依頼・ご質問は、下記フォームよりお問い合わせください。弊社製品・サービスに関するお問い合わせは、各商品Webサイトより受けつけております。

パートナー企業募集

Sky株式会社では長期的なお付き合いができ、共に発展・成長に向けて努力し合えるパートナー企業様を募集しております。パートナー企業募集に関するご依頼・ご質問は、下記フォームよりお問い合わせください。

ページのトップへ