非専門家のためのUXデザイン入門書

UXUIデザイン基礎理論 + 実習 UXUIデザイン分野の就職戦略

UXデザインの基本原則を学び、より良いユーザー体験を提供しましょう！ このコースでは、UXデザインの基本原則である短縮性、応答性、事前防止性、エラー検知性、可読性など、UXデザインの原則を深く掘り下げて扱います。ジョン・ミンスUX専門家が直接伝える実践的なアプローチを通じて、効率的で直感的なデザインを実務にすぐに適用することができます。 30年の経験で培ったノウハウでユーザーの主導権を強化し、システムとの相互作用で発生しうる問題を事前予防する方法まで、UXデザイン原則を完全に習得し、より良い製品とサービスを創り出す方法を学びましょう。 今すぐコースを通じて、ユーザー中心の創造的で革新的なデザインを完成させましょう！

問題定義からリサーチの整理、アイディエーション、プロトタイピングまで！AIを実践パートナーとして活用し、完成度の高いUX/UIポートフォリオをスピーディーに作成します。最新のAIツールはもちろん、実務で使い続けられている検証済みのツールまで、プロジェクトに合わせて戦略的に活用できます。

After Effects中級以上、実務で活用できる技術を説明します。 CC2023で説明しますが、バージョンに関係なく基本原理を中心にしました。 ツール説明で時間を無駄にせず、能動的な研究ができる材料を用意しました。

Figmaデザイン + AI活用コーディング + デプロイまでフルスタックコース！！ [Figma + バイブコーディング (HTML/CSS/Tailwind/React) + Git + vercel デプロイ] 自分のデザインそのまま！！1ピクセルの誤差もなくバイブコーディングで完成！ AI活用で実務の生産性を5倍高めるフルスタック攻略本！ デザインもコーディングもすべて可能なフルスタックデザイナー、あなたもなれます。 ✅ デザインの意図まで一ピクセルの誤差なく具現 ✅ AIが理解するデザイン設計 ✅ AIを正確にコントロールするプロンプト制作能力 ✅ AIが自由に作成したコードをサクサク修正する能力 デザインからコーディング、デプロイまで1/5に短縮される驚きの体験をお届けします。

本講義は、単なる感性的なフレーズや文章力に頼るライティングを超え、認知工学（Cognitive Engineering）と行動経済学に基づき、消費者の脳と視線、行動を科学的に制御するUXライティングの実務課程です。 Fパターン、Zパターン、レイヤーケーキパターンなど、モバイル・デジタル消費者のアイトラッキング（Eye-Tracking）行動に最適化された視覚的階層構造と、逆ピラミッド型の情報アーキテクチャ設計法を体系的に扱います。 プリ・スエージョン（Pre-Suasion）、フレーミング効果、返報性の原理、フット・イン・ザ・ドア（Foot-in-the-Door）などの行動科学の心理法則を、UX/UIマイクロコピーおよびランディングページに即座に適用する技法を学習します。 フォッグ式行動モデル（B=MAP）に基づいた価値中心のCTAコンポーネント設計、共感的なエラーメッセージの作成、信頼バッジのアンカリングなど、実際のCVR（転換率）を最大化するマイクロエンジニアリングの能力を学びます。 欺瞞的なダークパターンを克服し、ブランドの長期的な信頼システムと一貫したボイス＆トーン（Voice & Tone）ガイドブックを構築することで、実務で即座に活用可能な成果物を導き出します。

データアナリストもユーザーリサーチャーもいない小さなスタートアップを7社も渡り歩き、多種多様な試行錯誤を繰り返してきました。UXを設計する人が直面しうる様々な現実的な困難と、その困難を乗り越える過程で得られた深いインサイトを共有します。

本講座では、AIプロダクトを企画しデザインする際に必要となるUX原則と実践的なノウハウについてお伝えします。ユーザー価値中心のAI活用法、AIを活用したUX企画およびデザイン方法、日常の中のデザイン事例から学ぶ核心的なUX原則と理論、より良い体験を提供するためのUXリサーチおよびデータ分析法について学びます。

弊社の「実際の現場でのやり方」であり、入社する企画者や開発者のための「オンボーディング用動画」を公開します。デザイナーなしでサービス画面をデザインした後、Figmaを知らなくても画面UX Flowを作成し、プロトタイプを作る方法を教えます。弊社がサービス企画時に素早くプロトタイプを作成し、迅速な意思決定と必要な機能の確定を行い、フロントエンド開発に活用することで、生産性を最大化して業務を進めている方法です。反応が良ければ、他の「現場流」の講義もアップロードします。

