メニュー
k
takumi.kai.skywalker@gmail.com
ログイン
マイページ
プラン/料金
プラン変更
よくある質問
BONOとは
ログアウト
お問い合わせ
ログイン
プラン/料金
BONOについて
よくある質問
プラン/料金
BONOについて
よくある質問
メンバーになると
コミュニティ
コミュニティを開く
コミュニティを開く
もくもく部屋
勉強会
勉強会
1on1について
使い方
ラジオ
プラン/料金
BONOについて
よくある質問
コンテンツ
ロードマップ
使い方
参加方法/使い方
質問の方法
フィードバックのやり方
もくもく部屋について
勉強会
1on1について
コミュニティへ
保存した動画
/
5
Career
【BONO×転職】デザイン独学期間、1番辛かったことと楽しかったことは?/ポートフォリオの評価されたポイント/転職と面接、何社受けてどう進んだ?/
キャリア相談まとめ
・
January 3, 2024
グラフィックデザイナーからマネージャーになるべきか?UI/UXに転身すべきか
BONOフィードバック集
・
December 13, 2023
インタラクション
【使いやすいUIの秘密】グロナビには〇〇を配置する。抑えるべきUIナビゲーションの3つの基本
使いやすいUIの秘密
・
December 13, 2023
インタラクション
アクション×情報設計 : ボタン地獄UIをどう改善する?
使いやすいUIの秘密
・
December 18, 2023
インタラクション
【使いやすいUIの秘密】UIで道案内!ナビゲーションの基本 / ユーザーの起点になる情報を配置する / 構造を整理する方法 / グロナビとは?
使いやすいUIの秘密
・
December 13, 2023
【勉強会】ダメなUIから学ぶ"モード"の基本。モード切替は遷移ではない。モード中は別ユニバース。マリオは右に進む
BONO勉強会アーカイブ
・
January 5, 2024
デザイン課題の探求: 成功体験分析と顧客理解の重要性に焦点を当てたUI/UX勉強会の講演内容
BONO勉強会アーカイブ
・
January 5, 2024
デザインの多面性: YouTubeライブでのポートフォリオレビュー、ユーザー調査からUIの根拠まで
BONO勉強会アーカイブ
・
January 5, 2024
顧客中心のUI設計: 映画レビューサイトのユースケースと自然な画面遷移の重要性
BONOフィードバック集
・
December 4, 2023
ユーザーのニーズに応える: UI設計で重要な課題解決とユースケースの具体化
BONOフィードバック集
・
December 4, 2023
UXデザインにおけるゴール設定とユーザー行動理解の重要性: 行動フロー課題へのフィードバック
BONOフィードバック集
・
December 3, 2023
【FB】バナーは日本語の順番と主体を決めてデザインしよう
BONOフィードバック集
・
December 4, 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ラジ
要件定義
ホーム
ツール
Figma
Figma
の動画
Figma
【Figmaプロトタイプ機能】アニメーションとオーバーレイでプロトタイプ機能を使いこなす
・
November 22, 2023
Figma
【Variabelsでサイトデザイン】変数を登録してデザイン/モード切り替えでレスポンシブ対応しよう
・
November 22, 2023
Figma
【Figma】Wrap機能解説/レスポンシブなデータをFigmaで作成するチュートリアル【無料】
・
August 19, 2023
Figma
#8 ついに完成!Figmaになれたら次にやるべきUIデザインの勉強法!
Figma初級
・
August 8, 2023
Figma
#7 コンポーネントとして繰り返し使えるツイートUIをデザインしよう - Figmaの使い方チュートリアル
Figma初級
・
August 8, 2023
Figma
#6 『ツイート作成』UIをデザインしよう!しよう - Figmaの使い方チュートリアル
Figma初級
・
June 16, 2023
Figma
#5 オートレイアウトを使って『リスト切り替えUI』をデザインしよう! - Figmaの使い方チュートリアル
Figma初級
・
June 16, 2023
Figma
#4 オートレイアウトをフルに使ってナビゲーションを完成させよう - Figmaの使い方チュートリアル
Figma初級
・
October 29, 2023
Figma
#3 コンポーネント機能の使い方 / ネスト状態にしてアイコンを切り替えられるようにしよう - Figmaの使い方チュートリアル
Figma初級
・
August 15, 2023
Figma
#2UIで大事な構造を学ぶ / オートレイアウトでListItemをデザインしよう! - Figmaの使い方チュートリアル
Figma初級
・
September 24, 2023
Figma
#1UIトレースで学ぶFigmaの使い方!オートレイアウトとコンポーネントをマスターして作業効率UP&UIの基本をマスターする
Figma初級
・
August 25, 2023
Figma
#14:アニメーション機能 - 本物かのように動くアニメーションをUIに付ける方法【Figma入門】
Figma入門
・
September 26, 2023
Figma
#13:コンポーネント機能 - UIを部品として効率よく設計しよう【Figma入門】
Figma入門
・
June 16, 2023
Figma
#12:オートレイアウト機能 - 繰り返しのUIレイアウトが抜群にラクになる方法を解説【Figma入門】
Figma入門
・
June 16, 2023
Figma
#11:プロトタイプ機能 - ホバーや遷移を付けて画面を触れる形にデザインしよう【Figma入門】
Figma入門
・
June 16, 2023
Figma
#10:カラーパレット機能 - 良く使う色を登録して効率よく、一貫した配色を可能にしよう【Figma入門】
Figma入門
・
June 16, 2023
Figma
#9: 動画閲覧ページを作る_UIづくりテクニックの総集編です【Figma入門】
Figma入門
・
June 16, 2023
Figma
#8:動画コンテンツのUIデザイン。画像のマスクと境界線の使い方【Figma入門】
Figma入門
・
June 16, 2023
Figma
#7:ボトムナビゲーションの作り方。繰り返しのパーツ/アイコン設置【Figma入門】
Figma入門
・
June 16, 2023
Figma
#6:コンポーネント、ロゴ、アイコンを使ってヘッダーUIをデザインする【Figma入門】
Figma入門
・
June 16, 2023
Figma
【Figma】使い方講座#5:YoutubeUIをつくる!! - アニメーションやオートレイアウト機能などもカバーするUI編のコンテンツを紹介
Figma入門
・
July 1, 2023
Figma
【Figma】使い方講座#4:バナーをつくろう! - サイズの調整方法を身につけてバナーを完成させる
Figma入門
・
October 23, 2023
Figma
使い方講座#3:バナーをつくろう!- オブジェクトの配置&ツールの構造を知る
Figma入門
・
October 2, 2023
Figma
使い方講座#2:バナーをつくろう! - デザインする前にセットアップ。管理画面の使い方を知る
Figma入門
・
October 2, 2023
Next
ホーム
ツール
Figma
サブタイトル
UXデザイン
「イーハトーブ」とは何かというと,岩手県出身の宮沢賢治による造語で,心象世界にある理想郷を指す言葉です。
UXデザインとは?
ユーザー価値を作る
最the高のコピー!心お踊れ!
プロダクトを伸ばす
最the高のコピー!心お踊れ!
UXリサーチ
最the高のコピー!心お踊れ!
まとめてすきるをますたー
使いやすいUIをデザインするには顧客から逆算してアイデアを出します。そのデザインの流れを習得しよう
ロードマップ
顧客理解入門コース
最the高のコピー!心お踊れ!
ロードマップ
顧客理解入門コース
最the高のコピー!心お踊れ!
ユーザー価値のデザイン
「イーハトーブ」とは何かというと,岩手県出身の宮沢賢治による造語で,心象世界にある理想郷を指す言葉です。
最初からはじめる
最初からはじめる
ミニコース
課題発見コース
顧客価値をデザイインするためには課題がまず必要でごわす。
ミニコース
課題発見コース
顧客価値をデザイインするためには課題がまず必要でごわす。
ミニコース
課題発見コース
顧客価値をデザイインするためには課題がまず必要でごわす。
ミニコース
課題発見コース
顧客価値をデザイインするためには課題がまず必要でごわす。
ミニコース
課題発見コース
顧客価値をデザイインするためには課題がまず必要でごわす。
ユーザー価値のデザイン
「イーハトーブ」とは何かというと,岩手県出身の宮沢賢治による造語で,心象世界にある理想郷を指す言葉です。
最初からはじめる
最初からはじめる
ミニコース
課題発見コース
顧客価値をデザイインするためには課題がまず必要でごわす。
ミニコース
課題発見コース
顧客価値をデザイインするためには課題がまず必要でごわす。
ミニコース
課題発見コース
顧客価値をデザイインするためには課題がまず必要でごわす。
ミニコース
課題発見コース
顧客価値をデザイインするためには課題がまず必要でごわす。
ミニコース
課題発見コース
顧客価値をデザイインするためには課題がまず必要でごわす。
ユーザー価値のデザイン
「イーハトーブ」とは何かというと,岩手県出身の宮沢賢治による造語で,心象世界にある理想郷を指す言葉です。
最初からはじめる
最初からはじめる
ミニコース
課題発見コース
顧客価値をデザイインするためには課題がまず必要でごわす。
ミニコース
課題発見コース
顧客価値をデザイインするためには課題がまず必要でごわす。
ミニコース
課題発見コース
顧客価値をデザイインするためには課題がまず必要でごわす。
ミニコース
課題発見コース
顧客価値をデザイインするためには課題がまず必要でごわす。
ミニコース
課題発見コース
顧客価値をデザイインするためには課題がまず必要でごわす。
最大「5」つまで保存できるよ。動画をまずは消化するのだっ!
閉じる