コンテンツ検索

UI制作スタート:手書きで情報設計

UI制作スタート:手書きで情報設計

/ui-architect-beginner-51//ゼロからはじめるUI情報設計

www.bo-no.design/contents/ui-architect-beginner-51

③オブジェクト：表示する情報を書き出そう

③オブジェクト：表示する情報を書き出そう

/ui-architect-beginner-36/UI - 情報設計/ゼロからはじめるUI情報設計

www.bo-no.design/contents/ui-architect-beginner-36

要件をUIに反映するデザインの流れ

要件をUIに反映するデザインの流れ

/ui-architect-beginner-13/UI - 情報設計/ゼロからはじめるUI情報設計

www.bo-no.design/contents/ui-architect-beginner-13

①ユースケース：UIを人がいつ使うか整理しよう

①ユースケース：UIを人がいつ使うか整理しよう

/ui-architect-beginner-34/UI - 情報設計/ゼロからはじめるUI情報設計

www.bo-no.design/contents/ui-architect-beginner-34

【重要】UIの要件を整理する意味あります？

【重要】UIの要件を整理する意味あります？

/ui-architect-beginner-32/UI - 情報設計/ゼロからはじめるUI情報設計

www.bo-no.design/contents/ui-architect-beginner-32

「フィッシュボーン図」で課題解決のアイデアを効率よく考える

「フィッシュボーン図」で課題解決のアイデアを効率よく考える

/ui-architect-beginner-63/UI - 情報設計/ゼロからはじめるUI情報設計

www.bo-no.design/contents/ui-architect-beginner-63

おわりに：ゼロからはじめる情報設計

おわりに：ゼロからはじめる情報設計

/ui-architect-beginner-71//ゼロからはじめるUI情報設計

www.bo-no.design/contents/ui-architect-beginner-71

シリーズをやるメリット

/ui-architect-beginner-12/UI - 情報設計/ゼロからはじめるUI情報設計

www.bo-no.design/contents/ui-architect-beginner-12

UIの要件定義をトレースしよう

UIの要件定義をトレースしよう

/ui-architect-beginner-31/UI - 情報設計/ゼロからはじめるUI情報設計

www.bo-no.design/contents/ui-architect-beginner-31

④タスク：UIで必要なアクションを整理する

④タスク：UIで必要なアクションを整理する

/ui-architect-beginner-37/UI - 情報設計/ゼロからはじめるUI情報設計

www.bo-no.design/contents/ui-architect-beginner-37

UIの見た目よりまずは、構造を参考に仕様

UIの見た目よりまずは、構造を参考に仕様

/ui-architect-beginner-45/UI - 情報設計/ゼロからはじめるUI情報設計

www.bo-no.design/contents/ui-architect-beginner-45

お題を把握する-デザインの前に始めること

お題を把握する-デザインの前に始めること

/ui-architect-beginner-21/UI - 情報設計/ゼロからはじめるUI情報設計

www.bo-no.design/contents/ui-architect-beginner-21

UIをブラッシュアップする方法：詳細ページの完成UIを紹介

UIをブラッシュアップする方法：詳細ページの完成UIを紹介

/ui-architect-beginner-67/UI - 情報設計/ゼロからはじめるUI情報設計

www.bo-no.design/contents/ui-architect-beginner-67

優先度を付ける。UIアイデアをパターンでデザインしていこう

優先度を付ける。UIアイデアをパターンでデザインしていこう

/ui-architect-beginner-64/UI - 情報設計/ゼロからはじめるUI情報設計

www.bo-no.design/contents/ui-architect-beginner-64

UI情報構造のデザインをトレースで実践学習

UI情報構造のデザインをトレースで実践学習

/ui-architect-beginner-52//ゼロからはじめるUI情報設計

www.bo-no.design/contents/ui-architect-beginner-52

お疲れ様でした！

/zerokaqing-she-7-x-sekusiyontaitoru//ゼロからはじめるUI情報設計

www.bo-no.design/contents/zerokaqing-she-7-x-sekusiyontaitoru

【補足】おすすめの道具:紙とペン

【補足】おすすめの道具:紙とペン

/ui-architect-beginner-14/UI - 情報設計/ゼロからはじめるUI情報設計

www.bo-no.design/contents/ui-architect-beginner-14

トレースするUI要件定義の完成形をチェック

トレースするUI要件定義の完成形をチェック

/ui-architect-beginner-33/UI - 情報設計/ゼロからはじめるUI情報設計

www.bo-no.design/contents/ui-architect-beginner-33

②行動フロー : UIで必要なアクションの整理

②行動フロー : UIで必要なアクションの整理

/ui-architect-beginner-35/UI - 情報設計/ゼロからはじめるUI情報設計

www.bo-no.design/contents/ui-architect-beginner-35

ナビゲーションUIの基本 | BONO - UIとUXデザインのコミュニティ

ナビゲーションUIの基本 | BONO - UIとUXデザインのコミュニティ

悪いUIを改善しながら学ぶ情報設計。ナビゲーションの基本をリデザインして、動画を観て習得できますナビゲーションUIの基本

www.bo-no.design/series/navigation-basics

どんなシリーズ？

/ui-architect-beginner-11/UI - 情報設計/ゼロからはじめるUI情報設計

www.bo-no.design/contents/ui-architect-beginner-11

配色はアクションからUIに指定していく

配色はアクションからUIに指定していく

/ui-architect-beginner-66/UI - 情報設計/ゼロからはじめるUI情報設計

www.bo-no.design/contents/ui-architect-beginner-66

ラフをデザインしたら、叩いてアイデアを出そう

ラフをデザインしたら、叩いてアイデアを出そう

/ui-architect-beginner-62/UI - 情報設計/ゼロからはじめるUI情報設計

www.bo-no.design/contents/ui-architect-beginner-62

1.シリーズ全体像と手順

/zerokaqing-she-1-x-sekusiyontaitoru//ゼロからはじめるUI情報設計

www.bo-no.design/contents/zerokaqing-she-1-x-sekusiyontaitoru