g0v.tw website planning and ui design
編輯歷史
| 時間 | 作者 | 版本 |
|---|---|---|
| 2017-07-07 17:36 – 17:36 | r0 – r1 | |
顯示 diff+ 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相關活動、社會脈動以時間軸呈現，可當簡介，順便備忘。
+ 歡迎大家抽空編輯：
+ *在此編輯資料：https://docs.google.com/spreadsheet/ccc?key=0AjGJ4qvz2D3EdE40TXlEbjJNUTBCUW5ZNS11YXB5MkE&usp=sharing
+ *在此看預覽效果 Timeline Preview: http://tinyurl.com/na4ndbs
+ *Timeline 參考：http://timeline.verite.co/
+
+
+ *開發者
+
+ 技術指導
+ *阿修於 prehackath3n 答應擔任 ui 規劃指導 XD
+ 分工與成員
+ *planner / ui designer - ipa chiu
+ *ui designer / visual designer - ET Blue // 功力很弱需要神保佑 = ="
+ *teacher - justin lee
|
||