オブジェクト指向 UI デザイン──使いやすいソフトウェアの原理

オブジェクト指向ユーザーインターフェース (OOUI) とは、オブジェクト (もの、名詞) を起点として UI を設計すること。タスク (やること、動詞) を起点とした UI に比べて、画面数が減って作業効率が高まり、また開発効率や拡張性も向上する、いわば「銀の弾丸」的な効果を持つ。ブログや雑誌記事などで大きな反響を得たこの設計手法について、前半部では理論やプロセスを詳説。そして後半部の「ワークアウト (実践演習)」では 18 の課題に読者がチャレンジ。実際に考え、手を動かし、試行錯誤をすることにより、OOUI の設計手法を体得できる。

業務システムの画面設計で、機能一覧をそのままメニューに並べた UI を作ってしまい、使う側から「画面が多くて手順が覚えられない」と言われる。『オブジェクト指向 UI デザイン 使いやすいソフトウェアの原理』 (ソシオメディア株式会社 / 上野学 / 藤井幸多 著、上野学 監修、技術評論社、2020 年 6 月刊、A5 判) は、その設計の出発点を根本から切り替える方法論の本です。ユーザーが操作する対象 (オブジェクト = もの / 名詞) を先に定義し、そのオブジェクトに対して行えるアクション (動詞) を後から配置する。このオブジェクト指向 UI (OOUI) の設計原理を、約 20 年にわたり UI デザインのコンサルティングを手がけてきたソシオメディアの知見として体系化しています。

タスク指向 UI と何が違うのか

版元の紹介は、タスク (やること / 動詞) を起点とした UI に比べて、OOUI には画面数が減って作業効率が高まり、開発効率や拡張性も向上する「銀の弾丸」的な効果があると、あえて強い言葉で述べています。タスク指向の UI は「登録する」「変更する」「照会する」と手続きごとに画面を用意するため、同じデータを見る画面が乱立しがちです。オブジェクト指向 UI では「顧客」「注文」といった対象そのものを画面の主役にし、選んでから操作するという自然な順序に沿わせるため、構造が整理され、機能追加にも画面の骨格が耐えます。

二部構成: 理論の詳説とワークアウト 18 課題

本書の構成は明快な二部制です。前半で OOUI の理論と設計プロセス (オブジェクトの抽出、ビューとナビゲーションの構成) を詳説し、後半の「ワークアウト」では 18 の実践課題に読者自身が挑戦します。メモアプリのような小さな題材から業務アプリケーションまで、実際に考えて手を動かし、模範解答と突き合わせて試行錯誤する作りで、読んで分かったつもりになりやすい設計論を、演習によって体得へ引き上げるのがこの本の最大の仕掛けです。

エンジニアにこそ効く理由

対象読者として版元が挙げるのは、Web / モバイルアプリケーションの開発者、UI デザイナー、フロントエンドエンジニアです。デザイナーの本と思われがちですが、エンジニアにこそ効く内容で、オブジェクトを中心に据える UI 設計は、データベースのエンティティ設計や API のリソース設計 と自然に対応します。画面と実装の構造がずれにくくなるため、「この画面のためだけの特殊な API」が減り、デザイナーとエンジニアが同じオブジェクトの語彙で議論できるようになります。

前提知識と向いている読者

前提知識はほとんど要りませんが、業務アプリケーションを作った経験があると、タスク指向の破綻の実感があるぶん吸収が早くなります。ビジュアルデザイン の色や余白の話題を期待する人には対象が違い、本書はあくまで構造の設計論です。画面設計の判断に根拠が欲しい人、要件定義のたびに画面数が膨らんで苦しんできた人、そしてチームで UI 設計の共通言語を作りたい人にとって、読み終えたあとも設計のたびに立ち返る基準書として長く機能します。名詞と動詞という設計の骨格論は流行に左右されない層にあり、刊行から時間が経っても価値が目減りしない一冊です。