コンテンツ
ロードマップ
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つ
情報設計の動画
情報設計を学べる動画です
一覧で見る
#7後編 : 選択メニューUIをデザインして、カテゴリ選択を作ろう
ゼロからはじめるUIビジュアル
・
情報設計
・
April 3, 2024
UIをブラッシュアップする方法:詳細ページの完成UIを紹介
ゼロからはじめるUI情報設計
・
情報設計
・
October 30, 2024
配色はアクションからUIに指定していく
ゼロからはじめるUI情報設計
・
情報設計
・
October 24, 2023
UIの質の上げ方:テーブルUIをデザインする
ゼロからはじめるUI情報設計
・
情報設計
・
October 30, 2024
優先度を付ける。UIアイデアをパターンでデザインしていこう
ゼロからはじめるUI情報設計
・
情報設計
・
October 30, 2024
「フィッシュボーン図」で課題解決のアイデアを効率よく考える
ゼロからはじめるUI情報設計
・
情報設計
・
April 16, 2023
ラフをデザインしたら、叩いてアイデアを出そう
ゼロからはじめるUI情報設計
・
情報設計
・
October 30, 2024
UI情報設計をブラッシュアップするには? - Ver.1で終わるのはハーゲンダッツ
ゼロからはじめるUI情報設計
・
情報設計
・
October 9, 2023
UIの見た目よりまずは、構造を参考に仕様
ゼロからはじめるUI情報設計
・
情報設計
・
April 14, 2023
UIリサーチ:まずは構造から参考にしよう
ゼロからはじめるUI情報設計
・
情報設計
・
November 22, 2023
UIリサーチの方法:同じカテゴリーのものを調べる
ゼロからはじめるUI情報設計
・
情報設計
・
July 19, 2023
④タスク:UIで必要なアクションを整理する
ゼロからはじめるUI情報設計
・
情報設計
・
October 28, 2023
③オブジェクト:表示する情報を書き出そう
ゼロからはじめるUI情報設計
・
情報設計
・
October 28, 2023
②行動フロー : UIで必要なアクションの整理
ゼロからはじめるUI情報設計
・
情報設計
・
October 28, 2023
①ユースケース:UIを人がいつ使うか整理しよう
ゼロからはじめるUI情報設計
・
情報設計
・
December 7, 2023
トレースするUI要件定義の完成形をチェック
ゼロからはじめるUI情報設計
・
情報設計
・
September 10, 2023
前へ
次へ
最大「5」つまで保存できるよ。動画をまずは消化するのだっ!
閉じる