シリーズ目次

/

OOUI コンテンツ中心のUI設計

/

UIフロー図を作ろう

UIフロー図を作ろう

2023

年

6

月

09

日

スキルを上げて、創造のための武器を手に入れよう

すべての動画閲覧には、メンバーシップ加入が必要です

メンバー登録について

色々紹介しましたが、フロー図の作成手順とイメージの動画です！
詳しくみたい方はスライド活用ください。完璧にやらないといけないというよりかは、自分の中だけでも作ろうとしているUIの構造がどうなっているのかを整理するための手法だと思ってます。個人でやる場合は、まずはそこからトライです。

‍

■ スライド

https://www.figma.com/file/5Lx4F7DU9QbwBR2eanddFP/%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E6%8C%87%E5%90%91UI%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3?node-id=174%3A3987

‍

色々紹介しましたが、フロー図の作成手順とイメージの動画です！
詳しくみたい方はスライド活用ください。完璧にやらないといけないというよりかは、自分の中だけでも作ろうとしているUIの構造がどうなっているのかを整理するための手法だと思ってます。個人でやる場合は、まずはそこからトライです。

‍

■ スライド

https://www.figma.com/file/5Lx4F7DU9QbwBR2eanddFP/%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E6%8C%87%E5%90%91UI%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3?node-id=174%3A3987

‍

OOUI コンテンツ中心のUI設計

STEP-01

オブジェクト指向ってなに？

オブジェクト指向ってなに？

1.どっちがよいUI?なぜコンテンツ中心設計がユーザーを満足させやすいのか

1.どっちがよいUI?なぜコンテンツ中心設計がユーザーを満足させやすいのか

2.お題-最初にやってみよう

2.お題-最初にやってみよう

3.お題解答-オブジェクト指向を使って論理的にデザイン

3.お題解答-オブジェクト指向を使って論理的にデザイン

STEP-02

オブジェクトを定義しよう

オブジェクトを定義しよう

なぜ"オブジェクト"を中心にするのか？【答えはUIで要件を満たしたいから】

なぜ"オブジェクト"を中心にするのか？【答えはUIで要件を満たしたいから】

オブジェクトとは？【UIのメインコンテンツ】

オブジェクトとは？【UIのメインコンテンツ】

オブジェクトの要素を考えよう

オブジェクトの要素を考えよう

STEP-03

UIフロー図を定義しよう

UIフロー図を定義しよう

オブジェクトからページ構成を考える

オブジェクトからページ構成を考える

ページはコレクションとシングルが8割

ページはコレクションとシングルが8割

起点になるページ群「ルートナビゲーション」

起点になるページ群「ルートナビゲーション」

UIフロー図を作ろう

UIフロー図を作ろう

STEP-04

UIをデザインしよう

UIをデザインしよう

プレゼン：整理した情報を使って楽にUIパターンを出す方法

プレゼン：整理した情報を使って楽にUIパターンを出す方法

UIは使い手の気持ちに紐づく必要があります

UIは使い手の気持ちに紐づく必要があります

デザインするエリアは"情報"と"アクション"の2つが9割

デザインするエリアは"情報"と"アクション"の2つが9割

閉じる

0 Comments

Active Here: 0

Login or register to join the conversation.

My Profile Image

Logout Edit Profile

Be the first to leave a comment.

Loading

Someone is typing...

No Name

Set

4 years ago

Moderator

(Edited)

This is the actual comment. It's can be long or short. And must contain only text information.

Your comment will appear once approved by a moderator.

No Name

Set

2 years ago

Moderator

(Edited)

This is the actual comment. It's can be long or short. And must contain only text information.

Your reply will appear once approved by a moderator.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.