特開 2023-44059 情報処理装置および情報処理方法

(19)【発行国】日本国特許庁(JP)

(12)【公報種別】公開特許公報(A)

(11)【公開番号】P2023044059

(43)【公開日】2023-03-30

(54)【発明の名称】情報処理装置および情報処理方法

(51)【国際特許分類】

   G06F 3/04842 20220101AFI20230323BHJP

【ＦＩ】

G06F3/0484 120

【審査請求】未請求

【請求項の数】10

【出願形態】ＯＬ

(21)【出願番号】P 2021151893

(22)【出願日】2021-09-17

(71)【出願人】

【識別番号】520203714

【氏名又は名称】株式会社ＬｅａｎＧｏ

(74)【代理人】

【識別番号】100105784

【弁理士】

【氏名又は名称】橘 和之

(72)【発明者】

【氏名】平井 翔吏

【テーマコード（参考）】

5E555

【Ｆターム（参考）】

5E555AA26

5E555BA02

5E555BA69

5E555BB02

5E555BC04

5E555CA02

5E555CB05

5E555CB49

5E555CB53

5E555CC05

5E555DB56

5E555DC09

5E555DC60

5E555DC73

5E555EA16

5E555EA22

5E555FA00

(57)【要約】

【課題】表示画面の具体的な変更方法、および、変更後の表示画面の状態がユーザにとって分かりやすい態様で表示画面の改善に関する情報を提供する。
【解決手段】情報処理装置２の情報処理部１０は、表示画面の一部分を構成する閉じた領域である対象領域の指定をユーザから受け付け、対象領域の分類を認識し、認識した対象領域の分類に基づき対象領域のレイアウトとして推奨される推奨レイアウトを示す画像が表示画面の対象領域に重畳される一方、対象領域以外の領域には変化がない画像である重畳画像を提供し、これにより、ユーザが指定した領域にだけ、その領域の分類を鑑みて推奨されるレイアウトが重ねられた画像をユーザが参照できるようにしている。
【選択図】図２

【特許請求の範囲】

【請求項1】

表示画面の一部分を構成する閉じた領域である対象領域の指定をユーザから受け付け、前記対象領域の分類を認識し、認識した前記対象領域の分類に基づき前記対象領域のレイアウトとして推奨される推奨レイアウトを示す画像が前記表示画面の前記対象領域に重畳される一方、前記対象領域以外の領域には変化がない画像である重畳画像を提供する情報処理部を備える
ことを特徴とする情報処理装置。

【請求項2】

前記表示画面は、Ｗｅｂページの画面であり、
前記情報処理部は、インターネット上で公開されているＷｅｂページの前記対象領域の分類に属する領域において、レイアウトとして推奨レイアウトが採用されている程度を示す情報、または、インターネット上で公開されているＷｅｂページであって、前記対象領域の分類に属する領域が形成されているＷｅｂページのうち、前記対象領域の分類に属する領域のレイアウトとして推奨レイアウトが採用されているＷｅｂページの程度を示す情報を前記重畳画像と併せて提供する
ことを特徴とする請求項１に記載の情報処理装置。

【請求項3】

前記表示画面は、Ｗｅｂページの画面であり、
前記情報処理部は、前記対象領域の分類に属する領域を含み、当該領域のレイアウトとして前記推奨レイアウトが採用されているＷｅｂページへのリンクを前記重畳画像と併せて提供する
ことを特徴とする請求項１または２に記載の情報処理装置。

【請求項4】

前記表示画面は、Ｗｅｂページの画面であり、
前記情報処理部は、前記対象領域の分類に属する領域を含み、当該領域のレイアウトとして前記推奨レイアウトが採用されているＷｅｂページの画面を示す画像を前記重畳画像と併せて提供する
ことを特徴とする請求項１から３の何れか１項に記載の情報処理装置。

【請求項5】

前記情報処理部は、前記表示画面を示す画像と前記重畳画像とを並べた状態で表示装置に表示する
ことを特徴とする請求項１から４の何れか１項に記載の情報処理装置。

【請求項6】

前記情報処理部は、任意の形状の領域をユーザが指定可能な状態で、または、区分けされた複数の領域のうちの１つの領域をユーザが指定可能な状態で前記表示画面を示す画像を表示装置に表示し、前記表示画面を示す画像に対するユーザの指定に基づいて前記対象領域の指定を受け付ける
ことを特徴とする請求項１から５の何れか１項に記載の情報処理装置。

【請求項7】

前記情報処理部は、最も推奨度が高い前記推奨レイアウトを示す画像が重畳された前記重畳画像と共に、最も推奨度が高い前記推奨レイアウトよりも推奨度が低い前記推奨レイアウトを示す画像が重畳された１つ以上の前記重畳画像を順位付けした状態で提供する
ことを特徴とする請求項１から６の何れか１項に記載の情報処理装置。

【請求項8】

前記対象領域が属し得る分類の種類ごとに、１つ以上の前記推奨レイアウトのそれぞれについて前記推奨レイアウトを示す画像の画像データ或いは当該画像を生成するための情報が推奨度を示す情報と対応付けて記憶部に記憶され、
前記情報処理部は、前記推奨レイアウトの推奨度に応じて複数の前記重畳画像を表示する際、前記記憶部に記憶された推奨度を示す情報に基づいて前記推奨レイアウトを順位付けする
ことを特徴とする請求項７に記載の情報処理装置。

【請求項9】

前記情報処理装置は、ユーザから指示があったときに、
前記重畳画像に加えて、前記推奨レイアウトに基づいて前記表示画面を改善する作業を行うかどうかを検討する際に利用可能な情報、または、当該作業を行うときに利用可能な情報が記入された提案書を提供する
ことを特徴とする請求項１から８の何れか１項に記載の情報処理装置。

【請求項10】

情報処理装置の情報処理部が、表示画面の一部分を構成する閉じた領域である対象領域の指定をユーザから受け付けるステップと、
前記情報処理装置の前記情報処理部が、前記対象領域の分類を認識し、認識した前記対象領域の分類に基づき前記対象領域のレイアウトとして推奨される推奨レイアウトを示す画像が前記表示画面の前記対象領域に重畳される一方、前記対象領域以外の領域には変化がない画像である重畳画像を提供するステップとを含む
ことを特徴とする情報処理方法。

【発明の詳細な説明】

【技術分野】

【0001】

本発明は、表示画面の改善に関する情報を提供する情報処理装置、および、情報処理装置による情報処理方法に関する。

【背景技術】

【0002】

従来、Ｗｅｂページ、その他の表示画面について、表示画面の効果を高めるように表示画面を改善するための有益な情報を提供する技術が存在する。例えば特許文献１には、Ｗｅｂページ（ウェブサイト）を解析してキーワード群を抽出し、キーワード群に基づいてＷｅｂページの型式を特定し、特定した型式に対応する改善提案情報を記憶部から読み出して提供するウェブサイト分析システムについて記載されている。

【先行技術文献】

【特許文献】

【0003】

【特許文献1】特開２０２１－１５５１１号公報

【発明の概要】

【発明が解決しようとする課題】

【0004】

この種の従来のシステムでは、表示画面の改善に際して表示画面について具体的にどのように変更すればよいか、および、実際に変更した場合に表示画面がどのようになるのかに関するユーザの分かりやすさについて改善の余地があった。例えば特許文献１では、改善提案情報の提供に関して、改善策を示す文章が箇条書きによって列挙される構成のため（特に図１０（Ｃ）参照）、これを参照したユーザにとって、どのように表示画面を変更すればよいか、および、変更後の表示画面はどのようになるのかが分かりにくい。

【0005】

本発明は、このような問題を解決するために成されたものであり、表示画面の具体的な変更方法、および、変更後の表示画面の状態がユーザにとって分かりやすい態様で表示画面の改善に関する情報を提供することを目的とする。

【課題を解決するための手段】

【0006】

上記した課題を解決するために、本発明は、表示画面の一部分を構成する閉じた領域である対象領域の指定をユーザから受け付け、対象領域の分類を認識し、認識した対象領域の分類に基づき対象領域のレイアウトとして推奨する推奨レイアウトを示す画像が表示画面の対象領域に重畳される一方、対象領域以外の領域には変化がない画像である重畳画像を提供するようにしている。

【発明の効果】

【0007】

