TreeMind树图在线AI思维导图
当前位置:树图思维导图模板IT互联网分析方法/模型B端按钮交互规范设计介绍思维导图

B端按钮交互规范设计介绍思维导图

  收藏
  分享
免费下载
免费使用文件
U77418911 浏览量:82022-09-11 11:35:36
已被使用0次
查看详情B端按钮交互规范设计介绍思维导图

B端按钮交互规范设计介绍,按钮的视觉强度、按钮顺序、按钮大小

树图思维导图提供 B端按钮交互规范设计介绍 在线思维导图免费制作,点击“编辑”按钮,可对 B端按钮交互规范设计介绍  进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:3bffc318c7d199e17481aeccc1c13447

思维导图大纲

B端按钮交互规范设计介绍思维导图模板大纲

按钮顺序

风险操作

可能造成损失的操作,特别是破坏性操作,如果不是用户期望点击的按钮,应该尽量远离常用按钮

方向性含义

一般认为,具有返回意义的按钮,应该放在左侧,暗示其方向是回到之前

对话习惯

按照对话习惯排列按钮

界面中的按钮阅读顺序类似于一个用户和电脑的对话过程,按照日常对话的顺序设计按钮阅读顺序更自然

当用户修改了一项设置,用户最有可能的行为是保存这项变更,会有优先问是否保存,然后才是是否要离开

易操作性

对于一组按钮来说(常见于工具栏),一般最左边和最右边放主按钮/高频操作,较低频操作放中间

原因在于用户的浏览模式从左到右,会更容易注意到视觉的起点和终点,其次对于操作鼠标来说对边角的按钮更容易被定位到

按钮的视觉强度

一级按钮

一级按钮通常是主按钮,突出“完成”、“推荐”的操作,一个按钮区最多一个主按钮,也可以没有主按钮

二级按钮

可用于所有次要的按钮行动,如有许多具有相似重要性的行动在一个屏幕上,或不确定要选择哪种按钮,次要按钮永远是最安全的选择

三级按钮

没有外边框,用链接色突出,例如文字按钮

其他

不是非常规范的按钮,用于满足复杂的个性化需求。这类图标需要保证用户易于识别,比如纯图标有必须要hover显示提醒

按钮大小

高度

视觉层面,根据按钮区域大小限制按钮高度

宽度

视觉层面,限制最小宽度和最大宽度,当文字长度超出按钮最大长度,超出部分使用省略号表示,其次也可以通过缩小字号的方式

相关思维导图模板

B端UI界面交互设计规范概述思维导图

树图思维导图提供 B端UI界面交互设计规范概述 在线思维导图免费制作,点击“编辑”按钮,可对 B端UI界面交互设计规范概述  进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:79063529f24ae381987b3ee115243c2b

B端UI界面交互设计规范-UI交互通用规范思维导图

树图思维导图提供 B端UI界面交互设计规范-UI交互通用规范 在线思维导图免费制作,点击“编辑”按钮,可对 B端UI界面交互设计规范-UI交互通用规范  进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:c2598910dc245495b4236fc5d3b076fa