突破線上課程低完課率,引領 4,300 名學生走入程式設計!

帶領近 3,000 位同學,用 1,600 分鐘的課程,走入前端網頁的世界。吳哲宇的課程內容不只專注程式技巧的教學,更專注如何整合設計,用網頁來說故事。
評論
評論

本文作者: 郭丞哲 ,現任職貝殼放大產品設計師,對電商、UI / UX 相關領域有深度鑽研,近一年來更致力於網頁前端開發的研究。熱衷運用跨領域知識,打造更符合使用者需求的產品。此篇原文來自 群眾觀點 ,INSIDE 經授權轉載。

一年前,他的「動態互動網頁程式入門」課程帶領近 3,000 位同學,用 1,600 分鐘的課程,走入前端網頁的世界,課程內容不只專注程式技巧的教學,更專注如何整合設計,用網頁來說故事。

一年後,他再度開設「動畫互動網頁特效入門」的線上集資課程,專案上線一天即湧入 500 人支持,不到一個月已累積超過 1,300 人報名上課。

他是吳哲宇,是交大學生、設計師、網頁全端雙棲工程師,也是 墨雨設計 的創辦人。

剛滿 22 歲的吳哲宇,由平面、動畫設計起家,4 年前開始自學網頁,從完全不會到後來成立設計工作室。他曾製作《台北聲音地景計畫》、《雜學校|ZaShare》、《複雜生活節》⋯⋯等眾多令人驚艷的互動網頁。每一次的產出,總能完美地結合設計與程式兩者之美,突破眾人對網頁的想像。

如此驚人的成長,彷彿天才般的哲宇,究竟在背後付出了多少心血?而他又如何引領大家突破對程式的畏懼,創造 2 次成績斐然的線上課程集資計畫?

無私的分享與超乎想像的熱情

如果說「能力」來自於天賦,那麼哲宇的天賦,就在於對程式與設計有著超乎常人的「熱情」;如果說「曝光」來自於「自我經營」,那麼他對自我的經營不僅在社群上,更多在對同好的分享與提攜上。

除了在  CodePen(可即時預覽的網站線上編輯器)上可以看到數量驚人的練習外,今年初,他更創立粉絲頁《老闆 來點寇汀吧。 Boss,CODING please.》,藉由每週四 22:00 的寇汀 Coding 直播,與眾人無私共享這些技術的程式碼,甚至重新整理,將內容視覺化地呈現。從這些產出、互動的點點滴滴,不難發現他花了大量的時間在學習與分享。

那麼回歸到課程上,他又是如何切入市場的呢?

「成就感」,是直接切入人心的入門要素

有別於一般的程式課程,吳哲宇的課程設計以「視覺動畫」為切入點,目的是希望讓學習者們先有「成就感」,再以此激發他們主動探索程式的興趣。為了突破了大家從小到大習慣的填鴨式教育,他不斷用不同角度告訴大家寫程式的樂趣與用途,讓入門者先看見一片美麗風景後,再以成就感激勵其自我持續成長。

工程師的工作內容由於不易被理解與看見,因此一般人普遍對工程師有著「門檻很高」的恐懼與刻板想像,而哲宇設計的系列課程理念,最大的不同點就是讓「你的產出能被看見」,或許這些初衷,就是造就這兩堂課擁有超高人氣的主要原因。

不只讓網頁活起來,也讓贊助者間的互動與學習氛圍活起來

不過,線上課程雖然方便,但「低完課率」卻始終是無可避免的痛。為了提高大家的學習動力,吳哲宇特地開闢了課程贊助者專屬的臉書社團,藉由群聚互動、問答討論、彼此鼓勵,提升同學們的動力。另外,他還客製化了一個專門收集作業的網站以活化學習環境,希望提高學習黏著度,改善「買了課卻不看」的問題。

群眾集資的可貴之處,在於讓提案者與贊助者能不斷地溝通,使計畫更臻完善,而這個優點,在「線上課程集資」中更是顯而易見——不只因為「解鎖」概念能讓潛在支持者們協助推播分享、集眾人之力提高課程質量,還有就是可讓提案者/授課者能在集資過程中,不斷調整及優化內容,讓課程更符合受眾所需。