上記のように構成した本発明によれば、表示画面の全領域のうち、改善に関する情報の提供を望む閉じられた領域（対象領域）がユーザによって指定されると、その領域の分類を鑑みて推奨されるレイアウトが表示画面の対象領域に重ねられた状態で示される。このためユーザは、表示画面の改善のために対象領域のレイアウトを具体的にどのように変更すればよいかを直感的に把握でき、ユーザにとって表示画面を具体的にどのように変更すればよいかが分かりやすい。更に本発明によれば、推奨レイアウトを示す画像が表示画面の対象領域に重ねられる一方、対象領域以外の領域には変化がない画像がユーザに提供される。このためユーザは、対象領域の変更後のレイアウトと対象領域以外の領域の状態との関係を意識しつつ、変更後の表示画面の全体像をイメージすることができ、ユーザにとって変更後の表示画面の状態が分かりやすい。すなわち上記のように構成した本発明によれば、表示画面の具体的な変更方法、および、変更後の表示画面の状態がユーザにとって分かりやすい態様で表示画面の改善に関する情報を提供できる。

【図面の簡単な説明】

【0008】

【図1】本発明の一実施形態に係る情報処理システムの構成例を示す図である。

【図2】本発明の一実施形態に係る情報処理装置および端末の機能構成例を示すブロック図である。

【図3】Ｗｅｂページの画面の一例を示す図である。

【図4】画面パーツのワイヤフレームの一例を示す図である。

【図5】各種データベースのレコードの内容を示す図である。

【図6】情報処理部の処理の説明に利用する図である。

【図7】表示画面登録画面の一例を示す図である。

【図8】領域指定画面の一例を示す図である。

【図9】パーツ分類選択画面の一例を示す図である。

【図10】提案書記入情報入力画面の一例を示す図である。

【図11】改善提案画面の一例を示す図である。

【図12】提案書画面の一例を示す図である。

【図13】本発明の一実施形態に係る情報処理装置の動作例を示すフローチャートである。

【発明を実施するための形態】

【0009】

以下、本発明の一実施形態を図面に基づいて説明する。図１は、本実施形態に係る情報処理システム１の構成例を示す図である。図１で示すように情報処理システム１は、情報処理装置２と１つ以上の端末３とを含んで構成されている。情報処理装置２および端末３は共に、インターネット、電話網、その他の通信網を含むネットワークＮに接続可能である。図１では、無数に存在する端末３のいくつかを例示的に示している。

【0010】

端末３は、ユーザが使用するコンピュータであり、液晶ディスプレイや有機ＥＬディスプレイなどの表示装置４が接続されるか、或いは、表示装置４を備えて構成されている。本実施形態では、ユーザは、Ｗｅｂサイトを開設し、或いは、Ｗｅｂサイトを開設する組織に所属する者であるものとする。例えばＷｅｂサイトを開設する企業、その他の組織に所属する者、または、Ｗｅｂサイトを開設する個人個人が「ユーザ」となり得る。端末３はブラウザが搭載されているコンピュータであれば、そのタイプはどのようなものであってもよく、例えばデスクトップ型コンピュータ、ノート型コンピュータ、タブレット型コンピュータ（いわゆるスマートフォンを含む）を端末３として機能させることができる。

【0011】

情報処理装置２は、端末３をクライアントの１つとするサーバ装置であり、特に、クラウドシステムにおけるクラウドサーバに係るサーバ装置である。後に詳述する通り情報処理装置２は、端末３および端末３を利用するユーザに対して、Ｗｅｂページの画面の改善に関するサービス（改善提案サービス）を提供する。図１では、情報処理装置２を１つのブロックで表しているが、情報処理装置２は単一のサーバ装置である必要はなく、例えば複数のサーバ装置により構成されてもよく、また所定のシステムの一部であってもよい。

【0012】

図２は、情報処理装置２および端末３の機能構成例を示すブロック図である。図２で示すように、情報処理装置２は機能構成として、情報処理部１０および通信部１１を備えている。また端末３は機能構成として、端末制御部１２および端末通信部１３を備えている。上記機能ブロック１０～１３は、ハードウェア、ＤＳＰ（Digital Signal Processor）、ソフトウェアの何れによっても構成することが可能である。例えばソフトウェアによって構成する場合、上記機能ブロック１０～１３は、実際にはコンピュータのＣＰＵ、ＲＡＭ、ＲＯＭ等を備えて構成され、ＲＡＭやＲＯＭ、ハードディスクまたは半導体メモリ等の記録媒体に記憶されたプログラムが動作することによって実現される。また情報処理装置２は記憶手段として、記憶部１４を備えている。

【0013】

通信部１１は、ネットワークＮに接続された機器と所定のプロトコルに従って通信する。また端末通信部１３は、ネットワークＮに接続された機器と所定のプロトコルに従って通信する。以下の説明では情報処理装置２と端末３との間での通信は、通信部１１および端末通信部１３により適切に行われるものとして詳細な説明を省略する。

【0014】

情報処理装置２が処理を行うシーンは、「情報収集シーン」と「サービス提供シーン」との２つに大きく分けられる。以下、シーン毎に情報処理装置２の動作について説明する。

【0015】

＜情報収集シーン＞
情報収集シーンでは、まず複数のＷｅｂページ関連情報２０が収集され、記憶部１４に記憶される（図２参照）。１つのＷｅｂページ関連情報２０は、インターネット上で公開されている１つのＷｅｂページに関する情報である。Ｗｅｂページ関連情報２０は、ＷｅｂページのＨＴＭＬファイルそのもののほか、ＷｅｂページのＵＲＬ、ＨＴＭＬファイルから文字が抜き出されたもの、「ＨＴＭＬファイルにリンクが貼られた（つまりＷｅｂページ内で表示される）静止画、動画、その他のコンテンツのデータ」、Ｗｅｂページの画面の画像データ、その他のページ分析処理（後述）において必要な情報が不足なく含まれている。なお本実施形態では画像データとは、画素毎に色の情報を有するビットマップデータ（当然、ＪＰＥＧ等の所定の圧縮方式で圧縮されたデータであってもよい）を意味するものとする。従ってＷｅｂページの画面の画像データとは、ＨＴＭＬファイルに基づいてブラウザによりＷｅｂページとして表示される画面のイメージのビットマップデータを意味する。

【0016】

Ｗｅｂページ関連情報２０は、インターネット上で公開されている相当数（例えば、千個或いは一万個以上）のＷｅｂページを対象として収集される。以下、Ｗｅｂページ関連情報２０が収集されたＷｅｂページを「収集Ｗｅｂページ」といい、Ｗｅｂページ一般と区別する。Ｗｅｂページ関連情報２０の収集は、情報処理部１０がロボット型のＷｅｂページ収集用のエンジンの機能により行う構成でもよく、また、情報処理部１０が当該機能を備える外部の装置と協働して行う構成でもよい。またＷｅｂページ関連情報２０の収集の少なくとも一部の処理に、人間が行う人為的な作業が含まれてもよい。またＷｅｂページを無差別に対象とするのではなく、アクセス数が一定以上のＷｅｂサイトのＷｅｂページに限定したり、情報処理装置２のサービスを利用するユーザを想定し、想定されるユーザが開設するＷｅｂサイトと関連性のあるＷｅｂページに限定したりしてもよいことは勿論である。

【0017】

情報収集シーンにおいて、情報処理装置２の情報処理部１０は、記憶部１４に記憶されたＷｅｂページ関連情報２０のそれぞれについてページ分析処理を実行する。以下、ある１つのＷｅｂページのＷｅｂページ関連情報２０を処理対象として情報処理部１０が実行するページ分析処理について説明する。以下のページ分析処理の説明において、処理対象となるＷｅｂページを処理対象Ｗｅｂページといい、処理対象ＷｅｂページのＷｅｂページ関連情報２０を処理対象Ｗｅｂページ関連情報という。

【0018】

ページ分析処理において情報処理部１０は、処理対象Ｗｅｂページ関連情報を情報処理により分析し、処理対象Ｗｅｂページの画面に含まれる画面パーツを抽出する。画面パーツとは、共通する機能或いは目的を持つまとまった領域のことであり、特に、Ｗｅｂページの画面の全域ではなく、当該画面の一部分を構成する閉じた領域である。後に明らかとなる通り、画面パーツは、パーツ分類によって区別される単位である。図３は、Ｗｅｂページの画面の一例を示す図である。図３では、Ｗｅｂページの画面上に存在する画面パーツを破線で囲むことによって示している。

【0019】

