iT邦幫忙

2021 iThome 鐵人賽

DAY 4
0
自我挑戰組

30 天重新設計印度氣象局官網首頁系列 第 4

Day 4 資訊結構與階層分析- (main content + footer)

  • 分享至 

  • xImage
  •  

延續上回~~

四、再往底下看是主要的Main Content,也就是對於使用者來說目光會停留最久的區塊。
主要放置印度整體氣象地圖,與各地的即時氣溫、雨量、日升日落、月升月落的時間。最右邊是衛星雲圖雷達圖還有閃電衛星雲圖。

這個block分類為次要內容區塊,包含氣象局提供的常見服務,服務又分成兩項:比較重要的天氣指標,像是氣旋、季風和降雨量;和各項服務,像是各縣市詳細報告、每日氣象數據、地區氣象報告PDF。

五、Tertiary content
底下藍色區塊我會把它劃分在最次要的,但這裡放的訊息是各大城市的當前天氣狀況,包含基本的氣溫、濕度、風向、陰雨晴等等,重要性應該偏高。

六、Footer
有點偏肥大,資訊有點冗。
比如說第一欄的Forecast,其實跟上面的forecast有百分之百的重複。再來是氣象局本身提供的產品,和預測底下劃分為旋風、季風、衛星、雷達降雨量、農業資訊等等,跟上面提供的服務是一樣的。

footer 放了四個App的連結,提供安卓和蘋果版本和影片,最後一個APP是可以查看閃電,可以發現閃電在印度可能是很重要的指標。

第三欄是各式各樣的公民憲章、回饋、招聘、管理員登入等等。

有趣的是,網站地圖(sitemap)放在最後一個,點開進去是一份PDF,內容是沒有連結的網站樹狀圖,雖然操作上不是很直覺,不過至少有提供給訪客一個完整的概覽。

完整印度官網各類資訊架構可以看看這個:

最後一欄是聯絡事宜,包含地址和聯絡細節,與所有的訪客數量,和最底下的著作權。

在做重新設計之前,我會完全瞭解整個設計的資訊,不懂的都要去查清楚,大到整個用戶流程,小至各專有名詞,這樣會幫助之後的重新架構流程,更加輕易的進入正確的狀況與路線,而避免設計出沒人要用的產品~

下一節來看看如何重新架構:)


上一篇
Day 3 資訊結構與階層分析-(topbar + navbar)
下一篇
Day 5 他國氣象局網站分析(加、日、台)
系列文
30 天重新設計印度氣象局官網首頁22
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言