AI活用UX/UIデザインプログラミング演習 e-ラーニングコース

ユーザー目線・ユーザー体験を取り入れたWebアプリ開発を実現したい方、ペルソナやユーザビリティ テストなどデザイン思考を学びたい方

「AI活用入門」(62H00)または(62H01)を修了していることが望ましい。

・UX/UIデザインについて理解を深めると共に、デザイン思考の基本を身に着ける。
・HTML/CSS/JavaScript等を使って、UX/UIデザインに優れた動的なブラウザベースのアプリケーションを開発できるようになる。

第1回： UX（ユーザーエクスペリエンス）
　　　　UX:User Experience（ユーザーエクスペリエンス）について理解を深め、デザイン思考の基本を身につける。
第2回： ユーザーインターフェース（UI）
　　　　UI:User Interface(ユーザーインターフェース)について理解を深め、UIの考え方を身につける。
第3回： Design Thinkingを用いたUX/UI
　　　　デザイン思考(Design Thinking)について理解を深め、UX/UIデザインの手法を身につける。
第4回： HTMLプログラミング
　　　　HTMLの基礎を理解し、HTMLを用いて簡単なWebページの作成が出来るようになる。
第5回： CSSプログラミング
　　　　CSSの基礎を理解し、CSSを用いて第4回で作成したWebページのデザインをブラッシュアップする。
第6回： デザインガイドライン
　　　　デザインガイドラインについて理解し、デザインガイドラインを適用したWebサイトの作成ができるようになる。
第7回： HTML/CSSプログラミング実践
　　　　第1～6章までの授業で扱った内容を使い、Webページを作成する。
第8回： JavaScriptプログラミング（基礎）
　　　　JavaScriptとは何かを理解し、基本構文を記述する際のルールを理解する。
第9回： JavaScriptプログラミング（応用①）
　　　　JavaScriptの制御構文・オブジェクトなどを理解し、基本構文を記述できるようになる。
第10回： JavaScriptプログラミング（応用②）
　　　　JavaScriptでHTMLを操作する仕組みを理解する。
第11回： JavaScriptプログラミング（応用③）
　　　　実践的なJavaScriptAPIの利用方法を理解する。
第12回： 総合演習（画面設計）
　　　　テーマを設定し、そのテーマに即したUX/UIをデザインする。
第13回： 総合演習２（画面開発）
　　　　第12章でデザインしたワイヤーフレームワークをもとにWebサイトを作成する。
第14回： 総合演習３（画面機能の拡張）
　　　　HTML/CSS実装をベースにJavaScriptを使ってロジックを実装できるようになる。

全24時間11分

プログラム修了後には、“AI活用人材”であると証明する”修了証”と”オープンバッジ”を発行します。
オープンバッジは資格・スキル・能力を示すデジタル証明です。
AI活用人材であることを簡単に示せる、スキル証明として活用できます。