次いで情報処理部１０は、処理対象Ｗｅｂページ関連情報を情報処理により分析し、抽出した画面パーツ毎に、画面パーツが属するパーツ分類（分類）を認識し、その分類のパーツ分類ＩＤを認識する。本実施形態では、画面パーツについて、複数のパーツ分類が予め定義され、各パーツ分類についてパーツ分類ＩＤ（パーツ分類を識別するための識別情報）が付与されている。パーツ分類は、画面パーツの目的および機能に着目して定義された分類であり、画面パーツが何れかのパーツ分類に属するように十分に多くの種類が用意される。パーツ分類は例えば、記事カセット（何らかの記事、および、記事に関連／付随する情報が含まれる矩形の領域を示す分類）や、求人カセット（求人に関する情報が含まれる矩形の領域を示す分類）、商品カセット（商品に関する情報が含まれる矩形の領域を示す分類、ＣＴＡ（ただし、ＣＴＡを内容によって更に細かく分けてもよい）、入力フォーム（ただし、入力フォームを内容によって更に細かく分けてもよい）である。

【0020】

情報処理部１０は、事前に生成されたプログラムの機能により、画面パーツを抽出し、それぞれのパーツ分類を認識する処理を実行する。このプログラムには、機械学習されたモデルが含まれていてもよい。この場合のモデルは、単純化した例で説明すると、Ｗｅｂページ関連情報（当然、必要に応じて情報のベクトル化や正規化が行われる）を入力すると、画面パーツを抽出し、画面パーツ毎のパーツ分類ＩＤを出力するモデルである。ただし画面パーツを抽出し、それぞれのパーツ分類を認識する処理に、人間が行う人為的な処理が含まれていてもよい。

【0021】

次いで情報処理部１０は、処理対象Ｗｅｂページ関連情報を情報処理により分析し、抽出した画面パーツ毎にワイヤフレーム内容情報を生成する。ワイヤフレーム内容情報とは、画面パーツのワイヤフレーム（レイアウト）の態様を示す情報である。図４（Ａ）、（Ｂ）はそれぞれ、画面パーツのワイヤフレームの一例を説明に適した態様で模式的に示す図である。図４（Ａ）、（Ｂ）で示すように本実施形態では、画面パーツのワイヤフレームは、画面パーツが区画されて形成された複数のブロック（ただしブロックの形状は矩形に限らない）と、各ブロックの種別とにより定義される。以下、ブロックの種別を「ブロック種別」という。ブロック種別は、ブロックに含まれる情報の種類（テキスト／静止画／動画）や、ブロックに含まれる情報の目的、ブロックが実現する機能等に着目して定義された種別であり、ブロックが何れかのブロック種別に属するように十分に多くの種類が予め用意される。ブロック種別としては、図４で示すサムネイル画像、タイトル、記事内容、アロー（矢印のアイコン）の他に例えば、過去記事、関連記事、動画像、バナー、リンク、ロゴ、入力欄、ボタン、コピーライト、広告等がある。

【0022】

情報処理部１０が生成するワイヤフレーム内容情報には、画面パーツにおいて各ブロックが占める領域と、各ブロックのブロック種別を示す情報とが含まれる。本実施形態ではワイヤフレーム内容情報は、ブロック毎に、画面パーツの左上の隅を原点とする座標系におけるポリゴン情報（頂点のそれぞれの座標および座標を辿る順番によってブロックが占める領域を特定する情報）と、ブロック種別ＩＤとが含まれて構成されている。ブロック種別ＩＤは、ブロック種別を識別するための識別情報であり、用意されたブロック種別毎に事前に付与されている。ただしワイヤフレーム内容情報の具体的な内容は本実施形態で例示するものに限られない。

【0023】

情報処理部１０は、事前に生成されたプログラムの機能により、画面パーツ毎のワイヤフレーム内容情報を生成する。このプログラムには、機械学習されたモデルが含まれていてもよい。この場合のモデルは、単純化した例で説明すると、Ｗｅｂページ関連情報および前段の処理の処理結果を示す情報（当然、必要に応じて情報のベクトル化や正規化が行われる）を入力し、画面パーツ毎のワイヤフレーム内容情報を出力するモデルである。またワイヤフレーム内容情報を生成する処理に、人間が行う人為的な処理が含まれていてもよい。

【0024】

次いで情報処理部１０は、抽出した画面パーツ毎に、処理対象Ｗｅｂページ関連情報を利用して画面パーツデータベース２１（図２）にレコードを登録する。図５（Ａ）は、画面パーツデータベースの１件のレコードの内容を示す図である。図５（Ａ）で示すように画面パーツデータベースの１件のレコードは、画面パーツＩＤと、対応Ｗｅｂページ関連情報と、対応パーツ分類ＩＤと、対応ワイヤフレーム内容情報と、対応ワイヤフレームクラスタＩＤとを含む。ある一の画面パーツに対応するレコードについて、画面パーツＩＤは当該一の画面パーツを識別するための識別情報であり、対応Ｗｅｂページ関連情報は当該一の画面パーツが設けられているＷｅｂページのＷｅｂページ関連情報２０であり、対応パーツ分類ＩＤは当該一の画面パーツのパーツ分類ＩＤであり、対応ワイヤフレーム内容情報は当該一の画面パーツのワイヤフレーム内容情報である。対応ワイヤフレームクラスタＩＤについては後述する。情報処理部１０はこの段階では、対応ワイヤフレームクラスタＩＤの値をヌル値とする。

【0025】

以上の処理が処理対象Ｗｅｂページを処理対象として情報処理部１０が実行するページ分析処理である。情報処理部１０は、記憶部１４に記憶されたＷｅｂページ関連情報２０のそれぞれについてページ分析処理を実行する。この結果、収集Ｗｅｂページのそれぞれについて、画面パーツのそれぞれに対応するレコードが画面パーツデータベース２１に登録された状態となる。

【0026】

全ての収集Ｗｅｂページについてページ分析処理を実行した後、情報処理部１０は更に以下の処理を実行する。すなわち、この段階では、画面パーツデータベース２１にレコードが登録された画面パーツのそれぞれについて、ワイヤフレーム内容情報が存在する状態である。例えば画面パーツデータベース２１に二万個のレコードが登録されているとすると、二万個の画面パーツについてワイヤフレーム内容情報が存在する状態である。

【0027】

以上を踏まえ、情報処理部１０は、画面パーツのそれぞれのワイヤフレーム内容情報を処理対象として情報処理による分析を行う。そして情報処理部１０は、画面パーツのブロック種別も考慮したブロックの配置状態の一致性／近似性に着目して画面パーツをグループ分けし、複数のクラスタを形成する。すなわち情報処理部１０は、異なる２つの画面パーツについて、ブロック種別も考慮したブロックの配置状態が似ているほど同じクラスタに属する可能性が高くなる一方、似ていないほど異なるクラスタに属する可能性が高くなるように複数のクラスタを形成する。次いで情報処理部１０は、ルールに従ってクラスタのそれぞれにワイヤフレームクラスタＩＤを付与する。ワイヤフレームクラスタＩＤは、クラスタを識別するための識別情報である。

【0028】

更に情報処理部１０は、クラスタ毎に代表ワイフレームを導出し、代表ワイヤフレームをに係る代表ワイヤフレーム内容情報を生成する。一のクラスタに係る代表ワイヤフレームとは、当該一のクラスタに属する画面パーツのそれぞれのワイヤフレームを代表するワイヤフレームである。情報処理部１０は、ある１つのクラスタに係る代表ワイヤフレームに関し、その１つのクラスタに属する画面パーツのそれぞれのワイヤフレームと代表ワイヤフレームとの「ブロック種別も考慮したブロックの配置状態についての差分」ができるだけ小さくなるように、代表ワイヤフレームを導出する。

【0029】

情報処理部１０は、事前に生成されたプログラムの機能により、クラスタを形成する処理、および、クラスタ毎に代表ワイフレームを導出し、代表ワイヤフレームを示す代表ワイヤフレーム内容情報を生成する処理を実行する。このプログラムには、機械学習されたモデルが含まれていてもよい。この場合のモデルは、単純化した例で説明すると、画面パーツのそれぞれのワイヤフレーム内容情報（当然、必要に応じて情報のベクトル化や正規化が行われる）を入力すると、クラスタを形成し、各クラスタの代表ワイヤフレーム内容情報を出力するモデルである。クラスタを形成する処理、および、クラスタ毎に代表ワイフレームを導出し、代表ワイヤフレームを示す代表ワイヤフレーム内容情報を生成する処理に、人間が行う人為的な処理が含まれていてもよい。

