用户界面 - UX 设计:用于更改相同信息的视图的选项卡与收音机



我们有一个应用程序,用户可以在其中查看有关应用程序的配置信息。配置是属性列表 - 每个属性具有:键、值和类别。

我们正在争论使用选项卡或单选按钮在查看配置的正常视图和高级视图之间切换。

示例 [正常]:

Memory for App - 5MB
Persistant Storage - 5GB
My Awesome Varaible - abc

示例 [高级]:

app.memory - 5 - SYS_PARAM
app.storage - 5 - SYS_PARAM
my.awesome.var - abc - USER_PARAM

是否有使用选项卡或单选符或其他选择器在视图/模式之间切换的标准?

谷歌的材料设计有一个标准。其中许多可以应用于项目,而无需涵盖材料设计的各个方面。

他们在标准化控件使用方面做得很好。选项卡始终意味着在同一信息的不同视图之间切换,尽管它们并不总是以这种方式实现。https://material.google.com/components/tabs.html

单选按钮旨在从集合中选择一个项目,尽管我也对使用它们来切换视图感到内疚。https://material.google.com/components/selection-controls.html#selection-controls-checkbox

如果您想遵循已知标准,那就在那里。

您的项目可能具有其他约束,这些约束会使使用选项卡变得不合理。也就是说,如果您可以节省空间,并且不介意在页面中引入新的导航元素,那么一定要使用选项卡。

最新更新