京都大学 OCW ウェブサイトデザインリニューアルの取組みと関連する利用者動向の考察
藤岡 千也, 緒方 孝亮, 岡本 雅子, 酒井 博之
京都大学高等教育研究開発推進センター
fujioka.kazuya.8a@kyoto-u.ac.jp

Improvement of Kyoto University OCW website design and a study of its
visitor trends
Kazuya Fujioka 1), Kosuke Ogata 1), Masako Okamoto 1), Hiroyuki Sakai 1)
1) Center for the Promotion of Excellence in Higher Education, Kyoto University
概要

本稿では、2021 年 4 月におこなった京都大学 OCW のウェブサイトリニューアルの取組みを報告する。また、そのリニューアル前後の利用者動向について、ウェブサイトへのアクセス履歴データを使って比較し、検証をおこなった。その結果、利用者が、改善をおこなったウェブサイトデザインの機能を利用し、リニューアル前より多くの割合で、閲覧、視聴したい講義コンテンツに辿り着いていることが明らかとなった。
後、正課授業だけでなく、オープンキャンパスの1 はじめに模擬授業や、一般向けの公開講義、退職する教員

京都大学オープンコースウェア（OCW）は、による最終講義などのコンテンツの公開もおこな京都大学でおこなっている授業や公開講義、国際うようになった。

会議などの資料や映像をインターネット上に無償2005 年公開当初のウェブサイトでは、学部、で公開しているプロジェクトである。広く社会と大学院、講義ごとにディレクトリに分けコンテン知識を共有することにより、学内利用に加え、私ツを管理していた。講義ページは、シラバスの内的学習など教育的な利用を広げることを主な目的

容や、同じディレクトリに保存している資料へのとしている。そのため、京都大学の学生や教職員リンク情報を示した静的ページで作成していた。

だけに限らず、高校生、学び直しを必要とする社

2007 年以降は、ユタ州立大学が開発した、会人など、インターネットにアクセスできる人でOCW 用に特化しているコンテンツ管理システム

あれば誰でも、コンテンツを利用することが可能

eduCommons を導入し運用してきたが、2010 年時になっている。

点でユタ州立大学からコミュニティベースでの開2005 年に京都大学 OCW のウェブサイト公開が発に移行し [3]、その後、開発は停止した。ま始まり、2020 年度の時点で公開している講義のた、その開発言語も 2020 年にサポート対象外と数は 921 講義となっている [1]。近年では、毎年なったことからセキュリティー上の危険性を伴う

約 50 講義のコンテンツを追加し、公開している事となった。そこで、WordPress をカスタマイズ[2]。

したプラットフォームを開発し、京都大学 OCW

2005 年の公開から数年、京都大学 OCW では、のリニューアルをおこなう事となった [4]。

正課授業の概要・目的、到達目標などを示したシ

また、2008 年に京都大学 OCW の YouTube チ

ラバス、授業で使用しているレジュメやスライドャンネルを開設し、YouTube を使って講義映像の資料などが、主なコンテンツとなっていた。その公開を始め、主なコンテンツが映像へ移行した。

72そのため、OCW から公開するコンテンツの種類

されるオープンキャンパスの模擬授業だけを、一は、レジュメやスライド資料に加えて映像のコン纏めに閲覧できるような UI を設けるためには、テンツが増えた。また、前述した通り、講義のカオープンキャンパスのインデックスページを別途テゴリーとしても正課授業だけでなく、公開講義作成し、そこへのリンクをトップページのメニュや最終講義なども公開するようになった。そのたーに加える必要があった。増え続けるトップペー

め、京都大学 OCW から公開するコンテンツは、ジのメニューは、結果的に冗長になった上、本来年々増加し続けていた。

種類が異なるメニューの項目が、混在している状

これらの変化に対し、ディレクトリとページを態となっていた（図 1）。

追加することにより対応していたが、コンテンツさらに、構造上の問題として、複数の項目を横の管理は複雑で非効率的になっていた。また、そ断しているコンテンツ、例えば理学部が毎年おこの構造に関連するユーザーインターフェイス

なっているオープンキャンパス模擬授業は、「理(UI) は、増加するページに対してリンクするメ学部」、「公開講義」、「オープンキャンパス」

ニューの数が必然的に多くなり、利用者がコンテンツに辿り着くまで、ページを遷移するクリックの数が多いなどの問題があった。そのため、システムのリニューアルに合わせ、デザインのリニューアルを 2021 年 4 月の公開に向けておこなうこととなった。
本稿では、旧京都大学 OCW ウェブサイトの問題点を、どのように改善しリニューアルをおこなったかを報告するとともに、その検証のために、リニューアル前後の利用者の動向について、Google Analytics のアクセス履歴データを使って比較をおこない考察する。

2 旧サイトの問題点
2.1 構造と UI の問題点
京都大学 OCW のウェブサイトが、2020 年度時点で公開していた 921 の講義コンテンツは、約50 以上のコンテンツ提供部局（学部、大学院、附置研究所、全国共同利用施設及び学内共同教育研究施設）や、通常講義（正課授業）、公開講義、国際会議、最終講義などの講義の種別と紐づいていた。提供部局や講義の種別は、サイト設計において構造上はディレクトリとして、UI としてはコンテンツへ辿り着くまでのトップページのメニューと関連していた。このため、講義コンテンツに関わるディレクトリ構造や複数のメニュー
間の複雑さを解消する必要が生じていた。
また、例えば毎年公開講義のディレクトリに蓄積

73

図 1 旧京都大学 OCW ウェブサイトトップページ

それぞれのメニューから閲覧できるように、各デを選ぶ」「学部／大学院／研究所等を選ぶ」のプルィレクトリにコンテンツまたは、リンクの配置がダウンメニューを設けた。「キーワード検索」は、必要であり、その横断している状態を補いきれな旧ウェブサイトのサイト内 Google 検索に代わるい場合もあった。

コンテンツの全文検索である。「カテゴリを選ぶ」

2.2 検索の問題点

では、検索条件として通常講義、公開講義、国際旧ウェブサイトでは、利用者がコンテンツを閲会議、最終講義、その他の項目を選ぶことができ覧、視聴する方法として、メニューを辿ってアクる（図 3）。また、「学部／大学院／研究所等を選セスする方法の他に、サイト内に設置した Google

ぶ」では、検索条件として講義提供部局を選ぶこ検索を利用する方法があった。しかし、サイト内とができる。これで、トップページで冗長になっ

Google 検索は、コンテンツの全文検索のため、部ていた旧サイトのメニュー（図 1）に関する問題

局やカテゴリー、開講年度などで、対象を絞ったが解消できた。また、カテゴリと提供部局の検索検索をおこなうことができなかった。また、検索を独立させた事により、メニュー項目での混在の結果がテキスト表記のみであるため、主となるコ問題を解決することができた。

ンテンツである映像の内容を、視覚的に分かりやさらに、項目間を横断して検索し、講義を選び出すく利用者に伝えることができていなかった。

すことも可能になった。図 4 の講義検索ページ

2.3 講義ページの問題点

では、このトップページでの検索条件に加え「シ旧ウェブサイトでは、一つの講義コンテンツを公開するにあたり、講義トップページ、シラバスページ、資料・映像のインデックスページ、映像を視聴するページなど、複数のページで構成し、それらを階層的に管理していた。それゆえ、各ページをリンクで遷移して講義コンテンツを閲覧、視聴する必要があり、利用者にとって、講義内の資料や映像などの各コンテンツに到達するまでのクリックの数が多い UI となっていた。

3 リニューアルによる改善
3.1 サイト設計のリニューアル
前章で述べたサイト設計における構造上の問題への対応として、リニューアルしたウェブサイトの設計では、WordPress をカスタマイズしコンテ

図 2 リニューアル後の京都大学 OCW ウェブサンツを管理している。その結果、旧ウェブサイト

イトトップページにおいて、個々のディレクトリで各講義コンテンツを管理することにより複雑になっていた状態を解消できた。
リニューアルした京都大学 OCW のウェブサイ
トでは、利用者が、閲覧、視聴したい講義を、データベースから検索し選び出すことが可能になった。その UI として、トップページ（図 2）の右側に「キーワード検索」の入力ボックス、「カテゴリ74

図 3 「カテゴリを選ぶ」プルダウン

図 4 講義検索ページ
リーズ」、「分野名」、「年度」をそれぞれ選択することができる。「シリーズ」は、オープンキャンパスなど定期的におこなわれる公開講義などの選択が可能となっている。
3.2 検索のリニューアル
図 5 講義ページ