批評質疑是墊腳石,讓人更看清課程價值

樹大總是招風,熱門的課程當然也不免招致批評質疑,有人便認為,這些課程的學習成果不一定能用在業界實務上。

一般來說,前端工程師網頁的前端工程可概分為兩種型態:

  • 活動型網頁:可獨立作業、週期性短、不需要長期維護、在意視覺表現及創意互動。
  • 產品型網頁:重視團隊合作、需長期維護、重視深層的資料串接、邏輯架構與效能展現。

在業界上,「活動型網頁」通常屬於廣告公司、顧問公司的專案,也多以外包方式進行,因此,一般公司 in-house 的職缺,往往以「產品型網頁前端工程師」居多。如果你以後者為學習目標,那麼對課程有疑問是必然會發生的狀況。

但哲宇的課程理念,並非走“_X_個月_XX_立馬上手”的路線,他的核心精神從來就不是速成,相反地,他是要讓你「以成就感增加學習動力」、「以看得見的作品」作為入門學習的第一步!如果仔細上過哲宇的每堂課,你一定會發現,他在課程上傳達了許多「如何學好一件事」的思維,這樣的學習習慣,必會對日後專業的深耕與提升有極大的幫助。

自古至今,從來沒有一堂課能做到讓學習者不用實作練習,光用聽的看的就能具備即戰力,同樣的,看完這堂課不會讓你馬上成為年薪百萬的工程師,你必須根據自己的目標,持續深入、自主學習才行,畢竟「師父引進門,修行在個人」。在我看來,「認識前端工程師的價值」以及「培養自我學習節奏」,才是吳哲宇這兩系列課程的最大意義所在。

學音樂,不一定要成為音樂家;寫程式,也可能是高報酬的一種興趣

我們在生活中都有機會接觸各種感興趣的活動運動,這些嗜好對我們的工作動力或人生成長往往有極大助益,但那並不代表我們就想成為該領域的專家。同樣地,無論你是本科生、門外漢、設計師、工程師或一般上班族,學習程式邏輯與創意思維,除了能為人生培養新的一技之長外,更絕對能為生活與事業帶來不同層次的刺激與思考。

如果你是新手,這堂系列課程,不僅能幫助你培養程式思維、開啟一扇程式的通關大門,還能讓你能循序漸進地自我成長;如果你是對視覺有興趣的程式老手,更要來看看吳哲宇如何結合這些常見的套件激發創意。

看到這裡,你是不是也想開始探索動態網頁、練習將網頁當畫布揮灑?無論你的專業背景為何,吳哲宇花了數十小時演練、錄製的將近 50 小時的「動畫互動網頁程式入門 (HTML/CSS/JS)」&「動畫互動網頁特效入門(JS/CANVAS)」,一定會讓你回歸設計初衷,讓你學習得有趣又好玩!

 

 


Cookie 消失?試試看全新 AI 影像內容辨識:讓用戶看的內容決定看到的廣告

Google Chrome 即將淘汰幫助廣告主的工具—— Cookie ,它的離去將再一次地影響數位廣告產業。
評論
Photo Credit:<a href="https://www.shutterstock.com/zh/image-photo/ai-artificial-intelligence-big-data-internet-1075853384" target="_blank">shutterstock</a>
評論

透過GA分析進站者發現, Safari的新客數越來越多,難道這表示 iOS 的用戶數也跟著增加了嗎?注意了,這有可能是 Apple 封鎖第三方 Cookie 帶來的影響。隨著 Google 即將淘汰 Chrome 上的 Cookie ,這個幫助廣告主記住用戶受眾的小工具,將要再一次地影響數位廣告產業。

Photo Credit:驚點股份有限公司( FreakOut Taiwan )

後 Cookie 時代的廣告受眾如何鎖定?

各大廣告平台在過去幾年不斷地透過 Cookie 以及其它方式,悄悄收集使用者的用戶數據,隨著這幾年用戶的隱私權意識抬頭, Apple 與 Google 對於藉由 Cookie 辨識用戶資料的廣告投遞方式,持有不同的態度,這也將是所有廣告主的極大挑戰。當 Cookie 不復存在,要如何辨識使用者資料?

