前回の復習
本日の訓練内容
UIとUX
ユーザーインターフェース（UI）はユーザーとの接点を表し、ユーザーエクスペリエンス（UXはユーザーがサービスを通して得る体験のこと。
UXを向上させるためUIを改善する。
必要とされるUIデザイン
- 構成が把握しやすい
- 必要な情報が整理されている
- 関連する情報がまとまっている
- ユーザーが少ない操作で目的のコンテンツにアクセスできる
メモ
【模写コーディング】おすすめの練習サイト【入門編～上級編】
...
code-jump.com
Codejump | 作って学ぶコーディング学習サイト（HTML、CSS、JavaScript、WordPress）【旧 Codestep】
...
code-jump.com
Canva
www.canva.com
-本日のアジェンダ-
1限目
実技 ユーザーインタフェース作成実習①
ユーザーインタフェースについて
2限目
実技 ユーザーインタフェース作成実習①
UIとUXについて
3限目
実技 ユーザーインタフェース作成実習①
課題制作
4限目
実技 ユーザーインタフェース作成実習①
課題制作
5限目
実技 ユーザーインタフェース作成実習①
課題制作
本日のテーマ
UIとUXを意識した作品を作りましょう。
ユーザーインタフェースとは
使いやすいサイトを作りましょう。
こんなサイトになっていませんか？
- どこに情報があるかわからない
- どこをクリックすればよいかわからない
- クリックやスクロース操作が多い
参考サイト
- UI設計】優れたUIデザイン（ユーザインターフェース）を作るために意識すべき、たった1つの原則
- 今さら聞けない！ UI（ユーザーインターフェース）とは？
- UIデザイン｜基本の取り組み方、優れた事例や無料ツールを紹介
デザインの原則について
使いやすいサイトにするためにはデザインも重要です。
デザインの4原則を身につけましょう。
参考サイト
UIとUXについて
Webサイト閲覧者が、サイト閲覧で得られる体験が何かを意識しましょう。
閲覧者は、何を求めているのでしょう？
参考サイト
- UX/UIとは？ 言葉の意味やUXとUIの違いをわかりやすく解説
- 【UI/UXとは？】UIとUXの違いとデザインの改善案
- UI（ユーザーインターフェース）とは？
UX（ユーザーエクスペリエンス）とは？
UIとUXの違いや意味を解説！
本日の課題
WordPressサイトに、本日学んだ内容を投稿ページにまとめてください。
第5回成績考査について
9月30日(金)の5限目までに、Webページを提出してください。
※WEBページはFFFTPでHTMLサーバーにアップしてください。
※サイト内容は自由です。是非、就職活動に活かせる作品を作成してみてください。
実技 ユーザーインターフェイス作成実習① | DEAUアカデミー WEBデザイナー養成科（短時間）A教室
samplesdl.me
