用户体验设计师经常会探讨视觉层级结构。元素在界面中的组织方式,被认为是对用户来说最重要的。在这一过程中,我们引入了现实世界中的类似卡片一样的模型元素。在传统的卡片组中,卡片的大小都是相等的。卡片被放置在其他卡片上或旁边,以传达某些状态或关系。-潍坊达内负责整理
当你在另一张卡片内嵌上一张卡片时,用户的心理模型就会开始崩溃。用户会下意识地开始疑惑这与其他对象的关系,这个时候逻辑就开始变得混乱了。
解决的办法其实也很简单!
不要把它们放在一起,而是把它们放在彼此附近,或者放置在一个版面区域内(好比在一张赌桌上打牌)。
问题七:一个页面有太多的表单元素
我应该有一长串表单输入吗?也许可以分成多个步骤?或者有3列的表单输入,所以它们都适合放在同一个界面上?
争论的点:
「用户不喜欢滚动」
主要问题在于页面数量或者表单数量,一次只能在界面中显示多少表单。像按钮一样,应该尽可能减少到最小程度,这仍然需要考虑上下文和易用性。
1. 使用单列
最好的做法是把输入表单维持在一列。这样用户的眼睛就能够很自然地看下来,并且也能很方便的检查每个输入内容。

2. 逻辑流畅
有时,你的输入字段是用户即将开始的旅程,或者对他们会造成严重的后果(比如:税务单)。这是将字段分割为多个页面的最佳时机。
这给了你一些视觉空间来创造一些喘息的机会,并向用户解释他们在做什么,以及为什么它很重要。
3. 下拉菜单
如果真有1-5个选项,就不要将它们放在下拉菜单中。我知道那样看起来可能会更加优雅,但是对用户来说却并不方便。采用单选按钮会是一个很友好的方式。
UX Collective--设计更好的表格(#/design-better-forms-96fadca0f49c?epik=0KSYeE_IWH4Bw)
Stackoverflow--单页还是多页?(#/questions/36956/single-page-or-multi-page-forms)
以上就是潍坊达内给大家做的内容详解,更多关于UI的学习,请继续关注潍坊达内