はじめに
卒業プロジェクトとして、教育機関向けのWebリソースの開発を受けたことが判明しました。 私にとっての主な困難は、これが最初の主要なプロジェクトであったため、Webページリソーステンプレートのサムネイルの定義でした。 私も顧客もスケッチがどのように見えるか、そしてどこからデザインを始めるべきかについて明確な考えを持っていなかったという事実によって状況は複雑でした。 次に、テンプレートのパターンを取得するためにWebリソースページの調査を実施するというアイデアを訪問しました。これに基づいて、開発されたWebリソースのテンプレートのスケッチを作成します。
研究の対象
ロシアおよび外国の高等教育機関のサイトが調査対象として選択されました。 まず、今後の調査のためにサイトをどの基準で選択するかを決定する必要がありました。 まず第一に、サンプルは機関自体の評価に基づいて作成され、その後、ウェブリソースへの訪問に基づいて作成されました。データは分析ウェブリソースから取得されました。
教育機関の評価の観点から、サンプルは、QS世界大学ランキングによる世界最高の大学の評価と、国立大学評価によるロシアの最高の大学の評価に基づいて作成されました。 サンプル結果を以下に示します。
「QS世界大学ランキング」による世界最高の大学の評価：
- ケンブリッジ大学（イギリス）。
- ハーバード大学（米国）。
- イェール大学（米国）。
- ユニバーシティカレッジロンドン（イギリス）。
- マサチューセッツ工科大学（米国）。
- オックスフォード大学（イギリス）。
- インペリアルカレッジロンドン（イギリス）。
- シカゴ大学（米国）。
- カリフォルニア工科大学（米国）。
- プリンストン大学（米国）。
- コロンビア大学（米国）。
- スイス連邦工科大学（スイス）。
- マギル大学（カナダ）。
- オーストラリア国立大学（オーストラリア）。
- 香港大学（香港）。
- 東京大学（日本）。
- シンガポール国立大学（シンガポール）。
- ÉcoleNormaleSupérieure（フランス）。
- 北京大学（中国）。
- Ruprecht-Karls-UniversitätHeidelberg（ドイツ）。
「国立大学ランキング」による大学ランキング：
- モスクワ州立大学は、M.V。ロモノソフにちなんで命名されました。
- サンクトペテルブルク州立大学。
- 国立研究大学MIPT。
- ロシア人民友好大学。
- ノボシビルスク国立研究大学。
- トムスク国立研究大学。
- 国立研究核大学MEPhI。
- N.E.バウマンにちなんで名付けられたモスクワ国立研究技術大学
- サンクトペテルブルク国立研究工科大学。
- 南連邦大学。
- シベリア連邦大学。
- カザン国立研究技術大学。
- トムスク国立研究工科大学。
- ウラル連邦大学（Ural State Technical University）は、ロシアB.N.エリツィン初代大統領にちなんで名付けられました。
- N.G. Chernyshevskyにちなんで名付けられたサラトフ国立研究大学。
- ロシア国立教育大学は、A.I。Herzenにちなんで名付けられました。
- カザン（ヴォルガ）連邦大学。
- MISiSの国立研究技術大学。
- A.N.ツポレフにちなんで名付けられたカザン国立研究技術大学。
- イルクーツク国立研究技術大学。
外国の大学向けのGoogle Top 1000サービスとMail.ruおよびRambler.ruの評価サービスが、選択の分析リソースとして使用されました。 Googleからのランキングに含まれるすべてのサイトの徹底的で無駄な検索を行ったところ、教育機関のサイトが含まれていないことが明らかになったため、このサンプルはさらなる研究に該当しませんでした。 もちろん、ロシアの教育機関は、メールとランブラーによってランク付けされました。 これらのサンプルの結果を以下の表に示します。
メール評価に基づく大学評価：
- サラトフ州立大学。
- SPbNIU ITMO。
- モスクワ国立国際関係研究所。
- モスクワ物理研究所（MIPT GU）。
- G.V.プレハノフにちなんで名付けられたロシア経済大学
- スタブロポリ州立大学。
- ヴォロダール州立大学 S.トライギロワ。
- MISI-MGSU。 土木工学のモスクワ州立大学。
- ヴォルゴグラード州立工科大学。
- モスクワ州法アカデミー。
ランブラー評価に基づく大学ランキング：
- 全ロシア通信金融経済研究所（VZFEI）。
- モスクワ医学アカデミー I.M. Sechenova。
- SPbNIU ITMO。
- モスクワ物理学技術研究所。
- オレンブルク州立大学。
- ロシア国立医科大学。
- モスクワ教育研究所。
- アルタイ州立工科大学 I.I. Polzunova。
- モスクワ州立鉄道工学大学（MIIT）。
- モスクワ州立医科歯科大学。
研究段階
さらに、各サンプルについて研究が行われました。 まず、すべてのサンプルサイトに存在するWebページの基本要素を特定しました（各要素について、この要素をテンプレートのカラーマップに適用する色を決定しました）。
- ナビゲーションバー（赤色）;
- ニュースフィード（ピンク色）;
- 教育機関のロゴまたはその名前（青色）;
- ユーザーの注意を引くための教育機関またはその活動を特徴付けるメイングラフィックイメージ（緑色）;
- 連絡先情報（黒色）;
- リソースとサードパーティのリソースおよびソーシャルネットワークとの接続（黄色）。
次のステップは、画面上のメインページの選択された各オブジェクトの位置を決定することです。 これを行うために、このオブジェクトがサイトで配置された場所の半透明の影付き領域が白いシートに配置されました。 その後、これらすべての場所が1つのシートに結合され、Webページリソースオブジェクトの配置の全体像が取得されました。
この研究を実施した後、ロシアの最高の大学の格付けとMail and Ramblerの企業の格付けによるサンプルは同じ結果を与えることがわかったため、研究の結果は、最高の外国およびロシアの大学のサンプルに基づいて構築されたテンプレートスキームのみと見なされるべきであることが判明しました。 以下の図は、研究の結果を示しています。
外国の大学のサイトのサンプルに基づく
ロシアの大学のサイトの選択に基づいて
調査結果
得られた結果に基づいて、オブジェクトの位置に関するスキームはほぼ同じ結果を与えることに注意できます。 オブジェクトの場所に関する違いは、ロシアの大学のサイトでの連絡先バーの場所の曖昧さ、および社会的リソースへのリンクがほとんど完全に存在しないことに注意する必要があります。 主な違いは、外国の大学は固定幅で画面の中央にサイトを配置することであり、ほとんどのロシアの大学はフルスクリーンにサイトを拡大する傾向があります。
まとめ
どちらが良いですか？ 自分で判断してください。 開発中のWebリソースのテンプレートスケッチをさらに設計するために、自分に代わって追加したいのですが、このオプションは顧客により適合し、モバイルプラットフォームでの表示に便利であるため、最良の外国大学の選択に基づいて取得したテンプレートスキームを使用しました。
また、調査に基づいたスケッチテンプレートの設計により、顧客は要件を満たす便利なWebリソースを取得でき、卒業プロジェクトの防衛に関して「優れた」マークを取得したことにも注意してください。