按钮的分组和位置的选择,选择按钮的位置对提高网站整体效果有帮助

2022-06-16    分类: 网站建设

用户浏览页面的视觉流向通常是从左上至右下的一条弧线,我们可以看到通常浏览器的操纵都是在右侧,封闭|缩小|动弹条等等。我们可以看范例iTunes的主窗口,四个角分别放置了一组按钮,界面中间的歌曲也有良多的步履点。加上动弹条,该界面只有有14个按钮。以后台页面的按钮为例,一级按钮和二级按钮尺寸大小规格都是一致的,只要就是以颜色来区分(整张页面中橙色的按钮至多泛起一个)。假如改成“加入珍藏”商品仍是在购物车中留存,效果应该会更好。确实有良多的功能,不外由于视觉上和语言上的巧妙组合,并不会给用户很乱的感觉。

举例看淘宝和当当的购物车页面,淘宝的操纵是左右结构,固然有4个按钮但是很符合我们的记忆,左边全选删除利便快捷。

假如按钮都有自己的小图标,类似用于表单,列表中,可以将它们放在工具条或者类似工具条狭长的区域上,通常在页面的顶部。符合视觉流向通常情况下,我们会将按钮铺排在相同的对象右边,或者是下面,但是复杂界面元素的底部一般是用户的“盲点”。当当的可取之处在于增加了一个“移入珍藏”的文字链,个人觉得很实用,但是后续操纵“移入珍藏”的商品就不显示在购物车中了。而且淘宝在这里处理的很好,大小样式很同一。用简短而又含义明确的动词或者动词短语作为标签,假如用户不需要的时候不要使用高深的专门用语。

几个按钮放在一起,由于它们可能完成类似的功能。

制定“阿里助手”视觉规范的时候运用的就是视觉相似性归类,假若这组按钮大小都一致,那么看起来就是一个整体,合适的大小和对齐可以匡助一组按钮组成一个大一些的组合图形。

用户习惯的题目,当用户对于某种操纵形成习惯之后,很大程度进步了他的工作效率,但假如我们设计上调整了习惯,他必需马上思索这个工具一次,增加使用本钱。

分组按照按钮的功能来分,设计上以颜色,大小来区分,为了页面的整体性,质感我们都保持一致的。我们将影响整个页面或者对话框的按钮,确认|取消|下一页|保留这样类按钮设置在弹出框的右侧有很好的扩展性,左侧可以添加帮助按钮,这样有助于功能的区域划分。右侧的橙色按钮跟当当的绿色“结算”按钮功能一致,区别在于当当将“继承购物”按钮样式缩小了,这样会增加用户的判定本钱。

按钮的分组可以让一个界面变得具有自我描述能力.在复杂的布局中,组织良好的各组按钮用以选择,而且由于很显著,这样可以很快告诉用户有哪些功能可以使用。

本文标题:按钮的分组和位置的选择,选择按钮的位置对提高网站整体效果有帮助
文章链接:https://www.cdcxhl.com/news/167793.html

成都网站建设公司_创新互联,为您提供云服务器网站排名品牌网站制作服务器托管软件开发营销型网站建设

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

绵阳服务器托管