リニューアルしたサイトの「キーワード検索」
は、前節で述べた通り、サイト内の全文検索である。また、複数の検索条件による横断的な検索は、旧ウェブサイトのサイト内 Google 検索で問題となっていた、対象を絞った検索を可能にした。検索結果は、図 2 のトップページ「Latest Courses」の一覧に並んでいる講義と同様に、講義のアイキャッチ画像、講義タイトル、担当教員、提供部局名、開催・開講年度を表示する。講義のアイキャッチ画像には、主に講義映像の代表的な場面の静止画を使用し、コンテンツの内容を視覚的に伝えやすくしている。

サムネイル画像を表示している。ダウンロード可能な講義資料が配置された「資料」欄の内容は、「動画」欄をタブで切り替えて表示する（同図(C)）。
このように講義コンテンツは単一のページ内に収まり、無駄なページ遷移をなくすことができた。

4 リニューアル前後の利用者動向の比較
4.1 アクセス履歴データによる検証の条件
今回おこなった京都大学 OCW のウェブサイト
デザインのリニューアルにより、利用者に対して、トップページから効率よくコンテンツを閲
覧、視聴できるウェブサイトを提供でるようにな

3.3 講義ページの UI リニューアル講義ページは、主となるコンテンツである映像が、ページ上部でメイン映像として視聴できるようにレイアウトした（図 5 中の(A)参照）。映像には、指定したタイムコードから再生できるYouTube の機能を利用し、複数の映像（チャプター）に分けている。チャプターごとにサムネイル画像を作成し、映像の右側にレイアウトしている（同図(B)）ため、利用者がチャプターを選び、任意の時間から映像を再生することができる。メイ
ン映像以外の他の回の講義映像は、ページ下部の「動画」欄（同図(D)）に表示し、各映像のタイトルを選択すると、上部にレイアウトしたメイン映像の位置に切り替わる。チャプターや「動画」欄内の各回の映像も、内容を視覚的に伝えるために75ったと考えている。このことを検証するため、ウェブサイトの利用者の動向について、リニューア
ル前後のアクセス履歴データの比較をおこない考察を試みる。
検証に際しては、Google Analytics から得られたデータを利用する。2021 年 4 月 5 日にリニューアルしたウェブサイトを公開した。GoogleAnalytics でのデータ取得は、2018 年 2 月から開始し 2021 年 9 月 30 日分まで取得している。年度ごとの比較をおこなうため、リニューアル前のデータは、2018、2019、2020 年度の 4 月 1 日から 3月 31 日、リニューアル後の 2021 年度は 4 月 5 日から 9 月 30 日までのデータとした。
まず、リニューアル前後での利用者の動向についての全体的な傾向を確認するため、その期間の利用ユーザー数、セッション数をリニューアル前を見せている。ページビュー数については、リニ後で比較する。これに加えて、トップページからューアル後である 2021 年度の数値が利用ユーザ効率よくコンテンツを閲覧、視聴できているかをー数やセッション数と比較して低くなっていた。

検証するため、セッション数に基づいた利用者の利用ユーザー数と同様に月別平均値で比較する

経路（フロー）データを使い比較する。リニューと、2021 年度は、2020 年度より約 6.1 万ページアルしたウェブサイトのフローデータは、2021ビュー減少しており、2019 年度との比較におい年 4 月 28 日から 9 月 30 日まで取得できている。ても、約 1.9 万ページビュー2021 年度は減少してこのデータをリニューアル前 2019 年度の同じ期いた。これは、UI のリニューアルにより、講義間と比較する。

ページが単一のページで収まり、無駄なページ遷4.2 利用状況についての結果移がなくなったことが要因と考えられる。

2018 年度から 2021 年度までの月別の利用ユー
ザー数を図 6 に、セッション数を図 7、ページビュー数を図 8 に示す。
2020 年度は、利用ユーザー数、セッション数、ページビュー数、全てのデータで他年度と比較して高い値になっているが、2020 年度は、
COVID-19 感染症拡大防止の対策として、高等教育機関をはじめとするさまざまな教育機関で、オンライン講義が始まった年度である。本データから検証することはできないが、京都大学 OCW の図 6 利用ユーザー数

コンテンツが、学内外での授業に活用されていた可能性がある。2021 年度、2020 年度、2019 年度の同じ期間（4 月 5 日から 9 月 30 日）の利用ユ
ーザー数の月別平均値はそれぞれ、25,879 ユーザ
ー、38,105 ユーザー、22,506 ユーザーであり、2020 年度の利用ユーザー数は、コロナ禍前である 2019 年度と比べると 69.3%増加の割合になっていた。2019 年度とリニューアル後である 2021年度を比べると、それほど変化がないことが分か

