Day 5 他国气象局网站分析(加、日、台)

接下来我会看看相关网页是如何设计的,这里参考了约 10 个国家的气象局官网,但囿於内容篇幅,仅简单列出(加、日、台)三个国家,并条列注重的点。

加拿大

加拿大的气象局官网是架在国家官方网站底下,简单条列一下他的重点:

  1. 显示当前气温最热与最冷的地点,包含整个加拿大和所点击的区域,可能对於跨多纬度的寒带国家相当重要。

  2. 温度指标底下有一张比较简单的互动式地图,可以点选各县市区看气温和详细天气指标。

  3. 右侧是常用的气象指标,像是alert、卫星云图、空气品质、海气资讯等等。

  4. 下面选择使用者所在的州和区域,和天气预报天气警告和相关网站,

整体而言,我认为缺少了一点直观,若可以增加一目了然的大城市天气地图可能会更好。

法国

法国的气象局官网大概是我最中意的XD,版面非常的简洁俐落,而且该有的功能都有。

  1. 右边仅显示3个最重要的指标,基本天气资讯、风速、UV。地区的阶层性虽然隐藏但操作很直觉,当滑鼠hover在互动式地图时就会显示出相对应的数据。

沙滩

近海

天气细节

  1. 底下的选单可以选择更细的区域,上面有一行蓝色的bar可以储存自己所选取的城市,方便下一次查看。

  2. 下方是一些相关的影片、最新消息和前20名最常造访的城市(真不愧是法国观光胜地,气象所瞄准的TA一定也有将观光客纳入考量XD)

我很喜欢他的互动式地图设计,有很清楚的写出时间维度:当前、一周、7天、两周,还有未来趋势。

整体来说,互动式地图功能不多但都十分必要,我觉得使用上非常的舒服,资讯清晰不会过杂,能够满足目标族群大部分的需求。

台湾

最後不免俗的来看看中央气象局的官网。

主要内容区块里面有三个重点:

  1. 全台湾的现今天气分布
  2. 使用者所在位置的天气预报和日夜的天气与湿度
  3. 空气品质监测

比较扣分的地方是广告的安插位置(防灾总动员),硬生生地打破阅览顺序,也没有更多选项去查看数日之後的天气预报。除此而言,其实我们的气象局官网真的蛮漂亮的,资讯结构也清晰,动线流程妥当。

澳洲

在比较与分析各国官网中,我发现澳洲与印度气象局的布局极其类似,所以有针对他们做一点深度分析,在下一篇我们来看看他们的差异~


<<:  [Day16] - 利用 direflow.io 将 React Component 转换成 Web Component

>>:  DAY 5 - 兔人 ~中秋节快乐~

[Golang]同步工具-sync包的WaitGroup-心智图总结

1. WaitGroup类型有三个指针方法,Add、Done、Wait A. 这个类型提供ㄧ个计数器...

[C#] LeetCode 3. Longest Substring Without Repeating Characters

Given a string s, find the length of the longest s...

数位逻辑 2B OR NOT 2B

数位逻辑 (Digital Logic) 是用来代表电路输入与输出的控制,横跨非常多领域,可以用电子...

一个看起来是O(n)的function但实际上是O(n^2)

哈喽大家好,今天看到了一个有趣的程序码片段(来源),这个function的功能就是把一个字串转为全小...

[Day 15] -『 GO语言学习笔记』- 核心型别(II)

以下笔记摘录自『 The Go Workshop 』。 溢位和越界绕回 如果尝试在建立变数时,赋予一...