タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog みなさまこんにちは。ヤフーでデータソリューション事業のUI/UXデザインを担当している、横内です。 2022年11月に弊社が運用するデータ可視化ソフトウェアのDS.INSIGHTで人流データを分析できるPlace機能を大幅アップデートしました。その際使用したOOUIという設計手法から得られた学びをプロジェクトの実例を交えながらご紹介します。 OOUIとは そもそもOOUIとは何者でしょうか。OOUIとは、Object Oriented User Interfaceの略語で、通称オブジェクト指向UIと呼ばれています。 オブジェクトとはその名の通り「役割を持ったモノ」を指す言葉です。例えばお店で買うクロワッサンや、ECサイトでカゴに入
OOUI実践のコツ | 新規サービスに導入してわかった、5つのこと｜スマートキャンプ デザインブログ
こんにちは、スマートキャンプ デザイナーの柿澤です。 現在、新規サービスのローンチに向けてデザインをしているのですが、その際にOOUI（オブジェクト指向ユーザーインターフェース）を実践する機会がありました。 OOUIの概念自体は前から知っていたのですが、業務として使ったことはなく、実際に取り組んでみると本を読むだけでは理解することのできなかったこと、実践する中で躓いたことやその際の考え方などが勉強になったので、本記事ではそれらのことについて紹介していこうと思います。 そもそもOOUIとはOOUIとはユーザーの目当てとなるオブジェクト（もの、名詞）を中心にUIを設計することで、タスク（やること、動詞）をもとに設計するよりも使いやすく開発効率の高いUIを構築することができる設計手法になります。（ざっくりですみませんw） 今回の記事では手法論は割愛させていただきますので、ご興味ある方はぜひ専門書
UIデザインをする際、見やすさや美しさなど表面的な部分にばかり目がいきがちではありませんか？ 実は、UIデザインではUIの構造設計が使いやすさを大きく左右します。 今回はオブジェクト指向UI（OOUI：Object-Oriented User Interfaces）とタスク指向UIについて説明し、構造設計の視点から使いやすいアプリケーションについて考えていきます。 オブジェクト指向UIの前にUIデザインについて知りたい方へは以下の記事がおすすめです。ぜひ併せてお読みください。 オブジェクト指向UIってどんなもの？ ではそもそもオブジェクトとは何でしょうか？ ここで言うオブジェクトは、ユーザーが使おうとしている目当てのものです。 例えば不動産アプリであれば、探したいと思っている物件がオブジェクトになります。 このオブジェクトと対になる言葉がタスクです。タスクは、ユーザーが行いたい事を表します
羽山 祥樹＠日本ウェブデザイン on Twitter: "おれいま気がついたんだけど、チャットボットって究極のタスク指向インターフェースだな。OOUIの正反対だな。UI業界でタスク指向UIがボロクソに言われるその脇で、チャットボットが流行していたこの5年間の世の流れはいったいなんなのだろ… https://t.co/41z86GWpIL"
おれいま気がついたんだけど、チャットボットって究極のタスク指向インターフェースだな。OOUIの正反対だな。UI業界でタスク指向UIがボロクソに言われるその脇で、チャットボットが流行していたこの5年間の世の流れはいったいなんなのだろ… https://t.co/41z86GWpIL
OOUIデザイン研修を実施しました｜矢野りん
LegalForceに所属のプロダクトデザイナーは2022年7月から8月にかけ、ソシオメディア様より藤井幸多さんをお招きして「OOUIデザイン研修」を開催しました。 研修を実施したきっかけOOUIといえばソシオメディア株式会社の上野学さん、藤井幸多さんが2020年6月に第１刷を出版した「オブジェクト指向UIデザイン 使いやすいソフトウエアの原理」を思い起こす人は少なく無いでしょう。帯に書いてあった「銀の弾丸、OOUI。」の文字に「ウヒョー」となって即買いしたものです。 書籍は私に「タスクベースのUIとオブジェクトベースのUIの相違点」をはじめ、タスクフローから「オブジェクト」をアハ体験のごとく発見する方法について理路整然と教えてくれました。私は書籍を読んで「なるほど！」と思いました。ところがその気持ちをもってメソッドを実践活用することができませんでした。 そんな中、実行力の化身である鈴木課
3/24(日)に開催された、Object-Oriented Conference 2024(OOC2024)のTrack D(15:00〜)トークセッションの資料です。 https://ooc.dev/2024/ https://fortee.jp/oocon-2024/proposal/5565a…
「OOUI（オブジェクト指向ユーザーインターフェース）」という言葉を耳にしたことはあるでしょうか？ 従来からあるユーザーインターフェースの設計論ですが、2020年にソシオメディア様が『オブジェクト指向UIデザイン ― 使いやすいソフトウェアの原理』を発刊されてから多くのデザイナーの注目を集めています。本書籍には18回分の演習課題が収録されており、コンセントでも有志のデザイナーで勉強会を定期開催しています。 オンライン上で開催された有志での勉強会の様子。PC画面を共有し、オンラインデザインツール「Figma」を用いて実際に手を動かしながら演習課題に取り組みました。 ご紹介した書籍を読めばOOUIとは何か、どのように実践するのかということがすべて書いてあるので、詳しく知りたい方はぜひご購入いただければと思います。 本記事では「OOUIの何が良いのか？」について設計実務者以外の方にマンガでお伝え
「手が早いデザイナー」って良いこと？仕事で「手が早いねー」と言われるデザイナーがいます。 例えば私がそうです。小さなWEB制作会社や急成長のベンチャー企業で膨大なタスクを泣きながら回した経験がこの力を強化してきたと思います。 経験上デザイナーに対する「手が早い」とは、以下の3つを指します。 依頼時： タスクの必要要件を掴む（汲み取る）のが早い 制作時： ワイヤーやデザインに落とすスピードが早く、精度が高い 修正時： 修正対応が早い 特に私はアブダクションライン（逆推論）が強いタイプで、ざっくりした要件を伺ったあと「多分こういうものが作りたいんだろうな」という予測を立て、過去の凡例や脳内ストックを頼りに早い段階で構成を引くのが得意です。 デザイナーの逆推論＝アブダクションラインのイメージ。デザイナーは抽象から段階的に選択をして最終的な具象に到達するのではない。一気に尤もらしい具象を掴み、そこ
OOUI(オブジェクト指向UI)とは？デザイナーなら知っておきたいメリットや設計方法まで解説！ | 株式会社ニジボックス
OOUI＝オブジェクト指向UIとは、UI設計の考え方のひとつです。 その目的とするところは「ユーザーにとっての使いやすさ」で、OOUIはプロダクト改善に有効なメソッドといえます。 そんなOOUIの基礎やメリット、設計方法を解説します。 みなさんが関わるプロダクトがOOUIで設計されているかを考えながら、読み進めてみてください。 OOUIとは？ まずは、「OOUIとは何か？」を理解するために、その意味をはじめ基本的な内容について解説します。 OOUIとはオブジェクト指向UIのこと OOUIとは、Object Oriented User Interfaceの頭文字をとって表した略語で、一般的にはオブジェクト指向UIと呼ばれます。 オブジェクトとは「対象」「目的」あるいは「目当てのもの」を指す言葉です。 例えばみなさんがコンビニでお菓子を買うとき、棚に陳列されているお菓子がオブジェクトです。 あ
道具としてのOOUI｜yumemi narawa
私はオブジェクト指向ユーザーインターフェイスがなぜ使いやすいのかを説明できない。これまでいくつもの情報システムをオブジェクト指向にUIデザインしてきたし、そのたびにつぎのようなメリットを説明してきた。 ユーザーがオブジェクトを選んでからアクションを決めることができ、モードレスに操作ができる。 ユーザーが操作する手順が減り、作業の効率が上がる。 オブジェクト一覧が操作の中心になるので、画面数を少なくできる。 しかし、本当にこれだけだろうか。私はデザインをするなかで、もうすこし違ったものを直観してきた。そこで、今回は認知心理学の視点からオブジェクト指向UIについてまなざしたいと思う。 オブジェクト指向UIのデザイン道具の使い方は体で憶えるオブジェクト指向UIや情報システムの話に入る前に、まずはもっと身近な道具を使うときのことを考えてみよう。ちなみに道具とは、なにかを行うときに使う自分の体以外の
こんにちは、スペースマーケット デザイン部の伊東と申します。この記事を書くにあたって「オブジェクト指向UIデザイン」本のAmazonリンクを貼ると「Amazon.co.jpで購入する」というタスクがラベリングされたボタンが前面に出た埋め込み形式となってしまい、オブジェクト指向がテーマなのにこれでは…とモヤモヤしているのが最近の悩みです。そのままURLだけ貼ればいいのでしょうか。 本題に戻ると、社内でここ2,3ヶ月ほど取り組んでいる試みとして記事タイトルの通り「オブジェクト指向UIデザイン」を題材とした輪読会を開催していまして、今回はこちらを紹介します。 背景 そもそもの輪読会開催の動機ですが、日々の自社プロダクト開発の中では「継ぎ足しで機能追加を行う」場面が多く、その中で自然とタスク指向な方向への力学が働いている現状を打破したいという個人的な懸念がきっかけでした。 例えば「○○できるボタン
こんにちは。FASTCODING UI/UXデザイナー、一富士二鷹三茄子です。 UIの設計手法、OOUI（オブジェクト指向UI）」をご存知でしょうか？ 「使いやすさ」はUI設計の仕方で大きく変わりますが、OOUIは有効な手法であるとされています。 今回はそんな「OOUI」について解説します。 「OOUI」オブジェクト指向UIとは？「UIデザイン」というと、一般的には色合いやタイポグラフィなどビジュアル面を整える事と捉えられがちですが、UX5段階モデルで言うところの構造〜表層までを指し、OOUI（オブジェクト指向UI）は「構造」の領域に当たります。 UI設計は大きく分けて「オブジェクト指向UI」「タスク指向UI」の2通りに分かれます。双方の違いは、タスク（アクション、行動）を起点に設計しているか、オブジェクト（目的のもの•対象物）を起点に設計しているかの違いです。 タスク指向UI・オブジェク
こんにちは、プロダクトデザイナーのmunazoです。 私の所属するリクルートの「Air ビジネスツールズ」で、OOUIを実践したいデザイナー・エンジニアを有志で集め、半年間にわたり実践に取り組みました。 この記事では、現場でやってみたからこそ気付くことができた、OOUIを実践するにあたって大切なことをご紹介します。 この記事に書かれていること ・練習問題を解くだけでは、わからなかったこと ・「これは先に知っておきたかった」と今になって思うこと ・現場で実践して躓いたこと、気をつけたいことはじめに まず、OOUI（オブジェクト指向ユーザーインターフェイス）について簡単にご紹介します。OOUIは、1980年代からあるUIデザインにおける基本的な考え方です。 OOUIではオブジェクトを関心の中心として扱うことで、ユーザーが直感的に操作を行えるようになります。また、相対するタスクベースと比較すると
OOUIの学びからユーザーが学習しやすい体験を考えた話｜Cocoda
プレイドでプロダクトのデザイナーをしてるkimです。普段は「KARTE Blocks」というプロダクトを担当しています。 KARTE Blocksは、Webサイトに1行のタグを入れるだけでエンジニアリングの知識無しにサイトのあらゆるコンテンツやインターフェースを更新・評価・改善が行えることを目指したWebプロダクトです。
【ソシオメディア×パーソルキャリア】実践から考える OOUI と生成 AI の未来 - techtekt
パーソルキャリアでは、より良いユーザー体験を追求すべく、UI/UX デザインとエンジニアリングの連携強化に取り組んできました。特に OOUI （ Object Oriented User Interface ）に関しては、2020 年にソシオメディア株式会社による OOUI トレーニングを受けた （※1）ことを契機に、デザイナーとエンジニアの双方が主体的に勉強会を開催し、継続して学びを深めています。 そこで今回は、5 年ぶりにソシオメディア株式会社の藤井様、高取様をお招きし、OOUI の現在地について伺いました。また、生成 AI 時代における OOUI の役割や、今後の可能性についても語っていただきました。 パーソルキャリアからは OOUI に関する社内勉強会をリードする UI/UX デザイナーの篠崎と、リードエンジニアの金子も交えてディスカッションしました。 共通言語としての OOUI
そもそもOOUIとは オブジェクト指向ユーザーインターフェースの略。 （Object Oriented User Interfaceの頭文字から来ている。） この時の「オブジェクト」とはユーザーがアプリケーションなどを操作する際の「目的」や「対象」のことを指す。（例えばECサイトであれば画面上に並んでいる商品がそれに値する。） UIが「UX5段階モデル」(UXの要素を5つの段階に分類したもの)でいうところの「構造〜表層」に当たるのに対し、OOUIは「構造」の領域に値する。 また、アプリケーションデザインにおいて基本的なテクニックであり、ソフトウェアのデザイナー、プログラマーであれば十分に理解していなければならない概念だとソシオメディアの上野学氏がオブジェクト指向UIデザイン──使いやすいソフトウェアの原理 (WEB+DB PRESS plusシリーズ)にて語っている。 UI設計は大きく2種
初めに 最近ついに長い間開発していた労務プロダクトがリリースされました🎉🎉🎉 どうも株式会社HRBrainの打田です。 🎁🎅🎄今年ももう最後の月ですね🎄🎅🎁 労務でお困りの皆さん、是非とも弊社のシステムもご検討ください。 📄📄📄 HRBrain労務管理 📄📄📄 で、この記事は何の話をする記事なん？ これまでの開発を振り返り、改めて「タスクベースUI」と「OOUI（オブジェクト指向UI）」の特徴を 「ユーザーにとっての特徴」 「デベロッパーにとっての特徴」 という2つの軸で分析し比較しようという記事です。 特に改めて「タスクベースUI」の分析を深めにやってみようと考えています✋ 背景 現代のソフトウェアのデザイナーをやっていると 「OOUI（オブジェクト指向UI）」 と呼ばれる考え方を耳にします。僕もご多分に漏れずOOUIの形で今回のプロダクトを作ろうと考えてい
OOUIとは何か？ UXデザイナーが基礎から解説 - NCDC株式会社
こんにちは。デザイナーの伊藤です。 このコラムでは、ソフトウェアやユーザーインターフェース（UI）を持つハードウェアの開発に携わっている人であれば知っておいて損のない「OOUI（Object-Oriented-User-Interface）」について、デザイナーの観点からご紹介しようと思います。 OOUIは、使いやすいUI設計の基礎ともいえる考え方・取り組み（＝フレーム）です。名称を知らない人は大勢いると思いますが、UI設計に関わったことがあれば知らずに実践しているかもしれません。 知っている方も知らない方も、この記事でOOUIの概念から効果まで理解を深め、使いやすいUIを実現するために役立てていただければ幸いです。 OOUIとは？ ざっくり解説 OOUIとはObject-Oriented-User-Interfaceの略称で、日本語に置き換えると「オブジェクト指向UI」となります。198
OOUI（オブジェクト指向UIデザイン）の実践を、Airtableを使ってやってみた｜kazuhito.kimura
以前にOOUIに関する書籍や記事は読んだことがあり、手書きとかで練習？したことがあるのですが、、正直それだと身になっているのかかなり怪しい感じがしており、今回はツールを使って、しっかりと手を動かして覚えることに主軸を置くことにしました。 ↓他の課題の投稿はこちらです。 OOUI（オブジェクト指向UIデザイン）の実践実際にやったことの流れと使用したツールは以下のとおりです。 書籍に記載されている実践課題から要求一覧を整理（Notion） オブジェクトの抽出（Notion） 概念モデル図の作成（Figjam） ビューの関係図を作成（Figjam） 3を見ながらプロトタイプを作成（Airtable） 3,4,5を見ながら画面イメージを作成（Figma） Airtableを使った理由特に今回やってみたかったのが5の「Airtableを使ったプロトタイプ」で、理由としては以下のとおりです。 プロトタ
タスク指向UIは悪なのか？ 業務管理ツールに初めて関わったデザイナーがOOUIを読んで考えたこと｜nextbeat design
導入こんにちは、デザイナーのたけです。 これまで私はwebのUI改修やバナー・チラシ作成がメイン業務だったのですが、今年の4月に担当する事業が変わり、はじめて業務管理ツールのUIに携わることになりました。そこで業務管理ツールのUIと言えば！と思い、今更ながら書籍「オブジェクト指向UIデザイン」を読んだのです。 その後、オブジェクト指向UIに則ってUIを作ることが正しいんだ！と思っていたのですが、その後エンジニアと話していた時に「じゃあタスク指向UIはダメなの？」という問いを投げかけられたことがありました。 以下、その問いをきっかけに、タスク指向UIについて考えたことをまとめます。 タスク指向UIは悪ではないタスク指向UI/オブジェクト指向UIそれぞれの概要や違いについては省きますが、UIを操作するには、操作対象となるオブジェクト（名詞）とそれに対して行うアクション（動詞）の2つが明確になっ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
難解なソフトウェアをデザインする人にこそお勧めしたいOOUI（オブジェクト指向UI）
オブジェクト指向UI（OOUI）デザインと、タスク指向UIをかけ合わせたデザインの最適解｜セブンデックス
非デザイナーのフロントエンドエンジニアがOOUIを考える
マンガでわかるOOUI（オブジェクト指向UIデザイン）の利点
早期プロトタイプの功罪 ここ2年で考えたメンバーとの協業とOOUIについて｜まつき
OOUI本こと「オブジェクト指向UIデザイン」の輪読会について｜Itoh｜note
オブジェクト指向UI（OOUI）とは？ 設計手法とメリットについて | FASTCODING BLOG
OOUIを実践してわかった、9つの大切なこと｜リクルート サービスデザイン室
フロントエンドエンジニアがOOUIについて理解してみた
タスクベースUIとOOUIの差について一考 - Qiita
anond.hatelabo.jp
www.xn--n8juce3md.com
otakuma.net
world.kbs.co.kr
blogs.mbc.co.jp
anond.hatelabo.jp