管理画面のUIデザインにおける20の改善ポイント | knowledge / baigie

私たちの日常業務で使われる管理画面は、大量の情報と複雑な機能で構成され、利用難易度が高い傾向にあります。検索性の乏しい管理画面の一覧から1つの情報を見つけるために、どれだけの時間を費やしているでしょうか。 1億円の工数をかけて開発した機能も、低品質なデザインでは、機能の存在に気付かれなかったり、間違って使われたりと、期待した業務コストの削減に繋がりません。これでは、1億円を捨てたようなものです。 使い勝手の良くないデザインは、ユーザーだけではなく、開発者にも悪い影響を及ぼします。複雑な構造と分かりにくい操作体系の管理画面は、開発やテストの手間を増やし、その後の機能拡張も難しく、改修コストも増大します。 これらのリスクを抑えるためには、UIデザインの基本原則を理解し、適切に管理画面を設計することが重要です。 私たちは管理画面のUIデザインの改善やリニューアルを手掛けることも多いのですが、その

[kijtra]

外国は(テーブルとか)ボーダーなしでスペースに余裕を持たせてスッキリ見せるのが多いけど、日本では「ボーダーで区切って狭いエリアに多くの情報を詰め込む」のが好まれる。経験上。

[deztecjp]

こういう話題であれば Windows 向けのフォント指定は「BIZ UD ゴシック」とかがいいと思う。低解像度のPC画面で見る前提なら、ビットマップフォントのある「MS UI Gothic」が、小さい字の視認性の観点から現在も有用。

[naopr]

大前提として「管理画面にリソースを割く」がある。プロダクトの片手間に使っていたのでは改善なんて夢のまた夢

[asa_ca3]

日本語フォントにあった間の取り方も必要だったりする。英文字のUIにあわせて作ると重くなったりしがち。

[primedesignworks]

去年から先月にかけて業務管理システムを作ったけど、最初から比べてかなり UI が変わった。実際の業務を聞いてそれがヒントになって思いついたりしたので、結局は会話をしながら作ることが満足度に繋がると思う。

[aoiasaba]

業務用管理画面

[karauma]

管理画面デザインするときに参考にしよう！

[sotq17]

管理画面のUIデザインにおける20の改善ポイント

[diveintounlimit]

多数のエンドユーザーに管理画面を公開するような業務ならここまでやっても良いんじゃないかと思うが、基本的に管理画面には時間をかけないスタンスで臨むな。内容は大した事書いて無くてブコメのほうがいい感じだ。

[d4-1977]

管理画面の知見がここに。特に社内向けのは、残念なことになりがちなので、ここをサクサクと使いやすい定番を押さえられるのは、とても強みになると思うのです。

[namelaw]

一括登録とデータ抽出機能持たせておけば大体はオッケー

[ducktoon]

“画面を開いてすぐ綺麗なグラフが並んでいると確かに見栄えは良いですが、その効果は利用開始のときだけ”

[dlive1]

CUDとは多様な色覚をもつ人に配慮した配色デザイン。視線誘導は、Z型、F型

[sin20xx]

Twilloの管理UIのデザインを参考に出しているが、あのUI明らかに失敗作だと思うのだが。そもそも目的の機能がどこに存在するのかわからないし、それ以前に必要な情報がUI上で判別できなく最後は問い合わせてもわからない

[t_motooka]

規模や業態によっては一日中管理画面を触り続けるスタッフさんも出てくるので、キーボードショートカットも真面目に検討すると尚良し。まずはescやtabとかが期待通り動くことを確認するところから。

[farmax76]

“よいです。”

[kabuquery]

デザインに誰も興味が無いのが問題

[ultimatebreak]

UIフレームワークがマテリアルデザインばっかで気に入らない

[tmayuko312]

ブコメも含め10数年前に読みたかったなぁ。新卒の私に金融の管理画面のUI設計の仕事をガンガン振ってきた営業さん、やっぱおかしいよ。こんな奥の深い仕事、新卒が出来るわけがないよ…。勉強になったけどさ。

[yujiorama]

ユーザービリティ

[ahomakotom]

あとで

[loaded271]

わ

[mimosafa]

バベルの塔を創るが如く…

[FukaEnogu]

シンプルかつ良質な記事。ブログのデザインにも有効。

[table]

向こう5年は何が何でも変えませんと宣言すればみんな諦めて覚えるよ

[mitsuok-33]

管理画面だからお客さん向け

[hiiragi7777]

管理画面 ui

[pinkid77]

管理画面ui

[yojik]

“ 上に戻る ”