论文部分内容阅读
摘 要:本文结合笔者多年网站设计及制作的实践经验和研究,通过学习人体工程学及收集用户访问网站的使用反馈,深入分析人与网站进行互动时的操作细节,对网站建设过程中应注意的一些人性化设计和实用小技巧具有一定的参考价值和借鉴意义。
关键词:人体工程学;网站;人性化
中图分类号:TB47
人体工程学是一门“研究人在某种工作环境中的解剖学、生理学和心理学等方面的各种因素;研究人和机器及环境的相互作用;研究人在工作中、家庭生活中和休假时怎样统一考虑工作效率、人的健康、安全和舒适等问题的科学”。人体工程学联系到网站设计,其含义为:以人为主体,运用人体计测、生理、心理计测等手段和方法,研究人体结构功能、心理、力学等方面与浏览网页之间的合理协调关系,以适合人的身心活动要求,取得最佳的浏览效能,其目标应是便捷、高效、有趣和舒适。
1 清晰的导航
网站设计首先是导航设计。尤其是在WEB这样一个平面化的虚拟世界里,能够为用户展现一个清晰的导航是网站设计的基本要点。从人体工程学中可以了解到,在特定的环境中,人的生理和心理对于位置的敏感程度非常的高。人的大脑会不自觉的发出一种讯息:我在哪儿,我想要去哪儿,怎么去,要多久才能到。
1.1 类别导航。所谓类别导航,就是将网站的内容进行分类,设计者通过导航菜单的形式事先为用户将信息归类放好,并提取内容的唯一识别信息的缩略语作为导航按钮。此类导航一般很少考虑用户的感受,只是简单地将需要展示的内容通过类别的不同进行拆分,如企业网站和电商网站等都是通过业务或者产品进行分类导航的。这类导航的设计技巧是使用的词语要非常准确,类别划分要合理,级别要精简(注意三点击原则),需要保留一定程度的可扩展性。
1.2 内容导航。所谓内容导航,就是在分类的基础上将内容信息更多的进行展现。例如新浪、搜狐等信息门户,如同电子版的报纸一样,将所有新鲜出炉的内容以摘要的形式平铺出来提供用户浏览,在内容标题上会更加突出,文字更加精炼,词语更加犀利。此类导航虽然脱离了传统意义上的形式,但是精髓还在。
1.3 引导定位。所谓引导定位,就是像GPS一样为用户提供精准的定位服务和路径到达服务。在用户浏览网页时,访问路径都是单向前进或后退的,一旦中间有跳跃式访问,就会很容易使用户迷失方向。这个就像是在大型游乐场,每个娱乐项目的附近都会有地图标明,当前位置和方位,并提供去往其他项目的路径。“面包屑”就是一个很好地技巧,灵活的运用好会对网站有很到帮助。
2 信息的展示
信息的展示是网站的主要目的。无论导航设计的如何精致,如何细微,都是为了要展示信息。
2.1 主次分明。在网页设计中,设计者经常对信息的展示不够重视,在制作上一代而过,草草了事,并可以堂而皇之的将罪过嫁祸给甲方(资料提供),用句时髦的语言就是“外貌协会”。其实在信息化、现代化的今天,快节奏的生活已然开始潜移默化的改变着人的某些习惯,通过不断深入研究人的视觉感官和心理活动发现,人们变得注重信息的获取更便捷,更有效。这就需要设计者对资料进行重新包装,做到主次分明,有理有据。能体现主要信息的不仅仅是文字,还有图片,一张好的图片可以一下抓住用户的眼球并提供相关的重要信息,再配合文字的点缀,很大程度上满足了现代人的需要,所以请设计者们抛弃堆砌的文章吧。
2.2 加强关联性。有点类似于捆绑式销售模式,首先要让用户能够很快的找到他最想要的东西,找到之后干什么呢?直接让用户悄然的离开吗?答案是不。从对人的心理活动的监测和研究表明,这时的用户还可能对其他类似的或相关的事物感兴趣。从网站设计上来讲,就是不要让网页信息孤立起来,要存在某种联系,这或许可以让用户获取更多的信息,更长的逗留时间。设计者在网站设计时应当更多的站在用户的角度考虑,将网站的信息有机的、紧密的结合起来,做到引人入胜。
3 有趣的互动模式
网站的发展趋势是越来越不像网站,而是像一个工具,像一个助手,像一个朋友,像一个乐园。
3.1 搜索。人们为什么会经常访问门户网站,搜索网站?因为门户网站大量聚合各类信息,提供用户浏览的足量内容,规模大、内容全、信息奇、有权威。而搜索网站呢,一问多答的形式为用户提供了各种疑难问题的解答,既满足了用户的实际困难,同时也可以为别人提供解答服务,做到互帮互助。作为中小型网站的设计者,除了将网站设计的别致、专业外,还可以尽量满足用户的喜好,一个是通过关键字,另一个是通过常见问题解答。通过对人的行为和思维的研究,如果将答案明明白白的摆在那里,它是不会引人注意的,而通过某种情节和问答等模式重新设计,则会起到推波助澜的作用,使人的记忆更深刻。
3.2 沟通。网站是人与信息沟通的桥梁,就像婚介所一样,服务的唯一目的就是找到你想要的。网站除了罗列信息以外,还配套提供多种互动平台。例如,现在流行的微信、微博,常用的有在线问答、QQ、邮件、电话等多种方式,沟通效果也大不一样。例如,在线问答,业务员能够回答的问题基本上都是网站已有的信息,作用非常有限。设计者在设计网站时除了外观设计,应将更多的注意力停留在内容上,因为内容才是灵魂,而不是托儿。要让用户在和网站进行沟通互动时觉得亲切,舒适,甚至是有趣。除了操作上的细节外,更应该注意内容的准确性,权威性和时效性。
4 网站辅助实用技巧
用户在访问网站时,屏幕是固定大小的,然而内容却是长短不一,宽窄不同的,要通过一些实用的网页功能来化解用户的操作困难。
4.1 自动适应。屏幕的自适应一直是被网站设计者所忽视的,随着显示器尺寸的不断升级,网站对屏幕自适应大小已变成很实用的功能。如果网站做的不够大,内容就会看不清,而网站做的太大了,又会出现滚动条,严重影响用户操作体验。在为网站增加自适应功能的同时也应考虑字体的自适应,让字体随着网站体量的变化而自动适应,始终保持文字清晰可辨。
4.2 返回顶部。随着网站内容的扁平化,一页内容通常会分几屏显示,更有甚者采用瀑布流技术,更使得页面长度无法预计。使用返回顶部或者采用固定悬停导航功能可以大大方便用户操作,给人以友好的体验。有时候屏幕拉的过长,会给用户产生不安全感,一旦出现误操作,想重新找到刚才的位置就非常难了。
4.3 图片优化。图片是展示信息的绝佳载体,设计者要大胆的使用图片,但图片的制作和维护也是相当复杂的事情。首先要将精美的图片放在最醒目的位置,配套图片则可以不那么明显。研究表明,人的视觉会注意突出的部分,对比反差大的部分,所以柔化图片背景,突出主体,适当的剪裁可以给人更多的联想和扩展空间,直白的图片始终是乏味的,要简单,要强烈,要有冲击性。
5 结束语
通过对人体结构、生理、心理的深入研究和实践总结,要不断探索和挖掘人的潜力,不仅要顺应用户的习惯,还要改进用户的习惯,给予用户不一样的体验。网站是沟通的载体,是展示的平台,设计者要充分考虑人的感受,将这份对工作的热爱和执着融入到网站设计中去,通过人性化的设计和实用技巧提高用户的关注度的持久度,将用户带到你的世界中。希望本文可以提供网站设计者们一些灵感和思路,共同探讨,互相进步,不断推动网站事业向人文方向迈进。
参考文献:
[1]王鑫,杨西文,杨卫波.中国高等院校“十二五”精品课程规划教材—人体工程学[M].北京:中国青年出版社,2013(1).
[2]范圣玺,著.行为与认知的设计[M].北京:中国电力出版社,2009(1).
[3](美)堆克曼,(美)斯普乌尔,著.网站设计解构:有效的交互设计框架和模式[M].北京:人民邮电出版社,2012(1).
作者简介:邵海鹏(1981-),男,北京人,网络工程师,本科,从事网站设计与制作的研究。
作者单位:北京信息职业技术学院信息中心,北京 100018
关键词:人体工程学;网站;人性化
中图分类号:TB47
人体工程学是一门“研究人在某种工作环境中的解剖学、生理学和心理学等方面的各种因素;研究人和机器及环境的相互作用;研究人在工作中、家庭生活中和休假时怎样统一考虑工作效率、人的健康、安全和舒适等问题的科学”。人体工程学联系到网站设计,其含义为:以人为主体,运用人体计测、生理、心理计测等手段和方法,研究人体结构功能、心理、力学等方面与浏览网页之间的合理协调关系,以适合人的身心活动要求,取得最佳的浏览效能,其目标应是便捷、高效、有趣和舒适。
1 清晰的导航
网站设计首先是导航设计。尤其是在WEB这样一个平面化的虚拟世界里,能够为用户展现一个清晰的导航是网站设计的基本要点。从人体工程学中可以了解到,在特定的环境中,人的生理和心理对于位置的敏感程度非常的高。人的大脑会不自觉的发出一种讯息:我在哪儿,我想要去哪儿,怎么去,要多久才能到。
1.1 类别导航。所谓类别导航,就是将网站的内容进行分类,设计者通过导航菜单的形式事先为用户将信息归类放好,并提取内容的唯一识别信息的缩略语作为导航按钮。此类导航一般很少考虑用户的感受,只是简单地将需要展示的内容通过类别的不同进行拆分,如企业网站和电商网站等都是通过业务或者产品进行分类导航的。这类导航的设计技巧是使用的词语要非常准确,类别划分要合理,级别要精简(注意三点击原则),需要保留一定程度的可扩展性。
1.2 内容导航。所谓内容导航,就是在分类的基础上将内容信息更多的进行展现。例如新浪、搜狐等信息门户,如同电子版的报纸一样,将所有新鲜出炉的内容以摘要的形式平铺出来提供用户浏览,在内容标题上会更加突出,文字更加精炼,词语更加犀利。此类导航虽然脱离了传统意义上的形式,但是精髓还在。
1.3 引导定位。所谓引导定位,就是像GPS一样为用户提供精准的定位服务和路径到达服务。在用户浏览网页时,访问路径都是单向前进或后退的,一旦中间有跳跃式访问,就会很容易使用户迷失方向。这个就像是在大型游乐场,每个娱乐项目的附近都会有地图标明,当前位置和方位,并提供去往其他项目的路径。“面包屑”就是一个很好地技巧,灵活的运用好会对网站有很到帮助。
2 信息的展示
信息的展示是网站的主要目的。无论导航设计的如何精致,如何细微,都是为了要展示信息。
2.1 主次分明。在网页设计中,设计者经常对信息的展示不够重视,在制作上一代而过,草草了事,并可以堂而皇之的将罪过嫁祸给甲方(资料提供),用句时髦的语言就是“外貌协会”。其实在信息化、现代化的今天,快节奏的生活已然开始潜移默化的改变着人的某些习惯,通过不断深入研究人的视觉感官和心理活动发现,人们变得注重信息的获取更便捷,更有效。这就需要设计者对资料进行重新包装,做到主次分明,有理有据。能体现主要信息的不仅仅是文字,还有图片,一张好的图片可以一下抓住用户的眼球并提供相关的重要信息,再配合文字的点缀,很大程度上满足了现代人的需要,所以请设计者们抛弃堆砌的文章吧。
2.2 加强关联性。有点类似于捆绑式销售模式,首先要让用户能够很快的找到他最想要的东西,找到之后干什么呢?直接让用户悄然的离开吗?答案是不。从对人的心理活动的监测和研究表明,这时的用户还可能对其他类似的或相关的事物感兴趣。从网站设计上来讲,就是不要让网页信息孤立起来,要存在某种联系,这或许可以让用户获取更多的信息,更长的逗留时间。设计者在网站设计时应当更多的站在用户的角度考虑,将网站的信息有机的、紧密的结合起来,做到引人入胜。
3 有趣的互动模式
网站的发展趋势是越来越不像网站,而是像一个工具,像一个助手,像一个朋友,像一个乐园。
3.1 搜索。人们为什么会经常访问门户网站,搜索网站?因为门户网站大量聚合各类信息,提供用户浏览的足量内容,规模大、内容全、信息奇、有权威。而搜索网站呢,一问多答的形式为用户提供了各种疑难问题的解答,既满足了用户的实际困难,同时也可以为别人提供解答服务,做到互帮互助。作为中小型网站的设计者,除了将网站设计的别致、专业外,还可以尽量满足用户的喜好,一个是通过关键字,另一个是通过常见问题解答。通过对人的行为和思维的研究,如果将答案明明白白的摆在那里,它是不会引人注意的,而通过某种情节和问答等模式重新设计,则会起到推波助澜的作用,使人的记忆更深刻。
3.2 沟通。网站是人与信息沟通的桥梁,就像婚介所一样,服务的唯一目的就是找到你想要的。网站除了罗列信息以外,还配套提供多种互动平台。例如,现在流行的微信、微博,常用的有在线问答、QQ、邮件、电话等多种方式,沟通效果也大不一样。例如,在线问答,业务员能够回答的问题基本上都是网站已有的信息,作用非常有限。设计者在设计网站时除了外观设计,应将更多的注意力停留在内容上,因为内容才是灵魂,而不是托儿。要让用户在和网站进行沟通互动时觉得亲切,舒适,甚至是有趣。除了操作上的细节外,更应该注意内容的准确性,权威性和时效性。
4 网站辅助实用技巧
用户在访问网站时,屏幕是固定大小的,然而内容却是长短不一,宽窄不同的,要通过一些实用的网页功能来化解用户的操作困难。
4.1 自动适应。屏幕的自适应一直是被网站设计者所忽视的,随着显示器尺寸的不断升级,网站对屏幕自适应大小已变成很实用的功能。如果网站做的不够大,内容就会看不清,而网站做的太大了,又会出现滚动条,严重影响用户操作体验。在为网站增加自适应功能的同时也应考虑字体的自适应,让字体随着网站体量的变化而自动适应,始终保持文字清晰可辨。
4.2 返回顶部。随着网站内容的扁平化,一页内容通常会分几屏显示,更有甚者采用瀑布流技术,更使得页面长度无法预计。使用返回顶部或者采用固定悬停导航功能可以大大方便用户操作,给人以友好的体验。有时候屏幕拉的过长,会给用户产生不安全感,一旦出现误操作,想重新找到刚才的位置就非常难了。
4.3 图片优化。图片是展示信息的绝佳载体,设计者要大胆的使用图片,但图片的制作和维护也是相当复杂的事情。首先要将精美的图片放在最醒目的位置,配套图片则可以不那么明显。研究表明,人的视觉会注意突出的部分,对比反差大的部分,所以柔化图片背景,突出主体,适当的剪裁可以给人更多的联想和扩展空间,直白的图片始终是乏味的,要简单,要强烈,要有冲击性。
5 结束语
通过对人体结构、生理、心理的深入研究和实践总结,要不断探索和挖掘人的潜力,不仅要顺应用户的习惯,还要改进用户的习惯,给予用户不一样的体验。网站是沟通的载体,是展示的平台,设计者要充分考虑人的感受,将这份对工作的热爱和执着融入到网站设计中去,通过人性化的设计和实用技巧提高用户的关注度的持久度,将用户带到你的世界中。希望本文可以提供网站设计者们一些灵感和思路,共同探讨,互相进步,不断推动网站事业向人文方向迈进。
参考文献:
[1]王鑫,杨西文,杨卫波.中国高等院校“十二五”精品课程规划教材—人体工程学[M].北京:中国青年出版社,2013(1).
[2]范圣玺,著.行为与认知的设计[M].北京:中国电力出版社,2009(1).
[3](美)堆克曼,(美)斯普乌尔,著.网站设计解构:有效的交互设计框架和模式[M].北京:人民邮电出版社,2012(1).
作者简介:邵海鹏(1981-),男,北京人,网络工程师,本科,从事网站设计与制作的研究。
作者单位:北京信息职业技术学院信息中心,北京 100018