OOUI をテンプレートにして作成

開始行:
*OOUI Object-Oriented User Interface ~ OOUI（オブジェクト指向UI）とは、ユーザーが操作する「対象... ~ ***OOUIの基本概念 -名詞から動詞へ： 「オブジェクト（対象）を選んでから何をするか（操作）を選... -タスク指向UIとの違い： 従来のタスク指向UIが「何をするか（操作）を選んでからオブ... -具体例： メッセージアプリで友人（オブジェクト）を選んでから「送信... ~ ***OOUIの原則 -オブジェクトを知覚することができ、直接それを操作すること... - オブジェクトは自身のプロパティ（属性・状態情報）をもっ... &small(例えば、今選択されいてるファイル（オブジェクト）が... -オブジェクトは自身に対するメソッド（操作機能）をもつ -接触の順序は、オブジェクトの選択 ＞ 操作の選択 -すべてのオブジェクトが自律分散的に協調する仕組みをもつ ~ ***OOUIを取り入れるメリット -操作が直感的： 日常の行動フローに近いため、''マニュアルなしでも直感的に... -作業効率の向上:： 画面の行き来や画面数が減り、目的に素早く到達できる -開発側のコスト削減： オブジェクト単位で情報や機能が整理されるため、プログラム... ~ ~ **__[[オブジェクト指向>ObjectOrientedProgramming]]__とタ... オブジェクト指向UIは、タスク指向UIという概念と比較するこ... ~ ***オブジェクト指向とタスク指向の簡単な比較 -オブジェクト指向（名詞→動詞：操作する対象からスタート） --''商品''を選ぶ ＞ お金を入れる / ICカードをタッチ ＞ ・... &small(キャンセルの場合、そのまま立ち去ればよい。); --連絡したい''相手''を選ぶ ＞ 電話する / メールする ＞ --ファイルを右クリック ＞ コンテキストメニュー ＞ アプリ... &small(パソコン・スマホの ”GUI” は、基本的にオブジェクト... -タスク指向（動詞→名詞：操作対象は事後に登場） --お金を入れる ＞ ''商品''を選ぶ ＞ ・・（旧自販機） &small(キャンセルの場合、「返却」操作をする必要がある。); --受話器を取る ＞ 連絡したい''相手''の電話番号をプッシュ... //--ログインする ＞ 必要項目を入力する ＞「次へ」を押して... --ソフトを立ち上げる＞ ファイルメニュー ＞ファイルを開く ~ ***オブジェクト指向 ユーザーに対して対象（オブジェクト）が開示されています。... アナログの道具の大半は基本このタイプで、見て触ってみれば... ~ ***タスク指向 ユーザーに対して対象は開示されておらず、システムがどんな... デジタル家電の多くが、このタイプに陥っています。ボタンの... ~ ***見た目の良し悪しの問題ではなく、根本的な設計思想の問題 使いにくい製品・・の最大の理由は、ユーザー視点ではなく、... プロプライエタリなものは、メーカー視点で設計されたタスク... その点、オープンソースはユーザー視点で設計されたオブジェ... ~ ~ **比較事例１｜パソコンとテレビ CUIからGUIへの転換をしたパソコンがこれほど普及したのは、... テレビやレコーダーという家電製品は、GUIではなく、リモコン... 最近のものでは「番組コンテンツ」というオブジェクトとして... -サムネイルの並び： まず見たい「作品（オブジェクト）」が並び、それを選んでか... -ポインティングリモコン： LGのマジックリモコンのように、画面を直接指せるデバイスの... ~ ~ **比較事例２｜Google Workspace と Teams ***Google Workspace：オブジェクト指向（名詞 → 動詞） Google Workspaceは、元々独立したウェブアプリケーション（D... -操作の軸 --「どの情報（オブジェクト）を」（ドキュメント、スプレッ... -UIの特徴 --すべてのファイルやデータが「固有のURLを持つ独立したオブ... --ドキュメントを開いたまま、サイドパネルでChatやCalendar... - なぜオブジェクト指向に感じるか: --「まずGoogleドライブでファイル（名詞）を開く」→「そこで... ~ ***Microsoft Teams：タスク・文脈指向（コンテキスト → アク... Teamsは「まずプロジェクトやチームという文脈（コンテキスト... -操作の軸 --「誰と / どのプロジェクトで」（チャネル） → 「何をする... -UIの特徴 --チャネルという「部屋」の中に、会話・ファイル・Wiki・各... --ファイルは独立したオブジェクトというよりも、「チャネル... -なぜタスク・文脈指向に感じるか: --ユーザーは常に「今どのチャネル（文脈）にいるか」という... ~ ***両者の設計思想の比較 |比較項目|Google Workspace|Microsoft Teams| |中心にあるもの |実体・データ（Document / URL）|場所・文... |メンタルモデル|〇〇の書類を開いて作業をする|〇〇プロジェ... |情報の集約方法|URLで相互に「結びつける」ハイパーリンク）... |UIの指向性|オブジェクト指向（自立・分散型）|タスク・文脈... ~ ***なぜこの違いが生まれたのか？ -Googleの出自 検索エンジン発祥のGoogleは、すべての情報を「フラットなデ... -Teamsの出自 Microsoftはかつて「Outlook（メール）」と「SharePoint（フ... それぞれのツールを使ったときに感じる「Googleはシンプルだ... ~ ~ **比較事例３｜Wiki と Blog ***Wiki：オブジェクト指向（名詞・概念中心） Wikiは、「概念（ページというオブジェクト）がまず存在し、... -中心軸: 「トピック / 概念（名詞）」 -構造: ネットワーク型（グラフ構造） -UI/UXの特徴: --主役は「記事内容」: 誰が・いつ書いたか（時間や執筆者）... --非時系列・永続的更新: 情報は時間の経過で流れ去るのでは... --Wikiリンク（内部リンク）: オブジェクトとオブジェクトを... ~ ***Blog：ログ/イベント指向（時間・動詞中心） Blog（Web-log）は、「誰が・いつ・何を発言/作業したか」と... -中心軸: 「時間・出来事（タイムライン）」 -構造: 時系列リスト型（リニア・ストリーム構造） -UI/UXの特徴: --主役は「文脈と時間」: 「今何が起きたか」「筆者がその時... --ストリーム型（フロー情報）: 記事は投稿された瞬間が最も... --ストックの難しさ: 同じテーマについて後から追加情報が出... ~ ~ **APPENDIX ***関連ページ -[[ObjectOrientedProgramming]] -[[InteractionDesign]] ~ ~

終了行:
*OOUI Object-Oriented User Interface ~ OOUI（オブジェクト指向UI）とは、ユーザーが操作する「対象... ~ ***OOUIの基本概念 -名詞から動詞へ： 「オブジェクト（対象）を選んでから何をするか（操作）を選... -タスク指向UIとの違い： 従来のタスク指向UIが「何をするか（操作）を選んでからオブ... -具体例： メッセージアプリで友人（オブジェクト）を選んでから「送信... ~ ***OOUIの原則 -オブジェクトを知覚することができ、直接それを操作すること... - オブジェクトは自身のプロパティ（属性・状態情報）をもっ... &small(例えば、今選択されいてるファイル（オブジェクト）が... -オブジェクトは自身に対するメソッド（操作機能）をもつ -接触の順序は、オブジェクトの選択 ＞ 操作の選択 -すべてのオブジェクトが自律分散的に協調する仕組みをもつ ~ ***OOUIを取り入れるメリット -操作が直感的： 日常の行動フローに近いため、''マニュアルなしでも直感的に... -作業効率の向上:： 画面の行き来や画面数が減り、目的に素早く到達できる -開発側のコスト削減： オブジェクト単位で情報や機能が整理されるため、プログラム... ~ ~ **__[[オブジェクト指向>ObjectOrientedProgramming]]__とタ... オブジェクト指向UIは、タスク指向UIという概念と比較するこ... ~ ***オブジェクト指向とタスク指向の簡単な比較 -オブジェクト指向（名詞→動詞：操作する対象からスタート） --''商品''を選ぶ ＞ お金を入れる / ICカードをタッチ ＞ ・... &small(キャンセルの場合、そのまま立ち去ればよい。); --連絡したい''相手''を選ぶ ＞ 電話する / メールする ＞ --ファイルを右クリック ＞ コンテキストメニュー ＞ アプリ... &small(パソコン・スマホの ”GUI” は、基本的にオブジェクト... -タスク指向（動詞→名詞：操作対象は事後に登場） --お金を入れる ＞ ''商品''を選ぶ ＞ ・・（旧自販機） &small(キャンセルの場合、「返却」操作をする必要がある。); --受話器を取る ＞ 連絡したい''相手''の電話番号をプッシュ... //--ログインする ＞ 必要項目を入力する ＞「次へ」を押して... --ソフトを立ち上げる＞ ファイルメニュー ＞ファイルを開く ~ ***オブジェクト指向 ユーザーに対して対象（オブジェクト）が開示されています。... アナログの道具の大半は基本このタイプで、見て触ってみれば... ~ ***タスク指向 ユーザーに対して対象は開示されておらず、システムがどんな... デジタル家電の多くが、このタイプに陥っています。ボタンの... ~ ***見た目の良し悪しの問題ではなく、根本的な設計思想の問題 使いにくい製品・・の最大の理由は、ユーザー視点ではなく、... プロプライエタリなものは、メーカー視点で設計されたタスク... その点、オープンソースはユーザー視点で設計されたオブジェ... ~ ~ **比較事例１｜パソコンとテレビ CUIからGUIへの転換をしたパソコンがこれほど普及したのは、... テレビやレコーダーという家電製品は、GUIではなく、リモコン... 最近のものでは「番組コンテンツ」というオブジェクトとして... -サムネイルの並び： まず見たい「作品（オブジェクト）」が並び、それを選んでか... -ポインティングリモコン： LGのマジックリモコンのように、画面を直接指せるデバイスの... ~ ~ **比較事例２｜Google Workspace と Teams ***Google Workspace：オブジェクト指向（名詞 → 動詞） Google Workspaceは、元々独立したウェブアプリケーション（D... -操作の軸 --「どの情報（オブジェクト）を」（ドキュメント、スプレッ... -UIの特徴 --すべてのファイルやデータが「固有のURLを持つ独立したオブ... --ドキュメントを開いたまま、サイドパネルでChatやCalendar... - なぜオブジェクト指向に感じるか: --「まずGoogleドライブでファイル（名詞）を開く」→「そこで... ~ ***Microsoft Teams：タスク・文脈指向（コンテキスト → アク... Teamsは「まずプロジェクトやチームという文脈（コンテキスト... -操作の軸 --「誰と / どのプロジェクトで」（チャネル） → 「何をする... -UIの特徴 --チャネルという「部屋」の中に、会話・ファイル・Wiki・各... --ファイルは独立したオブジェクトというよりも、「チャネル... -なぜタスク・文脈指向に感じるか: --ユーザーは常に「今どのチャネル（文脈）にいるか」という... ~ ***両者の設計思想の比較 |比較項目|Google Workspace|Microsoft Teams| |中心にあるもの |実体・データ（Document / URL）|場所・文... |メンタルモデル|〇〇の書類を開いて作業をする|〇〇プロジェ... |情報の集約方法|URLで相互に「結びつける」ハイパーリンク）... |UIの指向性|オブジェクト指向（自立・分散型）|タスク・文脈... ~ ***なぜこの違いが生まれたのか？ -Googleの出自 検索エンジン発祥のGoogleは、すべての情報を「フラットなデ... -Teamsの出自 Microsoftはかつて「Outlook（メール）」と「SharePoint（フ... それぞれのツールを使ったときに感じる「Googleはシンプルだ... ~ ~ **比較事例３｜Wiki と Blog ***Wiki：オブジェクト指向（名詞・概念中心） Wikiは、「概念（ページというオブジェクト）がまず存在し、... -中心軸: 「トピック / 概念（名詞）」 -構造: ネットワーク型（グラフ構造） -UI/UXの特徴: --主役は「記事内容」: 誰が・いつ書いたか（時間や執筆者）... --非時系列・永続的更新: 情報は時間の経過で流れ去るのでは... --Wikiリンク（内部リンク）: オブジェクトとオブジェクトを... ~ ***Blog：ログ/イベント指向（時間・動詞中心） Blog（Web-log）は、「誰が・いつ・何を発言/作業したか」と... -中心軸: 「時間・出来事（タイムライン）」 -構造: 時系列リスト型（リニア・ストリーム構造） -UI/UXの特徴: --主役は「文脈と時間」: 「今何が起きたか」「筆者がその時... --ストリーム型（フロー情報）: 記事は投稿された瞬間が最も... --ストックの難しさ: 同じテーマについて後から追加情報が出... ~ ~ **APPENDIX ***関連ページ -[[ObjectOrientedProgramming]] -[[InteractionDesign]] ~ ~

ページ名: