每年到了學生放暑假,夏令營肯定是各教育單位的必爭之大餅。一個活動要成功招生,除了內容本身要夠扎實之外,網路宣傳是絕對不能掉以輕心的重要工作。今天要用一個非常有特色,但網頁卻有些問題的夏令營當做例子,讓大家了解,為活動設計一個網站要注意什麼。
問題分成幾個部份,這篇先從網頁設計說起。
2018淡江航太營
https://tkuaerocamp.weebly.com/
1. 主視覺錯誤
這個活動的名稱,同時也是這個網站的名稱,直接叫做「淡江航太營」。但點進去之後,出現的是滿版圖片搭配活動的英文名稱,而照片主題也不明確,只見幾個人物背影,以及右上角有個「不明飛行物體」漂浮在遠方,不仔細看還不容易發現。再往下滑,才看得到活動的中文名稱。
一個本土、以台灣學生為招生對象的活動,用英文做為給讀者的第一印象是否合適?又或者說,這個活動是否必要具備一個英文名字?
這個網頁是用建站工具做的,我沒有對它多做研究,但有沒有必要選一個超大的滿版圖片蓋住畫面,讓讀者多幾個動作才能進入正題,可以再思考一下。置入一下,下面的活動是不是簡單一點。
2. 名稱錯誤一、關鍵字
「2018淡江航太營」,顧名思義可以理出兩個意思,就是在2018年,由淡大航太系主辦的營隊,或是由淡江大學主辦,一個跟航太相關的營隊。這兩種意思不一樣,但家長通常不太在意是校級或是系級單位辦的,名稱上真正錯誤的是,它並沒有出現「夏令營」這三個字。請注意,家長們除了從大家的分享得知這個營隊之外,有些家長是在GOOGLE上直接搜尋的,我猜家長們不太可能直接搜尋「航太營」這三個字,就算家長心中想的是這樣內容的營隊,可能搜尋的也是「飛機」、「航空」、「太空」這些常見的字,最最普遍的,是直接輸入「夏令營」,以上這些字組,不管是在活動名稱或是網名名稱都沒有出現,也就是說,除非靠分享,家長用搜尋是相對難找到此資訊的。
→「兩個意思」那邊,因為中文語詞的關係,閱讀時「系所」、「淡大所」容易連成一個詞,讀者要花點時間斷句,較不易第一時間理解作者想表達的點。文中所謂的「兩個意思」,差別在於主辦方是「系」或「大學」,所以微調一下,讓「航太系」跟「淡江大學」浮出來,並刪掉後面「所」字,會比較順暢。
3. 名稱錯誤二、劃錯重點
大家如果仔細看看這個夏令營,它的內容真的很不錯,是少見的「無線電遙控飛機製作」,而且是由知名大學的航空相關科系主辦,X博士從事科學教育這麼多年,這樣的營隊真的優質又少見,賣點很強。但「2018淡江航太營」這幾個字完全沒有點出這些重點,既然主辦單位以遙控飛機做為賣點,那就該直接在名稱中把最想賣的內容清楚的點出來。如果是我,我會把這名稱叫做「淡大航太系-無線遙控飛機夏令營」,所有賣點,一次滿足。
4. 圖片輪播
照片有多重要?不用講大家應該都知道,而大家在看網頁時越來越沒有耐心,想要給大家看的照片,越清楚、越方便讓大家看完就很重要。設計者使用了圖片輪播,也就是一張圖片,停了5秒之後會跳下一張圖片。說真的,讀者會不會停5秒都不知道,說不定圖片才出現第一張就被滑過去,後面的照片完全沒機會出現。就算第二張很幸運的被看到了,要讀者花時間把它一張張等完,而且還不知道一共有幾張,說真的也真是種折磨。
5. 按鈕太多
這年頭,每多一個點擊的步驟都有可能讓讀者失去耐心,因此讓讀者有舒適的報名流程就非常重要。當我們用手機檢查一個網址,進到主網頁,看完活動的大概內容後,就要點一下右上角的三條線,才能看到下一件讀者關心的事。多數看這網頁的應該不會是同學本人,而是家長,也就是說,家長們關心課程時間、報名資訊、上課地點,每關心一件事,就要再去點一次那三條線。如果是我,我會把它弄成一頁,直接把對象、時間、地點、費用、內容、報名方式,依照我希望讀者想了解的順序一路排下來,然後就在最下面可以方便的報名,讀者只要滑手機,或是轉動滑鼠滾輪,就可以把所有資訊都看完了。
6. 課表,要有課表的樣子
有些研究會可能會有直式來排,但小朋友的活動,就要用小朋友的習慣。盡量把課程表弄成像功課表的感覺。這時候你或許會說,我們的活動每天每節課的時間不一樣長,弄成功課表可能不太對稱。對,這的確是一個困擾,但我們就是必須解決。必要時,可以在某些格子中標註時間的變動就好。家長不太會去計較「天啊,飛行原理居然要上2個小時」、「飛機結構只有40分鐘」,反倒是每天的上學與放學時間、午休與下課時間長短才是大家都會注意到的。總之,易讀性真的很重要。(另外,大家在打「~」這個字時,會因為字型的不同有時候會跑到上面去,這很多人應該知道吧?)
7. 集合與放學(報到時間)
除了活動時間之外,報到時間代表的是活動場地什麼時候可以開門、幾點可以開始進場。這段時間其實很重要。不止是交通與時間上的考量,提早到的空檔具有相當高的社交功能。而以夏令營來講。這活動是每天早上9:00到每天下午16:50。家長除了關心幾點上課、幾點放學,如果家長是上班族,就更會關心教室早上幾點開門,最早幾點可以把同學送去,放學後教室會開到幾點,最晚可以幾點去接小孩。我猜,我猜啦,主辦單位應該有接到不少電話在詢問這件事。
8. 交通資訊
活動地點不是只有地址,幾樓、什麼廳、第幾會議室都應該要清楚寫出來。如果細心一點,有沒有停車場、停車場要不要收費都可以寫出來。而已夏令營活動來說,家長關心的,應該不只是怎麼到淡大,而是「到了淡大,我要把同學送到哪一個地點」、「我車子可以開到大門就好嗎?」、「車子可以開進校園嗎?」、「教室在哪,我要停車把孩子帶到樓上嗎?」看到這頁不知道為什麼,我忽然想到靜香自己去爬山遇難時,大雄帶著世界地圖去救靜香的那一段。
9. 報名方式
主辦單位貼心的準備了兩種電子報名方式,包含EMAIL和GOOGLE表單,也可用傳真報名。學員報名、且受錄取後,繳費資訊才會透過電子信箱寄送給錄取的學員,並同時公布在本官網與臉書粉絲專頁上。這報名的障礙似乎有點多。主辦單位有些考量,此活動「報名並不代表錄取」,也就是「你先不要急著交錢,我們先看看資格符不符合」,有些活動的確有資格核查的需要。不過這活動除了年紀,應該沒有其他限制,也就是說,沒有太小或太老的同學硬要報名,只要在WORD或GOOGLE的每一個格子都誠實的填完,基本上這位同學應該就能報名,審查的必要性好像沒那麼高。年紀太小的同學為了參加而說謊,主辦單位在活動開始前也很難發現。
況且,錄取後通知繳費,家長有沒有可能想一想又沒去繳?掌握學員報名資格的同時,可能就因為流程太麻煩讓家長懶得報名了。「報名審查非必要、報名繳費才是真」,那何不一開始就直接讓大家可以直接繳費,以繳費做為報名完成的基準,若真的出現有不符資格的學員,到時候再來退費也不遲。
10. 手機版網頁
通常設計網頁都是用電腦,而平台也都會支援手機觀看,但建站工具對手機瀏覽器的呈現未必盡善盡美。主視覺中,畫面遠方有象徵營隊精神的不明飛行物,但手機版(我的手機)就只能看到一群人的背影了,完全不知道要傳達什麼。這點各平台不同,使用者要自己多注意了。
講了這麼多,還是要再說一下。這個活動還是很棒的夏令營,網頁的呈現如果更細心一點,相信也會是個秒殺的夏令營。
2018淡江航太營
https://tkuaerocamp.weebly.com/
本文表面上是在說網頁設計不好,但實際上是在推這個活動,內容小有毒舌但已經過主辦單位同意。希望對大家未來活動網頁設計,還有孩子的暑期規劃都有幫助。一篇文章兩種功能,哈哈!
科學X博士部落格: http://doctorx9000.com/
原文網址: http://doctorx9000.com/7578/