11/28 的時候與 Ly 以及設計師佳寧一同參與了名為 2015新竹官網黑客松 的網頁設計比賽。雖然比賽沒有拿到名次,覺得還是該稍微紀錄一下,以後回顧的時候才不會都忘光光。

成果擷圖

這是成果網頁的部份截圖,我還另外抓了 首頁的圖,有興趣的可以看看。

打開多數市府的網頁,多是目不暇給的各式連結,或是市府想要宣導的訊息。就我自己多次打開各單位的網站,通常都已有特定目的,好比要申訴、回報問題,或是有文件申請的疑惑想尋求解答。因此我們嘗試從另外一個極端出發,設計一個盡力完成民眾需求的網站,想看看用起來的感覺會怎樣。

我們主要呈現的重點有三個

  1. 導引式的服務指南
  2. 活動月曆
  3. 即時地圖

服務指南

服務指南

抓圖看起來感覺不好,實際上跑起來感覺比較好啦 XD

這個想法其實是來自於 nyc.gov 的設計。設計時通常會先想到的是搜尋,但是多數人其實對於公家單位的業務分配並不熟悉,也不見得很清楚自己想做的事情該用什麼關鍵字。市府一定很清楚民眾最常詢問的業務會是哪些,希望可以根據他們已有的經驗,設計出諮詢的流程,引導民眾直接找出解答。

NYC.gov

活動月曆

通常市府的新聞單純都以文字「11/28 在新竹市政府內有黑客松比賽」來提供日期的訊息,其實不太直覺。若能夠直接以月曆來標示哪天會有哪些活動,可以在視覺上就提供了「這週」「下週」等等的距離感,多了一點被理解的機會,民眾應該會更有興趣安排活動。

如果各活動可以打上 tag,那麼日曆還可以過濾出「親子活動」給家長們,讓家長們知道假日除了帶小孩逛巨城之外還能去哪裡。

活動月曆

即時地圖

這是 Ly 接上的地圖。由於比賽需求之一為使用新竹市提供的 open data,很機車身為機車族的 Ly 對於騎車的時候,看到哪邊在施工使得路不好走,覺得很感冒。如果能夠在首頁就顯示這一類的地圖資訊,應該會增加官網的價值。

即時地圖

檢討

除了這三個重點,另外 Ly 還自己 wrap 了 API (因為官方提供的 open data 實在沒很好用),自動接上了活動訊息,所以首頁的活動是即時的,連天氣也是即時去抓資料更新的。

這兩天算一下也是做了不少東西。沒拿到名次我想應該是一開始我的規劃方向就不符合評審的要求。一開始想說名為黑客松,實作出什麼東西很重要。於是以「兩天內能夠做出什麼東西」的方向來規劃目標,做不到就刪掉,以實踐我們想做的東西為主軸。

然而,參賽原則的「競賽成品格式可為設計原稿(PSD、AI)」已經暗示了成果是要全面性的設計,而非重點式的實作。這是我的疏忽,浪費了兩位隊友的強大才能。從執行短期專案的角度來看,我們能夠準確評估出做得到哪些東西,並且完全按照計畫進行,我覺得已經是非常成功。

即便沒有名次,能夠與兩位厲害的隊友 Ly 及佳寧,在市政府大門口躺個兩天猛寫東西還是挺有趣的。通常要跟有默契的隊友一邊討論一邊實作的機會並不多。(ㄟ…雖然在 g0v 裡面挺常見的 XD)

其他心得

剩下的就小記一下兩天關於活動本身的想法

  • 我能理解參賽隊伍多的困境,但最後 demo 的階段,比較像是大家過場一遍而已。
  • 感覺好像是評價「沒做出哪些東西」而不是「做出哪些東西」
  • 大家普遍嘗試簡潔化,反應出的想法是多數人都覺得現在的官網太繁雜了
    • 鄭國威評審:是不是民意代表持續要求,才讓官網變成如此繁重?(我覺得這點很實際,現實的確是有很多絆腳石)
    • 鄭國威評審:單頁面的 SEO 值得考量,因為大家會先從 Google 搜尋,才走到該頁面
  • 不論設計內容,普遍每一組設計得都比現有的還要好看
  • 多數人都認為,上官網是要解決需求,不是看政令宣導
  • 大家都會一直拿市長的照片來 demo XD

以下跟吃有關,寫 code 嘛,吃吃喝喝很重要啊!

  • 食物不要安排便當,很不適合一邊敲鍵盤一邊吃
  • 披薩可以訂薄皮的嗎?我覺得厚皮的好難吃,好像在吃麵粉 XD
  • 咖啡或紅茶要標示,有人喝咖啡會心悸
  • 沒有奶茶,嗚嗚嗚嗚
  • 對餅乾這種乾巴巴的東西沒有愛,可以放點義美巧克力酥之類的甜點嗎?:D

最後就是關於「專注」這件事,主辦單位可以搜尋一下「神馳」這個字,就會知道為什麼宅宅寫程式被打擾的時候會很容易毛躁、憤怒。非技術宅的人可能會覺得有點難相處,其實原則大概就是:「食物準備好,丟在那邊,他想吃的時候自然就會過去覓食」。尤其技術宅裡面很多不喜歡妥協的人,很有個性,指揮他「現在該做些什麼」會讓對方覺得不被尊重。主辦單位在第二天午餐的時候,馬上就改成在網路社團裡面提醒大家食物已經到了,需要者自取。我覺得算是修正得很快了 (y)

2014 東京自由行 Day 1 ← Prev Next → Git commands