図 8 セッション数った。
また、2020 年度の 5 月の利用ユーザー数が、67,600 ユーザーと他の月と比較して非常に高い値を示している。京都大学 OCW では、ツイッターやフェイスブックで、公開した講義コンテンツについての情報発信や、情報収集をおこなっているが、特定の講義映像がツイッターなどで注目され、一時的に利用ユーザーが多くなったことが原因として考えられる。
ここまで、利用ユーザー数のデータを使用し検証をおこなったが、セッション数もほぼ同じ傾向

76

図 7 ページビュー数

4.3 利用者のページ遷移についての結果合は、1.1％以下であることがうかがわれる。

利用者がトップページから効率よくコンテンツ最後に、ここまで検証してきた 2021 年度トッを閲覧、視聴できているかを確認するため、まずプページからの遷移状況との比較として、コロナ利用者のトップページからのページ遷移状況につ禍以前の 2019 年度（表 3）の遷移先ページ上位

いて、遷移と離脱の割合を年度間で比較した結果9 件を示す。

を図 9 に示す。

表 2 トップページからの遷移（リニューアル後）

リニューアル後 2021 年度で、トップページに遷移先ページ

件数

割合[％]

アクセスした利用者が、離脱せずにサイト内に留

講義検索

4,617

35.0

まり、次のページに遷移した割合は 66.1%であっ

シラバス検索730

5.5た。リニューアル前 2018、2019、2020 年度はそシリーズ一覧

442

3.4

お知らせ

332

2.5

新着講義一覧

288

2.2

振動・波動論200

1.5

おすすめ講義一覧

194

1.5

利用者ガイドライン

143

1.1

京都大学 OCW 英語サイト

130

1.0

他

1,645

12.5

遷移せず離脱

4,473

33.9

合計

13,194

れぞれ 46.8%、45.7%、49.4%であり、リニューア
ルを機に、トップページから次のページへ遷移する利用者が増加する結果となった。これは、目的の講義コンテンツを探そうと興味を失うことなく、トップページからページを遷移する利用者が、旧サイトより増加していることを意味している。
次に 2021 年度トップページからの遷移先ページの上位 9 件を表 1 に示す。トップページからの遷移先のうち、最も多かったのは、講義検索ペー
ジの 4,617 セッションで、全体の 35.0%を占めていた。リニューアル直後のため、トップページ下部にある、「新着講義一覧」や「おすすめ講義一覧」に並ぶ具体的な講義ページへの遷移など、残りの遷移は多様になっている。

表 1 講義検索ページからの遷移（リニューアル後）遷移先ページ

件数割合[％]

トップページ

1,229

26.6

シラバス検索221

4.8

シリーズ一覧

144

3.1

振動・波動論53

1.1

電気電子回路演習

53

1.1

基礎化学実験

51

1.1

工学部オープンセミナー

50

1.1

法学部オープンキャンパス（2019 年度）

46

1.0

薬学部オープンキャンパス

44

1.0

法学部オープンキャンパス（2018 年度）

39

0.8

基礎数学からの展開 A

380.8

経済学部オープンキャンパス

340.7

資源生物科学実験及び実験法 I・II

340.7

最終講義「地震・噴火・温暖化は今後どうなるか？」

260.6

他

1870

40.5

遷移せず離脱685

14.8

合計4617

次にこの講義検索ページからの遷移先ページの上位 14 件を表 2 に示す。講義検索ページからの離脱は少なく 14.8%となっていた。トップページ、シラバス検索、シリーズ一覧、遷移せず離脱を除
く 50.6%の利用者が、講義検索ページから、目的の講義コンテンツへと遷移が続いたと考えられる。
この結果からは、個別の講義ページへ遷移する割

図 9 遷移・離脱の割合77

度と比べ、全体的に高くなっていることや、特定表 3 2019 年度トップページからの遷移の講義がツイッターなどで注目され、一時的に数遷移先ページ件数

割合[％]

公開講義

4815.4%

理学部

4124.6%

シラバス 20193834.3%

Google サイト内検索結果

3133.5%

工学部3133.5%

全学共通科目

176

2.0%

文学部

179

