【人机交互】实验一 网站可用性原则

人机交互实验一 时间：2022-4-9

实验目的

1.熟悉图形用户界面的设计原则；
2.利用一种设计工具完成图形化的用户界面设计；
3.体现图形用户界面的重要思想；
4.设计图形界面的设计原则（包括布局、颜色、图标、按钮等）。

实验内容及步骤

1.利用Dreamweaver、WEBSTORM等软件制作网站；
2.能在不同页面中实现风格的统一；
3.熟悉PhotoShop进行图片美化；

天府科技云服务用户体验报告

天府科技云的界面采用了分块的整体布局，使用常见的导航栏-主体-footer的分块方式，对不同的功能区域进行了区分。
最顶端的导航栏包含了保存网站、卖家中心、买家中心、服务中心、APP下载、新手指南、注册、登录这几个使用频率较高的功能模块，方便用户快速进入对应界面。

下一行为网站logo与搜索功能，同样放置在非常显眼的位置。
页面的主体部分被细分为不同功能的信息展示。最中间的轮播图显示的是网站最新的动态和新闻；下面用图片作为链接显示的四个功能，更直观地让人了解各个功能的作用。

除了网站服务项目的展示，还有相关成果的展示。明确写出了项目的名称、简介、价格、涉及的领域。

网页的底端包含网站本身的一些信息，例如联系方式、客服热线、举报中心。

天府科技云的主页包含了主要服务、部分项目的展示、分类导航、成果展示等多个模块，让用户可以快速地寻找到自己所需的功能。

色彩方面，天府科技云在黑白之外，主要使用蓝色和绿色作为主要装饰。在需要醒目标注的地方，都有使用蓝色或者绿色高亮标注。

蓝色给人以科技感，绿色让人联想到健康、有机。并且天府科技云中使用的蓝色和绿色饱和度较低，不会让人有刺眼的感觉。
在不同功能的按钮上，也采取了使用不同的颜色来区分不同的功能。“免费注册”使用和网站整体颜色更为醒目的橙色，让第一次进入天府科技云的用户可以快速地发现该功能。

在网站的各个图示中，也都使用了扁平化的画面。例如下面的几个配图，都使用的是简约、矢量化、扁平化的风格，给人以清新、明朗的感受。

文本方面，对于不同重要程度的文本，在字体、颜色、大小上做了不同程度的区分。
例如下图，用户最关心的价格用红色高亮标出，字号相比其他信息也最大；除此之外标红的还有成交量，这也是判断项目可靠性的信息之一，是用户会关心的重要信息。而“成交量”“次”这几个字使用更不显眼的灰色，让红色的成交量的信息更加突出。最下一行为项目的名称，这是让用户了解项目内容的窗口，相比简介等其他信息，这个信息更为重要，被放置在缩略显示的窗体中。