热 门: 什么是花 生壳?    百度为什么不收录网站首页?    申请免费空间    网站如何备案    什么是音乐小偷?    什么是SEO,如何网站优化?     大量精美网页特效    设为首页 | 加入收藏
首页 | 站长免费中心 | 新手上路 | 网站运营 | 网页制作 | 图片设计 | 动画设计 | 网页编程 | 网页特效 | 本站专题 | 虚拟主机 | 域名注册 | 网站建设 | 程序下载
       免费空间资源 | 新闻咨询 | 免费域名 | 免费网盘 | 网站推广 | 网站策划 | 建站经验 | 网站优化 | 网页代码 | 源码下载 | 音乐小偷 | 网络赚钱 | 论坛交流
网站建设
网站建设
虚拟主机
虚拟主机
域名注册
域名注册
711网络首页
站长工具
站长工具
网站源码
网站源码
站长论坛
站长论坛

企业网站建设
.com .com.cn .cn .net .net.cn
.cc .org .org.cn .tv
本站搜索:
温馨提示: 如果没找到您需要的内容, 欢迎在此搜索.
绵阳网站建设

 711网络 网站运营网站策划

交互设计:网页按钮的功能与表现

来源: 互联网    日期:2009-9-7

     
 

    智能建站已经成为企业网站建设的主要方式,建立个性化企业网站是企业品牌形象的体现;具有强大灵活的网站功能、HTML生成、搜索引擎优化,现有简体、繁体、英文、日文等多国语言可选用。赶快申请,立即拥有个性化企业网站...

 
 
提示:目前在网页中普遍出现的按钮可以分为两类:一种是有提交功能的按钮---真正意义上的按钮;另一类是仅仅表示链接的按钮,在这里将其称为“伪按钮”。

目前在网页中普遍出现的按钮可以分为两类:一种是有提交功能的按钮---真正意义上的按钮;另一类是仅仅表示链接的按钮,在这里将其称为“伪按钮”。

真正的按钮

真正的按钮有两个作用:
1.实现提交功能;
2.标明当前操作的目的。

说明:

无疑按钮实现着提交功能。当用户输入了关键字后会点击“搜索”按钮,网页中将出现搜索结果;当用户填写了用户名和密码后,点击“登录”按钮,系统将打开自己的邮箱页面。

按钮上的文字说明了整个表单区的内容,比如,有“搜索”按钮的区域显然标明这一区域内的文本输入框和按钮都是为搜索功能服务的,不需要在另外添加标题进行说明了,这也是设计师为提高网页可用性而普遍采用的一种方式―――逐字斟酌按钮文字。

按钮的表现形式可以大致总结为两种:
1.系统标准按钮
2.使用图片自制的按钮

对于真正的按钮应当使用系统标准按钮还是自制的图片按钮?

笔者认为应当使用系统标准按钮。系统标准按钮的设计起源是模拟真实的按钮,无论是真实生活中的按钮还是网页上的系统标准按钮都具有良好的用户反馈。

标准按钮的优势:
1.易识别。与各式各样的图片按钮相比,在网页中标准按钮更容易被用户识别出的按钮。网页中的标准按钮与用户电脑的操作系统中的按钮表现上是一致的,这降低了用户识别上的负担。
2.操作反馈好。标准按钮具备多种状态,“正常状态”“被选中状态”“点击时状态”,多种状态使标准按钮能够传达更丰富的信息,而制作图片按钮的设计师通常没这种耐心为一个按钮制作多种状态,因为使用图片按钮多数时候是因为图片按钮更好看,而设计师并不太在意用用户的使用效率问题。使用图片制作出好看的页面是本能水平上的设计,而使用标准按钮制作易于使用的页面是行为水平上的设计(关于“本能水平上的设计”和“行为水平上的设计”理论请参见Donald A. Norman的《Emotional Design》),我认为针对按钮这个问题应该优先考虑行为水平设计的需要,毕竟按钮是网页”行为”部分(web标准将网页分成三部分:结构、表现和行为)的一个重要元素,何况在我看来系统标准按钮并不难看。

系统标准按钮也存在自己的问题:样式过于呆板,尤其是windows2000风格的按钮甚至被一些网页设计师认为是无法接受的丑陋,相比之下windowsXP式样的按钮更容易被接受,无疑多数网页设计师以及公司boss还是更关注本能水平上的设计―――好看的设计。

css可以对按钮式样进行一些个性化设置,可以改变按钮颜色、立体效果、文字大小、文字颜色。具体方法可以很容易的在互联网上找到,这里不多说了。我认为对于按钮这种程度的变化已经足够了。

我的观点:对于真正的按钮应该使用按钮这种表现形式,并且应该使用系统标准按钮。

伪按钮

在网页中大量存在这样的按钮,从表现上看是一个按钮而实际上只提供了一个链接。

起源:最初网页上随处可见文字链接,设计师为了突出其中的某些特别重要的链接,将其设计成了类似按钮的样子,使得这些链接更为突出,引导用户点击。这也从侧面说明了在网页上按钮是很醒目的元素。

