女性服装网站界面分析.docVIP

北京科技大学 计算机与通信工程学院 实 验 报 告 实验名称： 人机交互 学生姓名： 专 业： 计算机科学与技术 一、实验目的与实验要求 1、实验目的 通过分析归纳十个同类型网站的风格，学习了解网页界面设计的一些方式及相关的人机交互知识。 2、实验要求 找10个网站（女装销售），分析归纳该类网站的风格（从窗口布局、菜单、图形图标、色彩、文字等方面）及其形成原因。 二、实验设备（环境）及要求 实验设备及环境：联想g480 操作系统 ：Windows 8.0 64位 处理器：Intel(R) Core(TM) i5-3230M CPU @ 2.60GHz 三、实验内容与步骤 针对当今网络上比较流行的女性购物网站，我筛选出10个比较典型的网站进行归纳分析。分别是淘宝、天猫、蘑菇街、美丽说、唯品会、京东、九块九包邮楚楚街、凡客诚品、亚马逊、苏宁易购。 四：实验结果与分析 网站首页截图如下： 窗口布局：从首页的截图可以看到，多数女性服装购物网站的首页窗口布局是拐角型，即最上面是网站的标题以及菜单栏。左侧是一窄列所有商品分类的链接，右侧是很宽的推荐商品信息及广告条，其中广告条在首页中占有相当大的比例，最下面是网站的一些基本信息、联系方式、版权声明等。拐角型窗口布局方式使得网页界面清晰简单，方便顾客操作，交互性强。 菜单：可以看到，这十个网站的菜单栏均在网站顶部，除楚楚街和唯品会外，其他购物网站的左侧均有相当一部分的商品分类栏。这样很方便的满足大部分顾客浏览查询商品的体验要求。截图如下 所有商品分类栏（部分）： 色彩文字：网页针对女性顾客喜好，整体色调偏暖，主要偏红，粉，橘三个色调。色彩不易多，主色调一般只有一个。文字字体一般只选一种，文字颜色一般是以黑色为主，重要的文字用红色、橘色等标注，分析发现，一般重要文字颜色会和整体界面的色调保持一致，比如淘宝网的界面是橘色，重要字体也是橘色。这样也是为了保证界面视觉上的简洁清晰。截图如下： 五：结论（讨论） 实验结论 通过本次实验，我对女性服装购物网站的页面设计有了更加深刻全面的理解，认识到了网页界面设计原则，网站设计时的人机交互理念渗入。自己的学习能力也得到很大的锻炼。 六、教师评审 教师评语 实验成绩 签名： 日期：