メニュー
k
takumi.kai.skywalker@gmail.com
ログイン
マイページ
プラン/料金
プラン変更
よくある質問
BONOとは
ログアウト
お問い合わせ
プラン/料金
BONOについて
よくある質問
メンバーになると
コミュニティ
コミュニティを開く
コミュニティを開く
もくもく部屋
勉強会
勉強会
1on1について
使い方
ラジオ
プラン/料金
BONOについて
よくある質問
ログイン
プラン/料金
BONOについて
よくある質問
コンテンツ
メンバーになると?
ロードマップ
使い方
参加方法/使い方
質問の方法
フィードバックのやり方
もくもく部屋について
勉強会
1on1について
コミュニティへ
登録
登録
ログイン
プラン/料金
BONOについて
よくある質問
プラン/料金
BONOについて
よくある質問
メンバーになると
コミュニティ
コミュニティを開く
コミュニティを開く
もくもく部屋
勉強会
勉強会
1on1について
使い方
ラジオ
プラン/料金
BONOについて
よくある質問
コンテンツ
ロードマップ
使い方
参加方法/使い方
質問の方法
フィードバックのやり方
もくもく部屋について
勉強会
1on1について
コミュニティへ
保存した動画
/
5
情報設計
2.お題-最初にやってみよう
OOUI コンテンツ中心のUI設計
・
October 12, 2023
情報設計
1.どっちがよいUI?なぜコンテンツ中心設計がユーザーを満足させやすいのか
OOUI コンテンツ中心のUI設計
・
October 12, 2023
UIレイアウト/構造
お題を解説!
はじめてのUIデザイン
・
April 3, 2024
UIビジュアル
お題 連絡先一覧のUIをデザインしよう
はじめてのUIデザイン
・
April 3, 2024
デザイナーのキャリア構築
UIデザイン、仕事ではどんな流れでやるの?をお伝えします
はじめてのUIデザイン
・
April 3, 2024
情報設計
ページ同士の関係性とボトムナビのデザインを解説【ページ間の移動考えたことありますか?】
はじめてのUIデザイン
・
April 3, 2024
情報設計
ボトムナビゲーションをデザインしよう【アイコンは正方形で配置】
はじめてのUIデザイン
・
April 3, 2024
UIビジュアル
デザインしたチャットUIを解説【なぜチャットの色は1色じゃないのか?】
はじめてのUIデザイン
・
April 3, 2024
情報設計
5.チャットUIをデザインしよう【人の目線は右と左どちらから始まる?】
はじめてのUIデザイン
・
April 3, 2024
UIビジュアル
4.UIデザインの超基本の構成を解説【デザイナーにはこう見えてます】
はじめてのUIデザイン
・
April 3, 2024
情報設計
メッセージリストUIをデザイン【余白のサイズはルールで決める】
はじめてのUIデザイン
・
April 3, 2024
情報設計
2.ヘッダーUIをデザインしよう
はじめてのUIデザイン
・
April 3, 2024
前へ
次へ
動画を保存しよう
最大
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情報設計をブラッシュアップするには? - Ver.1で終わるのはハーゲンダッツ
/ui-architect-beginner-61/UI - 情報設計/ゼロからはじめるUI情報設計
www.bo-no.design/contents/ui-architect-beginner-61
おわりに:ゼロからはじめる情報設計
/ui-architect-beginner-71//ゼロからはじめるUI情報設計
www.bo-no.design/contents/ui-architect-beginner-71
UIの質の上げ方:テーブルUIをデザインする
/ui-architect-beginner-65/UI - 情報設計/ゼロからはじめるUI情報設計
www.bo-no.design/contents/ui-architect-beginner-65
補足:内容がわからない時は1人で考えない
/ui-architect-beginner-22/UI - 情報設計/ゼロからはじめるUI情報設計
www.bo-no.design/contents/ui-architect-beginner-22
UIリサーチの方法:同じカテゴリーのものを調べる
/ui-architect-beginner-43/UI - 情報設計/ゼロからはじめるUI情報設計
www.bo-no.design/contents/ui-architect-beginner-43
どんなシリーズ?
/ui-architect-beginner-11/UI - 情報設計/ゼロからはじめるUI情報設計
www.bo-no.design/contents/ui-architect-beginner-11
配色はアクションから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
【補足】おすすめの道具:紙とペン
/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-architect-beginner-12/UI - 情報設計/ゼロからはじめるUI情報設計
www.bo-no.design/contents/ui-architect-beginner-12
UIの要件定義をトレースしよう
/ui-architect-beginner-31/UI - 情報設計/ゼロからはじめるUI情報設計
www.bo-no.design/contents/ui-architect-beginner-31
④タスク:UIで必要なアクションを整理する
/ui-architect-beginner-37/UI - 情報設計/ゼロからはじめるUI情報設計
www.bo-no.design/contents/ui-architect-beginner-37
お題を把握する-デザインの前に始めること
/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をブラッシュアップする方法:詳細ページの完成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デザインをはじめるために必要なもの | BONO
「なぜその UI にしたの?」と聞かれるたびに、うまく答えられずにモヤモヤしてしまう...。 ユーザーを軸にデザインをつくる基本を学んで 現場貢献と信頼をつかめるデザイナーにキャリアップしましょう
www.bo-no.design/usecase/infoarchitect-beginner
アクション×情報設計 : ボタン地獄UIをどう改善する?
/ui-layout-basic04-3/UI - 情報設計/使いやすいUIの秘密
www.bo-no.design/contents/ui-layout-basic04-3
要件をUIに反映するデザインの流れ
/ui-architect-beginner-13/UI - 情報設計/ゼロからはじめるUI情報設計
www.bo-no.design/contents/ui-architect-beginner-13
③オブジェクト:表示する情報を書き出そう
/ui-architect-beginner-36/UI - 情報設計/ゼロからはじめるUI情報設計
www.bo-no.design/contents/ui-architect-beginner-36