iPhone UX 输入 2 个值并计算第三个值？
我试图在 iPhone 上呈现一个视图，要求用户提供 3 个值中的任意 2 个，并使用它们来计算第三个值。我在可用性方面有点挣扎。
一种选择是三行，每行有一个标签、文本字段和按钮。无论点击的按钮位于哪一行，都将计算该值。我不太喜欢这种方法，因为它有两个按钮使视图变得混乱。
我希望能够使用一个按钮，如果用户只输入了 2 个值，那么这是可行的。我可以计算空值。
另一种情况是自动清除第三个文本字段，使其始终为空。 （例如，输入值 1，输入值 2，清除值 3，点击按钮，将计算值 3）我认为用户会很难像这样清除文本字段。
有可用性专家可以提供更好的解决方案吗？
I'm trying to present a view on the iPhone which asks a user for any 2 of 3 values and using them to calculate the third value. I'm struggling a bit with the usability.
One option is to have three rows each with a label, textfield and button. Whichever row the tapped button is on is the value that will be calculated. I'm not terribly fond of that approach as it clutters the view with two many buttons.
I'd like to be able to use one button which would be doable if the user only ever entered 2 values. I could calc the empty value.
Another scenario would be to automatically clear out the third text field so it's always empty. (for example, enter Value 1, enter Value 2, clear Value 3, tap button and value 3 would be calculated) I think that users would struggle with having text fields cleared out like that.
Can any usability experts provide a nicer solution?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
也许摆脱按钮？
只需使用最后两个输入的值即可连续确定第三个值。
那行得通吗？
Maybe get rid of the button?
Just use the last two entered values to determine the third continuously.
Would that work?
怎么样：
从所有字段开始为空。用户在字段 A 中输入一些内容，它会“突出显示”（绿色边框？）。
用户在字段 B 中输入一些内容，它也会突出显示。此时，字段 C 变灰，并且“确定/取消”按钮变为启用状态。
点击“确定”，将计算字段 C 值，然后启用所有字段。 （也许字段 C 以不同的颜色突出显示以显示刚刚发生的情况。）
点击取消并启用所有字段。如果您现在开始编辑字段 C，字段 B 将变灰，并启用“确定/取消”。
不管怎样，在任何时候你都会有最后两个编辑字段+第三个灰色字段。
否则，采用您的初始解决方案，但在每一行上，使用小图标来指示“计算”，而不是全尺寸的按钮。更混乱，但更容易理解。
How about this:
Start out with all fields blank. User enters something in field A, it becomes "highlighted" (green border?).
User enters something in field B, it too becomes highlighted. At this point, field C is grayed out, and the OK/Cancel buttons become enabled.
Tap OK and field C value is calculated, then all fields enabled. (Maybe field C is highlighted in a different color to show what just happened.)
Tap cancel and all fields enabled. If you now start editing field C, field B becomes grayed out, OK/Cancel enabled.
Anyway, at any point you have last-two-fields-edited + 3rd grayed-out field.
Otherwise, take your initial solution but on each row, instead of a full-sized button, use a small icon to indicate "calculate." More clutter, but easier to understand.
创建一个左侧带有小灰色图标的自定义文本字段，表示这是计算值。
点击任意编辑框的左侧即可“移动”计算属性。
Make a custom text field with a little gray icon on the left-hand side which indicates that this is the calculated value.
Tap the left of any edit box to 'move' the calculated property.
UIPicker 有两行可供选择，那么第三个字段是根据选择器更改时选择的任意两个字段计算的？
我认为更详细地了解您正在选择的物品种类以及可供选择的物品数量可能会有所帮助。
UIPicker with two rows to choose, then the third field is calculated from whatever two are chosen whenever the picker changes?
I think it might help to have a little more detail on what kinds of things you are choosing and the possible number of items to choose from.