WEBサービス・アプリのUIデザインにおいて「オブジェクト」はブラウザのタブで考えると分かりやすい

2020年2月14日 13:19

オブジェクト指向は難しい

みなさんは、UIデザインにおけるオブジェクト指向をご存知ですか？

オブジェクト指向の概念はシンプルなようで奥が深く、難しい本やガイドライン、ドキュメントを読んできちんと勉強しないと分かりづらいものです。

デザイナーの中で注目が集まっているように思いますが、デザインのバックグラウンドよりも、むしろエンジニアリングのバックグラウンドや素養がその理解には必要です。

参考として例を紹介しておくと、usagimaruさんのnoteや、上野学さんの運営するソシオメディアのドキュメントが参考になります。単語だけは聞いたことあるんだけど…という方は、そちらもぜひご一読ください。

真面目に学ぶのも良いですが、なんちゃってオブジェクト思考でもよい程度のケースなら、簡単に「オブジェクト」を特定する方法があります。

もしオブジェクトの特定まで至らなくても、少なくともシンプルな考え方をすることが出来るようになります。

ブラウザで考えるとシンプルです。
特に「ブラウザのタブに書くもの」と考えれば分かりやすいのではないかと思います。

たとえばあなたが運営しているサービスにAdmin画面があるとして、何らかの情報の詳細ページを複数開いた時、タブにこんな表示がされていたら、どう思うでしょうか？

「どのタブがどのコンテンツだっけ…？」となることは想像に難くないですよね。

そのこと自体は些細な問題ですが、1つのコンテンツを見るために全てのタブの中身を1個1個確認していると、かなり時間を使ってしまいます。とても効率が悪い状態。いわゆる可用性が低い状態です。

つまりオブジェクトのことを、ブラウザでたくさんタブを開いた時、タブに表示されていると嬉しいタイトルと考えてみて下さい。

たとえば上記の例が一般的な動画サービスで、開いたのが動画の詳細だった場合、「Admin」は恐らく動画タイトルになるでしょう。

こんな感じで、開いている動画タイトルが分かるようタブに表記すると分かりやすくなりますね。

あるいは同サービスでも別の情報の詳細 - 例えばユーザーの詳細だったら、ユーザー名を表示しておきたくなるでしょう。その場合はユーザー名がオブジェクトです。

反対に、投稿時間や動画の長さ、紐付いたジャンルなんかをオブジェクトにしようとは思えませんよね。もちろん「Admin」にだってしないはず。

こんなタブは意味不明で、無意味ですよね。