B端按钮交互规范设计介绍,按钮的视觉强度、按钮顺序、按钮大小
树图思维导图提供 B端按钮交互规范设计介绍 在线思维导图免费制作,点击“编辑”按钮,可对 B端按钮交互规范设计介绍 进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:3bffc318c7d199e17481aeccc1c13447
B端按钮交互规范设计介绍思维导图模板大纲
风险操作
可能造成损失的操作,特别是破坏性操作,如果不是用户期望点击的按钮,应该尽量远离常用按钮
方向性含义
一般认为,具有返回意义的按钮,应该放在左侧,暗示其方向是回到之前
对话习惯
按照对话习惯排列按钮
界面中的按钮阅读顺序类似于一个用户和电脑的对话过程,按照日常对话的顺序设计按钮阅读顺序更自然
当用户修改了一项设置,用户最有可能的行为是保存这项变更,会有优先问是否保存,然后才是是否要离开
易操作性
对于一组按钮来说(常见于工具栏),一般最左边和最右边放主按钮/高频操作,较低频操作放中间
原因在于用户的浏览模式从左到右,会更容易注意到视觉的起点和终点,其次对于操作鼠标来说对边角的按钮更容易被定位到
一级按钮
一级按钮通常是主按钮,突出“完成”、“推荐”的操作,一个按钮区最多一个主按钮,也可以没有主按钮
二级按钮
可用于所有次要的按钮行动,如有许多具有相似重要性的行动在一个屏幕上,或不确定要选择哪种按钮,次要按钮永远是最安全的选择
三级按钮
没有外边框,用链接色突出,例如文字按钮
其他
不是非常规范的按钮,用于满足复杂的个性化需求。这类图标需要保证用户易于识别,比如纯图标有必须要hover显示提醒
高度
视觉层面,根据按钮区域大小限制按钮高度
宽度
视觉层面,限制最小宽度和最大宽度,当文字长度超出按钮最大长度,超出部分使用省略号表示,其次也可以通过缩小字号的方式
树图思维导图提供 B端UI界面交互设计规范概述 在线思维导图免费制作,点击“编辑”按钮,可对 B端UI界面交互设计规范概述 进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:79063529f24ae381987b3ee115243c2b
树图思维导图提供 B端UI界面交互设计规范-UI交互通用规范 在线思维导图免费制作,点击“编辑”按钮,可对 B端UI界面交互设计规范-UI交互通用规范 进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:c2598910dc245495b4236fc5d3b076fa