接下来我会看看相关网页是如何设计的,这里参考了约 10 个国家的气象局官网,但囿於内容篇幅,仅简单列出(加、日、台)三个国家,并条列注重的点。
加拿大的气象局官网是架在国家官方网站底下,简单条列一下他的重点:
显示当前气温最热与最冷的地点,包含整个加拿大和所点击的区域,可能对於跨多纬度的寒带国家相当重要。
温度指标底下有一张比较简单的互动式地图,可以点选各县市区看气温和详细天气指标。
右侧是常用的气象指标,像是alert、卫星云图、空气品质、海气资讯等等。
下面选择使用者所在的州和区域,和天气预报天气警告和相关网站,
整体而言,我认为缺少了一点直观,若可以增加一目了然的大城市天气地图可能会更好。
法国的气象局官网大概是我最中意的XD,版面非常的简洁俐落,而且该有的功能都有。
沙滩
近海
天气细节
底下的选单可以选择更细的区域,上面有一行蓝色的bar可以储存自己所选取的城市,方便下一次查看。
下方是一些相关的影片、最新消息和前20名最常造访的城市(真不愧是法国观光胜地,气象所瞄准的TA一定也有将观光客纳入考量XD)
我很喜欢他的互动式地图设计,有很清楚的写出时间维度:当前、一周、7天、两周,还有未来趋势。
整体来说,互动式地图功能不多但都十分必要,我觉得使用上非常的舒服,资讯清晰不会过杂,能够满足目标族群大部分的需求。
最後不免俗的来看看中央气象局的官网。
主要内容区块里面有三个重点:
比较扣分的地方是广告的安插位置(防灾总动员),硬生生地打破阅览顺序,也没有更多选项去查看数日之後的天气预报。除此而言,其实我们的气象局官网真的蛮漂亮的,资讯结构也清晰,动线流程妥当。
在比较与分析各国官网中,我发现澳洲与印度气象局的布局极其类似,所以有针对他们做一点深度分析,在下一篇我们来看看他们的差异~
<<: [Day16] - 利用 direflow.io 将 React Component 转换成 Web Component
1. WaitGroup类型有三个指针方法,Add、Done、Wait A. 这个类型提供ㄧ个计数器...
Given a string s, find the length of the longest s...
数位逻辑 (Digital Logic) 是用来代表电路输入与输出的控制,横跨非常多领域,可以用电子...
哈喽大家好,今天看到了一个有趣的程序码片段(来源),这个function的功能就是把一个字串转为全小...
以下笔记摘录自『 The Go Workshop 』。 溢位和越界绕回 如果尝试在建立变数时,赋予一...