g0v.tw website planning and ui design

零時政府網站規劃與介面設計

update: 官網+開幹區大改版 基礎建設松→hackspace 開發筆記 (people/project hub)

來龍去脈

主旨

• @ipa: g0v資訊越來越豐富，首頁連結了各介面（fb, hackpad, gdoc, gforum, blog)，越來像政府網站包山包海，一進去就迷路。有鑑於此，將進行重新思考首頁功能、定位，整合現有資源，讓潛在人力能更容易投入工作、參與專案。使用者、媒體也可迅速找到可讀資訊。

牽涉領域

• g0v基礎建設

相關組織單位

• 也許可以收集其他 ngo / npo （其他領域人士）的意見？

目標與功能

預定使用者

• 參與者/潛在參與者
  • 想參加 g0v 的 programmer
  • 想參加 g0v 的其他領域人士
• 使用者
  • 例：萌典使用者、綠盟（功能需求）、求職小幫手使用者
• 媒體

預定功能

• 讓所有新來的人一看就知道 g0v 在搞什麼東
• 簡潔易懂的 slogan 收集
  • g0v: make your gov better
  • g0v: optimize your gov
  • g0v: patch your gov
  • g0v: BOT your gov
  • g0v: your gov translator
  • g0v: 給妳在 gov 找不著的東西
  • g0v: 做 gov 應做而未做的事情
  • 降低公民參與的門檻

• 讓參與者可以快速找到適合自己的專案或靈感草稿
• 自動推薦？

• 讓使用者（愛看熱鬧的人）快速找到有趣的專案成果並分享
• 熱門 proj 主動推薦

• 讓媒體找到切入點、需要資料
• 新聞稿、圖檔、媒體報導
• Q: 要做 press kit 讓媒體 D/L ? ( 放簡介, 重要網站 screenshot )
• Q: 放資料給媒體的目的是 ? eg: 要找更多的 programmer 還是 ... ?
  • 讓一些非宅宅的各行各業人士知道有我們這東西，可以來加入，還有讓一般人對 g0v 感興趣，最終目的是取代 g0v （疑） XD
• http://mslab.csie.ntu.edu.tw/~askus/ly/bill.php 可以 show 給公督盟, 讓他們來 promote
• https://hackpad.com/g0vtw--0M0HW9tSVNQ 可以將統計資料做成新聞稿, 沒人登就回收回來自己登

使用方式

• 以任何上網裝置連上網址 g0v.tw

實作細節

使用技術與工具

• 使用阿修提供的產品開發流程
  • 不需強制遵守但可參考的大致上的步驟： strategy -> scope -> structure -> wireframe -> visual design （不曉得有沒有記錯 XD）
  • 每個步驟過程中 designers 與 programmers 要頻繁交換意見
  • 需要研究的事情包括 context, content, users
  • 使用者大致上可分為程式設計師與專業人士、一般民眾、媒體等幾大類
• https://www.libreoffice.org/ 的入口可能可以參考：三個巨大的 carousel 頁面分別是：「成果」（給一般 user）、「介紹」(我們在幹啥)、「 加入」

• layout by hlb: A B

產出檔案格式

• undefined

進度與 to-do

• 構想由 ipa 於 prehackath3n 提出，初期規劃由阿修於 prehackath3n 協助發想
• User Story: 列出各族群的目標、行為、相對應的 to-do 與 not-to-do

• 畫出各族群的使用流程
• 根據流程圖規劃網站頁面間的架構
• 根據流程圖與架構圖規劃每一頁的內容
• 根據每一頁的內容元素繪製框線圖
• 根據框線圖進行 proto（由 designer 或 programmer 都可）
• 根據 proto 討論、修正，最後實做

現有成果

• null

g0v timeline

將g0v相關活動、社會脈動以時間軸呈現，可當簡介，順便備忘。

歡迎大家抽空編輯：

1. 在此編輯資料：https://docs.google.com/spreadsheet/ccc?key=0AjGJ4qvz2D3EdE40TXlEbjJNUTBCUW5ZNS11YXB5MkE&usp=sharing
2. 在此看預覽效果 Timeline Preview: http://tinyurl.com/na4ndbs
3. Timeline 參考：http://timeline.verite.co/

開發者

技術指導

• 阿修於 prehackath3n 答應擔任 ui 規劃指導 XD

分工與成員

• planner / ui designer - ipa chiu
• ui designer / visual designer - ET Blue // 功力很弱需要神保佑 = ="
• teacher - justin lee