【0030】

次いで情報処理部１０は、画面パーツデータベース２１の各レコードの対応ワイヤフレームクラスタＩＤの値を、各レコードに係る画面パーツが属するクラスタのワイヤフレームクラスタＩＤの値とする。更に情報処理部１０は、クラスタの種類毎に、記憶部１４に記憶されたワイヤフレームクラスタデータベース２２（図２参照）にレコードを登録する。図５（Ｂ）は、ワイヤフレームクラスタデータベース２２の１件のレコードの内容を示す図である。図５（Ｂ）で示すようにワイヤフレームクラスタデータベース２２の１件のレコードは、ワイヤフレームクラスタＩＤと、代表ワイヤフレーム内容情報とを含む。

【0031】

以上の処理の後、更に情報処理部１０は、以下の処理を実行する。すなわち情報処理部１０は、パーツ分類の種類毎に、記憶部１４に記憶されたパーツ分類データベース２３（図２参照）にレコードを登録する。図５（Ｃ）は、パーツ分類データベース２３の１件のレコードの内容を示す図である。図５（Ｃ）で示すようにパーツ分類データベース２３の１件のレコードは、パーツ分類ＩＤに加えて、１つ以上の推奨ワイヤフレーム関連情報を含んでいる。図５（Ｃ）で示すように１つの推奨ワイヤフレーム関連情報は、推奨ワイヤフレームクラスタＩＤと、推奨ワイヤフレーム内容情報と、推奨度情報と、採用率情報と、補足文章情報と、採用ＷｅｂページＵＲＬ情報とを含んでいる。

【0032】

パーツ分類データベース２３へのレコードの登録にあたって情報処理部１０は、パーツ分類毎に、以下の処理を実行する。以下、ある１つのパーツ分類を処理対象としてパーツ分類データベース２３に１つのレコードを登録するときに情報処理部１０が実行する処理を説明する。以下の説明では処理対象とするパーツ分類を「処理対象パーツ分類」という。

【0033】

図６は、情報処理部１０の処理の説明に利用する図である。まず情報処理部１０は、画面パーツデータベース２１を参照し（図６（Ａ）参照）、対応パーツ分類ＩＤの値が「処理対象パーツ分類のパーツ分類ＩＤの値」であるレコードを抽出する（図６（Ｂ）参照）。図６（Ｂ）では、「処理対象パーツ分類のパーツ分類ＩＤの値」が「Ａ」であり、対応パーツ分類ＩＤの値が「Ａ」である１０件のレコードが抽出された様子を示している。ここで抽出されたレコードは、処理対象パーツ分類に属する画面パーツのレコードである。

【0034】

次いで情報処理部１０は、抽出したレコードを対応ワイヤフレームクラスタＩＤの値が一致するグループによってグループ分けする。つまり異なる２つのレコードについて、対応ワイヤフレームクラスタＩＤの値が一致する場合、これらは同じグループに属することになり、一致しない場合、違うグループに属することになる。ある１つのグループに属するレコードの群は、パーツ分類が処理対象パーツ分類であり、かつ、代表ワイヤフレームが共通するレコードの群である。図６（Ｃ）は、抽出したレコードが３つのグループＧＲ１、ＧＲ２、ＧＲ３に分けられた様子を示している。以下の説明では、ある１つのグループの代表ワイヤフレームを「推奨ワイヤフレーム」という。

【0035】

次いで情報処理部１０は、推奨ワイヤフレーム毎（つまりグループ毎）に、推奨度を導出する。本実施形態では情報処理部１０は、ある１つのグループについて、その１つのグループに属するレコードの個数を「推奨度」として導出する。図６（Ｄ）は、情報処理部１０が、グループＧＲ１の推奨度を「５」と導出し、グループＧＲ２の推奨度を「３」と導出し、グループＧＲ３の推奨度を「２」と導出した様子を示している。

【0036】

次いで情報処理部１０は、推奨ワイヤフレーム毎（つまりグループ毎）に、ワイヤフレーム採用率を導出する。情報処理部１０は、ある１つの推奨ワイヤフレーム（ある１つのグループ）について、画面パーツデータベース２１から抜き出した「対応パーツ分類ＩＤの値が処理対象パーツ分類のパーツ分類ＩＤの値であるレコード」（図６（Ｂ）参照）の個数に対して、その推奨ワイヤフレームのグループに属するレコードの個数の割合を導出し、これをワイヤフレーム採用率とする。なお本実施形態では、ワイヤフレーム採用率は百分率で表されるものとする。

【0037】

図６（Ｅ）は、グループＧＲ１に係る推奨ワイヤフレームについてワイヤフレーム採用率が情報処理部１０により「５０％」と導出された様子を示している。これは、「対応パーツ分類ＩＤの値が処理対象パーツ分類のパーツ分類ＩＤの値であるレコード」の個数が「１０個」であるのに対して、グループＧＲ１に属するレコードの個数が「５個」だからである。また図６（Ｅ）は、グループＧＲ２に係る推奨ワイヤフレームについてのワイヤフレーム採用率が「３０％」、グループＧＲ３に係る推奨ワイヤフレームについてのワイヤフレーム採用率が「２０％」と導出された様子を示している。

【0038】

ここで処理対象パーツ分類に対応する一の推奨ワイヤフレームのワイヤフレーム採用率は、インターネット上で公開されているＷｅｂページ（収集Ｗｅｂページ）の画面パーツのうち、処理対象パーツ分類に属する画面パーツにおいて、当該一の推奨ワイヤフレームが採用されている割合（程度）を示す情報である。ワイヤフレーム採用率は、特許請求の範囲の「インターネット上で公開されているＷｅｂページの対象領域の分類に属する領域において、レイアウトとして推奨レイアウトが採用されている程度を示す情報」に相当する。

【0039】

以上のようにして推奨ワイヤフレーム毎（グループ毎）に推奨度およびワイヤフレーム採用率を導出した後、情報処理部１０は、更に推奨ワイヤフレーム毎（グループ毎）に推奨ワイヤフレーム関連情報を生成する。上述したように推奨ワイヤフレームは、ワイヤフレームクラスＩＤが一致するか否かによって分けられた各グループの代表ワイヤフレームである。以下、ある１つの推奨ワイヤフレームに係る推奨ワイヤフレーム関連情報を生成するときの処理に着目して情報処理部１０の処理を説明する。以下では処理対象とする推奨ワイヤフレームを「処理対象推奨ワイヤフレーム」という。なお図５（Ｃ）で示すように、推奨ワイヤフレーム関連情報は、推奨ワイヤフレームクラスタＩＤと、推奨ワイヤフレーム内容情報と、推奨度情報と、採用率情報と、補足文章情報と、採用ＷｅｂページＵＲＬ情報とを含んでいる。

【0040】

情報処理部１０は、推奨ワイヤフレームクラスタＩＤの値を処理対象推奨ワイヤフレームのワイヤフレームクラスタＩＤとする。図６のグループＧＲ１に係る推奨ワイヤフレームの場合、ワイヤフレームクラスタＩＤは「Ｘ」である。また情報処理部１０は、推奨ワイヤフレーム内容情報を、処理対象推奨ワイヤフレームに対応する代表フレームの代表ワイヤフレーム内容情報とする。情報処理部１０は、代表ワイヤフレーム内容情報をワイヤフレームクラスタデータベース２２から取得する。推奨ワイヤフレーム内容情報は、特許請求の範囲の「推奨レイアウトを示す画像を生成するための情報」に相当する。ただし後に明らかとなる通り、推奨ワイヤフレーム内容情報に代えて、推奨レイアウトを示す画像の画像データがレコードに含められる構成でもよい。

【0041】

情報処理部１０は、推奨度情報の値を、処理対象推奨ワイヤフレームについて導出した推奨度とする。情報処理部１０は、採用率情報の値を、処理対象推奨ワイヤフレームについて導出したワイヤフレーム採用率とする。情報処理部１０は、補足文章情報の値をヌル値とする。

【0042】

