はじめに
1
近年, Webサイトは私たちの生活に深く関わっており,欠かすことのできないものになってきている. Webサイトは飛躍的に進化し,多様化,高機能化している.しかし,それらの多くは機能を満たすことに主眼が置かれ、ユーザピリティ,ユーザの楽しさや面白さなどのプラスの感情を考廊したWebサイトはあまり普及していない.本研究では,ユーザの経験を利用することで,ユーザビリティとプラスの感情を考慮したWebサイトを実現する設計方法を提案する.
研究の陳馬
2
本研究では前述を踏まえ,以下２点を研究課題とし, UX (User Experience)を考慮したWebサイト再構築の設計プロセスを提案する. (1)既存のWebサイトを利用する際に,ユーザにプラスの感情を提供する. (2)  UXを向上させるWebサイト再構築の改善方法のプロセスを提供する.従来の方法であるペルソナ/シナリオ法ではユーザの行動全体の把握をしつつユーザの要求を特定することが困難であった.そこで，ペルソナにストーリを付与することによって,開発者にユーザへの共感を与え,その後それらを利用し,マッピングを行うことでユーザの行動全体を把握し問題点の特定が可能であると考える.
3 関連研究
(1)  UX(User Experience)
UXとは,ユーザがある製品やシステムの利用時に得られる経験や満足のことである.良いUXをもたらす三つの条件を以下に示す[3]. 1) 機能:目標達成のために必要な機能を備えている. 2) ユーザビリティ:特定の利用状況において,ある製品が指定された目標を達成する際に用いられる有効さ,効率,利用者の満足度の度合い. 3)プラスの感情:嬉しい,楽しい,安心,楽親,信頼,愛情,感謝,自信,やる気,くつろぎなどの感情. (2)ユーザ中心酸計プロセスユーザ中心設計プロセスは,ユーザとインタラクションを行う機械やWebサイトの開発に当たり,ユーザの視点に立って設計し改善を行うプロセスのことである. (3)ペルソナペルソナとは詳細に定義づけられた仮想ユーザである.ペルソナの属性には,一般的に最低限必要な六つのキーといわれる「写真,名前,年齢,居住地,職業,略歴」がある[3]. (4)ストーリテリングストーリテリングとは出来事や経験を言葉やイメージを使って伝える方法である.利点として,人々の共感を引き出すことができる[4]. (5)ユーザストーリマッピングユーザのアクティビティに基づいて,ユーザストーリを時間と優先度に着目し２次元でマッピングをすることで,システムの全体像を開発者側で共有できる方法である.開発者のユーザ理解が進み,より多くのユーザ満足が得られろようになる.
アプロ一チ
4
ペルソナとストーリテリング、ユーザストーリマッピングを組み合わせることで,ユーザビリティ,プラスの感情を考慮したWebサイトを実現する設計方法を提案する(図1).システムの改良の際にそのシステムのユーザにユーザリサーチを行い,ユーザ経験を収集する.ペルソナを作りユーザの環境を現実的に理解し,ペルソナにユーザ経験のリサーチ結果を活用し作成したユーザストーリを組み合わせる.そのユーザストーリを組み合わせたペルソナを使いユーザストーリマッピングを行うことで改善点を抽出する.抽出された改善点に基づいて, Web
5
提案方法
提案方法の枠組み
5.1
ユーザ中心設計プロセスに基づいた, Webサイトの再ユーザ中心設計プロセスはユーザ中心設計の必要性の特定,利用状況の把握と明示,ユーザと組織の要求事項の明示,設計による解決案の作成,要求事項に対する設計評価の5つのプロセスからなる.ユーザ中心設計プロセスにおける,要求獲得と要求分析の段階を詳細化し提案する.提案プロセスは,ペルソナの設定,ストーリ作成,課題の抽出の3段階からなる.
5.2  詳細プロセス
改善したいWebサイトを決定した上で,既存システムの確認を行う.既存システムの開発プロセスをWebサイトの改善者が確認する.なぜそれが利用されているのか,何をしているのか，関心があるのは誰かなども認識する.これらを確認することで,改善者が対象Webサイトの開発
プロセスを認識できる.
(1)アンケート収集方法
間題点などを含んだユーザ経験を基に,共感を生み出すストーリを作成するためにアンケートを取る[2]. 1)スケジュールの決定アンケート調査のスケジュールを計画する. 2)アンケートの作成作成したスケジュールに沿ってアンケート調査を行う. (2.1) 質問の作成:知りたいことを書き出し,それらを特徴,行動,意識などのカテゴリに分けする.カテゴリが偏ったアンケートにならないように質問を選択しアンケートを作成すろお. (2.2) 作成したアンケートのレビュー :改善者のチームでレビューを行う.共感の生まれるストーリが書けそうなユーザ経験が集められそうにないなどの結果になれば質問作りのプロセス2)からやり直す. (2.3)ユーザのモデルへの事前調査:調査を行うユーザの一部に作成したアンケートを事前に回答してもらい,有効かどうかを確認する. (2.2)と同様に納得のいかない結果になれば質問作りのプロセス2)からやり直す. 3)アンケートの実施回答数は多いほど詳細で平均的な経験を収集できるので，できるだけ多くの回答者を用意する. 4)アンケートの分析分析完了レポートの作成:収集したユーザ経験の分析を行う.本研究では計教法を用いて分析をする.
(2)ペルソナの設定
ペルソナの作成に必要な六つの属性である「写真,名前,年齢,居住地,職業,略歴」を用意する.これらの項目に加えて対象のWebサイトに合わせて項目をいくつか追加する. (3)ユーザストーリの配述アンケートで収集したユーザ経験に基づき,ユーザストーリを作成する.次のユーザストーリの作成プロセスに沿って行う. 1) 集めるユーザのストーリをアンケートによって集め,選択する. 2)作ろ次の二つのプロセスを行う. 2.1) 構成を設定する:このプロセスではストーリの構成要茶として「視点,キャラクタ,コンテクスト,心的イメージ,言葉使い」の五つを設定する. 本研究ではストーリ構成要素の「キャラクタ」を作る際にストーリを与えたペルソナを意識して作成する. 2.2) 構造とプロットを作る:「タイトル,前提,そして,いつ,それから,さらに」という項目に沿ってストーリを作成する.ストーリをペルソナに付属させる.これによって, Webサイトのユーザをより深く理解できるペルソナを作成できる.
(4) 間周点抽出
1)　ペルソナの優先順位付け
2)　ストーリマッピングの実施ストーリマッピングを行い問題点を得る.本研究ではこの方法を問題点の抽出に利用する.ストーリの付けられたペルソナごとに次の五つのプロセスを実行する. 2.1)ストーリに含まれる問題点を洗い出す. 2.2) ストーリから抽出した問題点を類似しているものは縦に並べ,問題が出てくる順に時間軸に合わせて配置すタタ. 2.3)問題点を動詞で表現する. 2.4) 重複する問題点をマージする. 2.5)問題点に優先順位を付ける.ペルソナに「利用頻度,利用する立場,主な利用する内容」などの対象のWebサイトに合わせた項目を参考に優先順位を付ける.ペルソナごとのストーリマッピングを並ベ替え,マップを作製する.優先度の高いペルソナから順に,優先度が1位の問題点を問題点として抽出し, 3位まで繰り返す. 3) 問題点を抽出する.
(5)改善策
1)抽出した問題点を基にしたWebサイトの改善先ほどでてきた問題点を実際のWebサイトに適用し,改善後のサイトを作成する. 2)改善の効果を評価する.
提案方法の適用
6
本研究ではユーザが限定されている身近なWebサイトとして「南山大学ポータルシステムPORTA」を例とした. 「初回登録」の機能を対象に提案プロセスを適用した.
6.1     アンケート調査
(1)アンケートの対象
本研究では,南山大学ポータルシステム PORTA を使用する学生ユーザが対象である.南山大学学生のインターネット環境が同様である理系と文系の学部1学部ずつを対象とし,情報理工学部,総合政策学部の学生にアンケートを実施した.ペルソナ設定とユーザスト一リ記述が出来るよう質問項目を設定し,各ページにおける操作における使いづらいと感じる度合を5段階で評価してもらう項目を追加した.
(2)アンケート結果
アンケート結果は性別による差は見られなかったが，学部による差が見られた.アンケート結果全体から,特に回答が明確に分かれた結果をペルソナに付与する.なお,数字は回答者数とする.アンケートの設間に対して上から順番に数字を割り当てる.以下に操作量に関わる設問とデザインに関わる設間に分けた結果と表を図5, 6に示す.
ストーリの配述
6.3
改善点抽出
6.4
(1)ペルソナの優先順位
ペルソナ設定
6.2

