メニュー
k
takumi.kai.skywalker@gmail.com
ログイン
マイページ
プラン/料金
プラン変更
よくある質問
BONOとは
ログアウト
お問い合わせ
プラン/料金
BONOについて
よくある質問
メンバーになると
コミュニティ
コミュニティを開く
コミュニティを開く
もくもく部屋
勉強会
勉強会
1on1について
使い方
ラジオ
プラン/料金
BONOについて
よくある質問
ログイン
プラン/料金
BONOについて
よくある質問
コンテンツ
メンバーになると?
ロードマップ
使い方
参加方法/使い方
質問の方法
フィードバックのやり方
もくもく部屋について
勉強会
1on1について
コミュニティへ
登録
登録
ログイン
プラン/料金
BONOについて
よくある質問
プラン/料金
BONOについて
よくある質問
メンバーになると
コミュニティ
コミュニティを開く
コミュニティを開く
もくもく部屋
勉強会
勉強会
1on1について
使い方
ラジオ
プラン/料金
BONOについて
よくある質問
コンテンツ
ロードマップ
使い方
参加方法/使い方
質問の方法
フィードバックのやり方
もくもく部屋について
勉強会
1on1について
コミュニティへ
保存した動画
/
5
UIビジュアル
まとめと次のステップ
「3構造」ではじめるUIデザイン入門
・
June 17, 2025
UIビジュアル
実践理解② 解説したUIをトレースしてみよう
「3構造」ではじめるUIデザイン入門
・
June 17, 2025
UIビジュアル
実践理解!3構造でYouTubeをUIトレース
「3構造」ではじめるUIデザイン入門
・
June 17, 2025
UIビジュアル
事例で理解!UIデザイン3構造:Notion Mailのデザインを分析しよう
「3構造」ではじめるUIデザイン入門
・
June 17, 2025
UIビジュアル
InstagramのUIデザインを「3構造」で分析してみた
「3構造」ではじめるUIデザイン入門
・
June 18, 2025
UIビジュアル
【初心者】UIデザインはこの3つで決まる!『3構造』を徹底解説
「3構造」ではじめるUIデザイン入門
・
June 16, 2025
UIビジュアル
「3構造」レッスンで得られるもの・進め方
「3構造」ではじめるUIデザイン入門
・
June 16, 2025
デザイナーのキャリア構築
電池切れるまでデザイン学習!!脳内をデザインで埋めて成功した医療系SaaSデザイナーへの転職ストーリー
キャリア相談まとめ
・
May 26, 2025
デザイナーのキャリア構築
スランプなら1度立ち止まる。転職指針を軸にディレクターからUI/UXデザイナーへ転身した話
キャリア相談まとめ
・
May 26, 2025
デザイナーのキャリア構築
「作った後が見えない」が転職の理由だった。グラフィックからUI/UXに転職成功するまでの成長話
キャリア相談まとめ
・
May 26, 2025
デザイナーのキャリア構築
グラフィック経験→UIUXデザイナーへ。制作したポートフォリオと転職活動の壁と乗り越え戦略
キャリア相談まとめ
・
May 26, 2025
デザイナーのキャリア構築
“ゼロの日”を作るな!毎日コツコツ、学習のnoteで攻略するUI/UX転職
キャリア相談まとめ
・
April 11, 2025
次へ
動画を保存しよう
最大
5つ
まで保存できます! 気になった/次に見たい動画を 保存すると、すぐにアクセスできるよ
動画を探す
閉じる
Button Text
takumi.kai.skywalker@gmail.com
質問しよう
コミュニティで
質問チャンネルで疑問や不安を投稿してみよう
勉強会で
60分の勉強会テーマにして、詳しく解説してもらう
コンテンツ検索
UI制作スタート:手書きで情報設計
/ui-architect-beginner-51//ゼロからはじめるUI情報設計
www.bo-no.design/contents/ui-architect-beginner-51
おわりに:ゼロからはじめる情報設計
/ui-architect-beginner-71//ゼロからはじめるUI情報設計
www.bo-no.design/contents/ui-architect-beginner-71
③オブジェクト:表示する情報を書き出そう
/ui-architect-beginner-36/UI - 情報設計/ゼロからはじめるUI情報設計
www.bo-no.design/contents/ui-architect-beginner-36
要件をUIに反映するデザインの流れ
/ui-architect-beginner-13/UI - 情報設計/ゼロからはじめるUI情報設計
www.bo-no.design/contents/ui-architect-beginner-13
「フィッシュボーン図」で課題解決のアイデアを効率よく考える
/ui-architect-beginner-63/UI - 情報設計/ゼロからはじめるUI情報設計
www.bo-no.design/contents/ui-architect-beginner-63
【重要】UIの要件を整理する意味あります?
/ui-architect-beginner-32/UI - 情報設計/ゼロからはじめるUI情報設計
www.bo-no.design/contents/ui-architect-beginner-32
①ユースケース:UIを人がいつ使うか整理しよう
/ui-architect-beginner-34/UI - 情報設計/ゼロからはじめるUI情報設計
www.bo-no.design/contents/ui-architect-beginner-34
シリーズをやるメリット
/ui-architect-beginner-12/UI - 情報設計/ゼロからはじめるUI情報設計
www.bo-no.design/contents/ui-architect-beginner-12
④タスク:UIで必要なアクションを整理する
/ui-architect-beginner-37/UI - 情報設計/ゼロからはじめるUI情報設計
www.bo-no.design/contents/ui-architect-beginner-37
UIの要件定義をトレースしよう
/ui-architect-beginner-31/UI - 情報設計/ゼロからはじめるUI情報設計
www.bo-no.design/contents/ui-architect-beginner-31
UIをブラッシュアップする方法:詳細ページの完成UIを紹介
/ui-architect-beginner-67/UI - 情報設計/ゼロからはじめるUI情報設計
www.bo-no.design/contents/ui-architect-beginner-67
優先度を付ける。UIアイデアをパターンでデザインしていこう
/ui-architect-beginner-64/UI - 情報設計/ゼロからはじめるUI情報設計
www.bo-no.design/contents/ui-architect-beginner-64
お題を把握する-デザインの前に始めること
/ui-architect-beginner-21/UI - 情報設計/ゼロからはじめるUI情報設計
www.bo-no.design/contents/ui-architect-beginner-21
UIの見た目よりまずは、構造を参考に仕様
/ui-architect-beginner-45/UI - 情報設計/ゼロからはじめるUI情報設計
www.bo-no.design/contents/ui-architect-beginner-45
【補足】おすすめの道具:紙とペン
/ui-architect-beginner-14/UI - 情報設計/ゼロからはじめるUI情報設計
www.bo-no.design/contents/ui-architect-beginner-14
②行動フロー : UIで必要なアクションの整理
/ui-architect-beginner-35/UI - 情報設計/ゼロからはじめるUI情報設計
www.bo-no.design/contents/ui-architect-beginner-35
トレースするUI要件定義の完成形をチェック
/ui-architect-beginner-33/UI - 情報設計/ゼロからはじめるUI情報設計
www.bo-no.design/contents/ui-architect-beginner-33
UI考察:クラウドファンディングサービス比較で情報設計を学ぼう
/cloudfunding-ui-compare/UI - 情報設計/
www.bo-no.design/contents/cloudfunding-ui-compare
情報設計で根拠ある UIデザインをはじめるために必要なもの | BONO
「なぜその UI にしたの?」と聞かれるたびに、うまく答えられずにモヤモヤしてしまう...。 ユーザーを軸にデザインをつくる基本を学んで 現場貢献と信頼をつかめるデザイナーにキャリアップしましょう
www.bo-no.design/usecase/infoarchitect-beginner
UIリサーチ:まずは構造から参考にしよう
/zerokaqing-she-4-4-uirisatinofang-fa-tong-zikategorinomonowodiao-beru/UI - 情報設計/ゼロからはじめるUI情報設計
www.bo-no.design/contents/zerokaqing-she-4-4-uirisatinofang-fa-tong-zikategorinomonowodiao-beru
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
1.シリーズ全体像と手順
/zerokaqing-she-1-x-sekusiyontaitoru//ゼロからはじめるUI情報設計
www.bo-no.design/contents/zerokaqing-she-1-x-sekusiyontaitoru
どんなシリーズ?
/ui-architect-beginner-11/UI - 情報設計/ゼロからはじめるUI情報設計
www.bo-no.design/contents/ui-architect-beginner-11