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