情報処理部１０は、採用ＷｅｂページＵＲＬ情報の値を、以下の値とする。すなわち、処理対象推奨ワイヤフレームのグループに属するレコードのそれぞれについて、対応する画面パーツが設けられているＷｅｂページのＵＲＬを示す値とする（ただし、ＵＲＬが重複している場合にはマージする）。例えば図６（Ｃ）の例では、グループＧＲ１には５つのレコードが含まれている。この場合、情報処理部１０は、グループＧＲ１に係る推奨ワイヤフレームについての採用ＷｅｂページＵＲＬ情報の値を、５つのレコードのそれぞれに対応する画面パーツが設けられたＷｅｂページのＵＲＬのそれぞれを示す情報とする。情報処理部１０は、各画面パーツのＵＲＬを画面パーツデータベース２１の対応Ｗｅｂページ関連情報から取得する。以下、採用ＷｅｂページＵＲＬ情報に含まれるＵＲＬを「採用ＷｅｂページＵＲＬ」といい、採用ＷｅｂページＵＲＬに対応するＷｅｂページを「採用Ｗｅｂページ」という。

【0043】

情報処理部１０は、全ての推奨ワイヤフレームについて推奨ワイヤフレーム関連情報を生成した後、処理対象パーツ分類のパーツ分類ＩＤと、推奨ワイヤフレームのそれぞれに係る推奨ワイヤフレーム関連情報のそれぞれとが対応付けられた１件のレコードをパーツ分類データベース２３に登録する。

【0044】

以上の処理が、パーツ分類データベース２３に１つのレコードを登録するときの情報処理部１０の処理である。情報処理部１０は、全ての種類のパーツ分類について、以上の処理を行って、パーツ分類毎のレコードをパーツ分類データベース２３に登録する。

【0045】

ここで上述した通り、推奨ワイヤフレーム関連情報には、補足文章情報が含まれている。この補足文章情報は、初期値はヌル値であるが、所定の手段によって担当者（人間）が値を登録する。ある推奨ワイヤフレームについての補足文章情報は、その推奨ワイヤフレームについての補足を文章によって表現した補足文章を値として持つ。ある推奨ワイヤフレームについての補足とは、その推奨ワイヤフレームの特徴や、効果、留意点等、その推奨ワイヤフレームに関連する情報であり、特にユーザが推奨ワイヤフレームを採用するかどうかを検討するにあたって、或いは、ユーザが推奨ワイヤフレームを採用し実際にＷｅｂページの画面の内容を変更するにあたって有益な情報とされる。

【0046】

なお本実施形態では、あるパーツ分類に対応するある推奨ワイヤフレームについて、対応するグループに属するレコードの個数を推奨度としていた。この点に関し、情報処理部１０が推奨度を別の方法で導出する構成でもよい。一例として、推奨ワイヤフレームを採用したとしたときの効果を推定できる場合に、推奨度を、採用したときの効果が高いほど大きくなるような値としてもよい。推奨ワイヤフレームを採用したとしたときの効果は、一例としてＰＶやＣＶ、ＵＵがどの程度改善されるかである。

【0047】

また、あるパーツ分類に対応するある推奨ワイヤフレームのワイヤフレーム採用率を以下としてもよい。すなわち、そのパーツ分類に属する画面パーツが形成されている収集Ｗｅｂページ（インターネット上で公開されているＷｅｂページ）のうち、そのパーツ分類に属する画面パーツのレイアウトとしてその推奨ワイヤフレームが採用されているＷｅｂページの程度を示す情報としてもよい。おの場合、ワイヤフレーム採用率は、「インターネット上で公開されているＷｅｂページであって、対象領域の分類に属する領域が形成されているＷｅｂページのうち、対象領域の分類に属する領域のレイアウトとして推奨レイアウトが採用されているＷｅｂページの程度を示す情報」に相当する。またワイヤフレーム採用率を、採用されている度合をレベルによって表す情報に代えてもよい。

【0048】

またパーツ分類データベース２３へのレコードの登録、或いは、当該データベースに登録されたレコードの内容の更新に関し、人間による人為的な作業が行われてもよい。例えば推奨度を人間が定め、或いは、人間が調整する構成としてもよい。

【0049】

以上の処理が情報収集シーンにおける情報処理装置２の動作である。なお記憶部１４にＷｅｂページ関連情報が随時、追加され、情報処理部１０が追加されたＷｅｂページ関連情報に基づいて随時、画面パーツデータベース２１にレコードを登録してもよいことは勿論である。更に情報処理部１０が、最新の画面パーツデータベース２１に基づいて、ワイヤフレームクラスタデータベース２２およびパーツ分類データベース２３を随時、更新してもよいことは勿論である。

【0050】

＜サービス提供シーン＞
次にサービス提供シーンにおける情報処理装置２の動作について説明する。サービス提供シーンにおいて、まずユーザは、自身が使用する端末３のブラウザを立ち上げ、情報処理装置２の所定のＵＲＬへのアクセスを指示する。当該指示に応じて端末３の端末制御部１２は、ブラウザの機能により当該所定のＵＲＬにアクセスする。情報処理装置２の情報処理部１０は、当該所定のＵＲＬへのアクセスがあると、適切に認証を行った上、メイン画面を表示させるためのＨＴＭＬファイル、その他のデータを端末３に応答する。端末３の端末制御部１２は、ＨＴＭＬファイルを受信し、ブラウザの機能によりＨＴＭＬファイルに基づいてメイン画面を表示装置４に表示する。

【0051】

以下では情報処理装置２の情報処理部１０から送信されたＨＴＭＬファイルに基づいて端末３の表示装置４に表示された各種画面に対する操作の検出、各種画面へ入力された情報の取得、各種画面の動的な変更、その他の画面に関する各種処理は、ＣＧＩ、ＪａｖａＳｃｒｉｐｔ（登録商標）、Ａｊａｘ、ＤＨＴＭＬ、その他の既存の技術を用いて適切に実行されるものとし、詳しい説明は行わない。また情報処理装置２の情報処理部１０がＨＴＭＬファイルを端末３に送信し、ＨＴＭＬファイルに基づく画面を端末３の表示装置４に表示させることを「情報処理部１０が○○画面を端末３の表示装置４に表示する」、或いは単に「情報処理部１０が○○画面を表示する」のように表現することがある。

【0052】

ユーザは、メイン画面（或いはメイン画面から遷移可能な画面）から、情報処理装置２から受けるサービスを選択できる。本実施形態ではサービスとして少なくとも「改善提案サービス」が存在する。改善提案サービスとは、ユーザが、所望のＷｅｂページについて、Ｗｅｂページの画面の改善に関する有益な情報の提供を情報処理装置２から受けるサービスである。本実施形態では改善提案サービスの提供時の情報処理装置２の処理に特徴があるため、以下、ユーザにより改善提案サービスが選択されるものとして情報処理装置２の動作について説明する。以下の説明において、ユーザが改善を希望するＷｅｂページを特に「改善希望Ｗｅｂページ」という。後に明らかとなる通り、ユーザは、改善提案サービスを通して、Ｗｅｂページについて画面パーツ単位で改善の提案を受けることが可能である。

【0053】

ユーザにより改善提案サービスが選択されると情報処理装置２の情報処理部１０は、端末３の表示装置４に表示画面登録画面Ｇ１を表示する。図７は、表示画面登録画面Ｇ１の一例を示す図である。表示画面登録画面Ｇ１は、改善希望Ｗｅｂページの画像データをアップロードするか、或いは、改善希望ＷｅｂページのＵＲＬを入力する画面である。図７を参照しユーザは、改善希望Ｗｅｂページの画像データをドラッグ＆ドロップにより領域Ａ１に移動させることによって当該画像データをアップロードするか、または、入力欄Ｎ１にＵＲＬを入力する。次いでユーザは、ステップを次へ移行するためのボタンＢ１を操作する。

【0054】

表示画面登録画面Ｇ１のボタンＢ１が操作されると情報処理部１０は、端末３の表示装置４に領域指定画面Ｇ２を表示する。図８（Ａ）は、領域指定画面Ｇ２の一例を示す図である。図８（Ａ）で示すように領域指定画面Ｇ２の領域Ａ２１には、改善希望Ｗｅｂページの画面（表示画面）を示す画像が表示される。以下の説明では、改善希望Ｗｅｂページの画面を示す画像のことを「改善提案前画像ＫＡ」という。改善提案前画像ＫＡは、後述する推奨レイアウト画像が重畳されていない画像ということになる。情報処理部１０は、ユーザから改善希望Ｗｅｂページの画像データがアップロードされた場合には、当該画像データに基づいて改善提案前画像ＫＡを表示する。また情報処理部１０は、ユーザから改善希望ＷｅｂページのＵＲＬが入力された場合には、当該ＵＲＬにアクセスし必要な情報（ＨＴＭＬファイルおよびこれに付随する静止画ファイルや動画ファイル等のデータを含む）を取得して改善提案前画像ＫＡを表示する。

