UI/UXと行動データ
クリック・スクロール等の行動指標をもとに、体験を改善する手法を探究します。
研究×制作
調査→設計→実装→検証の循環
Core
調査→設計→実装→検証の循環
地域・企業連携
実案件に近いテーマで学ぶ
Lab
実案件に近いテーマで学ぶ
※ここはサンプル文です。実際の連携状況に合わせて編集してください。
ゼミ見学
随時受付（要事前連絡）
Open
随時受付（要事前連絡）
学内外の方もお気軽にご相談ください。
About
ゼミ概要
“きれいに作る”だけでなく、目的・ユーザー・情報構造・運用まで含めて設計します。
学びの軸
-
ユーザー中心設計（UCD）
対象ユーザーの文脈を理解し、要件を言語化してデザインに落とし込みます。
-
情報設計（IA）
サイト構造・導線・コンテンツ設計を整理し、迷わない体験をつくります。
-
実装と品質
HTML/CSSを基礎に、アクセシビリティや表示速度などの品質も重視します。
ゼミ情報（例）
活動日
毎週○曜日 ○限（サンプル）
毎週○曜日 ○限（サンプル）
対象
学部○年生（サンプル）
学部○年生（サンプル）
場所
○号館 ○○室（サンプル）
○号館 ○○室（サンプル）
連絡
seminar@example.ac.jp（仮）
seminar@example.ac.jp（仮）
このサイトの使い方
本ファイルは index.html 1枚で完結しています。文章や見出しを編集して、そのまま公開に使えます。
Research
研究テーマ
学術的な視点（根拠）と実務的な視点（成果物）を両立するテーマ設定を行います。
アクセシビリティ設計
色・文字・操作性を配慮し、より多くの人が利用できるWebの設計を学びます。
情報設計とコンテンツ戦略
情報の優先度・導線・文章の設計を通して、伝わる構造をつくります。
デザインシステム
見た目だけでなく、運用・拡張を見据えたルール設計を検討します。
フロントエンド実装
HTML/CSS/JSの基礎から、レスポンシブや性能最適化も扱います。
教育・広報とWeb
大学/学科/地域の情報発信を題材に、伝え方の設計を研究します。
Projects
制作・活動
制作物は「目的」「対象」「成果指標」までセットでまとめます（下記は例）。
最近の取り組み（例）
-
ゼミサイトのリニューアル
情報構造の見直しと、更新しやすいコンテンツ設計を検討。
-
作品アーカイブの整備
作品ページのテンプレート化、検索性の向上、公開範囲の整理。
-
ユーザーテスト演習
タスク設計→観察→分析→改善案作成までを実施。
成果物の形式（例）
Webサイト
企画 / 設計 / 実装 / 運用
企画 / 設計 / 実装 / 運用
プロトタイプ
短サイクルで検証
短サイクルで検証
研究ノート
仮説と根拠を記録
仮説と根拠を記録
発表資料
成果の可視化
成果の可視化
公開ポリシー（例）
実案件や個人情報を含む場合は、公開範囲を調整します（学内限定、要申請など）。
News
ニュース
更新情報・イベント・受賞など。リンク先は必要に応じて差し替えてください。
ゼミ紹介ページを公開しました
研究テーマと活動内容を整理し、見学案内を追加しました。
学内発表会で優秀賞を受賞
アクセシビリティ改善に関する制作研究が評価されました。
地域連携プロジェクトを開始
地域の情報発信サイトを題材に、情報設計から改善提案まで実施。
※リンク先がない場合は、詳細ページを作るか、PDF等の資料へリンクすると便利です。
Members
メンバー
氏名・役割はプレースホルダです。実際の情報に置き換えてください。
指導教員：〇〇 〇〇
専門：情報デザイン / HCI（例）
ゼミ長：〇〇 〇〇
役割：進行 / 連絡（例）
メンバー：〇〇 〇〇
関心：UI設計 / 実装（例）
メンバー：〇〇 〇〇
関心：情報設計 / 文章（例）
参加希望の方へ
研究テーマ・スキル（デザイン/実装/文章/分析など）に応じて役割分担します。初心者も歓迎です。
Contact
お問い合わせ
見学・共同研究・制作相談など。フォームはHTMLのみなので、送信先は別途設定してください。
フォーム（サンプル）
連絡先（例）
メール
seminar@example.ac.jp（仮）
seminar@example.ac.jp（仮）
所在地
西日本工業大学 ○○キャンパス（例）
西日本工業大学 ○○キャンパス（例）
受付
平日 10:00〜17:00（例）
平日 10:00〜17:00（例）
編集ガイド
①サイト名：<title> とヘッダーの文言を変更
②メニュー：各セクションID（#about 等）を維持
③ニュース：#news のリンクと日付を更新