浅谈后台页面按钮运用
浏览:1715次 出处信息
按钮分组
按钮的分组可以让一个界面变得具有自我描述能力.在复杂的布局中,组织良好的各组按钮用以选择,而且因为很明显,这样可以很快告诉用户有哪些功能可以使用。
几个按钮放在一起,因为它们可能完成类似的功能。
制定“阿里助手”视觉规范的时候运用的就是视觉相似性归类,假若这组按钮大小都一致,那么看起来就是一个整体,合适的大小和对齐可以帮助一组按钮组成一个大一些的组合图形。
我们以后台页面的按钮为例,一级按钮和二级按钮尺寸大小规格都是一致的,只要就是以颜色来区分(整张页面中橙色的按钮至多出现一个)。下面红框部分的为表单列表中的按钮。
用简短而又含义明确的动词或者动词短语作为标签,如果用户不需要的时候不要使用高深的专门用语。
按钮的位置
通常情况下,我们会将按钮安排在相同的对象右边,或者是下面,但是复杂界面元素的底部一般是用户的“盲点”。
如果按钮都有自己的小图标,类似用于表单,列表中,可以将它们放在工具条或者类似工具条狭长的区域上,通常在页面的顶部。
在制定视觉规范的时候,我们将影响整个页面或者对话框的按钮,例如关闭|确定|保存这样的按钮
“我敢发誓,这个按钮一分钟前还是在这里!”用户经常他哦各国回忆它们在哪里来再次找到它们,而不是它们的名字。很多软件的界面就是将 对话框的按钮 确定|取消 放在预定的位置上,部分原因是由于它们的空间记忆(Spatial Memory)依赖性。
用户习惯的问题,当用户对于某种操作形成习惯之后,很大程度提高了他的工作效率,但如果我们设计上调整了习惯,他必须马上思考这个工具一次,增加使用成本。
建议继续学习:
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:Hello! 404
后一篇:摄影作品在设计中的应用 >>
文章信息
- 作者:yueyi 来源: 阿里巴巴(中文站)用户体验设计部博客
- 标签: 按钮
- 发布时间:2010-09-12 23:37:41
近3天十大热文
- [46] 界面设计速成
- [40] Oracle MTS模式下 进程地址与会话信
- [40] 视觉调整-设计师 vs. 逻辑
- [36] 程序员技术练级攻略
- [36] IOS安全–浅谈关于IOS加固的几种方法
- [35] 如何拿下简短的域名
- [34] 图书馆的世界纪录
- [34] android 开发入门
- [33] 【社会化设计】自我(self)部分――欢迎区
- [31] 读书笔记-壹百度:百度十年千倍的29条法则