【2024年6月版】管理画面のUIデザインにおける25の改善ポイント | ベイジのUIラボ～業務システムとSaaSのUIを考える
私たちの日常業務で使われる管理画面は、大量の情報と複雑な機能で構成され、利用難度が高い傾向にあります。検索性の乏しい管理画面の一覧から1つの情報を見つけるために、どれだけの時間を費やしているでしょうか。 1億円の工数をかけて開発した機能も、低品質なデザインでは、機能の存在に気付かれなかったり、間違って使われたりと、期待した業務コストの削減に繋がりません。これでは、1億円を捨てたようなものです。 使い勝手の良くないデザインは、ユーザーだけではなく、開発者にも悪影響を及ぼします。複雑な構造と分かりにくい操作体系の管理画面は、開発やテストの手間を増やし、その後の機能拡張も難しく、改修コストも増大します。 これらのリスクを抑えるためには、UIデザインの基本原則を理解し、適切に管理画面を設計することが重要です。 私たちは管理画面のUIデザインの改善やリニューアルを手掛けることも多いのですが、その経験
7日後に死ぬカニ｜しまだあや（島田彩）
業務スーパーで買ったサワガニを1週間だけ飼うことにした。 20匹590円だった。安いのか高いのかわからないけど。 なぜかと言うと、今まで、植物を育てて食べたことはあるけれど、動物を育てて食べたことがないなと思ったから。食べるとき、自分がどんな気持ちになるのか、知りたい。「ひよこから育てたにわとりを…」というのは、私にはなかなかツラいけど、カニならまだいけるかも…と。 それから、サワガニ側のドラマも見たかった。だってサワガニからすると、すごい奇跡かもしれない。私のこと、女神に見えてるかもしれない。だって、業スーに並んだところを私に救われたわけで。「もうあかん」って思ってたやろうな…まあ、食べられるんやけどな…… インスタのストーリーにアップすると、「7日後に死ぬカニ」とリプが付いた。（※その秀逸なリプをタイトルにさせていただいた） サワガニたちは、一度パック詰めされたからか、結構ぐったり。で
7日後に死ぬカニ（完結編）｜しまだあや（島田彩）
「好きな食べ物はなんですか？」 幼稚園の先生に聞かれて、中学校のサイン帳でも聞かれて、大人になった今でも、たまに聞かれるこの質問。みんな「ダントツでラーメンっすね」とか「いちご〜！」とか、ひとつに絞れてて、めちゃくちゃすごいなって思う。私は50個くらいあるので、脳内でルーレットを回し、ひとつ決めて伝えるようにしている。 けれど、これからは「カニです」って、相手の目を見つめて言おうと思う。 （少しだけ、前回の記事を振り返ります） 6月に入ったある日、近所の業務スーパーへ夕飯の買い出しに行った。「甲殻類が食べたいな」と鮮魚コーナーに行くと、20匹590円のサワガニが、1パックだけ売っていた。20匹はぎゅっとなって、少し動いていた。 「そう言えば私、植物を育てて食べたことはあるけど、動物を育てて食べたことがない。どんな気持ちになるのやろう」こうして業務スーパーのサワガニを1週間だけ飼うことにした
Make a div fill the height of the remaining screen space
I am working on a web application where I want the content to fill the height of the entire screen. The page has a header, which contains a logo, and account information. This could be an arbitrary height. I want the content div to fill the rest of the page to the bottom. I have a header div and a content div. At the moment I am using a table for the layout like so: CSS and HTML #page { height: 10
Vue.jsでカスタムデータ属性を使う - Qiita
リストの一つ一つの要素にカスタムデータ属性を指定する。 以下のようにv-bind:を使う(以下は省略表記の:を使っている。) <ul> <li v-for="(value, key) in lists" :data-order-id="value.id"> {{ key }}：{{ value }} </li> </ul> mounted: function () { let li = $('ul > li'); // 一つ一つのli要素に対して処理 li.each(function () { // 通常と同じように.dataでアクセス出来る console.log($(this).data('orderId')) // value.idの値が順番にconsoleに表示される }); }
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JA全農さんが教える、鶏もも肉を焼くとき皮パリッパリ・身はぷりっぷりになるレシピ！「全知全農の神か」コツなどもいろいろ集まる
Electron-packager: cannot find module
宗教性のない宗教団体