慶應義塾大学 理工学部 PROJECT

充滿臨場感的新型態線上校園導覽體驗

Outline

從另一種觀點重新思索校園開放活動的意涵,打造嶄新的體驗方式

日本大學都會在周末假日辦體驗活動讓高中來參加。高中生可以實際去校園走走,甚至體驗一下感興趣科系的簡易上課內容或環境,也會有該科負責人主持的說明會,是專門為招生舉辦的活動,不是單純參觀而已。這類型的校園開放活動仍有各種懸而未決的問題,諸如住在遠地的高中生參加不易,沒辦法讓所有想參加的人都參加。於是,慶應義塾大學理工學院決定廢止這項活動,挑戰利用網站提供新型態體驗來取而代之。

針對「考慮報考慶應義塾大學的高中生」及「慶應本身想要的學生」這兩個族群,該怎麼做才能成功傳達出校園的氣氛及規模呢?我們在歷經多次腦力激盪及各方面的研究後,終於漸漸找出方向,確立設計的主旨是完美重現學生親臨現場參觀的體驗。

專案概要

  • 内容
    使用者研究調査
    趨勢研究
    ・要件定義
    內容策略規劃與製作
    網站設計
    影片
    網站製作
  • 專案組織架構
    委託人:慶應義塾大学 理工学部
    製作人:柏木 鉄也
    專案管理・創意總監:松本 遼
    技術總監:安藤 大海
    影片攝影與編集:壱岐 紀仁
    網頁設計:原田 充
    Coding:株式会社エスケイワード 村田 祐介

Outputs

Real Campus Tour

Background

校園開放活動的未解難題

「校園開放活動是高中生挑選大學的重要基準,在這項活動中,他們會實地造訪大學校園,參觀學校的設施,親身觀察未來的學長姐正過著什麼樣的生活。全國的大專院校每一年都會定期舉辦校園開放活動,但現在我們決定喊停了。」

在詳細了解前因後果之前,慶應義塾大學理工學院的這項決議實在頗為令人費解。但實際上,校園開放活動不僅成效令人質疑,活動所造成的各項校內資源負荷,也是長年來未曾正視的問題。因此理工學院才決心要挑戰新的方式,進行了學院網站的翻新計畫,剛於前些日子大功告成。

  • 住在遠地的高中生參加不易。
  • 能參加的人數太少,沒辦法提供每一位有意願報考者充分理解學校的機會。
  • 沒辦法針對興趣不同的族群,個別設計需求相符的參觀方案。
  • 無論是想調整公告、宣傳或方案內容,都會造成營運單位的莫大負擔。

能否做出「有趣的線上內容」來解決上述所有問題呢?

運用網站這項媒介工具,便能同時與眾多學生交流。為了讓大家不用親臨現場也能體驗到校園的氛圍及規模,專案的第一步就從發想各種方案起步。

Process

網站原型製作

在做完目標族群研究之後,我們發現幾乎所有高中生平常都是用智慧型手機來獲取資訊,且透過Wi-Fi來閱覽網站。在這些基礎條件上,我們定出幾項網站必須具備的功能,如下:

  • 極力減少頁面跳轉的機會,設計一路到底的網站內容
  • 能夠誘發閱覽者的興趣
  • 近似實地參觀校內各處的體驗

再據此設計出利用卷軸來操控影片播放的網站原型。

製作腳本及影片分鏡

適合搭配捲軸的影片該長什麼模樣呢?正是因為我們先做了影片分鏡,才能預先設想到這種設計上的細微之處,讓最終成果的品質更上一層樓。我們在討論腳本時都有顧慮到影片畫面是不停流轉的,於是說明文字便不該像定格相片那般靜止不動,才慢慢規劃出「影片分鏡」。需要配合影片不斷向前的意象,讓說明從畫面下方漸漸滑上來。

即便場景切換,視覺上依然保持向前行進的感覺。堅守這項原則,場景便能流暢轉換,讓閱覽者產生彷彿真實漫步於校內各處的體驗。此外,為了避免閱覽者由於個人手機或電腦規格的差異,造成資訊取得上的落差,也有依照各種閱覽規格環境做調整,譬如沒辦法撥放影片的裝置,就會改用連環相片來呈現。

堅守視角前行不停的原則,設計每一個轉換的場景

Member

Voice

“「在我們開始思考該如何把校園開放活動的體感經驗移植到網站上後,想到說不定可以用 360 度拍攝做出像 Google 街景那樣畫面可以移動的效果,於是,利用卷軸控制頁面背景影片來造訪校園各處的 UX 於焉誕生。這種設計在國內的網站上仍屬少見,是一次不容易的挑戰,所以我們預先留下充足的測試期間,穩紮穩打地逐一解決設計及技術上的問題,特別是各種 OS、瀏覽器或裝置在運作上的細微差異讓我們吃盡苦頭。為了盡量縮小閱覽環境造成的體驗差異,我們做了各種細部調整,譬如藉由裝置判別來決定要選擇影片或者相片的傳輸。幸好諸如此類的難題,最後都在夥伴們合作無間的之奮鬥下一一步上正軌。」”

Loftwork 技術總監ー 安藤 大海

Keywords

Next Contents

發揮ASUS強項,發現產品新構想!
六週集中創新計畫

Loftwork magazine 每月發送的電子報,提供Loftwork活動情報、最新案例