2017年6月22日 星期四

成果發表:開放文化基金會(OCF)官方網站

今年 COSCUP 也是拿貢獻者票,靠的就是去年失業後累積的陰德—— OCF 官方網站。原本預定要投稿大會議程,但今年的演講額度已經在上個月用光光,因此決定寫文章就好 XD


一般來說,網站設計的接案公司不會碰到開發前期的規劃,畢竟分析商業模式、制訂網站策略之類的事情,還是要熟悉業務的自家人才有辦法做。因此 UX 對我來說一直有種似懂非懂的雲霧感。

去年打工時,趁著做狗食的機會,跟開發過知名產品(欸)的 19 學了 UX 的一招半式以後,覺得使用者體驗跟過去企管的知識相輔相成,很是有趣,因此離職後就繼續看 UX 的書。剛好手邊又有 OCF 官網這隻好肥的白老鼠,就利用長期擔任志工的特權,把人家官網拿來當作自己的 UX 練習作業了。

開發時程與人力


整個 OCF 官網開發歷程從 2016/06 月起為期半年。

一開始的需求訪談、業務盤點、商業模式分析、目標族群分類、使用者旅程、網站定位與功能、網站內容區塊到 sitemap 和 wireframes 大約三個月,接著實做階段的版面設計、文案撰寫、資料結構規劃、程式開發、交接文件製作也大約三個月。

做完的時候剛好年底,in house 的人忙得不可開交,所以網站在 beta 網址放了一陣子,等到大家終於忙完各種跨年度的事情,才花了一兩個月的時間交接程式碼跟補齊網站文案。

前期的分析及規劃階段,三隻網站志工每個禮拜去辦公室一天協作。後期實做階段,則在家遠端進行。平時會用 slack 討論,每週彙整一次進度在頻道上報告。

專案中好運的地方


  1. 剛好 poga 跟 yaya 也失業了,憑空多出強力奧援。如果你問我開源專案要怎麼促進社群參與,我會說,大家一起失業,最能促進社群參與(被拖走
  2. 老闆裡面有骨灰級的網站工程師 jimyhuang,雖然他沒什麼空理我們,但還是趁交接程式碼時得到了強力指導,覺得小樹苗都扶正了通體舒暢 R
  3. 老闆裡面有史詩般的 PM bobchao,雖然他也沒什麼空理我們,但借了三本書還提出許多關鍵的問題,覺得小樹苗又扶正了通體舒暢 R
  4. 有可靠的 singing 扮演業主方承辦人,繼前年一起跳屎坑之後,我們的革命情感又更上一層樓了 lol
  5. 有 muka 打下的 vi 基礎,有漂亮的現成素材,讓本設計低能兒逃過處理視覺的劫數
  6. 業主都阿宅,大家一起很快樂地決定不支援舊 IE(灑花

得意的地方


  1. 網站企畫過程中,每個步驟都是從前一個步驟的成果推理而來,實踐了 Blulu 階梯圖的原則,強迫症得到充分的滿足~從專案列表演變到 sitemap 的推理過程詳:[public] OCF.tw UX Report
  2. 實做了我一直覺得該做,但身邊好像沒人覺得有必要做的半自動化的交接文件,分別針對未來的網站企畫、網站編輯、網站工程師、網站設計師,詳:OCF.tw 網站設計指南
  3. 因為自己想體驗 open data 的手感(?)親手規劃了一整套給 jekyll 吃的資料,然後為了預覽生成網頁的結果,不得不順便整理基金會兩年來的專案,過程中補了好多文案、截了好多圖... 但最後還是沒補完,實在太多了。有了這個 open data 初體驗以後,聽到有人講 open data,我第一個問題一定是:所以誰要整理那些 data?(血淚口吻)生成網站用的資料詳:v1.ocf.tw/_data/
  4. 最後要得意自己長期替 OCF 做會議記錄,藉此瞭解到許多隱形的脈絡,包括支持 OCF 背後的開源碼生態、潛在的利害關係人族群、老闆們的個性和偏好、基金會的定位跟可能的走向等,有了這些背景情報後,大膽地把基金會的專案切成四大分類,除了用在業務簡介,讓人快速瞭解基金會的 what we do 以外,同時也作為成果報告的分類骨幹。雖然現在看起來好像很理所當然的樣子,但在當初,局內人跟局外人一樣雲霧的規劃早期,到底怎麼對外描述基金會的業務,真的是個很困難的問題。要不是一直身在其中,以我的菜鳥程度,這些基金會的「神韻」光靠訪談是抓不到的啊。

不足的地方


  1. 只有訪談 OCF 內部第一線員工,沒有訪談實際的外部使用者,所以理論上應該有漏掉某些重要的情報沒收集到,我想這個的報應日後會慢慢浮現,就讓我們繼續看下去好了(被打
  2. 只做到 UX design,沒做到 UX research,但不怎麼遺憾因為對後者興趣不大(再被打
  3. 這個月聽 Whisky 說才知道有 schema.org 這個國際通用的標準資料欄位,還有 data on the web 的概念,不過資料已經用自幹的欄位做完,也懶得回去改程式碼,所以這些東西就讓下一個負責改版的人去煩惱好了(繼續被打

與企畫管理的關係


另一件有趣的事情是,上個月準備 Blulu 演講的時候查了一下公共行政的定義,發現公共行政跟管理學有很深的淵源,然後更之前看服務設計的書,也提到服務設計跟行銷學有諸多相似。

在整個 OCF 官網 UX design 的過程中,其實也用到許多以前學的行銷 / 企畫 / 管理技能,不禁覺得投資在企管真是太實用 www 畢竟管理學的本質就是做事的方法,而我現在碰到的產業剛好都是軟性的服務形態,做事的方式決定產出的品質,這種時候,怎麼做事的學問就變成萬用的基本功了。

總之,感謝以前的我花那麼多時間鑽研管理學(合十)

結語


欸,沒想到原本預定是一場演講的內容,就這樣寫完了... 阿端有交代演講最後要替 OCF 宣傳募款,不然大家就按一下 OCF 募款連結 吧,開放文化感謝泥 XD

最後,你有看過我們做的網站嗎?如果沒看過,現在讓你看看↓