【0055】

ユーザは、領域指定画面Ｇ２に表示された改善提案前画像ＫＡについて、マウスを利用した矩形領域指定を行って、自身が改善を望む（或いは改善に関する提案を受けたいと考える）画面パーツを指定する。つまりユーザは、マウスを利用した矩形領域指定により、自身が改善を望む画面パーツの領域を矩形の枠で囲むことによって指定する。ここで指定された画面パーツ（の領域）は、特許請求の範囲の「表示画面の一部分を構成する閉じた領域である対象領域」に相当する。以下の説明では、領域指定画面Ｇ２によりユーザが指定した画面パーツを「改善希望画面パーツ」という。

【0056】

情報処理部１０は、改善希望画面パーツの指定をユーザから受け付け、改善希望画面パーツの拡大図を、領域Ａ２１の右方の領域Ａ２２に表示する。図８（Ｂ）は、領域指定画面Ｇ２において、ユーザがマウスを利用した矩形領域指定によって改善希望画面パーツを指定し、これに伴って領域Ａ２２に改善希望画面パーツの拡大図が表示された様子を示している。ユーザは領域Ａ２２に表示された拡大図を参照し、問題がなければステップを次へ移行するためのボタンＢ２を操作する。

【0057】

ここで本実施形態では、マウスを利用した矩形領域指定によりユーザが画面パーツ（の領域）を指定する構成であった。つまり情報処理部１０は、改善提案前画像ＫＡ（表示画面を示す画像）を、任意の形状の領域をユーザが指定可能な状態で表示装置４に表示していた。この点に関し、以下の構成でもよい。すなわち情報処理部１０は、ユーザから改善希望Ｗｅｂページの画像データがアップロードされた場合には当該画像データを分析し、一方、ユーザから改善希望ＷｅｂページのＵＲＬが入力された場合には当該ＵＲＬにアクセスすることによって取得した情報を分析し、改善提案前画像ＫＡに含まれる画面パーツを抽出する。ここで抽出された画面パーツは、特許請求の範囲の「区分けされた複数の領域」に相当する。

【0058】

そして情報処理部１０は、改善提案前画像ＫＡのあるポイントにカーソルが置かれた状態でユーザがマウスをクリックしたことを検出すると、そのポイントが属する画面パーツを改善希望画面パーツとして認識し、その指定を受け付ける。この構成の場合、情報処理部１０は、改善提案前画像ＫＡ（表示画面を示す画像）を、区分けされた複数の領域のうちの１つの領域をユーザが指定可能な状態で表示装置４に表示していることになる。

【0059】

領域指定画面Ｇ２のボタンＢ２が操作されると情報処理部１０は、端末３の表示装置４にパーツ分類選択画面Ｇ３を表示する。図９は、パーツ分類選択画面Ｇ３の一例を示す図である。図９で示すようにパーツ分類選択画面Ｇ３では、改善提案前画像ＫＡに加えて、パーツ分類選択欄Ｒ３が表示される。パーツ分類選択欄Ｒ３では、全ての種類のパーツ分類について、その名称が一覧表示されると共に、ラジオボタンによって何れか１つのパーツ分類を選択できるようになっている。ユーザは、ラジオボタンを利用して改善希望画面パーツが属するパーツ分類（ただし、ユーザが主観的に考えるものでよい）を選択する。以下の説明では、選択されたパーツ分類（＝改善希望画面パーツのパーツ分類）を「今回パーツ分類」という。その後ユーザは、ステップを次へ移行するためのボタンＢ３を操作する。

【0060】

パーツ分類選択画面Ｇ３のボタンＢ３が操作されると情報処理部１０は、ユーザにより選択されたパーツ分類（つまり、改善希望画面パーツが属するパーツ分類。特許請求の範囲の「対象領域の分類」に相当）を認識する。更に情報処理部１０は、端末３の表示装置４に提案書記入情報入力画面Ｇ４を表示する。図１０は、提案書記入情報入力画面Ｇ４の一例を示す図である。提案書記入情報入力画面Ｇ４は、後述する提案書に記入する情報を入力するための画面である。提案書記入情報入力画面Ｇ４の意義は後に明らかとなる。

【0061】

図１０で示すように本実施形態では、ユーザは、提案書記入情報入力画面Ｇ４を通して、案件名、改善希望Ｗｅｂページの画面名、改善希望Ｗｅｂページを表示する対象となるデバイスのタイプ、改善希望ＷｅｂページのＵＲＬおよび担当者の氏名を入力（選択も含む）できる。ただし入力は任意であり、一部或いは全部の情報について入力しなくてもよい。なお図１０で例示した、提案書記入情報入力画面Ｇ４を通して入力できる情報は、あくまで一例であり、当該情報は、提案書に記入される情報に応じて適切に設定される。ユーザは、所望の情報を入力した後、ステップを次へ移行するためのボタンＢ４を操作する。

【0062】

提案書記入情報入力画面Ｇ４のボタンＢ４が操作されると情報処理部１０は、端末３の表示装置４に改善提案画面Ｇ５を表示する。図１１は、初期状態の改善提案画面Ｇ５の一例を示す図である。図１１で示すように、初期状態の改善提案画面Ｇ５は、第１推奨ワイヤフレーム領域Ａ５１と第２推奨ワイヤフレーム領域Ａ５２とに分かれている。ここで第１推奨ワイヤフレーム領域Ａ５１には、“今回パーツ分類に対応する”推奨ワイヤフレームのうち、最も推奨度の高い推奨ワイヤフレームに関する情報が表示される。以下、この推奨ワイヤフレームを「第１推奨ワイヤフレーム」という場合がある。また第２推奨ワイヤフレーム領域Ａ５２には、“今回パーツ分類に対応する”推奨ワイヤフレームのうち、２番目に推奨度の高い推奨ワイヤフレームに関する情報が表示される。以下、この推奨ワイヤフレームを「第２推奨ワイヤフレーム」という場合がある。

【0063】

ここで今回パーツ分類に対応する推奨ワイヤフレームとは、パーツ分類データベース２３（図５（Ｃ）参照）において、今回パーツ分類と対応付けられた推奨ワイヤフレームである。より正確には、パーツ分類データベース２３において、今回パーツ分類のパーツ分類ＩＤと対応付けられた推奨ワイヤフレーム情報に係る推奨ワイヤフレームである。本実施形態では、情報処理部１０は、推奨度に応じて、推奨ワイヤフレームを順位付けし、最も高い推奨度の推奨ワイヤフレームに関する情報を第１推奨ワイヤフレーム領域Ａ５１に、二番目に高い推奨度の推奨ワイヤフレームに関する情報を第２推奨ワイヤフレーム領域Ａ５２に表示する。

【0064】

図１１で示すように第１推奨ワイヤフレーム領域Ａ５１では、改善提案前画像ＫＡが表示されると共に、これと隣り合うようにこれの右方に第１重畳画像Ｋ５１（重畳画像）が表示される。第１重畳画像Ｋ５１は、第１推奨ワイヤフレーム画像Ｋ５２が、改善希望Ｗｅｂページの画面の改善希望画面パーツの領域に重畳される一方、改善希望画面パーツの領域以外の領域には変化がない画像である。つまり第１重畳画像Ｋ５１は、改善希望画面パーツの領域に第１推奨ワイヤフレーム画像Ｋ５２（特許請求の範囲の「認識した分類に基づき対象領域のレイアウトとして推奨される推奨レイアウトを示す画像」に相当）が重畳されている点でのみ改善提案前画像ＫＡと相違している。

【0065】

第１推奨ワイヤフレーム画像Ｋ５２は、第１推奨ワイヤフレームを、見た目に分かりやすい態様で表した画像である。本実施形態では第１推奨ワイヤフレーム画像Ｋ５２は、図１１で示すように、線によってブロックが表されると共に、各ブロック内にブロック種別が記入された画像とされる。

【0066】

情報処理部１０は、以下の方法で第１重畳画像Ｋ５１を生成する。すなわち情報処理部１０は、今回パーツ分類（改善希望画面パーツが属するパーツ分類）を認識した上で、画面パーツデータベース２１を参照し、認識した今回パーツ分類のパーツ分類ＩＤに対応するレコード（図５（Ｃ）参照）を特定する。以下、ここで特定したレコードを「対象レコード」という。

【0067】

