フロントエンド出身マネージャーが「オブジェクト指向UI」を語ってきた

アジアクエスト高山です！

本日はアジアクエストデジタルエンジニアリング部サービスデザイン課マネージャーである花井が講師をした「オブジェクト指向UI」のハンズオンセミナーについてレポートします！

「オブジェクト指向UI」ハンズオンセミナー開催の経緯

2023年某日。

フロントエンドエンジニアでもあり、デザイン思考やUI/UXについても知見の深い花井へご依頼が！

内容は、webアプリ開発を学ぶスクールの卒業生のみなさま向けに

何かハンズオン形式のセミナーを実施してもらえないか？というもの…

そこで、以前社内向けに実施した「オブジェクト指向UIのワークショップ」を

アップデートしてセミナーとしてご提供することに決定しました！

「オブジェクト指向UI」って何？？

OOUI（Object Oriented User Interface、オブジェクト指向UI）は、ユーザーインターフェースを設計する際に「オブジェクト」、つまり「モノ」や「コト」を中心に据えたアプローチです。

このアプローチでは、まず行動の対象となるオブジェクトを選択し、その後に行いたいタスクを選択します。

例えば、ネットショッピングでは商品を選んだ後、購入やレビュー閲覧などの行動を決めます。これは現実世界の買い物の流れを反映しており、ユーザーにとって直感的で理解しやすいUIです。

これに対して、タスク指向UIは「操作」を起点にし、操作の後でオブジェクトを選ぶアプローチです。

例えば、先に「商品を購入する」というタスクを選び、その後に購入する商品を選ぶ方法です。

通常、オブジェクト指向UIはユーザーにとってより使いやすいとされています。

より使い勝手の良いUI設計を目指すデザイナーにとっては非常に役に立つ考え方なんです。

↓以前社内で開催したワークショップアジアクエストTechblogより↓

https://techblog.asia-quest.jp/202305/workshop-beginners-tried-to-organize-an-ooui-workshop-online

「オブジェクト指向UI」ワークショップの内容

①オブジェクト指向とタスク指向

オブジェクト指向UIとは何か？を理解するため、対となるタスク指向UIとの比較から理解していただきました。

②レイアウトパターン

オブジェクト指向UIを実現するための様々なレイアウトパターンとデバイスの違いを紹介。

③モーダルとモードレス

何かを制限する状態である「モーダル（モード）」と制限されていない「モードレス」の考え方から、

オブジェクト指向は「いかにモードレスを意識する」のかをお伝えしました。

会場の様子です♪

1.　座学

対話形式のスライドを差し込み参加者の方とのコミュニケーションを積極的にとっていました。

ただ聞くだけでなく、感じたことや理解したことを共有してもらうことで

みなさま、より理解を深められたのではないでしょうか！

2.　ワークショップ

座学の内容を踏まえて実際にデザイン作成に挑戦していただきました！

みなさん、座学の内容をしっかりと理解し、

事前の想定よりもしっかりとしたデザインを作成してくれていました。

ワークショップのラストには、自身が考えた意図を含めて参加者の皆様から作成したデザインを発表してもらいました！

🎤　終わってみてのアンケートを一部公開！

講座終了後のアンケートでは「満足度95％」と

嬉しい結果をいただきました。

アンケート内容も少しご紹介します！

本当に勉強になるワークショップでした。また受講したいです。
とてもためになりました！今後も開催されることを強く希望します！

参加者の皆様、おつかれさまでした！

🎤　講師花井より、ハンズオンセミナーを終えて

積極的に参加していただける方ばかりだったので、セミナーをやる側としてもやりやすかったです。

みなさん、自分の作成しているアプリをどうやってオブジェクト指向を活かすことができるのかを考えてくれました。オブジェクト指向はUIを考える上での基礎で、さまざまなシーンで応用が効きますので、今回の学びを活かして色々なデザインに挑戦してみてほしいです。

今後もUX的な考え方であったり、UIデザインをするときの観点などシステムやサイトに取り入れやすい考え方をセミナー形式で伝えていけたらと思っています。

ーーー

花井さんおつかれさまでした！

最後に

初の社外向けのワークショップの試みでしたが、大盛況のうちに終えることができました。

ハンズオンセミナー開催を依頼していただいた株式会社Pikawaka代表の宮嶋様、当日参加いただいた皆様に心よりお礼申し上げます。

イベント詳細

プログラミングとwebアプリ開発を学ぶプログラミングスクール「Pikawaka Class」を運営する株式会社Pikawaka主催の「オブジェクト指向UI」に関するハンズオンセミナー

https://www.asia-quest.jp/information/20231101/

Pikawaka Class: https://pikawaka.com/lp

株式会社Pikawaka: https://pikawaka.com

登壇者プロフィール

アジアクエスト株式会社デジタルトランスフォーメーション事業部

デジタルエンジニアリング部サービスデザイン課マネージャー

花井徹平（ハナイテッペイ）

2015年アジアクエスト入社。大手事業会社でのSaaS開発プロジェクトにフロントエンドエンジニアとして参画し、PJ体制内でMVPを獲得。社内へUI/UXの意識を普及するためイベントや勉強会を多数開催。2022年フロントエンドエンジニアリングおよびデザイン部門マネージャーに就任。現在はマネジメント、UI/UXソリューションの立ち上げ、アジアクエストTechBlogの編集長などの社内業務をこなしながら、UI/UXチームを牽引する立場として大手アパレル企業のECサイトエンハンス対応の体制責任者としても従事。