Day 3 资讯结构与阶层分析-(topbar + navbar)

做设计并不是一开始就开干,真正开始着手规划之前,会先大规模的了解并且并且收集资讯去做比较,等到对於整个状况有全盘的了解之後,才能着手进行资讯架构的部分,我猜这个状况跟写程序的架构师有点类似。

以 IA 架构层面而言,会将所有资讯全部摊开审视,并比较竞品的优缺点;那以设计层面而言,我之前在做网页设计时会先制作 mood board (心情板),将所蒐集到约 20 个不错的网页设计版型和配色,紧凑的配置在一张画纸上,整体远观就是这份网页主视觉会给人的感受。

接下来,我们要来好好的认识这个网站,包含厘清他是如何架构与处理资讯的,之後会比较各国气象局的网页,归纳出所需的资讯,再决定此页所需的必要和次要资讯。

整个网页可以简单区分成数个部分,先简单条列一下这个页面各项区块功能:

Top Bar:
Top Bar里面有「社群连结」、「索引搜寻框」和「语言」选项。通常 Top Bar 会放置跟个人有点关系的,比如说登入、社群不会放在这里

Header
Header 和 Top bar其实有点混杂在一起了,Header 的范围我会定义在位置有点模棱两可的「网页标题+副标题」和「两个 Logo」。

三、Navigation
导览列有明显区分出主次(虽然次要导览列是个有点不大正规的命名,不过先姑且这麽叫吧)。
主要导览列是蓝底白字的那行,包含「首页」、「部门网站」、「关於我们」、「政府官员」、「出版品」、「SOP」、「服务」。
整体而言,资讯阶层的重要性和属性有点不大吻合彼此。比如说,「政府官员」和「关於我们」同值性相当高,也许收在一处会更好;而「SOP」、「出版品」会连结至一些较为学术与艰涩的文件(PDF),我们的TA使用率应该是偏低的,也不大应该放置在重要的 NAV 中。

次要的导览列以黄红底色为主,包含了:
各区天气警告,分为各大县市和各区,可以看到大约五天前(包含今天)的警告地图

现在天气状况,分为个大县市,警告地图

民众反应气象资讯

Weather realized天气真实数值地图,可以看到真实的一维平面图

各式天气预报,下拉式选单里有另开分页、也有PDF连结,还有一个flood是404。有些项目使用率可能偏高的,如闪电、旅游、将与、空气预报等等,也许将部分资讯整合进首页的图中会好一点。


<<:  DAY3 LineBot建构环境

>>:  [火锅吃到饱-5] 北泽寿喜烧 - 台中大里店

安全测试员的职业道德败给贪念

故事简述 我们故事的主角是微软的一名安全测试猿——Volodymyr Kvashuk,他的工作是测试...

<Day22>用Shioaji API模拟帐户做台股下单

● 这章会示范如何用Shioaji做台股下单 终於来到下单的环节啦~~~ 没有下单过,别说你进入过股...

密码学-串流型加密器(cryptography- Stream ciphers)

-来源:广工,滑铁卢大学(Credit: Guang Gong, University of Wa...

【把玩Azure DevOps】Day12 Artifacts应用:上传第一个nuget package

前一篇文章简单介绍了Azure DevOps Artifacts,知道了它就是用来存放私有套件的套件...

github

右上 or 左上Repositories New ... > Settings > p...