次いで情報処理部１０は、特定した対象レコードに含まれる推奨ワイヤフレーム関連情報のうち、推奨度情報の値（つまり推奨度）が最も高い推奨ワイヤフレーム関連情報を特定する。次いで情報処理部１０は、特定した推奨ワイヤフレーム関連情報に含まれる推奨ワイヤフレーム内容情報を参照し、当該情報に基づいて第１推奨ワイヤフレーム画像Ｋ５２を生成する。上述したように推奨ワイヤフレーム内容情報には、画面パーツにおいて各ブロックが占める領域と、各ブロックのブロック種別を示す情報とが含まれるため、情報処理部１０は、推奨ワイヤフレーム内容情報に基づいて第１推奨ワイヤフレーム画像Ｋ５２を生成することが可能である。そして情報処理部１０は、改善提案前画像ＫＡの改善希望画面パーツの領域のサイズ（縦横比を含む概念）に応じて第１推奨ワイヤフレーム画像Ｋ５２のサイズを調整した上で、改善提案前画像ＫＡの改善希望画面パーツの領域に第１推奨ワイヤフレーム画像Ｋ５２を重畳することにより第１重畳画像Ｋ５１を生成する。

【0068】

図１１で示すように、第１重畳画像Ｋ５１の右方には第１採用率表示欄Ｒ５１が形成されており、この第１採用率表示欄Ｒ５１には、第１推奨ワイヤフレームについてのワイヤフレーム採用率を示す情報が表示されている。情報処理部１０は、パーツ分類データベース２３の今回パーツ分類に対応するレコードの第１推奨ワイヤフレームについての採用率情報に基づいて第１採用率表示欄Ｒ５１を表示する。なお第１採用率表示欄Ｒ５１（これと同様の機能をもつ表示欄を含む）に表示された「ワイヤフレーム採用率」は、特許請求の範囲の「対象領域の分類に属する領域を含むＷｅｂページのうち、対象領域の分類に属する領域のレイアウトとして推奨レイアウトが採用されているＷｅｂページの程度を示す情報」に相当する。

【0069】

また第１採用率表示欄Ｒ５１の下方には第１補足文章表示欄Ｒ５２が形成されており、この第１補足文章表示欄Ｒ５２には第１推奨ワイヤフレームについての補足文章を示す情報が表示されている。情報処理部１０は、パーツ分類データベース２３の今回パーツ分類に対応するレコードの第１推奨ワイヤフレームについての補足文章情報に基づいて第１補足文章表示欄Ｒ５２を表示する。

【0070】

また第１補足文章表示欄Ｒ５２の下方には第１採用Ｗｅｂページ表示欄Ｒ５３が形成されている。この第１採用Ｗｅｂページ表示欄Ｒ５３には、第１推奨ワイヤフレームについての採用ＷｅｂページＵＲＬを示す情報が１つ以上、表示されると共に、当該情報のそれぞれと対応付けて、各採用ＷｅｂページＵＲＬにアクセスしたときに表示されるＷｅｂページ（採用Ｗｅｂページ）の画面の画像が表示されている。採用ＷｅｂページＵＲＬを示す情報は、採用Ｗｅｂページとリンクしており、ユーザは、当該情報をクリックすることにより、採用Ｗｅｂページにアクセスできる。第１採用Ｗｅｂページ表示欄Ｒ５３の採用ＷｅｂページＵＲＬを示す情報は、特許請求の範囲の「対象領域の分類に属する領域を含み、当該領域のレイアウトとして推奨レイアウトが採用されているＷｅｂページへのリンク」に相当する。また第１採用Ｗｅｂページ表示欄Ｒ５３の「採用Ｗｅｂページの画面の画像」は、特許請求の範囲の「対象領域の分類に属する領域を含み、当該領域のレイアウトとして推奨レイアウトが採用されているＷｅｂページの画面を示す画像」に相当する。

【0071】

情報処理部１０は、画面パーツデータベース２１の今回パーツ分類に対応するレコードの第１推奨ワイヤフレームについての採用ＷｅｂページＵＲＬ情報に基づいて第１採用Ｗｅｂページ表示欄Ｒ５３を表示する。特に「採用ＷｅｂページＵＲＬにアクセスしたときに表示されるＷｅｂページの画面の画像」については、情報処理部１０は、採用ＷｅｂページＵＲＬにアクセスして得られる情報に基づいて表示する。「採用ＷｅｂページＵＲＬにアクセスしたときに表示されるＷｅｂページの画面の画像」の表示に関し、情報処理部１０が都度、採用ＷｅｂページＵＲＬにアクセスするのではなく、Ｗｅｂページの画面の画像の画像データを事前に記憶しておき、これを利用して表示する構成でもよい。本実施形態では、「採用ＷｅｂページＵＲＬにアクセスしたときに表示されるＷｅｂページの画面の画像」を表示するにあたっての法律上の問題および契約上の問題は全てクリアになっているものとする。

【0072】

第２推奨ワイヤフレーム領域Ａ５２には、第２推奨ワイヤフレームに関して、第１推奨ワイヤフレーム領域Ａ５１と同等の情報が表示される。簡単に説明すると、改善提案前画像ＫＡの右方に第２重畳画像Ｋ５３（重畳画像）が表示される。第２重畳画像Ｋ５３には、改善希望画面パーツの領域に、第２推奨ワイヤフレームの第２推奨ワイヤフレーム画像Ｋ５４が重畳される。第２重畳画像Ｋ５３の右方には、第２推奨ワイヤフレームについてのワイヤフレーム採用率を示す情報が表示された第２採用率表示欄Ｒ５４が形成されており、この欄の下方には第２推奨ワイヤフレームについての補足文章を示す情報が表示された第２補足文章表示欄Ｒ５５が形成されている。第２補足文章表示欄Ｒ５５の下方には第２採用Ｗｅｂページ表示欄Ｒ５６が形成されており、第２採用Ｗｅｂページ表示欄Ｒ５６には、第２推奨ワイヤフレームについての採用ＷｅｂページＵＲＬを示す情報（何れも対応する採用Ｗｅｂページにリンク可能）が１つ以上、表示されると共に、当該情報のそれぞれと対応付けて、採用ＷｅｂページＵＲＬにアクセスしたときに表示されるＷｅｂページの画面が表示されている。

【0073】

初期状態の改善提案画面Ｇ５では、２つの推奨ワイヤフレームに関する情報が提供されるが、ユーザは、ボタンＢ５１を操作することによって、情報が提供される対象となる推奨ワイヤフレームを１つずつ増やすことが可能である（当然、今回パーツ分類に対応する推奨ワイヤフレームの個数を限度とする）。情報処理部１０は、ボタンＢ５１が操作されたことを検出すると、パーツ分類データベース２３の今回パーツ分類に対応するレコードを参照し、第１推奨ワイヤフレーム領域Ａ５１に準じた領域を形成する。なお図１１で例示した改善提案画面Ｇ５の態様はあくまで一例であり、他の態様でもよい。例えば、推奨度を示す情報を表示してもよい。また初期状態の改善提案画面Ｇ５に今回パーツ分類に対応する全ての推奨ワイヤフレームに関する情報が表示される構成でもよい。

【0074】

ユーザは、改善提案画面Ｇ５の内容を確認し、提案書を参照したい或いは提案書をファイルとして出力したいと考えた場合にはボタンＢ５２を操作する。改善提案画面Ｇ５のボタンＢ５２が操作されると情報処理部１０は、端末３の表示装置４に提案書画面Ｇ６を表示する。図１２は、提案書画面Ｇ６の一例を示す図である。本実施形態において、「提案書」とは、推奨レイアウトに基づいて改善希望Ｗｅｂページの画面（表示画面）を改善する作業を行うかどうかを検討する際に利用可能な情報、または、当該作業を行うときに利用可能な情報が記入された対象であり、具体的には改善提案画面Ｇ５に含まれる情報の群、および、改善提案画面Ｇ５に基づいて出力される提案書ファイル（後述）に含まれる情報の群が「提案書」に相当する。

【0075】

