Hackpad 封存器 - g0v

g0v.tw website planning and ui design

最後編輯：2014-06-16 建立：2013-05-23 歷史紀錄
g0v首頁UI設計

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

 

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

 

    IPA C來龍去脈

IPA C主旨

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

 

ET B牽涉領域

  • g0v基礎建設

 

相關組織單位

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

 

    IPA C目標與功能

 

ET B預定使用者

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

 

預定功能

  • 讓所有新來的人一看就知道 g0v 在搞什麼東
      • ET Blue簡潔易懂的 slogan 收集
        ET Blueg0v: make your gov better
        ET Blueg0v: optimize your gov
        ET Blueg0v: patch your gov
        ET Blueg0v: BOT your gov
        ET Blueg0v: your gov translator
        ET Blueg0v: 給妳在 gov 找不著的東西
        ET Blueg0v: 做 gov 應做而未做的事情
        ET Blue降低公民參與的門檻
  • 讓參與者可以快速找到適合自己的專案或靈感草稿
      • ET Blue自動推薦？
  • 讓使用者（愛看熱鬧的人）快速找到有趣的專案成果並分享
      • ET Blue熱門 proj 主動推薦
  • IPA C讓媒體找到切入點、需要資料
      • ipa chiu新聞稿、圖檔、媒體報導
      Pofeng LeeQ: 要做 press kit 讓媒體 D/L ? ( 放簡介, 重要網站 screenshot )
      Pofeng LeeQ: 放資料給媒體的目的是 ? eg: 要找更多的 programmer 還是 ... ?
        ET Blue讓一些非宅宅的各行各業人士知道有我們這東西，可以來加入，還有讓一般人對 g0v 感興趣，最終目的是取代 g0v （疑） XD
      Pofeng Leehttp://mslab.csie.ntu.edu.tw/~askus/ly/bill.php 可以 show 給公督盟, 讓他們來 promote
      Pofeng Leehttps://hackpad.com/g0vtw--0M0HW9tSVNQ 可以將統計資料做成新聞稿, 沒人登就回收回來自己登

 

ET B使用方式

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

 

 

    IPA C實作細節

 

ET B使用技術與工具

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

 

  • layout by hlb: A B

 

ET B產出檔案格式

  • undefined

 

進度與 to-do

  • 構想由 ipa 於 prehackath3n 提出，初期規劃由阿修於 prehackath3n 協助發想
  • IPA CUser Story: 列出各族群的目標、行為、相對應的 to-do 與 not-to-do
  • ET B畫出各族群的使用流程
  • 根據流程圖規劃網站頁面間的架構
  • 根據流程圖與架構圖規劃每一頁的內容
  • 根據每一頁的內容元素繪製框線圖
  • 根據框線圖進行 proto（由 designer 或 programmer 都可）
  • 根據 proto 討論、修正，最後實做

 

現有成果

  • null

 

    IPA Cg0v timeline

IPA C將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/

 

 

    IPA C開發者

 

ET B技術指導

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

 

分工與成員

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