UX 设计：用于更改相同信息视图的选项卡与单选按钮
UX Design: Tabs vs Radio for changing views of same information
我们有一个应用程序，用户可以在其中查看有关应用程序的配置信息。配置是一个属性列表——每个属性都有：key、value 和 category。
我们正在讨论是使用选项卡还是单选按钮来在查看配置的普通视图和高级视图之间切换。
示例[正常]：
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
是否有使用制表符或单选框或其他选择器在 views/modes 之间切换的标准？
Google 的 Material 设计有一个标准。其中许多可以普遍应用于项目，而无需涵盖 Material 设计的各个方面。
他们在标准化控件的使用方面做得很好。选项卡总是意味着在相同信息的不同视图之间切换，尽管它们并不总是以这种方式实现。 https://material.google.com/components/tabs.html
单选按钮旨在作为一种从一组中选择一个项目的方式，尽管我也曾使用它们来切换视图。
https://material.google.com/components/selection-controls.html#selection-controls-checkbox
如果你想遵循一个已知的标准，那就是。
您的项目可能有其他限制，这些限制会使标签的使用变得不合理。也就是说，如果您可以节省 space，并且不介意在页面中引入新的导航元素，那么一定要使用制表符。
我们有一个应用程序，用户可以在其中查看有关应用程序的配置信息。配置是一个属性列表——每个属性都有：key、value 和 category。
我们正在讨论是使用选项卡还是单选按钮来在查看配置的普通视图和高级视图之间切换。
示例[正常]：
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
是否有使用制表符或单选框或其他选择器在 views/modes 之间切换的标准？
Google 的 Material 设计有一个标准。其中许多可以普遍应用于项目，而无需涵盖 Material 设计的各个方面。
他们在标准化控件的使用方面做得很好。选项卡总是意味着在相同信息的不同视图之间切换，尽管它们并不总是以这种方式实现。 https://material.google.com/components/tabs.html
单选按钮旨在作为一种从一组中选择一个项目的方式，尽管我也曾使用它们来切换视图。 https://material.google.com/components/selection-controls.html#selection-controls-checkbox
如果你想遵循一个已知的标准，那就是。
您的项目可能有其他限制，这些限制会使标签的使用变得不合理。也就是说，如果您可以节省 space，并且不介意在页面中引入新的导航元素，那么一定要使用制表符。