11/4 学科 UXデザイン基礎【オンライン】

本日のテーマ

より良いサイト作りの為に

UXデザインとは？

• 定義: ユーザーが製品やサービスを利用する際に感じる体験を設計すること。
• 重要性:
  • 顧客満足度の向上
  • リピーターの増加
  • 競合との差別化

UXデザインのポイント

1. ユーザー中心: ユーザーの視点に立ち、ニーズを深く理解する。
2. 全体像: 購入前から購入後までの一連の体験を設計。
3. 感情: ユーザーの感情や体験を考慮。

UXデザインの具体例

• Webサイト: 使いやすいナビゲーション、見やすいレイアウト。
• スマートフォンアプリ: 直感的な操作性、美しいデザイン。
• 家電製品: 簡単な操作性、安全設計。

UXデザインの流れ

1. リサーチ: ユーザーのニーズや行動を調査。
2. ペルソナ作成: 代表的なユーザー像を作成。
3. ワイヤーフレーム作成: 画面の骨組みを設計。
4. プロトタイプ作成: 動く画面を作成。
5. ユーザビリティテスト: 実際に試して改善点を洗い出す。
6. デザイン: 視覚的なデザインを施す。
7. 実装: システムに組み込む。

UIとUXの違い

• UI (User Interface): ユーザーが直接触れる部分のデザイン。
  • 例: ボタン、アイコン、メニュー。
• UX (User Experience): ユーザーが感じる総合的な体験。
  • 例: 情報のスムーズな検索、操作の簡便さ。
• 関係性: UIはUXの一部。UIが良くてもUXが良いとは限らない。

デザインのポイント

1. ボタン設計:
   • タッチデバイスでは広い領域を確保。
   • リンク箇所のデザインを統一。
   • バナーはクリック先が分かりやすいデザインに。
2. 導線設計:
   • 無駄なリンクやページを排除。
   • 1ページの内容を充実させる。
   • ファーストビューで最優先コンテンツを表示。
3. 表示スピード対策:
   • 高解像度ディスプレイ対応。
   • 画像形式やプログラムの最適化。
   • 動的プログラムの使用は慎重に。

使いやすさの追求

• WEBフォント: 日本語対応フォントを活用。
• jQuery: 必要に応じて動きを追加。
• Googleアナリティクス: データ解析で改善。

まとめ

• ユーザー目線を最優先に。
• 見た目だけでなく、ユーザー体験を向上させる設計を目指す。
• UXデザインを意識することで、より良い製品やサービスを提供できる。

この内容をポートフォリオサイトにまとめることで、UXデザインの基礎を学び、実践に活かすことができます。