Web企画基礎コースが中大規模プロジェクトでどのように応用され、実務に適用されるかをお知らせするWeb企画応用過程です。 <<このVODは実際のレッスンの録画映像で、雑談などの音が一部含まれていますので、ご購入の際に参考にしてください~!>>

デザインは難しく、Figmaは複雑そうだと思っていませんでしたか？ 今は非デザイナーでも直接画面を作れる時代！ 図形・テキスト・マスクなどの基本機能から、 背景削除、AI画像生成、UI自動制作まで、 FigmaのAI機能を実務の流れの中で自然に活用する方法を学びます。 詳細ページの制作からショッピングモールのUI画面構成まで、 デザイナーの助けを借りずに成果物を完成させることができる 実践的なFigma活用法を体験してみてください。 Point 1. Figmaの核心機能さえ身につければ、自分で画面を作れる - フレーム・図形・テキスト・マスクなど、必須の描画機能のみを実習中心に学習 - 詳細ページの全セクションを最初から最後まで直接制作し、成果物の完成を経験 Point 2. Figma AIを活用して作業スピードを大幅に短縮 - 背景削除、画像生成、レイヤー整理などのAI機能を実務の流れの中で自然に活用 - 単なる機能紹介ではなく、実際のデザイン作業につながる活用法を中心に構成 Point 3. ショッピングモールUIまで作る実務型デザイン感覚を身につけよう - オートレイアウト・コンポーネント・Make Designs機能でUI画面セットを制作 - 非デザイナーでも一人で画面を設計し、完成させることができる実践感覚を学習

AI技術とUXデザインが結合するAX時代、プロダクトチームはどのような戦略で顧客体験を設計すべきでしょうか？ 17年キャリアの大企業責任研究員であり、HCI博士出身の知識共有者が最新トレンドと活用事例、研究結果に基づいてお教えします。

コーダー（パブリッシャー）への就職や実務において、最も競争力となるモバイルウェブ制作能力を向上させることができます。コーダーとしてモバイルウェブを制作するための、ほぼすべての制作手法とノウハウを固めることができます。特に、最近のコーダーや開発者に求められるデザイン能力をフィグマ（Figma）の学習で大幅にカバーできるよう、FigmaによるモバイルウェブUIデザイン作業のプロセスも詳細に説明しました。モバイルウェブパブリッシング授業の最大の強みであるHTMLワイヤーフレームの詳細な作成法を、すべてのページ一つひとつ丁寧に解説します。講義を通じて、HTMLワイヤーフレームの制作能力が大きく向上するはずです。モバイルウェブパブリッシングは、CSS変数（Var）を活用してモバイルやタブレットに最適化したレイアウトを完璧に合わせる学習を通じ、実務とほぼ遜色のないレベルの作業能力を身につけることができます。Flexレイアウトを中心に、中上級のCSS実践能力を十分に備えることができます。

ソ・ジャヨン様、キキ様、カン・ヨンファ様がこれまでキャリアで経験した事例に基づいてセルフ成長法とソフトスキルについて話します。

この講義は、デザインQAを単なる検品ではなく「製品の完成度を設計するプロセス」として再定義します。 画面・状態・フローの基準を体系化し、デザインシステムと連動した実践的なQA思考法を通じて、繰り返しの修正を減らし、基準に基づいてコミュニケーションする方法を提示します。

AI活用とコンポーネント中心UI制作で学ぶ実務型Web UI開発、 デザイナー＋開発者必須コース！

リサーチの自動化からバックエンドのデータ連携、さらには実際のライブ動的ウェブをデプロイする過程までを網羅し、個人が製品のライフサイクル全体を主体的にリードできるフルスタックの視点を養うことを目的としています。AI時代の競争力を強化したい方々に、アイデアを具現化する強力なエンジンとして活用する力を提供します。

HTMLで作ったカフェホームページをCSSで美しく装飾する実戦プロジェクト講義です。 色彩、レイアウト、タイポグラフィからFlexbox、Grid、アニメーション、レスポンシブデザインまでCSSのすべての基礎をミンジとコード先生のストーリーを追いながら自然に学ぶことができます。 4時間の学習で初心者もプロフェッショナルなWebデザインを完成させることができます。