2.0%

索ページに進み、またそこから 35.0%の利用者

About OCW

163

1.8%

が、目的の講義コンテンツへと遷移が続いている

経済学部

126

1.4%

ことが確認できた。

他

1538

19.9%

リニューアル前の 2019 年とリニューアル後の遷移せず離脱

4630

51.7%

ページ遷移を比較すると、リニューアル前のウェ合計8957値が高くなっていることが分かった。
次に、トップページからのページ遷移状況について、遷移と離脱の割合を年度間で比較した結果、リニューアル前は、サイトから離脱せず次のページに遷移する割合が半数を超えることはなかったが、リニュアルを機に 66.1%の割合での遷移が見られた。その遷移のうちの 52.9%が、講義検ブサイトでの遷移は、トップページからページ遷2019 年度トップページからの遷移の中で、突移が分散し、メニューがあるトップページと講義出して件数の多い遷移先はなかった。遷移先は主ページを行き来しながら、目的の講義コンテンツに、公開講義や各部局など旧サイトトップページを探していているように見受けられた。それに対のメニュー（図 1）に表示していたページであし、講義を検索する機能で、講義ページへの遷移る。これらのページに分散して、トップページかを一元化することができたリニューアル後のウェら遷移していたことが分かる。また、この遷移のブサイトでは、多くの利用者が、講義検索ページ後、再びトップページに戻る遷移は 43.0％で、を経由し講義コンテンツまで遷移していることが2021 年度の 26.6%（表 2）と比較すると多い割合確認できた。となっている。これは、利用者がトップページのまた、リニューアル後のサイトでは、ページビメニューとメニューにある部局や公開講義などのュー数がリニューアル前と比較して減少しておページの行き来を繰り返しながら、目的の講義をり、無駄なページ遷移が減っていると考えられ探していたといえる。

た。
これらの検証により、リニューアル後のサイト

5 考察

は、改善をおこなったサイト設計及び UI が機能

ここまで京都大学 OCW のウェブサイトデザイ

し、利用者に対して、トップページから効率よくンのリニューアルにより、利用者に対して、トッコンテンツを閲覧、視聴できるウェブサイトを提プページから効率よくコンテンツを閲覧、視聴で供できていることが確認できた。

きるウェブサイトを提供できているかについて、Google Analytics から得られたアクセス履歴デー

6 今後の課題
本稿では、京都大学 OCW のウェブサイトデザタを利用し検証を試みた。
まず、全体的な京都大学 OCW ウェブサイトへインリニューアルの取組みについて報告した。まの利用ユーザー数、セッション数を年度ごとに比た、ウェブサイトの利用者の動向について、較し検証したが、リニューアルが影響する大きなGoogle Analytics から得られたデータを利用し、リ変化は見られなかった。それよりも、コロナ禍のニューアル前後のアクセス履歴データの比較をお影響を受け 2020 年度のこれらの数値が、他の年こない考察した。

78

今後も Google Analytics から得られるデータを使用し、京都大学 OCW ウェブサイトにおける利用者の動向の検証を続ける予定である。

謝辞
これまで京都大学 OCW に、講義コンテンツをご提供していただいた教員の皆様、関係者の皆様に、深く感謝の意を表します。
本稿は、令和 2 年度京都大学総長裁量経費「オープンコースウェア(OCW)プラットフォームのリニューアル事業」の助成を受けたものである。

参考文献[1] 藤岡千也・酒井博之、Ⅲ．ICT の教育的利用 1．オープンコースウェア（OCW）、京都大学高等教育研究開発推進センター『CPEHE
Annual Report 2020』、pp.19–20 (2020)[2] 藤岡千也・緒方孝亮、京都大学オープンコー
スウェアのコンテンツ制作の現状と教育的促進に関する一考察、大学 ICT 推進協議会次大会 (2019)[3] 竹村治雄・岸野文郎、大阪大学の OCW のEDUCOMMONS への移行、平成 23 年度工
学 ・ 工 業 教 育 研 究 講 演 会 (2010) https://oejapan.netlify.app/img/JOCW/PDF/JSEE2010/Osa
kaUniv_OCW.pdf,（参照 2021-09-30）[4] 岡本雅子・藤岡千也・緒方孝亮・酒井博之、
京都大学 OCW プラットフォームおよびシラバス公開システムの開発について、第 45 回
教育システム情報学会全国大会 (2021)

79