实验五:展示复杂的数据
姓名: 汪志鸿
学号: 20101610417
班级: 10级软件工程4班
(1) Overview Plus Detail
模式实例:
http://www.taobao.com/market/man/yurongfu120819.php?spm=1.1000386.252633.9.OknQXs&ad_id=&am_id=&cm_id=140103250752eff9d6a4&pm_id=&fl=1401032507
修改模式:
http://www.dangdang.com/?_ddclickunion=460-5-biaoti|ad_type=0|sys_id=1
(2) Datatips
模式实例:
http://quote.hexun.com/default.html
修改模式:
http://map.baidu.com/
百度地图当鼠标指向兴趣点时不会立即显示相关的简易信息,必须要点击才能查看详情,不符合这个模式,所以修改为下图.
(3) Dynamic Queries
模式实例:
http://browse.renren.com/s/all?q=%E9%98%BF%E6%96%AF%E8%BE%BE&p=%5B%7B%22t%22%3A%22univ%22%2C%22name%22%3A%22%22%2C%22id%22%3A%22%22%2C%22depart%22%3A%22%22%2C%22year%22%3A%22%22%7D%5D&s=0&ref=sg_findpeople_search#qt=阿斯达/tindex=2
修改模式:
删除广告栏,添加更多常用可选项.
(4) Data Brushing
模式实例:
http://quote.hexun.com/default.html
修改模式:
http://www.baobaozhijia.cn/ss-xs/?action-babydocm
宝宝之家是一个为婴幼儿的父母提供交流平台的网站,下图是一个记录宝宝成长过程中升高体重的图片,但是彼此图片之间并没有什么联系,所以我认为可以通过一个选框将同一时候宝宝的状态在不同视角表示显示.
第二篇:湖南大学用户体验实验三
实验三:页面布局元素 姓名: 汪志鸿
学号: 20101610417 班级: 10级软件工程4班
(1) Visual Framework
模式样例:
/8hr
对应模式修改:
(2) CenterStage
模式样例:
/hao123kuzhan
对应模式修改:
/
(3) Right/Left Alignment
模式样例:
https:///v2/?reg®Type=1&tpl=mn&u=http%3A%2F%2F%2F
对应模式修改:
/register/
4) Diagonal Balance
模式样例:
PhotoShop软件
(
对应模式修改:
/