コンテンツ
ロードマップ
UIデザイナー転職ロードマップ
未経験からでも目指せる道のり
1年目活躍ロードマップβ
作成中...
お役立ち
キャリアマップβ
UI/UXデザイナー向け
UX
UI
Figma
ビジュアル
キャリア
特徴・使い方
サービス
BONOの特徴
BONOのサービスについて
料金プラン
プラン変更はいつでも可能
使い方
BONOの使い方
おすすめ使い方、コミュニティ参加方法
フィードバックのやり方
グロースプランのFBのほうほう方法
1on1-デザイン面談
無料で何回でも
運営のスタンス
BONOをやる理由
ラジオ
ログイン
コミュニティへ
takumi.kai.skywalker@gmail.com
ログイン
始める
メニュー
k
takumi.kai.skywalker@gmail.com
ログイン
マイページ
プラン/料金
プラン変更
よくある質問
BONOとは
ログアウト
お問い合わせ
シリーズ一覧
最新動画
UIデザイン
UIデザイン
UIデザイン トップへ
閉じる
インタラクションデザイン
ユーザーに沿って情報体験を設計
🌙
UIパターン
UIに必要な要素を定義
UI要件
OOUI/モデリング
ユーザーシナリオ
ユーザー行動フロー
🔍
プロトタイピング
決定前にUI検証
ユーザビリティテスト
UIパターン検証
❗️
UIパターン
基本表現パターン
基本UIパターン
デザインガイドライン
ナビゲーション
モード
ビジュアルデザイン
使いやすさと印象をデザイン
✂️
UIレイアウト
UIに必要な要素を定義
レイアウト
レスポンシブデザイン
階層/構造
✌️
UIビジュアル
伝達に作用する設計
ビジュアルシステム
タイポグラフィ
UI配色
🛠
ツール
基本表現パターン
Figma
UXデザイン
UXデザイン
カテゴリトップへ
閉じる
リサーチ/顧客定義
ユーザーに沿って情報体験を設計
🌙
ユーザーリサーチ
顧客からデザインを始める
ユーザーヒアリング
カスタマージャーニーマップ
🔍
顧客定義
誰のためになぜを決める
ペルソナ
課題の定義法
アイデア作成/検証
使いやすさと印象をデザイン
✂️
価値定義
価値は相手の変化量
レイアウト
レスポンシブデザイン
階層/構造
✌️
施策アイデア
解決策をデザインする
ドキュメンテーション
解決アイデア
キャリア
BONOラジ
要件定義
情報設計
情報設計のデザインチャレンジ
トライとパターン作成でスキルを上げよう
一覧で見る
賃貸アプリで基本UIトレーニング
賃貸アプリを題材にUIデザイン。マテリアルデザインの「Component」をデザインしながら身につけられます。
動画数36本
お題4つ
出張申請ソフトをデザインしよう
出張申請ソフトの設計で情報設計の実践トレーニングができます。要件を満たす管理画面のUIデザインにチャレンジしよう
動画数36本
お題4つ
UIデザインの基本-応用
現場で使える考え方、流れ、組み立て方を身につけよう
動画数36本
お題4つ
情報設計を理解する
情報設計を学べるシリーズはこちら🙋♂
一覧で見る
UIデザインの基本
現場で使える考え方、流れ、組み
立て方を身につけよう
動画数36本
お題4つ
UIアイデア入門
現場で使える考え方、流れ、組み
立て方を身につけよう
動画数36本
お題4つ
UI PATTERN 入門
現場で使える考え方、流れ、組み
立て方を身につけよう
動画数36本
お題4つ
Material You 勉強会
現場で使える考え方、流れ、組み
立て方を身につけよう
動画数36本
お題4つ
UIの教科書 - マテリアルデザイン
現場で使える考え方、流れ、組み
立て方を身につけよう
動画数36本
お題4つ
OOUI コンテンツ中心のUI設計
現場で使える考え方、流れ、組み
立て方を身につけよう
動画数36本
お題4つ
ナビゲーションUIの基本
現場で使える考え方、流れ、組み
立て方を身につけよう
動画数36本
お題4つ
ゼロからはじめるUI情報設計
現場で使える考え方、流れ、組み
立て方を身につけよう
動画数36本
お題4つ
今日から使える"Material Design"
現場で使える考え方、流れ、組み
立て方を身につけよう
動画数36本
お題4つ
使いやすいUIの秘密
現場で使える考え方、流れ、組み
立て方を身につけよう
動画数36本
お題4つ
情報設計の動画
情報設計を学べる動画です
一覧で見る
【シリーズ紹介】UIのどこに何を配置するか迷う?UIの基本概念で解決しよう
使いやすいUIの秘密
・
情報設計
・
March 12, 2024
3種のモーダルの違い分かる?新米UIデザイナー必見!モーダルUIの基本とUIリサーチ方法
使いやすいUIの秘密
・
情報設計
・
January 30, 2024
ユーザー心をつかむUIの作り方:15パターン検討で、コンテンツUI表現の模索を全部見せ
使いやすいUIの秘密
・
情報設計
・
January 30, 2024
UIデザインって〇〇が中心なのよ〜。基本を知って、見た目じゃ使いづらくなる理由を知ろう
使いやすいUIの秘密
・
情報設計
・
January 30, 2024
【使いやすいUIの秘密】グロナビには〇〇を配置する。抑えるべきUIナビゲーションの3つの基本
使いやすいUIの秘密
・
情報設計
・
December 13, 2023
アクション×情報設計 : ボタン地獄UIをどう改善する?
使いやすいUIの秘密
・
情報設計
・
December 18, 2023
【お題】ナビゲーションの基本を使って改善してみよう
使いやすいUIの秘密
・
情報設計
・
December 18, 2023
【使いやすいUIの秘密】UIで道案内!ナビゲーションの基本 / ユーザーの起点になる情報を配置する / 構造を整理する方法 / グロナビとは?
使いやすいUIの秘密
・
情報設計
・
December 13, 2023
【お題解答】モードの切り替えを自然にする2つのパターンを紹介/アクションの意味とUIを一致させる
使いやすいUIの秘密
・
情報設計
・
December 13, 2023
【モード×デザインお題】モード切り替えに失敗しているUIをデザインし直そう!
使いやすいUIの秘密
・
情報設計
・
December 13, 2023
詳細ページのアクションを考えよう
使いやすいUIの秘密
・
情報設計
・
December 18, 2023
【改善】なぜリストUIに常にボタンを表示するのは微妙なUIデザインなのか?
使いやすいUIの秘密
・
情報設計
・
December 18, 2023
アクション×情報設計 : ボタン地獄UIをどう改善する?
使いやすいUIの秘密
・
情報設計
・
November 24, 2023
【お題】ボタン地獄UIのアクションを改善しよう!
使いやすいUIの秘密
・
情報設計
・
November 24, 2023
【使いやすいUIの秘密】"アクション"の基本 : ダメなUIデザインは、アクションと〇〇が離れすぎている
使いやすいUIの秘密
・
情報設計
・
November 29, 2023
「モード」の学びをまとめよう【テンプレ付き】
使いやすいUIの秘密
・
情報設計
・
November 23, 2023
次へ
最大「5」つまで保存できるよ。動画をまずは消化するのだっ!
閉じる