図１２で示すように提案書画面Ｇ６には、提案書記入情報入力画面Ｇ４（図１０）に入力された情報が表示された基礎情報表示領域Ａ６１が形成されている。ユーザは、基礎情報表示領域Ａ６１の各情報の内容を自由に入力し、変更することができる。この基礎情報表示領域Ａ６１の右方には、追加情報表示領域Ａ６２が形成されている。追加情報表示領域Ａ６２には、Ｗｅｂページをリリースするにあたってテストを実施するかどうかを入力する欄、リリース日（リリースの予定日）を入力する欄、改善後のＷｅｂページを実際に反映する日を入力する欄、Ｗｅｂページの改善の進捗状況をパーセンテージで入力する欄が設けられている。更に追加情報表示領域Ａ６２には、改善希望Ｗｅｂページを改善するにあたっての課題を入力する欄およびメモを入力する欄が形成されている。ユーザは、追加情報表示領域Ａ６２の各情報の内容を自由に入力し、変更することができる。追加情報表示領域Ａ６２の下方には、改善提案画面表示領域Ａ６３が形成されている。改善提案画面表示領域Ａ６３には、改善提案画面Ｇ５を示す画像（ただし改善提案画面Ｇ５の内容と同等の内容の画像であればよい）が表示されている。図１２で例示する提案書には、採用Ｗｅｂページの画面が含まれていないが、これを含めるようにしてもよいことは勿論である。

【0076】

ユーザは、提案書画面Ｇ６の内容を確認し、提案書を提案書ファイルとして出力したいと考えた場合、ボタンＢ６を操作する。ボタンＢ６が操作されると情報処理部１０は、ファイル名や、ファイル種類、ファイルを記憶する場所等を指定するための画面を表示してこれらをユーザに指定させ、ユーザが指定したファイル名、ファイル種類（データ形式）に準じてファイルを生成すると共に、ユーザが指定した場所にファイルを記憶させる。ここで記憶されたファイルが提案書ファイルである。ユーザは、任意のタイミングで提案書ファイルを開き提案書を確認できると共に、提案書の内容を更新することができる。

【0077】

なお提案書画面Ｇ６および提案書ファイルの内容は、本実施形態で例示された内容に限られない。例えば、一部の情報が含まれない構成でもよく、異なる情報が含まれる構成でもよい。

【0078】

以上説明したように本実施形態に係る情報処理装置２の情報処理部１０は、改善希望Ｗｅｂページの画面（表示画面）の一部分を構成する閉じた領域である改善希望画面パーツ（対象領域）の指定をユーザから受け付け、改善希望画面パーツのパーツ分類（分類）を認識する。情報処理部１０は、認識したパーツ分類に基づき改善希望画面パーツのワイヤフレーム（レイアウト）として推奨する推奨ワイヤフレーム（推奨レイアウト）を示す画像が、改善希望Ｗｅｂページの画面（表示画面）の改善希望画面パーツの領域に重畳される一方、「改善希望画面パーツの領域」以外の領域には変化がない重畳画像（第１重畳画像Ｋ５１、第２重畳画像Ｋ５３）を提供する。

【0079】

このような構成ためユーザは、改善提案画面Ｇ５或いは提案書の重畳画像を参照することにより、改善希望Ｗｅｂページの画面の改善のために改善希望画面パーツのレイアウトを具体的にどのように変更すればよいかを直感的に把握でき、ユーザにとって改善希望Ｗｅｂページの画面を具体的にどのように変更すればよいかが分かりやすい。更に上記の構成によればユーザは、重畳画像を参照することにより、改善希望画面パーツの領域の変更後のワイヤフレームと、「改善希望画面パーツの領域」以外の領域の状態（内容）との関係を意識しつつ、変更後の改善希望Ｗｅｂページの画面の全体像をイメージすることができ、ユーザにとって変更後の画面の状態が分かりやすい。すなわち上記構成によれば、表示画面の具体的な変更方法、および、変更後の表示画面の状態がユーザにとって分かりやすい態様で表示画面の改善に関する情報を提供できる。

【0080】

特に本実施形態では、ユーザに提案される推奨ワイヤフレーム（レイアウト）は、改善希望Ｗｅｂページで採用されていたワイヤフレームの構造を単に変更したもの（例えば、既存のブロックの配置状態を単に変更したもの）ではなく、改善希望Ｗｅｂページ以外のＷｅｂページで採用されているワイヤフレームを鑑みて推奨されるものである。従って、元々のワイヤフレームにはない要素を含んでいたり、元々のワイヤフレームの内容から発想の転換を必要とする内容であったりする可能性がある。このため本実施形態によれば、元々のワイヤフレームの内容に束縛されることなく、有効なワイヤフレームを提案することが可能である。更に本実施形態では、Ｗｅｂページを閲覧する閲覧者の行動履歴を分析することなく、Ｗｅｂページの改善を提案することが可能であり、処理効率がよい。

【0081】

また本実施形態では情報処理部１０は、改善提案画面Ｇ５および提案書において、推奨ワイヤフレーム（本実施形態では第１推奨ワイヤフレームおよび第２推奨ワイヤフレーム）のワイヤフレーム採用率を重畳画像と併せて提供する。このためユーザは、世の中で推奨ワイヤフレームがどの程度、採用されているのかを客観的に認識することができる。

【0082】

また本実施形態では情報処理部１０は、採用Ｗｅｂページへのリンクを重畳画像と併せて提供する。このためユーザは、簡易な作業で迅速に採用Ｗｅｂページの内容を参照し、参考とすることができる。特に本実施形態では情報処理部１０は、採用Ｗｅｂページの画面を示す画像を重畳画像と併せて提供する。このためユーザは、重畳画像と比べつつ、採用Ｗｅｂページの内容を参照し、参考とすることができる。

【0083】

また本実施形態では情報処理部１０は、改善提案画面ＫＡと重畳画像とを並べた状態で表示装置４に表示する。この構成のため、ユーザは、改善した場合としなかった場合のＷｅｂページの画面の見た目をより的確に把握できる。

【0084】

また本実施形態では情報処理部１０は、最も推奨度が高い推奨レイアウトを示す画像が重畳された重畳画像（第１重畳画像Ｋ５１）と共に、最も推奨度が高い推奨レイアウトよりも推奨度が低い推奨レイアウトを示す画像が重畳された１つ以上の重畳画像（第２重畳画像Ｋ５３）を順位付けした状態で提供する。この構成によれば、ユーザは、推奨度を把握した上で、複数の異なる推奨レイアウトを見比べて、より柔軟に推奨レイアウトを採用するかどうか、および、どの推奨レイアウトを採用するかを決めることができる。

【0085】

次に情報処理装置２による情報処理方法について説明する。図１３は情報処理装置２の主要な動作を示すフローチャートである。情報処理装置２の情報処理部１０は、表示画面の一部分を構成する閉じた領域である対象領域の指定をユーザから受け付ける（ステップＳＡ１）。情報処理装置２の情報処理部１０は、対象領域の分類を認識し、認識した分類に基づき対象領域のレイアウトとして推奨される推奨レイアウトを示す画像が表示画面の対象領域に重畳される一方、対象領域以外の領域には変化がない画像である重畳画像を提供する（ステップＳＡ２）。

【0086】

以上、本発明の一実施形態について説明したが、上記実施形態は、本発明を実施するにあたっての具体化の一例を示したものに過ぎず、これによって本発明の技術的範囲が限定的に解釈されてはならないものである。すなわち、本発明はその要旨、またはその主要な特徴から逸脱することなく、様々な形で実施することができる。

【0087】

例えば上述した実施形態では、情報処理装置２が記憶部１４を備える構成であった。この点に関し、情報処理装置２と通信可能な他の装置に記憶部１４が設けられ、情報処理装置２が適宜、他の装置にアクセスする構成でもよい。

【0088】

また上述した実施形態では、情報処理装置２は、インターネットを含むグローバルなネットワークＮに接続されたクラウドサーバに係るサーバ装置であったが、情報処理装置２はクラウドサーバに係るサーバ装置である必要はない。一例として、ユーザが所属する組織のローカルネットワークに設けられたサーバ装置であってもよい。この場合、情報処理装置２は、ローカルネットワークに接続する端末３をクライアントとして各種サービスを提供する。

【0089】

また上述した実施形態では、情報処理装置２により改善が提案される対象となる表示画面は「Ｗｅｂページの画面」であった。しかしながら情報処理装置２により改善が提案される対象となる表示画面はＷｅｂページの画面に限られない。一例として、アプリケーションを実行したときに表示される各種画面や、専用機（カーナビゲーションやＤＶＤプレーヤー等）、電子広告等であってもよい。

【符号の説明】

【0090】

２ 情報処理装置
４ 表示装置
１０ 情報処理部
Ｋ５１ 第１重畳画像（重畳画像）
Ｋ５２ 第２重畳画像（重畳画像）

【図1】

【図2】

【図3】

【図4】

【図5】

【図6】

【図7】

【図8】

【図9】

【図10】

【図11】

【図12】

【図13】