🔗 網站連結
行政院環保署 巴塞爾公約網站
專案介紹
向大眾介紹何謂「巴塞爾公約」的文章型網站,主要為法規的記載、管理現況描述等有大量文字內容的結構,並且多有附加檔案與外連網址。
目標客群
有心想了解環保相關政策的民眾,以及專家學者、學界教授等。大多習慣使用網路查詢知識內容。
我所擔任的角色
- 與PHP工程師搭配執行專案,將需求檔案整理後,負責進行網站架構規劃與整體視覺設計。
- 介面設計完成後進行RWD規劃、切版、版面bug修復。
我的設計流程
資料研讀與網站結構整理
研讀、消化需求文件並分析其內容,將有共同要素的部分歸於同一種結構,整理出架構圖並與工程師討論確認。
wireframe
進行核心功能——文章頁面的排列設計,想了幾種方案並評估顯示效果。
Outcomes
首頁
選用Metro Design的形式呈現各個主題區塊,營造專業穩重感。
文章頁面
最後採用的是左文右附件的排版方式,目的是:讓使用者在閱讀的同時就得知此篇文章含有附件和連結,而不是捲到最下面才發現(因為他們不一定會把文章看完)。
多項目頁面
一頁之中含有多個項目,如條約、會議紀錄、Q&A等,則採用手風琴(Accordion)將其通通折疊,讓使用者主動選擇要展開觀看的項目。
展開後,其內容跟文章頁面一樣,採左文右附件的排版,讓使用者以習慣的方式閱讀文章,降低學習成本。