管理画面のUIデザインにおける20の改善ポイント | ベイジのUIラボ～業務システムとSaaSのUIを考える
私たちの日常業務で使われる管理画面は、大量の情報と複雑な機能で構成され、利用難易度が高い傾向にあります。検索性の乏しい管理画面の一覧から1つの情報を見つけるために、どれだけの時間を費やしているでしょうか。 1億円の工数をかけて開発した機能も、低品質なデザインでは、機能の存在に気付かれなかったり、間違って使われたりと、期待した業務コストの削減に繋がりません。これでは、1億円を捨てたようなものです。 使い勝手の良くないデザインは、ユーザーだけではなく、開発者にも悪い影響を及ぼします。複雑な構造と分かりにくい操作体系の管理画面は、開発やテストの手間を増やし、その後の機能拡張も難しく、改修コストも増大します。 これらのリスクを抑えるためには、UIデザインの基本原則を理解し、適切に管理画面を設計することが重要です。 私たちは管理画面のUIデザインの改善やリニューアルを手掛けることも多いのですが、その
ソシオメディア | OOUI – オブジェクトベースのUIモデリング
最近、OOUX という言葉を見聞きしました。これはオブジェクト指向の利用者体験（Object-Oriented User Experience）のことで、いくつかの記事を読んだところ、アプリケーション設計において画面とデータを対応づける際にオブジェクトを手掛かりにするという方法論のようです。つまり OOUX は「オブジェクトベースのUIモデリング」と言い換えることができそうです。そうすると実は以前からそのようなデザイン手法はあり、「OOUI（オブジェクト指向ユーザーインターフェース）」と呼ばれていたのです。最近になって OOUX という言葉が使われるのは、OOUI のことを知らなかったか、もしくは流行語である「UX」を用いた方がかっこいいと考えたからではないでしょうか。 「オブジェクトベースのUIモデリング」というデザイン手法は、GUI アプリケーションをデザインする際の基本的なテクニック
文章の作り方 - 伝わるデザイン 研究発表のユニバーサルデザイン
研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演（アウトリーチ活動）の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者（研究仲間や審査員、一般市民）へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく
Documentation - Materialize
flash_on Speeds up development We did most of the heavy lifting for you to provide a default stylings that incorporate our custom components. Additionally, we refined animations and transitions to provide a smoother experience for developers. group User Experience Focused By utilizing elements and principles of Material Design, we were able to create a framework that incorporates components and an
ハンバーガーメニューはもう古い！代わりに使えるモバイル用ナビメニュー5つまとめ
ウェブサイトを制作しているひとなら、モバイル端末におけるハンバーガー型ナビゲーションメニューの見つけにくさと効率の悪さ、またどれだけUXデザインの邪魔になっているのか、いくつもの記事を読んだことがあるでしょう。（この問題の参考にしたい記事はこちらやこちら、こちら、こちらからどうぞ。） 幸いにも多くのサイトやアプリで、より効率的な解決法となる代替アイデアが試されています。今回紹介しているアイデアは、他のものより優れているというわけでなく、コンテンツや内容によってパフォーマンスや実行できるかどうかは変わってきます。 01. タブ型ナビゲーションメニュー もしウェブサイトやアプリの項目が限られている場合、ユーザーはできるだけ素早くそカテゴリを切り替えたいところ。そんなときは、タブ型ナビゲーションが良い解決方法となるでしょう。 タブはもっともシンプルなナビゲーションパターンですが、デザインを制作す
Googleマテリアルデザインとフラットデザインって結局何が違うの？ - NAVER まとめ[UI/UX]
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
![Googleマテリアルデザインとフラットデザインって結局何が違うの？ - NAVER まとめ[UI/UX]](https://cdn-ak-scissors.b.st-hatena.com/image/square/906da44ffeb8f04e0fadd77dff0ba88ddb9e3b11/height=288;version=1;width=512/https%3A%2F%2Frr.img.naver.jp%2Fmig%3Fsrc%3Dhttps%253A%252F%252Fmaterial-design.storage.googleapis.com%252Fpublish%252Fv_1%252Fsocial.png%26twidth%3D1200%26theight%3D1200%26qlt%3D80%26res_format%3Djpg%26op%3Dr)
レビュー：Android史上最高の" L"、初めてiOSの"触感"を超えた
Googleは6月26日より、開発者向けにAndroid OS最新バージョン「Android L」のプレビュー版を公開している。Nexus 5にインストールして数日使ってみたので、ユーザーが大きな変化を感じるであろう部分を中心にレビューしてみたい。 Android LをインストールしたNexus 5を起動した時の第一印象は、「新鮮味を感じない」ということだった。 デフォルトホームアプリはGoogle Nowランチャーであるため、Android 4.4 KitKatと同様にステータスバーと下部メニューが透過されている点は変わらず、一新される予定の各Google製アプリのアイコンも旧デザインのままだからかもしれない。ホームスクリーンをパッと見て分かるのは、下部のナビゲーションバーのデザインが変更されていることと、デフォルト壁紙が変わったことくらいだ。 しかし、少し触ってみれば、すぐに着実で大き
「マイクロインタラクション」から考えるマクロなデザイン - くらげだらけ
photo by Neal. Lean Startupが出版された頃からでしょうか。起業ブームみたいなものと相まっていろいろとUXだとかLeanだとかの類の本が多く出版されていますね。私もそんな本を案外欠かさず買ってみては読んでみてもいるのですが、あまりピンとこないような内容であったり、手法の紹介についてばかり熱心に書いてあったりとどうしても眠い感じになってしまうようなものばかりだったように思うことが多くありました。 今回読んだ マイクロインタラクション ―UI/UXデザインの神が宿る細部 も「ドナルド・ノーマン推薦！」との煽り文句が帯に大きく書かれていて、これもそんな感じかなと思ったりもしていましたが、今までのものとはちょっと違った目線の内容だったので紹介してみようと思ったわけです。 デザイナー向けにも思われがちかもしれませんが、職人的なデザイン技術について解説しているわけではなく、プロ
Shunter • [和訳] フラットピクセルズ ~ フラットデザインとスキュアモーフィズムの戦い ~
最近、来るiOS7でフラットデザインが取り入れられ、それによってリリースが遅れているというニュースがありました。 iOS 7、大幅アップデート過ぎて公開が遅れるかも - Gizmodo アップル、次期「iOS」で「フラット」なUIデザインを採用か 実は、個人的に実世界の物をメタファーにデザインを組むことを絶対美だと信していた節があったので、このニュースは衝撃でした。 そんな時、このトピックに関する面白いブログ記事を見つけました。「flat pixels ~The Battle Between Flat Design & Skeuomorphism~」です。 Skeuomorphism（スキュアモーフィズム）とはソフトウェアのUIに過去の実世界の物の特徴を取り込むデザイン手法のことなのですが、これとメトロUIに代表されるFlat Design（フラットデザイン）について、よく比較しま
Divas Luck Casino - Reviews 2022 | Free Bonus $1200
Reviews of Divas Luck Casino 2022 These games are simply the most played in USA, through each type of game you will have the chance to discover variants, different themes but also adapted betting limits. Whatever your player profile, you will enjoy this toy library! This site being very recent, it uses the latest technologies and is mainly based on a fast and efficient user experience. No long and
iOSヒューマンインターフェイスガイドライン
iOSヒューマンインターフェイスガイドラ イン iPhone > User Experience 2011-03-23 Apple Inc. © 2011 Apple Inc. All rights reserved. 本書の一部あるいは全部を Apple Inc. から 書面による事前の許諾を得ることなく複写 複製（コピー）することを禁じます。ま た、製品に付属のソフトウェアは同梱のソ フトウェア使用許諾契約書に記載の条件の もとでお使いください。書類を個人で使用 する場合に限り 1 台のコンピュータに保管 すること、またその書類にアップルの著作 権表示が含まれる限り、個人的な利用を目 的に書類を複製することを認めます。 Apple ロゴは、米国その他の国で登録され た Apple Inc. の商標です。 キーボードから入力可能な Apple ロゴにつ いても、これを Apple In
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Introduction - Material design - Material design guidelines
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
IDEA * IDEA
Androidアプリの魅力的なインターフェース〜本当にiOSアプリのデザインを流用するだけでいいの？〜
ユーザビリティコラム：Jakob Nielsen博士のAlertbox