メニュー
k
takumi.kai.skywalker@gmail.com
ログイン
マイページ
プラン/料金
プラン変更
よくある質問
BONOとは
ログアウト
お問い合わせ
ログイン
プラン/料金
BONOについて
よくある質問
プラン/料金
BONOについて
よくある質問
メンバーになると
コミュニティ
コミュニティを開く
コミュニティを開く
もくもく部屋
勉強会
勉強会
1on1について
使い方
ラジオ
プラン/料金
BONOについて
よくある質問
コンテンツ
ロードマップ
使い方
参加方法/使い方
質問の方法
フィードバックのやり方
もくもく部屋について
勉強会
1on1について
コミュニティへ
保存した動画
/
5
顧客中心のUI設計: 映画レビューサイトのユースケースと自然な画面遷移の重要性
BONOフィードバック集
・
December 4, 2023
ユーザーのニーズに応える: UI設計で重要な課題解決とユースケースの具体化
BONOフィードバック集
・
December 4, 2023
UXデザインにおけるゴール設定とユーザー行動理解の重要性: 行動フロー課題へのフィードバック
BONOフィードバック集
・
December 3, 2023
【FB】バナーは日本語の順番と主体を決めてデザインしよう
BONOフィードバック集
・
December 4, 2023
見た目と意図のギャップ: ポートフォリオUIデザインの明確化とユーザー中心のアプローチの必要性
BONOフィードバック集
・
December 3, 2023
顧客の深層理解とカスタマイズされた解決策:サービスデザインの鍵
BONOフィードバック集
・
December 2, 2023
【FB】ユーザーのニーズに応える: UI設計で重要な課題解決とユースケースの具体化
BONOフィードバック集
・
November 29, 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
前へ
次へ
動画を保存しよう
最大
5つ
まで保存できます! 気になった/次に見たい動画を 保存すると、すぐにアクセスできるよ
動画を探す
閉じる
Button Text
takumi.kai.skywalker@gmail.com
プラン/料金
BONOについて
よくある質問
メンバーになると
コミュニティ
コミュニティを開く
コミュニティを開く
もくもく部屋
勉強会
勉強会
1on1について
使い方
ラジオ
プラン/料金
BONOについて
よくある質問
ログイン
プラン/料金
BONOについて
よくある質問
コンテンツ
メンバーになると?
ロードマップ
使い方
参加方法/使い方
質問の方法
フィードバックのやり方
もくもく部屋について
勉強会
1on1について
コミュニティへ
登録
登録
質問しよう
コミュニティで
質問チャンネルで疑問や不安を投稿してみよう
勉強会で
60分の勉強会テーマにして、詳しく解説してもらう
シリーズ一覧
最新動画
UIデザイン
UIデザイン
UIデザイン トップへ
閉じる
インタラクションデザイン
ユーザーに沿って情報体験を設計
🌙
UIパターン
UIに必要な要素を定義
UI要件
OOUI/モデリング
ユーザーシナリオ
ユーザー行動フロー
🔍
プロトタイピング
決定前にUI検証
ユーザビリティテスト
UIパターン検証
❗️
UIパターン
基本表現パターン
基本UIパターン
デザインガイドライン
ナビゲーション
モード
ビジュアルデザイン
使いやすさと印象をデザイン
✂️
UIレイアウト
UIに必要な要素を定義
レイアウト
レスポンシブデザイン
階層/構造
✌️
UIビジュアル
伝達に作用する設計
ビジュアルシステム
タイポグラフィ
UI配色
🛠
ツール
基本表現パターン
Figma
UXデザイン
UXデザイン
カテゴリトップへ
閉じる
リサーチ/顧客定義
ユーザーに沿って情報体験を設計
🌙
ユーザーリサーチ
顧客からデザインを始める
ユーザーヒアリング
カスタマージャーニーマップ
🔍
顧客定義
誰のためになぜを決める
ペルソナ
課題の定義法
アイデア作成/検証
使いやすさと印象をデザイン
✂️
価値定義
価値は相手の変化量
レイアウト
レスポンシブデザイン
階層/構造
✌️
施策アイデア
解決策をデザインする
ドキュメンテーション
解決アイデア
キャリア
BONOラジ
要件定義
DESIGN SERIES
シリーズ一覧
おすすめシリーズ
各デザインスキルの入門的な位置付けになるシリーズ。基礎としての”やり方”のイメージが湧くものをチョイスしてます。
UIデザインの基本の進め方
ゼロからはじめるUIビジュアル
ステップバイステップでUIデザインを一緒にしていくコンテンツ。 Todoアプリの主要画面を、やり方を真似しながらデザイン。作りながらUIデザインの基本原則を学びます
動画数36本
お題4つ
顧客価値をUIで実現する
ゼロからはじめるUI情報設計
「どこに何をなぜ置くべきか?」の情報設計基礎をトレースしながら身につけられます。必須!
動画数36本
お題4つ
UIデザインの基本の進め方
グラフィック入門
Webサイトデザインのプロセスをトレース。見た目を作るテクニックを身につけます。
動画数36本
お題4つ
顧客価値をUIで実現する
OOUI コンテンツ中心のUI設計
情報設計の基本、”オブジェクト指向UIデザイン”解説&実践シリーズ
動画数36本
お題4つ
ツール
はじめてのUIデザイン
UI/UXデザインの基礎概念を学びながら、メッセンジャーアプリをデザインします
動画数36本
お題4つ
価値定義
UX入門
サブスク管理サービスを作りながらUXデザインの手法を学べるコンテンツです
動画数36本
お題4つ
"UXデザイン"シリーズ
UXデザインに関係するスキルを学べるシリーズ
施策アイデア
顧客中心の商品ページ改善
デザイナーの実務を全公開。実在するサービスのリアルな改善フローが見れます。
動画数36本
お題4つ
価値定義
UX入門
サブスク管理サービスを作りながらUXデザインの手法を学べるコンテンツです
動画数36本
お題4つ
ユーザー定義
FAILURE POINT 課題発見の方法
デザイナーが既存サービスの課題を見つけるパターンを解説するシリーズです。(更新中です)
動画数36本
お題4つ
価値定義
ゼロからサービスをデザインしよう
UX入門の内容を使ってゼロからサービスをデザインしよう
動画数36本
お題4つ
"UIデザイン"シリーズ
UIデザインに関係するスキルを学べるシリーズ
UIデザインの基本の進め方
バナーデザイン入門
バナー・サムネイルのデザインを通して整ったグラフィックをデザインするスキルを習得します
動画数36本
お題4つ
基本パターンをガイドラインで習得
使いやすいUIの秘密
UIのレイアウト(骨格)の基本構造パターンをマスターできるシリーズです!
動画数36本
お題4つ
基本パターンをガイドラインで習得
今日から使える"Material Design"
UIの基本理解を推し進めるマテリアルデザインの基本をシェアします
動画数36本
お題4つ
ツール
Figma初級
Figmaをより上手に扱えるAuto LayoutやComponentなど必須機能をトレースしながら学べるシリーズです
動画数36本
お題4つ
UIデザインの基本の進め方
ゼロからはじめるUIビジュアル
ステップバイステップでUIデザインを一緒にしていくコンテンツ。 Todoアプリの主要画面を、やり方を真似しながらデザイン。作りながらUIデザインの基本原則を学びます
動画数36本
お題4つ
ツール
UIトレース入門
初心者向け練習方法のUIトレースについて解説
動画数36本
お題4つ
顧客価値をUIで実現する
ゼロからはじめるUI情報設計
「どこに何をなぜ置くべきか?」の情報設計基礎をトレースしながら身につけられます。必須!
動画数36本
お題4つ
基本パターンをガイドラインで習得
ナビゲーションUIの基本
悪いUIを改善しながら学ぶ情報設計。ナビゲーションの基本をリデザインして、動画を観て習得できます
動画数36本
お題4つ
顧客価値をUIで実現する
実装とデザインの関係超入門
コード経験のない人向けにデザインを実装するときの基本をお伝えするシリーズです。
動画数36本
お題4つ
UIデザインの基本の進め方
グラフィック入門
Webサイトデザインのプロセスをトレース。見た目を作るテクニックを身につけます。
動画数36本
お題4つ
UIデザインの基本の進め方
UIビジュアル基礎
デザインしながらUIの見た目を作る基本理解を進める実践型コンテンツ
動画数36本
お題4つ
基本パターンをガイドラインで習得
賃貸アプリで基本UIトレーニング
賃貸アプリを題材にUIデザイン。マテリアルデザインの「Component」をデザインしながら身につけられます。
動画数36本
お題4つ
顧客価値をUIで実現する
出張申請ソフトをデザインしよう
出張申請ソフトの設計で情報設計の実践トレーニングができます。要件を満たす管理画面のUIデザインにチャレンジしよう
動画数36本
お題4つ
顧客価値をUIで実現する
OOUI コンテンツ中心のUI設計
情報設計の基本、”オブジェクト指向UIデザイン”解説&実践シリーズ
動画数36本
お題4つ
ツール
はじめてのUIデザイン
UI/UXデザインの基礎概念を学びながら、メッセンジャーアプリをデザインします
動画数36本
お題4つ
基本パターンをガイドラインで習得
UIの教科書 - マテリアルデザイン
UI表現の”きほん”を学んでベースの知識をつけましょう。
動画数36本
お題4つ
使いやすいUIデザインの基本
Material You 勉強会
大変革。2021年にGoogleが発表した「Material You」のコミュニティ勉強会です
動画数36本
お題4つ
使いやすいUIデザインの基本
DailyUI 音声SNS
UIを自分でデザインしながら基本パターンの解説をインプットできる基礎シリーズです
動画数36本
お題4つ
基本パターンをガイドラインで習得
UI PATTERN 入門
良いUIに必須なパターン出しの方法を体感しよう
動画数36本
お題4つ
基本パターンをガイドラインで習得
UIアイデア入門
完璧にする前にラフでアイデアを作る理由を体感しよう
動画数36本
お題4つ
基本パターンをガイドラインで習得
UIデザインの基本-応用
現場で使える考え方、流れ、組み立て方を身につけよう
動画数36本
お題4つ
基本パターンをガイドラインで習得
UIデザインの基本
UIのアイデアを出す流れと手法をトレースで身につけよう
動画数36本
お題4つ
最大「5」つまで保存できるよ。動画をまずは消化するのだっ!
閉じる