现在在网页上使用伪按钮的原因更为多样,让我们来看看“民意调查”这个例子:
uploads/200603/06_231240_illus.gif
在很多网页中“提交”和“查看结果”被设计成相同系统标准按钮,然而“提交”是将用户的选择提交给网站的系统,存入数据库,而“查看结果”是打开一个小窗口显示目前的投票结果,显然将“查看结果”设计成文字链接是更合理的,设计成按钮的原因通常是为了样式上的美观:最下面一行并排放置两个按钮,都有点击的功能,看上去更和谐,但是这却破坏了用户的可操作性。

上面这个例子是由于视觉设计上的需要,而错误的使用了按钮。当然广告中故意使用伪按钮误导用户也是使用伪按钮的一个重要原因。造成伪按钮泛滥的最根本原因还在于相当多的网页设计师还没能意识到伪按钮与真正按钮的区别,在设计过程中随意的使用按钮这种表现形式。

伪按钮的负面效果是:使用户难以辨别哪些是真正的按钮。用户在使用一个滥用按钮的网站时,会花费很多心思来区分一个文字链接和一个伪按钮的区别,而实际上区别仅仅在于伪按钮更为重要,设计师希望伪按钮的链接能引起用户更多的注意。

从网页可用性角度考虑有必要将链接与按钮区别开来,因为点击按钮代表提交一个表单,这不仅仅是网页的技术模型,同时也是用户的心理模型。

我的观点:伪按钮不应该使用按钮表现形式,更不应该制作成系统标准按钮。因为这将给用户造成误解,降低用户的使用效率。如果要使链接更为突出,网页设计师完全有义务花费更多的心思进行设计,更出色的表现这个链接,而不是偷梁换柱的模仿按钮,这种带有欺骗性的做法除了给用户造成误会还会使用户产生被愚弄的感觉,激怒用户显然是不明智的。

精品网站程序下载(草根站长最爱)
QQ2013,QQ2012临时会话插件(全国首发)
711旅游网站管理系统V2013(无功能限制)
711幻灯片管理系统(全国首发) 各类网站程序下载
711企业网站管理系统V2013个人版(无功能限制)
711免费在线客服系统个人版 V2.0
电影小偷采集程序V2013免费下载
点此查看


更多的交互设计:网页按钮的功能与表现请到论坛查看: http://BBS.TC711.COM



【 双击滚屏 】 【 评论 】 【 收藏 】 【 打印 】 【 关闭 】 来源: 互联网    日期:2009-9-7   

发 表 评 论
查看评论

  您的大名:
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款
认证编码: 刷新验证码
点评内容: 字数0
  精品推荐  
  本月推荐  
· 企业程序V2013精品版
· 企业程序V2013营销旗舰版
· 购物商城系统V2013
· 旅游程序V2013
· 鲜花网站系统V2013
· 珍爱鲜花配送管理系统V2013免费下载
· 绵阳餐饮网2010免费下载
· 旅游网站管理系统V4.0
· 旅游网站管理系统V12.0免费版
· 学校网站管理系统
· 政府网站管理系统
· 律师事务所网站管理系统
· 仿阿里巴巴B2B门V2009
· 婚纱摄影网站管理系统2013
· 人才网管理系统V2009
· 企业程序中日英繁四语版
· 人才网管理系统V2009
· 公文传输系统(适合于政府机构)
· 711企业网站管理程序V2009超强完美版 
· 711酒店网站管理系统V2008 
· 711网站QQ在线咨询插件2013(兼容火狐)
·711企业网站程序免费版(无功能限制)
·711企业网站系统V2008.4多风格三语
·711网络在线图文下单与产 品输出系统
·711酒店网站管理系统V2008
·绵阳商铺信息网站管理系统
·711旅游旅行社网站管理系统V2007.10
·企业搭建网站的好处
·711二手网站网站管理程序
·711网络企业网站管理 系统韩国风格
·711企业网站管理系统(中英繁三语)
·711房产中介网站管理系统2008
·711分类网站管理程序(html版)
·711公文传输系统V2007.6正式发布
  友情赞助  

·快速设计网页必备的28款工具和生...
·网站上的广告与网站设计的关系
·[分享]网络创业的定位与切入点
·成功的网站其实很简单的就这样做...
·良好用户体验的网站主页 必备的1...
·以亲身体会讲述 43条网站设计中常...
·GOOGLE收录减少怎么办?
·个人网站赚钱必须要坚持
·搜索引擎最新免费登录入口大全
·一个个人站长些的网站宣传方法
·免费网站推广区
·百度"反垃圾网站"的若干问答
·宣传网站利器——你都搞了吗?
·网页应该怎样设计,才能被百度有...
·提高网站的Google PR值的私家绝招...
·让网站迅速被各大搜索引擎收录!...


本站所有资源均来自互联网,如有侵犯您的版权或其他问题,请通知管理员,我们会在最短的时间回复您
Copyright © 2005-2015 Tc711.Com All Rights Reserved 版权所有·711网络   蜀ICP备05021915号
110网监备案 信息产业备案 不良信息举报  点击这里给我发消息
//