发布时间:2020-2-27 分类: 电商动态
在APP设计中,有许多具有相似功能和用途的组件。如何正确使用这些组件?这些组件有什么区别?看看作者的解释。
iOS和Android设计应用程序涉及许多组件。不同的场景使用不同的组件本文介绍了六种常见类似组件的差异和用法。
警报框和操作表
标签栏和工具栏
底部床单和菜单
选择器和操作表
下拉菜单,操作表和活动视图控制器
小吃和烤面包
首先是警报框(警报)和底部操作列表(操作表)
警告框是传达应用程序或设备的某些状态的信息,通常要求用户单击该操作。
底部操作列表显示了一系列与用户触发的操作直接相关的选项,包括两个或更多按钮。
使用底部操作列表通常有三个以上的操作,使用警告框或底部操作列表进行一个或两个操作。
例如:iOS本机邮箱,点击“更多”。出现底部操作列表,显示四个操作选项。 Twitter的退出登录只需要第二次确认即可使用警报框。
警报和操作表的混淆主要用于二次确认。例如,WeChat的注销使用底部动作列表,而qq使用警告框。
警报和操作表之间的区别与使用情况不同:
警告框侧重于提示文本;进一步表明提示文本的内容具有更高的优先级;
底部操作列表侧重于选择按钮;此外,选择按钮的功能具有更高的优先级;
当按钮为0-2时,建议使用警告框;
当按钮为2-n时,建议使用底部操作列表;
当然,某些场景需要强大的阻止操作,例如提示没有网络,版本升级,这需要一个警告框;
具体情况可根据产品进行处理。例如,微信退出底层操作列表登录,阻塞不强,用户中断程度低;
第二,标签栏(工具栏)和工具栏(工具栏)
标签栏:让用户在不同的子任务,视图和模式之间切换。
工具栏:用于操纵当前屏幕上的对象的组件。在iPhone上,工具栏始终位于屏幕的底部,而在iPad上,它可能显示在顶部
例如:应用商店底部的标签栏和iOS本机邮件详细信息的底部工具栏
标签栏和工具栏之间的区别:
标签栏允许用户在不同视图之间切换,例如应用程序商店,单击游戏选项卡,以及输入游戏内容的界面,因此视图切换与标签栏相关。
工具栏是当前界面内容的操作,如删除iOS本机邮件点击工具栏,删除当前邮件。因此,与当前页面相关的操作是标签栏。
第三,底部工作表和菜单(菜单)
底部操作栏:从屏幕底部边缘向上滑动以向用户显示一组功能的面板。底部操作栏提供了一个场景,其中需要向用户提供三个或更多操作以供选择,并且不需要对操作的附加解释。
底部操作栏可以是列表样式或检查器样式。
菜单:菜单是一张临时纸,由按钮,动作,指针或包含至少两个菜单项的其他控件触发。
每个菜单项都是离散选项或操作,可以影响应用程序,视图或视图中的选定按钮。
例如:微信公众号点击更多,出现底部操作栏;微信会话列表长按菜单,点击退出出现的菜单
总结底部工作表和菜单之间的区别:
如果只有两个或更少的操作,或者您需要详细描述它们,请考虑使用菜单或提示。
长按,大多数情况下使用菜单(菜单)
第四,选择器和底部操作列表
对于互斥的单选,请使用选择器。选择器的优点是它可以来回切换,并且由于选择器内的内容滚动,它可以容纳很多选项。
例如,要搜索应用程序的早期版本,请选择当前状态,然后使用底部操作列表。这是错的。底部操作列表是操作选项而不是选择它们。当前版本已更改为选择器。
5.下拉菜单,操作表和活动视图控制器
下拉菜单:通常用于提供快速输入。将用户转移到其他操作任务。
底部动作列表:显示与用户触发的动作直接相关的一系列选项,包括两个或更多按钮。
Active View Controller:是一个临时视图,列出了可以特定于页面的系统服务和自定义服务的列表。
例如,在支付宝中,点击“更多”,然后会出现下拉菜单。点击微信公众号码主页“更多”&nd;出现底部操作列表。在公开历史文章中,点击“更多””出现视图控制器。
下拉菜单,底部操作列表和动态视图控制器之间的区别:
如果操作选项是提供下一个操作任务条目,请使用下拉菜单;
如果它是当前操作的一部分,请使用活动视图控制器;
如果它是对当前页面内容的操作,请使用底部操作列表;
六,小吃吧和烤面包
Snackbar是一种轻量级的操作反馈机制,通常采用小型弹出框的形式,显示在手机屏幕下方或桌面左下方。它们出现在屏幕所有图层的顶部,包括浮动操作按钮。
超时后或当用户在屏幕上的其他位置触摸它们时,它们将自动消失。 Snackbar可以在屏幕的其他区域滑动。当它们出现时,它们不会阻止用户在屏幕上的输入,并且它们不支持输入。
屏幕上只能同时显示一个Snackbar。
Toast主要用于提示系统消息。 Toast与Snackbar非常相似,但Toast不包含操作,无法从屏幕的其他区域刷掉,文本内容左对齐。
文章中讨论的吐司和小吃店主要针对Android方面。当然,iOS设计规范使用了很多东西。我只是在使用小吃吧的gmail中看到它。
总结一下snackbar和toast之间的区别:
1.toast作为信息的反馈提示,可以携带更多提示。建议在提示很长时使用taost,并且复制栏必须非常苛刻
2.如果您在提示消息中嵌入操作,使用快餐栏,如微信收集,您可以在小吃店添加操作按钮来收集标签。
3.toast相对于小吃吧,提示强度略低。
专栏
UX,微信公众号:UEDC,每个人都是产品经理专栏作家。曾任华为ITUX互动小组组长,现为美国Mission Mission高级互动设计师。
这篇文章最初发表。未经许可,禁止复制
该地图来自Unsplash,基于CC0协议