みんなさん再び新しくなった大阪大学陸上競技部Officail Web へようこそ！
今年の７月に一度このサイトを一新しましたが、みんなさんがより使いやすく楽しめるサイトにするように再びパワーアップして戻ってきましたよ。今回のアップデートのテーマは、
More Timely, More Interactive
“Timely” はそのままの「タイムリー」という意味だけでなく、「ユーザーの皆さんがより早く目的の情報にたどり着き、そのまま次のアクション(Twitterでシェアとか)を行える」という使い勝手にこだわった”Timely”です。また、”Interactive”の訳は「相互に影響し合う」。このサイトでは、「ユーザーの皆さんがただ情報を得るだけでなく、情報の発信者にもなってもたいたい」という意味を込めてます。
これを実現するためサイト全体の構成も見直し、多くの機能も追加されてます。最初は少し戸惑うところがあると思うので、簡単な説明を書きたいと思います。このサイトのことを「大阪大学陸上競技部Officail Web」と呼び続けるのは大変なので、以後またこの記事以外のパートでも“OUTF-Web”と呼ぶことにします。
[Contents]
1, OUTF-Web の構成
2, メニューの使い方
3, SNSボタン
1, OUTF-Webの構成
OUTF-Webを構成しているのは、“Card”(カード)という紙のモチーフにしたパーツです。あらゆる情報はCardにまとめられ、情報の種類によって様々なパターンがあります。いくつか例を紹介します。
News One Topic Card => 新着情報の概要をまとめて見せてくれます。このCardをクリック(or タップ)することで、記事の全文を読むことができます。
News Card => 記事の全文を読むことができます。また、SNSボタンも設置されており、ワンクリックで記事をみんなとシェアしたりコメントを書き込んだりできます。これについては、のちに詳しく述べます。
OUTF-Web のコンテンツは大きく6つのセクションに整理されています。
News : 新着情報 (お知らせ、満天レター etc…)
About : 部に関する基本情報 (活動場所や活動予定など)
Record : 競技会での部員の成績や、歴代記録など記録に関連する情報
Member : 部員紹介と部員名簿など、部員に関する情報
Gallery : 写真や、満天レターのアーカイブ、グッズ
Link : BBS掲示板や関係団体へのリンク
このコンテンツの分類を覚えておくと、知りたい情報により素早くたどり着くことができるでしょう。また、このセクションが異なるとCardのデザイン(Cardの形やアクセントカラー)も異なっています。OUTF-Webに慣れてくれば、一目見ただけでどんなコンテンツか判断できるでしょう。
次は、このように分類された情報をどのようにかけめぐればいいのか説明したいと思います。
2, メニューの使い方
OUTF-Webには、主に二つのメニューがあります。
一つ目は画面上部のバーにあります。ここには最もよく使われる４つのページへのリンクが配置されています。このメニューは、ページを下にスクロールすると隠れ、上に戻ると再び現れます。また、メニューの上の虫眼鏡をクリックすると入力ボックスが現れサイト内検索を利用できます。
(a)最初はメニューは隠れている
(b)下にスクロールするとメニューが現れ、虫眼鏡をクリックすると検索ボックスが出現
もう一つのメニューは、常に画面左上にあるボタンを押すと出てくるメニューです。ここには6セクションの主要なページへのリンクが全てあります。基本的にはこちらのメニューを使う方が多いかもしれません。また、このメニューにはログイン用のボタンがあります。部員の皆さんはここからログインをしてください。
3, SNSボタン
ここからが今回のアップデートの中で、ユーザーの皆さんに一番使って欲しい機能です。
SNSボタンは、News と Record(競技結果、歴代記録) の記事全文が読めるページに各二箇所(タイトルの下とCardの一番下)設置されています。いずれも、クリックするとTwitterまたはFacebookの投稿画面に移動します。
例えば、試合で自己ベストを出せたのでSNSでこの喜びをみんなとシェアしたい！って時に、ただ自己ベストを書くだけでなく結果が載っているページも一緒にシェアしてはいかかでしょうか？
記事が掲載されてすぐには反映されませんが、Twitterなら文字の羅列のURLでなく、こんな格好いいカードで表示されますよ！
これでイントロを終わります。
OUTF-Webが、これからますます部員を始めOBさんや将来部員となるみんなが交流できるターミナルになれるよう努力してまいります。
HP係