投票指南系列-設計共筆
立委網站:https://vote.ly.g0v.tw/
議員網站:https://councils.g0v.tw/
專門討論優化投票指南設計的地方
如果這是你覺得好的設計,那可以投身到其他專案
如果這是你覺得需要改進的設計,歡迎跳坑救救投票指南
Review with OCF
2017-11-07
選區的列表
- 增加議員配合款內容的連結
- 各欄可排序的功能
- 名字增加連結到個人頁面
選民互動功能
- 議案、表決,列出已被、尚未被標籤的搜尋功能
- 下標籤的位置不要放左上
- 首頁有隨機的議員提案,可下標籤、投票
- 下完標籤後可分享,og需要改圖片和文字,要有可擴散性
找子龍看醫生
2017-08-11討論內容
- Johnny先介紹網站功能
- 四大功能:表決、提案、議員配合款、可能參選人
- 以下分各個功能檢討:候選人、表決、議員配合款/工程建議款、議員個人頁面
現階段的調整指南
- 讓色彩、元件樣式統一,不要使用過多的色彩或是文字大小
- user的許願需要整體評估再投入進去做,不需要有求必應
- 釐清網站的重點功能:投票指南的資訊呈現,之後才是更深入的資料或是互動
- 手機版本的畫面和功能必須加以測試
首頁
- 改回選縣市,這是一般使用投票指南的最重要入門功能,必須在首頁做呈現與引導
- 「可能參選人」或是未來有任何需要推廣的活動可能改用 banner 放在選縣市上方
候選人
- 當選註記和得票數合併,名字排第一欄,醒目一點
- 政治獻金 icon 拿掉
- 游標有手勢出現,卻沒有連結可按
- <bug>沒有政治獻金的議員出現 error
- 各屆表現總覽放個人頁面
- 競選政見的用字(年度不統一難懂)
- icon 代表的意思有統一的解釋區(例如表格上方)
表決
提案
議員配合款/工程建議款
議員個人頁面
表決、提案的 tab 收進左邊,像 hackfoldr
- 表決、提案等選單字體大小降級,不要超過名字
- 往上滑的時候,留第二層 menu 在 top
- 立場統整頁面,把標籤和次數分不同行,表決1變成按鈕,向左切齊下方內容,下方內容字體降級縮小
- 立場統整頁面框跟框對齊
- 個人表決總覽頁面,大面積色塊改色小點
- 以贊成、反對搜尋的按鈕移到搜尋按鈕右邊,改成同顏色
- 按鈕的字都有陰影影響閱讀,把陰影拿掉
- 下拉選單底色改成和按紐同色、同寬,字的顏色統一
- 表決看要不要做跟其他黨籍的圓餅圖
- 和其他黨籍的圓餅圖抽出成為獨立的 tab
- 只看第一提案人的按鈕移到搜尋框右邊,和搜尋按鈕同一行
- <bug> 提案總覽頁面往右shift了(連footer都是)
- 工程建議款的廠商圓餅圖拿掉
- 工程建議款的細目展開,直接連到搜尋完的suggestions/lists/ 頁面
- 政見頁面,標題和內容分開,避開 mac 字體粗細問題
- 政治獻金也拿掉 icon
搜尋
- 搜尋的 summary 字體降級縮小
- 熱門搜尋、熱門議題統一顏色
討論圖、過程
專案連結
立委投票指南
議員投票指南
UI:
Mockup
UX:
架構圖:
Card Sorting
Feedback:
意見回饋
開issue
易用性測試 Usability test
2015/4/18 黑客松:立法院表決資料分析
Github:https://github.com/g0v/twly-voter-guide
網站圖檔連結:https://drive.google.com/folderview?id=0B0NsS2a-Qx8ZNm45V0hBR3Jhb2M&usp=sharing
相關產品分析:
誰是立委大聲公? 候選人社群聲量大搜查
立委在衝啥毀
立委做設麼
選戰溫度計
網路國會
問題整理
待解任務:
目前功能健全,缺整體性的整理與規劃
希望跳坑的設計師可以在大系統下維持一致性!
以下任務歡迎隨時更新
- 整體統一的視覺
- 色系規劃、字體大小等等
- 細節(像是文字的可讀性
- 首頁地圖的呈現
- 更佳的使用引導
- 手機版 UI 規劃
一些明顯問題說明:
徵求
挖坑工人:
- 挑毛病開任務的設計師(找到問題,填到hackpad中開啟任務)
填坑工人:
- 視覺設計師(規劃logo\整體視覺系統)
- UI介面設計師
- UX使用者經驗設計師
嘗試跳坑:
Logo redesign
web redesign
2015.10.18