UI・UX・CSS

業務システムのUIデザイン設計は質素でよいのか?

投稿日:

業務システムだからと言って

業務要件を満たせる項目が並んでいればいいのでしょうか?

そういう人は成功しませんね。

UX(ユーザー体験)もしっかり設計しないと、良いサービスは生まれませんよ。

「一般人が使うものじゃないから」という理由で、業務システムのデザインはかなりないがしろにされています。

「工数かかるから」という理由で、「不満が出てないから」という理由で、素っ気ない、必要項目が並んだだけの管理画面を作っていませんか?

どうあるべきか?考えてみましょう。

業務システムだからこそ

生産性に直結する

だから人間工学に基づいたレイアウト、配色、操作性を考えてみてはどうでしょうか。

優れたUIを作ると、評価はめちゃ上がると思います。

https://seleck.cc/710

業務システムの画面は凡そ、「必要十分」レベルのデザインです。
満足ではないが、不十分でもない。
でもそれって、一般人の買い物で考えると、そのレベルの満足度だと、次はライバル商品に買い替えられてしまうかもしれないレベルなんですよね。

だから、必要十分レベル、問題はないレベルではなくて、上の「満足している」レベルをまずは目指してみるとよいです。

Webフォント

Webフォントを使ってみてはいかがでしょうか?

会社に使用前後を見せることで、フォントの美しさがわかってもらえます。有料でも購入してくれるでしょう。

googleの無料Webフォントも美しいですよ。

https://googlefonts.github.io/japanese/

CSSテンプレートでブラッシュ アップ

CSS3のテンプレートであるBootStrapを使えば、業務システムもBtoCサービス並のデザインが簡単に手に入ります。

https://qiita.com/shotets/items/50afa5a215c54abadb00

HTML5のデザインテンプレート

大きな画面構成もテンプレートサイトから貸借すれば、整ったHTMLが書けます。

そこに上で紹介したBootStrapテンプレートを組み合わせれば、立派なUIの出来上がりです。

-UI・UX・CSS

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

業務システムの管理画面でBootstrapを使う

業務システムでBootstrapを使う理由 レスポンシブ対応(モバイル対応) HTML5対応 洗練されたデザインを簡単に作れる である。 なんとなく「ゆくゆくはモバイル(ipadなど)でも見れるように …

no image

ブロック要素は縦に並び、インライン要素は横に並ぶ

CSS3にdisplay要素がある。 display:block → 次要素は下に来る(縦並び) display:inline → 次要素は右に来る(横並び) このようになる。

no image

テーブルヘッダーを固定で、画面サイズに合わせて可変伸縮させる

技術要素 ウインドウサイズが変わったとき $(window).on(‘load resize’, function(){     // 処理を記載 }); ウインドウの幅を取得 $ …

no image

業務システムに使える基本的なHTML5レイアウトのテンプレート

デザインが軽視されがちな業務システムの管理画面。モック作成も担当範囲であれば、どのようなテンプレートを使うべきだろうか。 HTMLテンプレ―トによって見た目の制御が容易になるので、ぬかりなくやっておこ …

no image

業務システムにBootstrapは多分いらない

「モダンな画面が簡単にできるんですよ」なんて誰が言った? 俺が言った。誤りだった。取り消したい。 div地獄 試しに作っていて驚いた。divが10階層くらいになっている。 多分、自分の使い方が悪い。で …