usability - 寻找允许从集合中选择 N 个元素并定义默认值的 UI 元素示例

Question

想象一下，我的应用程序有一个支持的语言列表。我正在寻找一个 UI 元素，它允许选择支持的语言的子集并将其中一种语言设为默认语言。

起初，我想使用一个包含两个复选框列的列表，但是当她在“默认”列中激活一个时，用户会感到惊讶，因为这将取消选择当前默认值。我可以使用单选按钮，但这也感觉很笨重（而且浪费了屏幕空间）。

下一个想法是有两个列表，一个包含可用语言，一个包含活动语言。但是在这种情况下，用户将如何选择默认值呢？

Answer 1

我们当前的解决方案适用于两个列表：

 Active                 Available

 * English              Italian
 French        <=>      Greek
 German

您可以在列表之间拖放元素以激活或不激活语言。左列表的第一个元素是“默认”。在 UI 中，我们赋予它一种特殊的风格，让用户可以很容易地识别出“这种语言很特别”。工具提示（和文档）显示“这是默认语言”。

要选择不同的默认语言，只需将左侧的一个元素拖到列表顶部即可。