PORTAを使いづらいと感じていることがわかる.一方ペルソナBは3となっており,この項目においても平均的であるとわかる.ペルソナAに比べてペルソナBは問題に偏りがないため,本研究の主要ペルソナをペルソナBとする.ペルソナごとのストーリの構成要素と構造とプロットを作成し,その要素を基にストーリを記述する.その後,ペルソナの属性に加える.アンケート項目「PORTA利用の際に困っていると感じる度合」の回答に従い,困っている度合いの高いペルソナから順に優先していく.主要ペルソナBが1位となる.ペルソナの優先順位は,次に示すようになる. 1位:ペルソナB, 2位:ペルソナA, 3位:ペルソナC, 4位:ペルソナD. (2)　ユーザストーリマッピングペルソナごとのストーリから改善点を抽出し,ストーリマッピングを行う.主要ペルソナが抱えている改善点に焦点をあて，優先順位1位, 2位の改善点を順番に見つける.次に,ペルソナの優先順位2位, 3位, 4位から順に優先順位1位の改善点を見つける.主要ペルソナ以外のペルソナにおける改善点の優先順位2位, 3位と繰り返すことで,実際に改善する改善点が抽出できる.主要ペルソナのストーリマッピングを図5に示す.図４デザインに関するアンケート項目アンケート項目を七つ抜粋し,以下に示す.図3, 4より,情報理工学部生と総合政策学部生を比較すると,総合政策学部生がデザイン面に多くの問題を抱えており,情報理工学部生が操作面に多くの問題を抱えていることが分かる.ペルソナは情報理工学部生,総合政策学部生,それぞれ男女１名とする.図5 ペルソナBのストーリマッピング4名の中から,ペルソナの中の主要ペルソナを選定する.情報理工学部生であるC, DはWebサイトに関する知識が多く, Webサイトの作り方,作るための手順などを知っているためユーザとして主要ペルソナに適切でない.総合政策学部生であるA, BはWebサイトの開発についての知識は少ないことから主要ペルソナに適していると考える.ペルソナの優先度を決定するため,大きく関わるアンケート項目「初回授業登録の際に使いづらいと感じる度合い」に注目する.ペルソナごとの使いづらいと感じる度合いを表1に示す.に点数を付与する.主要ペルソナBから抽出された改善点の上位から順に点数を付与し,次に,ペルソナの順位図３操作に関する問題点が2位, 3位, 4位の改善点1位, 2位の順に点数を1点ずつ下げて付与していく.上記の点数付与を行うことによって,改善点として以下の五つを得る.

