(引用)オブジェクト指向ユーザーインターフェース(OOUI)とは、オブジェクト(もの、名詞)を起点としてUIを設計すること。タスク(やること、動詞)を起点としたUIに比べて、画面数が減って作業効率が高まり、また開発効率や拡張性も向上する、いわば「銀の弾丸」的な効果を持ちます。ブログや雑誌記事などで大きな反響を得たこの設計手法について、前半部では理論やプロセスを詳説。そして後半部の「ワークアウト(実践演習)…
シェアックリップ
シェアされたアックリップです。
そのほかの #UXデザイン ピックアップ
The Design + Accessibility Summit
デザイン専門家向けのオンラインサミット(第7回)。アクセシビリティの実装をマスターしたいデザイナーを対象とした、4日間の集中的なナレッジシェアと最新事例の紹介。
エシカルデザインの手法をインクルーシブ・アクティビティ・カードを使ったワークショップ。
非エンジニアがClaudeとGeminiを併用してWebアプリ開発した実践プロンプト集。アクセシビリティ要件の初期組み込みから、UI/UX調整、視認性強化、トラブル対処まで、実装プロセスと試行錯誤を解説。
CSS のネイティブ相対色構文(oklch、color-mix)を用いて、ダイナミックにコントラスト対応・wide-gamut 対応するカラートークン設計を解説。WCAG 要件を保ちながら 2026 年トレンドパレットを実装する方法を紹介。
長文記事にナビゲーション機能を加える際、本文へのアクセスを阻害しない設計原則。キーボード操作・スクリーンリーダー対応・フォーカス表示など複数の利用方法を前提とした実装パターンと確認方法を解説している。
親が1人で車椅子ユーザーの子どもを雨の中で乗せるときの身体的負担を7場面に分けて可視化。カバーの着脱と安全な乗せ下ろしが同時に必要な課題を指摘し、設計改善の方向を提案。
そのほかの #ユニバーサルデザイン ピックアップ
多様な学習スタイルや認知特性に対応する学びのユニバーサルデザイン(UDL)の理論と実践手法。発達障害を含む全ての子どもが自分に合った方法で学べる教育環境の実現を目指す研修会。
くまもと授業のユニバーサルデザイン研究会(UD熊本)第54回学習会
授業デザインのユニバーサルデザイン化に関する研究・学習会。全ての児童生徒にアクセスしやすい授業設計の実践的知識と事例共有の場。
NO LOOK PARK
アイマスク装用で視力を使わない状態でゲーム・駄菓子選び・書道などを楽しむイベント。視覚障害者と晴眼者がともに企画・実施。
学びのユニバーサルデザインとアクセシビリティについて、フロリダ大学のマヤ・イスラエル氏による基調講演のほか、生成AIを活用した教材ワークショップを開催する。小・中・高・特別支援学校の教職員らが参加し、全ての児童生徒にとって学びやすい授業設計を探求する。
ユニバーサルデザインに注力するホテルの事例。UD導入の経緯、施設整備、障害者雇用の取り組みについてオンライン勉強会で学ぶ。
学びを舵取りできる子どもを育てる「UDL」入門講座~学びのユニバーサルデザイン
学習のユニバーサルデザイン(UDL)の考え方と実践。発達障害を含むすべての子どもが学習に参加でき、主体的に学べる環境設計の手法を学ぶ。
そのほかの #デザインシステム ピックアップ
CSS のネイティブ相対色構文(oklch、color-mix)を用いて、ダイナミックにコントラスト対応・wide-gamut 対応するカラートークン設計を解説。WCAG 要件を保ちながら 2026 年トレンドパレットを実装する方法を紹介。
WCAGコントラスト比を満たす色スキーム設計方法について解説。sRGB・HSL色空間の限界、相対輝度の計算式、OKLCH色空間を使ったCSS設計トークンで、アクセシブルな色システムを構築する方法を示す。
株式会社トルクの社内勉強会「ブランディングデー」の取り組み紹介。デザインシステム Material Design 3 を輪読し、カラーシステムのアクセシビリティ設計(トーン管理によるコントラスト比の自動確保)について学ぶプロセスを通じて、アクセシビリティはデザインの後付けではなく設計に組み込まれるべきことを実感した事例。
海外の政府・民間企業が構築したデザインシステムの事例を紹介。各地域の文化や法規制、アクセシビリティ基準への対応、デジタル社会への適応などの特徴を解説する。
JavaScript チャートライブラリの代替として、CSS ネイティブなチャート実装 3 つ(Charts.css、ProvChart、FSCSS)を比較。各々の特性、ユースケース、使い分けを解説。
Reactコンポーネントを別プロジェクトで再利用する際、スキップリンクと見出しのアクセシビリティ関係が壊れる問題を取り上げ。コンポーネント間の契約を明示的に定義することで異なる構成モデル下でもアクセシビリティを保つ設計方法を解説。