Cookie 消失了,或許會有新的數據辨識工具來取代,但是任何試圖跟蹤受眾的方式,都難以符合大眾對於保護隱私權的期望。另一方面,也極有可能無法再通過日趨嚴格的媒體監管限制。無論如何,數位廣告不能像過去一樣,無條件地使用類似 Cookie 的追蹤方式,來達到與現在同樣的廣告效果。

後 Cookie 時代內容辨識類型的廣告鎖定方式,將成為未來具指標性的投放策略。廣告與瀏覽平台或內文主題的高相關性,不僅能顯著提高受眾的互動度,更重要的是,完全不需要收集任何個人數據。

FreakOut Taiwan 不斷嘗試更友善的廣告投遞形式, 自 2016 年進入台灣市場的原生廣告,到 2020 年末引進「 Mirrors 」 AI 影像視覺內容辨識系統,都是以網路使用者的角度出發。「 Mirrors 」不需要使用傳統的受眾興趣設定,即可針對「目標受眾在觀看的影像內容」、「品牌自身競爭對手或相關指定系列產品出現的影片」來投遞 YouTube 上的影音廣告。

Photo Credit:驚點股份有限公司( FreakOut Taiwan )

AI 人工智慧影像技術突破,推動新一代內容辨識功能

傳統的內容比對廣告皆為自然語言處理 NLP 中心,基於「純文字」的比對來顯示相關廣告,如大家很熟悉的 Google AdSense 。但是,結合新興的 AI 演算和複雜的圖像辨識,已然能夠達到「影片」的內容偵測,透過增加多個比對層和基於自然語言處理 NLP 的基準定位,可深度學習並提供更精細的辨識洞察力。

舉例來說,若想要將汽車廣告投放給對汽車有興趣的人,我們要先從可能對汽車感興趣的受眾中開始推估,並且根據過去的經驗加入不同的興趣條件,最後針對素材更進一步地測試。透過 Mirrors ,我們可以讓廣告出現在有滿足特定條件的影片內,例如:在消費者觀看的影片中,出現汽車評測報告、自家品牌或競爭對手的 LOGO 、代言人等指定條件,再依照不同廣告主設定的預算判斷是否露出廣告。

藉由這樣的影像比對方式,可以更有效地根據消費者行為觸發廣告投遞條件,而不再是現行的用戶受眾數據。人的興趣是多樣且多變的,當對汽車有興趣的用戶在完成汽車的選購後,短期內將不會再瀏覽相關資訊,轉而瀏覽其他更具時效性的內容。透過消費者當下正在觀看的影片內容,取代消費者身上被貼上的數位標籤,將更貼近消費者本身的使用行為。

Photo Credit:驚點股份有限公司( FreakOut Taiwan )

Mirrors AI 影像辨識:用消費者看的內容決定廣告

2021 年台灣數位報告指出,台灣人在各網路內容服務中,最愛「網路影片」的比例高達 97.9%,遠超過 Vlog、串流音樂、網路廣播、Podcast 。

影音廣告早已是品牌經營的趨勢:根據 DMA 2019 年台灣數位廣告量統計報告指出,台灣各類型廣告中,影音廣告以 37.2% 的成長比例大幅領先奪冠。其中 YouTube 持續蟬聯台灣最常被造訪網站第 2 名(僅次於 Google ) ,在台灣各大影音平台中的觸及率及影響力不容小覷。

2021 年 FreakOut Taiwan 已與客戶合作,進行搭載新系統的 YouTube 串流內廣告投遞,在針對品牌及產品客製化的多層鎖定策略建議下,房地產廣告的 CTR 表現高於平均,並發現「人臉」群組辨識表現為佳,其中多為財經、名嘴等名人。而美妝品牌廣告 VTR 表現優異,則以品牌「 Logo 」、「人臉」群組有最出色的表現。

本文章內容由「驚點股份有限公司( FreakOut Taiwan )」提供,經關鍵評論網媒體集團廣編企劃編審。