改善結果
7
操作量とデザインに着目し,改善を行う.操作量に関して,授楽内容確認をわかりやすくするために,授業内容の確認を画面遷移せずに授業科目名にカーソルを合わせることによって吹き出しで表示し，カーソルを離すと吹き出しが消えるように改善する.画面遷移の状態遷移図と操作手順を示すシーケンス図を作成した.以下に改善後の画面遷移の状態遷移図を図6に示す.改善前,後のクリック数と画面遷移の比較を以下の図 7に示す.デザインに関して,学生メニューにおける文字のサイズを疑似的に大きくした.改善前の画面と改善後の画面で，一対比較を行う.ペルソナに近いアンケート対象とは異なる学生に対して,改善前と改善後であることを伏せて,どちらの画面の方が良いか3名にインタビューを行い,改善後の方が良いという結果を得た.
野価
8
(1) UXの向上について
良いUXをもたらす三つの条件,機能,ユーザビリティ,プラスの感情を基に評価した.なお,機能面はすでに満たしているものとする.操作性を向上させることで,ユーザビリティを改善することが期待できる.また,デザインを改善することで，プラスの感情を高めることが期待できる.
(2)ユーザピリティの改善について
操作として，画面遷移を11ステップから9ステップになることで18.2%減らすことができ,クリック数を12回から10回になることで16.7%減らすことができた.画面遷移やクリック数を減らすことによって,アンケート項目である登録までの操作量,授業内容の確認箇所が不明の教値を減らすことができると期待される.画面遷移数やクリック数を減らすことで，効率的にかつ有効的に操作が行えることで,操作量が減りユーザビリティを改善することが期待できる.
(3)プラスの感情を高める
改善前の画面と文字のサイズを大きくした画面で,一対比較を行う.改善前と改善後であることを伏せて,どちらの画面の方が好感を持てるかをペルソナに近い学生に対して,インタビューを行った.その結果,改善後の方を選択したため、文字サイズを大きくした方が好感を持てることを確認した.このような視覚的な変化によって,デザイン性は向上できていること言える.デザイン性を向上させることによって,好感を持ち,プラスの感情を高められることが期待される.文字サイズを大きくすることによって,アンケート項目である文字のサイズの教値を減らすことが期待される.文字サイズを大きくすることで，好感を持つことができ,プラスの感情を高めることが期待できる.
考察
9
本研究の提案方法では,従来,新規のシステム開発に使用されるペルソナ法の特性を活かし, Webサイト再構築の UX 向上にも適用し,効果を上げることができた.ペルソナを作成することによって,ユーザ像を明確にし,ユーザストーリを用いて,ユーザストーリマッピングを使用し間題抽出をすることによって,ユーザ行動の全体を把握しながら問題点を見つけることができ,ユーザの視点に立ったユーザストーリで要求獲得することができた.
10 今後の課題
以下の3点が今後の課題としてあげられる. (1)ユーザが特定されていないWebサイトにもUXを用いたWebサイト改善方法が適応できるかの検証. (2) Webサイトの一部の機能ではなく，システム全体のより広い範囲での適応を可能であるかの確認. (3)評価方法,優先順位付けの手段が，主親的にならないような基準を見つけることが必要である.
11　まとめ
現在多々存在するWebサイトの中には,ユーザが使い勝手が悪いと感じるWebサイトがある.その問題の原因に対して, Webサイトを作成する開発者が Webサイトのユーザのユーザ経験を考慮することが困難であると考えた.本研究では,ユーザに良くない経験を与えてしまうWebサイトをペルソナ,ストーリ,ストーリマッピングという3つを組み合わせてUXを考慮したより良いWebサイトに改善する方法を提案した.