人机交互技术熟悉网页设计

---

重庆邮电大学移通学院 学生实验报告 实验名称：熟悉网页设计 专业班级： 姓名： 学号： 实验日期： 2017.5.23 实验 7：熟悉网页设计 7.1 实验目的 （1）熟悉企业网页设计的基本内容与要求； （2）通过因特网搜索与浏览，欣赏成功网站的设计，分析网站建设需要注意的问题， 学习网页设计的成功经验。 7.2 工具/准备工作 在开始本实验之前，请认真阅读课程的相关内容。 需要准备一台带有浏览器，能够访问英特网的计算机。 7.3 实验内容与步骤 1.网站的对比分析 下面主要通过对一些成功网站的分析， 来了解网页设计需要注意的问题， 学习网页设计 的成功经验。 步骤 1：任务分析。为了成功地提供企业整体形象，为访问者和潜在的消费者提供所需 的信息，企业在建设网站时要完成的 6 个任务是： （1）表达企业的整体形象。 （2）提供对企业信息的方便访问。 （3）允许访问者以不同方式和不同层次访问网站。 （4）为消费者提供有意义的双向沟通方式。 （5）维系消费者的这一里并鼓励重复访问。 （6）提供对产品和服务及使用方式的方便访问。 请在网上找到你认为能满足其中三个以上任务的网站， 并解释这个网站是如何实现这些 目标的。 请记录：你找到的这两个网站是： （1） 网站名称：小米商城 网址：入选理由：界面优美、提供对企业信息的方便访问。 请简述该网站是如何实现这些目标的。 答：通过各种分类来设计其二维菜单给了用户以良好的选项概览，减少所需要 动作数，并且允许快速选择。从而提供对企业信息的方便访问，使消费者重复 访问。 （2） 网站名称：中国三星电子官网 网址：入选理由：该官网提供对产品和服务及应用方式的方便访问、界面比较简单、 合理的介绍该旗下产品 请简述该网站是如何实现这些目标的。 答： 通过本公司的各类分工， 来设计的网站。 能够体现本公司的最新产品介绍， 吸引消费者来消费。可以通过二维菜单来给用户良好的选项概览。提供了对企 业的方便访问，是消费者重复访问。 步骤 2：比较网页设计。网页设计作为一种视觉语言，要研究色彩、编排和布局。版式 设计通过文字图形的空间组合，表达出和谐与美。 请在网上找到你认为网页设计比较好的网站，并以 10 分为满分，给这些网站的网页设 计打个印象分。 请记录：你找到的这两个网站是： （1） 网站名称：携程旅行网 网址：印象分：5 （2） 网站名称：飞猪 网址：印象分：6 步骤 3：比较网站运营质量，进入网上书城（如当当、亚马逊和互动出版网等） ，订购 一本《项目管理与应用》书，比较其商品数量、价格（折扣） 、配送和支付手段等环节的优 劣。 请简述你的分析结论。 答： 当当 商品数量 价格 配送 与该商品相关的书籍共有 3 种 分别是 37.2 元、25.2 元、35.6 元 京东 与该商品相关的书籍共有 1 种 42 元 当当物流 京东快递 由“当当”发货，并提供售后服务。 由京东发货，并提供售后服务。 23:00 明日 13:45 前完成下单， 预计 5 月 26 前下单,预计明天(05 月 24 日)送达 日（周五）可送达 支持网上支付、货到付现金、货到支 付宝扫码支付、银行转帐、他人代付 支持货到付款、在线支付、公司转账、 邮局汇款等支付方式 支付手段 2.阅读分析 请认真阅读“7.10 阅读与思考” ，并分析和回答以下问题。 （1）你怎么理解“把‘中国制造’变成‘中国创造’ ，把‘中国创造’落实到最根本 的‘中国设计’上去”这句话？请简述之 答： “中国制造”只是单单的制造一些东西，而没有加入自己所设计理念。要从“中国 制造”变成“中国创造”首先的改掉“中国仿造” ，中国在工业上对产品的设计大多数是仿 造其他产品的设计。应该实现中国自己的设计理念才能变成“中国创造” 。 （2）阅读上文，你还得到哪些启发？请简述之。 答：我们应该矫正“工业设计就是美工，就是外形设计”的简单认识。工业设计是一个 很系统的工作，它涉及两个领域。一个实技术领域，为企业产品提供应用环境的解决方案； 另一个是美学领域， 根据人们的文化背景、 审美趋势， 利用人体工程学， 围绕技术设计产品。 7.4 实验总结 通过这次人机交互技术上机实验，来阅读了《中国创造呼唤中国设计》 ，提升了对工业 设计的理解。工业设计应该从两个领域去学习，一个是技术领域，另外一个是美学领域。随 着工业水平发展，设计已经渗透到从产品研发、制造到销售的整个产业链中。我们应该利用 工业设计作为企业的竞争利器。